:root {
  --atlas-blue: #1565c0;
  --atlas-green: #2e7d32;
  --atlas-teal: #00838f;
  --atlas-bg: #f4f6f9;
}
body { background: var(--atlas-bg); font-family: "Segoe UI", system-ui, -apple-system, sans-serif; }
.topbar {
  background: linear-gradient(90deg, #0d47a1, #1565c0);
  color: #fff; padding: .6rem 1rem;
  display: flex; align-items: center; gap: .75rem;
  position: sticky; top: 0; z-index: 1000;
}
.topbar .brand { color: #fff; text-decoration: none; font-size: 1.15rem; }
.topbar-right { margin-left: auto; display: flex; gap: .5rem; align-items: center; }
.user-badge small { opacity: .8; }
.shell { display: flex; min-height: calc(100vh - 110px); }
.sidebar { width: 220px; background: #fff; border-right: 1px solid #e3e6ea; padding: 1rem .6rem; display: flex; flex-direction: column; }
.sidebar nav { display: flex; flex-direction: column; gap: 2px; }
.nav-item { padding: .55rem .7rem; border-radius: .5rem; color: #333; text-decoration: none; display: flex; gap: .5rem; align-items: center; }
.nav-item:hover { background: #e8f0fe; color: var(--atlas-blue); }
.nav-item.active { background: #e8f0fe; color: var(--atlas-blue); font-weight: 600; }
.nav-item .ico { width: 1.5rem; text-align: center; }
.side-foot { margin-top: auto; text-align: center; color: #999; }
.main { flex: 1; padding: 1.25rem; max-width: 1280px; }
.page-title { font-size: 1.4rem; font-weight: 700; color: #123; }
.footer { text-align: center; padding: .8rem; color: #888; font-size: .85rem; }
.kpi { border: none; border-left: 5px solid; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.kpi-num { font-size: 1.5rem; font-weight: 800; }
.kpi-label { color: #666; font-size: .85rem; }
.kpi-blue { border-color: var(--atlas-blue); } .kpi-green { border-color: var(--atlas-green); }
.kpi-teal { border-color: var(--atlas-teal); } .kpi-amber { border-color: #ef6c00; } .kpi-red { border-color: #c62828; }
.badge.st-agendado { background: #90a4ae; } .badge.st-confirmado { background: #1565c0; }
.badge.st-em_atendimento { background: #6a1b9a; } .badge.st-atendido { background: #2e7d32; }
.badge.st-cancelado { background: #616161; } .badge.st-faltou { background: #c62828; }
.badge.st-pendente { background: #ef6c00; } .badge.st-pago { background: #2e7d32; } .badge.st-atrasado { background: #c62828; }
tr.row-alergia td:first-child { border-left: 4px solid #c62828; }
tr.row-alerta td:first-child { border-left: 4px solid #ef6c00; }
.week-nav { display: flex; gap: .4rem; overflow-x: auto; }
.week-day { background: #fff; border: 1px solid #ddd; border-radius: .5rem; padding: .4rem .7rem; text-decoration: none; color: #333; text-align: center; min-width: 72px; display: flex; flex-direction: column; }
.week-day.active { background: var(--atlas-blue); color: #fff; border-color: var(--atlas-blue); }
.login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #0d47a1, #00838f); padding: 1rem; }
.login-card { background: #fff; border-radius: 1rem; padding: 2rem; width: 100%; max-width: 400px; box-shadow: 0 10px 40px rgba(0,0,0,.25); }
.login-logo { font-size: 2rem; text-align: center; }
@media (max-width: 767px) {
  .sidebar { position: fixed; left: -240px; top: 52px; bottom: 0; z-index: 999; transition: left .2s; box-shadow: 2px 0 8px rgba(0,0,0,.15); }
  .sidebar.open { left: 0; }
  .main { padding: .8rem; }
}