/* SMART Plus+ V44 — one coherent shell for the command center.
   Scoped to body.command-v35: standalone health, attendance and GPS remain unchanged.
   Uses colors from the existing brand: forest, soft jade and gold. */
:root{--v44-canvas:#eaf3ee;--v44-surface:#f5faf7;--v44-paper:#fff;--v44-line:#d8e7dc;--v44-ink:#113c2d;--v44-deep:#064735;--v44-gold:#eabd58;--v44-shadow:0 24px 76px rgba(5,55,37,.13)}
html{background:var(--v44-canvas)}
body.command-v35{background:radial-gradient(ellipse at 2% 0%,#daeae0,transparent 37%),linear-gradient(145deg,#eaf2ed,#f3f8f5 60%,#e6f1ea)!important;min-height:100dvh;color:var(--v44-ink)}
/* The navigation and canvas are two halves of one rounded application window. */
body.command-v35 .app-shell{
 width:calc(100% - 28px)!important;max-width:2048px!important;
 margin:14px auto!important;padding:0!important;gap:0!important;position:relative!important;
 display:flex!important;align-items:stretch!important;min-height:calc(100dvh - 28px)!important;
 background:var(--v44-surface)!important;border:1px solid #cedfd4!important;
 border-radius:28px!important;box-shadow:var(--v44-shadow),inset 0 1px 0 rgba(255,255,255,.6)!important;
}
body.command-v35 .sidebar{
 position:sticky!important;top:14px!important;align-self:flex-start!important;
 height:calc(100dvh - 28px)!important;min-height:calc(100dvh - 28px)!important;max-height:calc(100dvh - 28px)!important;
 border-radius:27px 0 0 27px!important;
 border:0!important;border-right:1px solid #2a6c54!important;
 background:
  radial-gradient(circle at 55% -3%,rgba(235,181,71,.13),transparent 30%),
  radial-gradient(circle at 3% 66%,rgba(31,151,104,.19),transparent 40%),
  radial-gradient(circle at center,rgba(233,189,94,.045) 1px,transparent 1.6px) 0 0/22px 22px,
  linear-gradient(173deg,#073b2f 0%,#07503c 43%,#064331 100%)!important;
 box-shadow:6px 0 18px rgba(6,65,43,.07)!important;
 overflow-y:auto!important;overflow-x:hidden!important;
}
/* Emblem belongs to the navigation material, rather than floating on a separate black block. */
body.command-v35 .sidebar .brand.brand-v42.brand-v43{
 margin:0 0 14px!important;padding:13px 10px 16px!important;
 border:1px solid rgba(213,226,211,.12)!important;border-bottom:1px solid rgba(234,191,92,.24)!important;
 border-radius:20px!important;
 background:radial-gradient(ellipse at 50% 43%,rgba(35,112,86,.34),rgba(5,51,40,.76) 74%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 26px rgba(0,39,27,.12)!important;
}
body.command-v35 .sidebar .brand-v43 .brand-v43-wide{
 filter:drop-shadow(0 8px 16px rgba(0,24,25,.17))!important;
 -webkit-mask-image:radial-gradient(ellipse 83% 81% at 50% 49%,#000 56%,transparent 99%)!important;
 mask-image:radial-gradient(ellipse 83% 81% at 50% 49%,#000 56%,transparent 99%)!important;
}
body.command-v35 .sidebar .brand-v43 .brand-v43-label{color:#dbece0!important;font-size:11px!important;letter-spacing:.25px!important}
body.command-v35 .sidebar-tools{margin-top:0!important}
body.command-v35 .sidebar .nav-item:focus-visible,body.command-v35 .sidebar summary:focus-visible,body.command-v35 .sidebar-toggle-desktop:focus-visible{outline:3px solid #f4ca67!important;outline-offset:2px!important}
/* Bright control surface is intentionally tinted rather than stark white. */
body.command-v35 .main{
 min-width:0!important;flex:1 1 0!important;overflow:visible!important;
 background:radial-gradient(circle at 93% 8%,rgba(164,221,181,.14),transparent 26%),linear-gradient(160deg,#f9fcf9 0%,#f2f8f4 47%,#f7fbf8 100%)!important;
 border-radius:0 27px 27px 0!important;
 box-shadow:inset 1px 0 0 rgba(224,236,225,.8)!important;
}
body.command-v35 .topbar{
 top:14px!important;min-height:96px!important;
 background:linear-gradient(110deg,#ebf7ee 0%,rgba(250,253,250,.97) 35%,rgba(255,255,255,.97) 100%)!important;
 border:0!important;border-bottom:1px solid #d7e8dc!important;
 border-radius:0 27px 0 0!important;
 box-shadow:0 10px 30px rgba(16,91,58,.045)!important;
}
body.command-v35 .topbar::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#cba650,#6daf86,#dcebdc);opacity:.64;pointer-events:none}
body.command-v35 .topbar-title h1{color:#074c37!important}
body.command-v35 .topbar-title .eyebrow{color:#698d7b!important}
body.command-v35 .topbar-sub{color:#638375!important}
body.command-v35 .content{background:transparent!important;padding-bottom:38px!important}
body.command-v35 footer{
 background:linear-gradient(90deg,rgba(233,247,237,.93),rgba(255,255,255,.97))!important;
 border-top:1px solid var(--v44-line)!important;border-radius:0 0 27px 0!important;color:#5f7c6d!important;
}
/* Apply a unified visual weight to the dashboard card system, without touching map behaviors. */
body.command-v35 .command-overview .cmd-live-conditions-v42,
body.command-v35 .command-overview .cmd-telemetry,
body.command-v35 .command-overview .cmd-lower-card,
body.command-v35 .command-overview .cmd-kpi,
body.command-v35 .command-overview .cmd-activity-card,
body.command-v35 .command-overview .cmd-panel{
 border-color:var(--v44-line)!important;
 box-shadow:0 13px 31px rgba(11,75,49,.055)!important;
}
body.command-v35 .command-overview .cmd-intro h2{color:#073f30!important}
body.command-v35 .command-overview .cmd-intro h2 em{color:#05835a!important}
body.command-v35 .command-overview .cmd-intro p{color:#688277!important}
/* Compact rail keeps the logo mark and the shell joined seamlessly. */
body.command-v35 .app-shell.sidebar-collapsed .sidebar .brand.brand-v43{
 border-radius:16px!important;padding:8px 3px 13px!important;
}
body.command-v35 .app-shell.sidebar-collapsed .sidebar .brand-v43 .brand-v43-compact{
 border-color:rgba(238,190,92,.52)!important;background:#083b30!important;
}
@media(max-width:1200px) and (min-width:901px){
 body.command-v35 .app-shell{width:calc(100% - 20px)!important;margin:10px auto!important;min-height:calc(100dvh - 20px)!important;border-radius:24px!important}
 body.command-v35 .sidebar{top:10px!important;height:calc(100dvh - 20px)!important;min-height:calc(100dvh - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:23px 0 0 23px!important}
 body.command-v35 .main{border-radius:0 23px 23px 0!important}
 body.command-v35 .topbar{top:10px!important;border-radius:0 23px 0 0!important}
}
/* On phones and smaller tablets, main fills the viewport; the navigation is an overlay drawer. */
@media(max-width:900px){
 html,body.command-v35{background:#f5faf7!important}
 body.command-v35 .app-shell{width:100%!important;margin:0!important;min-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 body.command-v35 .main{border-radius:0!important;background:linear-gradient(180deg,#f7fcf8,#f2f9f4)!important;box-shadow:none!important}
 body.command-v35 .topbar{top:0!important;border-radius:0!important;background:linear-gradient(90deg,#eef9f1,#fff)!important}
 body.command-v35 footer{border-radius:0!important}
 body.command-v35 .sidebar,body.command-v35 .app-shell.sidebar-collapsed .sidebar{
  position:fixed!important;top:0!important;left:-310px!important;bottom:0!important;
  width:286px!important;min-width:286px!important;min-height:100dvh!important;max-height:100dvh!important;height:100dvh!important;
  border-radius:0 24px 24px 0!important;box-shadow:22px 0 70px rgba(0,48,35,.23)!important;
 }
 body.command-v35 .sidebar.open,body.command-v35 .app-shell.sidebar-collapsed .sidebar.open{left:0!important}
 body.command-v35 .sidebar .brand.brand-v42.brand-v43{padding:10px 9px 12px!important}
}
@media(max-width:580px){
 body.command-v35 .topbar{background:linear-gradient(90deg,#ecf8ef,#fff 75%)!important}
 body.command-v35 .content{padding-bottom:98px!important}
}
@media(prefers-reduced-motion:reduce){body.command-v35 .sidebar .brand-v43-wide{animation:none!important}}