/* ── Layout ───────────────────────────────────────────────────────────────── */
.wrapper { min-height: 100vh; }

.sidebar {
  width: 240px;
  min-height: 100vh;
  flex-shrink: 0;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  transition: width 0.25s ease;
}

.sidebar-link {
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  transition: background 0.15s;
}
.sidebar-link:hover  { background: rgba(255,255,255,0.12) !important; }
.sidebar-link.active { background: #3B82F6 !important; }

.main-content { min-width: 0; }

.topbar {
  position: sticky;
  top: 0;
  z-index: 100;
  min-height: 52px;
}

.content-body { min-height: calc(100vh - 52px); }

/* ── Login page ───────────────────────────────────────────────────────────── */
.login-bg {
  background: linear-gradient(135deg, #1E3A5F 0%, #3B82F6 100%);
}
.login-card { border-radius: 16px; }

/* ── Cards ────────────────────────────────────────────────────────────────── */
.card { border-radius: 12px; }
.card-header { border-radius: 12px 12px 0 0 !important; }

/* ── Tables ───────────────────────────────────────────────────────────────── */
.weekly-table th,
.weekly-table td { white-space: nowrap; font-size: 0.82rem; }

table th { font-size: 0.82rem; }

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

/* ── Scrollbar (sidebar) ──────────────────────────────────────────────────── */
.sidebar::-webkit-scrollbar { width: 4px; }
.sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 4px; }

/* ── Responsive: collapse sidebar on small screens ───────────────────────── */
@media (max-width: 768px) {
  .sidebar { width: 0; overflow: hidden; position: fixed; z-index: 200; }
  .sidebar.open { width: 240px; }
  .main-content { width: 100%; }
}

/* ── Metric cards ─────────────────────────────────────────────────────────── */
.metric-card {
  border-radius: 12px;
  padding: 1.25rem;
  text-align: center;
  border: none;
}