/* Smart Nutrition 8.76 — Admin Light / Nutribook-inspired clarity
   Visual-only layer: scoped to professional/admin workspace. */

body.sn-app-open.sn18-admin-mode{
  --sn-lite-bg:#f7f8fa;
  --sn-lite-surface:#ffffff;
  --sn-lite-text:#1f2937;
  --sn-lite-muted:#6b7280;
  --sn-lite-line:#e5e7eb;
  --sn-lite-line-soft:#eef1f4;
  --sn-lite-green:#36a875;
  --sn-lite-green-deep:#24865c;
  --sn-lite-green-soft:#edf8f3;
  --sn-lite-danger:#c85d52;
  --sn-lite-warn:#b7791f;
  background:var(--sn-lite-bg)!important;
  color:var(--sn-lite-text)!important;
}

/* --- application frame --- */
body.sn-app-open.sn18-admin-mode .shell{
  grid-template-columns:224px minmax(0,1fr)!important;
  background:var(--sn-lite-bg)!important;
}
body.sn-app-open.sn18-admin-mode .shell>aside{
  background:#fff!important;
  border-right:1px solid var(--sn-lite-line)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  padding:18px 14px!important;
}
body.sn-app-open.sn18-admin-mode .shell>aside:before,
body.sn-app-open.sn18-admin-mode .shell>aside:after{display:none!important}
body.sn-app-open.sn18-admin-mode .side-brand{
  margin:0 6px 24px!important;
  gap:10px!important;
}
body.sn-app-open.sn18-admin-mode .side-brand strong{
  color:var(--sn-lite-text)!important;
  font-size:15px!important;
  letter-spacing:-.02em!important;
  font-weight:750!important;
}
body.sn-app-open.sn18-admin-mode .side-brand span{
  color:var(--sn-lite-muted)!important;
  font-size:10px!important;
  font-weight:650!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
body.sn-app-open.sn18-admin-mode .side-nav{
  display:grid!important;
  gap:2px!important;
  margin-top:0!important;
}
body.sn-app-open.sn18-admin-mode .sn18-nav-group{
  display:grid!important;
  gap:2px!important;
  margin:0 0 14px!important;
}
body.sn-app-open.sn18-admin-mode .sn18-nav-group>span{
  padding:0 10px 5px!important;
  color:#9ca3af!important;
  font-size:10px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
body.sn-app-open.sn18-admin-mode .side-nav button{
  min-height:40px!important;
  padding:8px 10px!important;
  gap:10px!important;
  border-radius:8px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#4b5563!important;
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  transform:none!important;
}
body.sn-app-open.sn18-admin-mode .side-nav button .sn18-nav-icon{
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#7b8491!important;
  font-size:13px!important;
}
body.sn-app-open.sn18-admin-mode .side-nav button:hover{
  background:#f7f9f8!important;
  border-color:transparent!important;
  color:var(--sn-lite-text)!important;
  transform:none!important;
}
body.sn-app-open.sn18-admin-mode .side-nav button.active{
  background:var(--sn-lite-green-soft)!important;
  border-color:#e3f2eb!important;
  color:var(--sn-lite-green-deep)!important;
  box-shadow:none!important;
}
body.sn-app-open.sn18-admin-mode .side-nav button.active .sn18-nav-icon{
  background:transparent!important;
  color:var(--sn-lite-green-deep)!important;
}

body.sn-app-open.sn18-admin-mode .shell>main{
  padding:0 24px 48px!important;
  background:var(--sn-lite-bg)!important;
}
body.sn-app-open.sn18-admin-mode .topbar{
  position:sticky!important;
  top:0!important;
  z-index:22!important;
  min-height:64px!important;
  margin:0 -24px 22px!important;
  padding:0 24px!important;
  border:0!important;
  border-bottom:1px solid var(--sn-lite-line)!important;
  border-radius:0!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
}
body.sn-app-open.sn18-admin-mode .topbar h1{
  color:var(--sn-lite-text)!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
}
body.sn-app-open.sn18-admin-mode .topbar button,
body.sn-app-open.sn18-admin-mode .topbar .secondary{
  min-height:36px!important;
  padding:7px 12px!important;
  border:1px solid var(--sn-lite-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#4b5563!important;
  font-size:12px!important;
}

/* --- content rhythm --- */
body.sn-app-open.sn18-admin-mode #view{
  max-width:1540px!important;
  margin:0 auto!important;
}
body.sn-app-open.sn18-admin-mode #view>.card,
body.sn-app-open.sn18-admin-mode #view .card,
body.sn-app-open.sn18-admin-mode #view .panel,
body.sn-app-open.sn18-admin-mode #view .admin-detail-panel,
body.sn-app-open.sn18-admin-mode #view .chart-card,
body.sn-app-open.sn18-admin-mode #view .final-profile-card{
  background:#fff!important;
  border:1px solid var(--sn-lite-line)!important;
  border-radius:10px!important;
  box-shadow:none!important;
  color:var(--sn-lite-text)!important;
}
body.sn-app-open.sn18-admin-mode #view .card{padding:18px!important}
body.sn-app-open.sn18-admin-mode #view h1,
body.sn-app-open.sn18-admin-mode #view h2,
body.sn-app-open.sn18-admin-mode #view h3{
  color:var(--sn-lite-text)!important;
  letter-spacing:-.02em!important;
}
body.sn-app-open.sn18-admin-mode #view h2{font-size:18px!important;font-weight:700!important}
body.sn-app-open.sn18-admin-mode #view h3{font-size:14px!important;font-weight:700!important}
body.sn-app-open.sn18-admin-mode #view p,
body.sn-app-open.sn18-admin-mode #view .muted,
body.sn-app-open.sn18-admin-mode #view small{color:var(--sn-lite-muted)!important}

/* --- patient selector header --- */
body.sn-app-open.sn18-admin-mode .sn1833-admin-grid{display:block!important}
body.sn-app-open.sn18-admin-mode .sn1833-selection-bar{
  min-height:78px!important;
  padding:13px 16px!important;
  margin-bottom:14px!important;
  border:1px solid var(--sn-lite-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.sn-app-open.sn18-admin-mode .sn1833-selected-avatar{
  width:42px!important;height:42px!important;
  border-radius:50%!important;
  background:var(--sn-lite-green-soft)!important;
  color:var(--sn-lite-green-deep)!important;
  border:1px solid #dcefe6!important;
  box-shadow:none!important;
  font-size:14px!important;
}
body.sn-app-open.sn18-admin-mode .sn1833-eyebrow{
  color:#9ca3af!important;
  font-size:9px!important;
  letter-spacing:.09em!important;
}
body.sn-app-open.sn18-admin-mode .sn1833-selected-copy strong{font-size:15px!important;color:var(--sn-lite-text)!important}
body.sn-app-open.sn18-admin-mode .sn1833-selected-copy small{font-size:11px!important}
body.sn-app-open.sn18-admin-mode .sn1833-selection-meta{gap:7px!important}
body.sn-app-open.sn18-admin-mode .sn1833-type-badge,
body.sn-app-open.sn18-admin-mode .badge,
body.sn-app-open.sn18-admin-mode .pill{
  min-height:24px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  border:1px solid #dcefe6!important;
  background:var(--sn-lite-green-soft)!important;
  color:var(--sn-lite-green-deep)!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:650!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.sn-app-open.sn18-admin-mode .sn1833-directory-open,
body.sn-app-open.sn18-admin-mode #view .primary{
  background:var(--sn-lite-green)!important;
  border:1px solid var(--sn-lite-green)!important;
  color:#fff!important;
  box-shadow:none!important;
  border-radius:8px!important;
  font-weight:650!important;
}
body.sn-app-open.sn18-admin-mode #view .secondary{
  background:#fff!important;
  border:1px solid var(--sn-lite-line)!important;
  color:#4b5563!important;
  box-shadow:none!important;
  border-radius:8px!important;
}
body.sn-app-open.sn18-admin-mode #view button:hover{transform:none!important;box-shadow:none!important}

/* --- metrics, summary, tabs --- */
body.sn-app-open.sn18-admin-mode #view .metric-grid,
body.sn-app-open.sn18-admin-mode #view .final-kpis,
body.sn-app-open.sn18-admin-mode #view .admin-mini-metrics,
body.sn-app-open.sn18-admin-mode #view .sn18-admin-kpis{
  gap:10px!important;
}
body.sn-app-open.sn18-admin-mode #view .metric,
body.sn-app-open.sn18-admin-mode #view .final-kpi,
body.sn-app-open.sn18-admin-mode #view .stat-tile,
body.sn-app-open.sn18-admin-mode #view .sn18-admin-kpis article{
  min-height:82px!important;
  padding:14px!important;
  border:1px solid var(--sn-lite-line)!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.sn-app-open.sn18-admin-mode #view .metric span,
body.sn-app-open.sn18-admin-mode #view .final-kpi .label,
body.sn-app-open.sn18-admin-mode #view .stat-tile .label{
  color:#8b94a1!important;
  font-size:10px!important;
  font-weight:650!important;
  letter-spacing:.04em!important;
}
body.sn-app-open.sn18-admin-mode #view .metric strong,
body.sn-app-open.sn18-admin-mode #view .final-kpi .value,
body.sn-app-open.sn18-admin-mode #view .stat-tile .value{
  color:var(--sn-lite-text)!important;
  font-size:22px!important;
  font-weight:700!important;
}
body.sn-app-open.sn18-admin-mode #view .admin-detail-tabs,
body.sn-app-open.sn18-admin-mode #view .sn18-admin-tabs{
  gap:3px!important;
  padding:4px!important;
  border:1px solid var(--sn-lite-line)!important;
  border-radius:9px!important;
  background:#f8f9fa!important;
  box-shadow:none!important;
}
body.sn-app-open.sn18-admin-mode #view .admin-detail-tabs button,
body.sn-app-open.sn18-admin-mode #view .sn18-admin-tabs button{
  min-height:34px!important;
  border-radius:6px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#667085!important;
  font-size:11px!important;
  font-weight:600!important;
}
body.sn-app-open.sn18-admin-mode #view .admin-detail-tabs button.active,
body.sn-app-open.sn18-admin-mode #view .sn18-admin-tabs button.active{
  background:#fff!important;
  color:var(--sn-lite-green-deep)!important;
  box-shadow:0 1px 2px rgba(16,24,40,.06)!important;
}

/* --- forms & data tables --- */
body.sn-app-open.sn18-admin-mode #view input,
body.sn-app-open.sn18-admin-mode #view select,
body.sn-app-open.sn18-admin-mode #view textarea{
  background:#fff!important;
  border:1px solid #dfe3e8!important;
  border-radius:7px!important;
  box-shadow:none!important;
  color:var(--sn-lite-text)!important;
  font-size:13px!important;
}
body.sn-app-open.sn18-admin-mode #view input:focus,
body.sn-app-open.sn18-admin-mode #view select:focus,
body.sn-app-open.sn18-admin-mode #view textarea:focus{
  outline:0!important;
  border-color:#91cdb1!important;
  box-shadow:0 0 0 3px rgba(54,168,117,.10)!important;
}
body.sn-app-open.sn18-admin-mode #view table{border-collapse:collapse!important;background:#fff!important}
body.sn-app-open.sn18-admin-mode #view th{
  background:#fafbfc!important;
  color:#7b8491!important;
  font-size:10px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
body.sn-app-open.sn18-admin-mode #view th,
body.sn-app-open.sn18-admin-mode #view td{border-bottom:1px solid var(--sn-lite-line-soft)!important}
body.sn-app-open.sn18-admin-mode #view tr:hover td{background:#fbfdfc!important}

/* --- agenda / lists / patient details --- */
body.sn-app-open.sn18-admin-mode .sn874-agenda-group,
body.sn-app-open.sn18-admin-mode .sn874-admin-next,
body.sn-app-open.sn18-admin-mode .visit-card,
body.sn-app-open.sn18-admin-mode .report-item,
body.sn-app-open.sn18-admin-mode .food-row{
  border:1px solid var(--sn-lite-line)!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.sn-app-open.sn18-admin-mode .sn874-kicker{color:#98a2b3!important;font-size:9px!important;letter-spacing:.08em!important}
body.sn-app-open.sn18-admin-mode .sn874-count{background:#f3f5f6!important;color:#667085!important;border:1px solid var(--sn-lite-line)!important}
body.sn-app-open.sn18-admin-mode .summary{
  background:#f9fbfa!important;
  color:var(--sn-lite-text)!important;
  border:1px solid var(--sn-lite-line)!important;
  border-radius:10px!important;
  box-shadow:none!important;
}

/* --- directory drawer --- */
body.sn-app-open.sn18-admin-mode .sn1833-directory-backdrop{background:rgba(17,24,39,.18)!important;backdrop-filter:blur(1px)!important}
body.sn-app-open.sn18-admin-mode .sn1833-directory-panel{
  background:#fff!important;
  box-shadow:-16px 0 42px rgba(17,24,39,.12)!important;
  border-left:1px solid var(--sn-lite-line)!important;
}
body.sn-app-open.sn18-admin-mode .sn1833-directory-head{border-bottom:1px solid var(--sn-lite-line)!important}
body.sn-app-open.sn18-admin-mode .sn1833-search-box,
body.sn-app-open.sn18-admin-mode .sn1833-filter-row button,
body.sn-app-open.sn18-admin-mode .patient-row{
  border:1px solid var(--sn-lite-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.sn-app-open.sn18-admin-mode .patient-row:hover{background:#fafcfb!important}
body.sn-app-open.sn18-admin-mode .patient-row.active{
  background:var(--sn-lite-green-soft)!important;
  border-color:#cae8d9!important;
  color:var(--sn-lite-text)!important;
}
body.sn-app-open.sn18-admin-mode .patient-row.active span{color:var(--sn-lite-muted)!important}
body.sn-app-open.sn18-admin-mode .sn1833-row-avatar{
  background:#f1f5f3!important;
  color:var(--sn-lite-green-deep)!important;
  border:1px solid #e4ece8!important;
}

/* --- remove decorative weight in admin --- */
body.sn-app-open.sn18-admin-mode #view [class*="hero"]{
  box-shadow:none!important;
}
body.sn-app-open.sn18-admin-mode #view .sn18-admin-hero,
body.sn-app-open.sn18-admin-mode #view .sn184-admin-hero,
body.sn-app-open.sn18-admin-mode #view .admin-hero{
  background:#fff!important;
  border:1px solid var(--sn-lite-line)!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
body.sn-app-open.sn18-admin-mode #view .chart-card svg,
body.sn-app-open.sn18-admin-mode #view .svg-chart{background:#fff!important}

/* --- desktop density --- */
@media(min-width:1180px){
  body.sn-app-open.sn18-admin-mode #view .admin-detail-top{gap:12px!important}
  body.sn-app-open.sn18-admin-mode #view .card+ .card{margin-top:12px!important}
}

/* --- tablet/mobile: keep same visual language --- */
@media(max-width:980px){
  body.sn-app-open.sn18-admin-mode .shell{grid-template-columns:1fr!important}
  body.sn-app-open.sn18-admin-mode .shell>aside{
    width:260px!important;
    background:#fff!important;
    box-shadow:16px 0 40px rgba(17,24,39,.14)!important;
  }
  body.sn-app-open.sn18-admin-mode .shell>main{padding:0 14px 36px!important}
  body.sn-app-open.sn18-admin-mode .topbar{margin:0 -14px 16px!important;padding:0 14px!important;min-height:58px!important}
}
@media(max-width:640px){
  body.sn-app-open.sn18-admin-mode #view .sn1833-selection-bar{align-items:flex-start!important;gap:10px!important}
  body.sn-app-open.sn18-admin-mode .sn1833-selection-meta{width:100%!important;justify-content:flex-start!important}
  body.sn-app-open.sn18-admin-mode #view .card{padding:14px!important}
  body.sn-app-open.sn18-admin-mode #view h2{font-size:16px!important}
}