/* ── Layout ─────────────────────────────────────────────── */
body {
  background-color: #f8f9fa;
}

.cursor-pointer {
  cursor: pointer;
}

/* ── Cards ──────────────────────────────────────────────── */
.card {
  border: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
}

/* ── Tables ─────────────────────────────────────────────── */
.table th {
  font-weight: 600;
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #6c757d;
}

/* ── Navbar ─────────────────────────────────────────────── */
.navbar-brand {
  font-size: 1.1rem;
  letter-spacing: .02em;
}

/* ── Badge tweaks ───────────────────────────────────────── */
.badge {
  font-weight: 500;
}

/* ── Mobile-friendly touch targets ─────────────────────── */
@media (max-width: 576px) {
  .btn {
    min-height: 38px;
  }
  .list-group-item {
    padding: .65rem .9rem;
  }
}

/* ── PWA safe area (notch support) ─────────────────────── */
@supports (padding: env(safe-area-inset-bottom)) {
  .container-fluid {
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
  }
}