/* Subtle, official-ish visual lift */
/* Colors inherit from Bootstrap CSS vars */

:root {
  --brand-accent: var(--bs-primary);
}

html, body { height: 100%; }
body { background: #f4f6f8; }

/* Thin accent line under the top edge */
.top-accent {
  height: 4px;
  background: linear-gradient(90deg, var(--brand-accent), #6ea8fe 70%, #9ec5fe);
}

/* Container sizing similar to your previous "narrow" */
.container-narrow { max-width: 1200px; margin: 20px auto; }

/* Map block visual polish (if used) */
#map { height: 70vh; width: 100%; border-radius: 12px; box-shadow: 0 8px 18px rgba(0,0,0,.08); }

/* Light shadow for navbar */
.shadow-xs { box-shadow: 0 .25rem .5rem rgba(0,0,0,.04); }

/* Slight letter-tightening for brand */
.tracking-tight { letter-spacing: -.2px; }

/* Glassy card accent */
.glass {
  backdrop-filter: saturate(115%) blur(3px);
  -webkit-backdrop-filter: saturate(115%) blur(3px);
}

/* Table tweaks */
.table th { font-weight: 600; }
.table td, .table th { vertical-align: middle; }

/* Minor transitions */
.btn, .nav-link { transition: all .15s ease; }
.nav-link:hover { opacity: .85; }

#client-log { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }
.badge-out { background:#dc3545; }
.badge-in { background:#198754; }