/* GUARDER OS v3.5 TITAN FINAL — dashboard finishing layer
   Visual-only refinement. No business logic/data structures are changed. */
:root{
  --titan-blue:#1d9cff;
  --titan-cyan:#35e7ff;
  --titan-green:#35eb93;
  --titan-gold:#ffb234;
  --titan-red:#ff5966;
  --titan-violet:#9279ff;
  --titan-panel-stroke:#165175;
  --titan-soft-stroke:#0f3853;
}

/* Slightly richer command-center shell */
.app-shell{
  background:
    radial-gradient(circle at 70% 8%,rgba(20,117,190,.13),transparent 28%),
    radial-gradient(circle at 25% 45%,rgba(14,72,125,.08),transparent 30%),
    linear-gradient(180deg,#020812 0%,#020711 100%);
}
.sidebar{
  border-right-color:#10527a;
  box-shadow:14px 0 44px rgba(0,0,0,.28),inset -1px 0 rgba(48,202,255,.035);
}
.nav-menu button{
  min-height:38px;
  padding:10px 12px;
  font-size:12.5px;
  color:#9fb4c7;
}
.nav-menu button span{filter:drop-shadow(0 0 5px rgba(48,184,255,.18))}
.nav-menu button.active{
  border-color:#1c9cea;
  box-shadow:inset 3px 0 #35e7ff,0 0 22px rgba(18,137,220,.16),inset 0 0 24px rgba(25,143,225,.07);
}
.sidebar-status{border-top-color:#104669}
.topbar{
  height:74px;
  border-bottom-color:#10527a;
  box-shadow:0 10px 30px rgba(0,0,0,.24),inset 0 -1px rgba(43,211,255,.025);
}
.topbar h2{font-size:18px;letter-spacing:.025em}
.global-search{height:38px;border-color:#185577;background:#05121f}

/* Dashboard breathing room */
#dashboard{
  padding:18px 20px 22px;
  background-size:42px 42px;
}
#dashboard:before{
  background:
    radial-gradient(circle at 27% 30%,rgba(29,156,255,.075),transparent 27%),
    radial-gradient(circle at 77% 8%,rgba(53,231,255,.052),transparent 23%),
    linear-gradient(180deg,transparent 70%,rgba(8,77,126,.025));
}
.titan-command-head{margin-bottom:14px}
.titan-command-head h1{font-size:25px;letter-spacing:.04em}
.titan-command-head h1 span{font-size:11px;color:#43bfff}
.titan-command-head .muted{font-size:10.5px;color:#6f8da5}
.titan-command-head .mission-status{width:142px;padding:10px 13px;border-color:#1a5a82;box-shadow:inset 0 0 22px rgba(22,141,255,.04)}

/* KPI: bigger numbers + clearer hierarchy */
.titan-kpi-grid{gap:12px;margin-bottom:12px}
.titan-kpi{
  grid-template-columns:48px minmax(0,1fr);
  gap:12px;
  min-height:96px;
  padding:14px 15px;
  border-color:#174a6b;
  background:linear-gradient(145deg,rgba(7,22,37,.985),rgba(3,12,22,.99));
  box-shadow:inset 0 0 28px rgba(29,156,255,.025),0 8px 22px rgba(0,0,0,.16);
}
.titan-kpi:after{left:10%;right:10%;height:1.5px;opacity:.95}
.titan-kpi-icon{
  width:44px;height:44px;border-radius:11px;font-size:19px;
  box-shadow:inset 0 0 20px rgba(22,141,255,.1),0 0 12px rgba(22,141,255,.06);
}
.titan-kpi small{font-size:10.5px;color:#b2c6d7}
.titan-kpi b{margin-top:4px;font-size:22px;letter-spacing:-.025em}
.titan-kpi em{margin-top:6px;font-size:8.5px;color:#64acd8}

/* Main command layout */
.titan-command-grid{
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(270px,.58fr);
  gap:12px;
}
.titan-panel{
  border-color:var(--titan-panel-stroke)!important;
  background:linear-gradient(145deg,rgba(5,18,31,.99),rgba(3,11,20,.995))!important;
  box-shadow:inset 0 0 44px rgba(29,156,255,.024),0 10px 28px rgba(0,0,0,.24)!important;
  padding:15px!important;
}
.titan-panel:before{width:72px;height:1.5px;background:#2bb8ff;box-shadow:0 0 13px rgba(43,184,255,.75)}
.titan-panel-head{padding-bottom:11px!important;margin-bottom:11px!important;border-bottom-color:#14425f!important}
.titan-panel-head h3{font-size:14px!important}
.titan-panel-head .eyebrow{font-size:7.5px;color:#34bce8}
.titan-panel .text-btn{font-size:8.5px;color:#4ac7ff}

/* Make central map the visual anchor */
.titan-map-panel,.titan-chart-panel{min-height:474px}
.titan-map-layout{grid-template-columns:102px minmax(0,1fr);height:408px;gap:10px}
.titan-region-list{gap:8px;padding:9px 2px 0}
.titan-region-list>div{font-size:9.5px}
.titan-region-list strong{font-size:12px}
.titan-map-canvas{
  border-color:#145274;
  background:
    radial-gradient(circle at 50% 49%,rgba(10,67,115,.86) 0,#061b30 35%,#030d18 69%),
    linear-gradient(180deg,#061321,#020913);
  box-shadow:inset 0 0 55px rgba(20,129,210,.12);
}
.titan-map-canvas:before,.titan-map-canvas:after{background:#1c648c;opacity:.32}
.ring-a{width:158px;height:158px}.ring-b{width:272px;height:272px}.ring-c{width:388px;height:388px}
.titan-map-ring{border-color:rgba(38,172,255,.18)}
.titan-scan{border-left-color:rgba(53,231,255,.65);background:linear-gradient(28deg,rgba(29,156,255,.105),transparent 66%)}
.titan-korea{
  width:144px;height:270px;
  background:linear-gradient(180deg,rgba(24,153,244,.76),rgba(5,50,96,.22));
  filter:drop-shadow(0 0 27px rgba(29,156,255,.55));
}
.titan-korea span{font-size:11px;color:#70d8ff}
.titan-map-pin i{width:8px;height:8px;box-shadow:0 0 6px #35e7ff,0 0 18px #1d9cff}
.titan-map-pin span{font-size:7.5px;border-color:#1e72a8;background:rgba(3,15,29,.91)}
.titan-site-card{padding:11px;border-color:#1b638e;background:rgba(3,14,26,.96)}
.titan-site-card b{font-size:10px}.titan-site-card small{font-size:7.5px}.titan-site-card p{font-size:8.5px}

/* Financial chart: brighter line/area and larger plot */
.titan-line-chart{height:324px;margin-top:2px}
.chart-grid-line{stroke:#1b4664;opacity:.82}
.chart-area{opacity:.96}
.chart-line{stroke:#2aa8ff;stroke-width:3.5;filter:drop-shadow(0 0 7px rgba(42,168,255,.82))}
.chart-dot{fill:#77dcff;stroke:#1d9cff;stroke-width:2.4;filter:drop-shadow(0 0 4px #1d9cff)}
.chart-label{fill:#829bb0;font:8.5px Arial}.chart-value{fill:#d1ebff;font:8.5px Arial}
.titan-finance-summary{gap:7px;margin-top:7px}
.titan-finance-summary>div{padding:10px;border-top-color:#164663;background:#061522}
.titan-finance-summary small{font-size:7.5px}.titan-finance-summary b{font-size:12px;margin-top:5px}

/* Right rail gets more presence */
.titan-right-rail{grid-template-rows:1.22fr .96fr 1.03fr;gap:12px}
.titan-ai-orb{width:36px;height:36px;font-size:11px;box-shadow:0 0 22px rgba(53,231,255,.58)}
.titan-briefing-list{gap:7px}
.titan-brief{grid-template-columns:8px 1fr;gap:8px;padding:9px 10px;font-size:8.7px;line-height:1.55;border-color:#123c56;background:#071824}
.titan-brief i{width:6px;height:6px;margin-top:4px}
.titan-wide-btn{margin-top:9px;padding:8px!important;font-size:8.5px!important}
.titan-alert-list{gap:7px}
.titan-alert{grid-template-columns:27px 1fr;gap:8px;padding:9px;background:#071824;border-color:#123a53}
.titan-alert>span{width:25px;height:25px;font-size:11px}
.titan-alert b{font-size:8.7px}.titan-alert small{font-size:7.4px;margin-top:3px}
.titan-schedule{grid-template-columns:42px 10px 1fr auto;gap:6px;min-height:39px;padding:7px 0}
.titan-schedule time{font-size:7.5px}.titan-schedule b{font-size:8.5px}.titan-schedule small{font-size:6.5px}.titan-schedule>span{font-size:6.5px;padding:3px 5px}

/* Lower dashboard cards: more breathing room */
.titan-bottom-grid{gap:12px}
.titan-list-panel{min-height:184px}
.titan-compact-list{gap:6px}
.titan-compact-list button{padding:8px 9px;gap:7px;border-color:#123b56;background:#071824}
.titan-compact-list button:hover{border-color:#2499df;background:#092035}
.titan-compact-list b{font-size:8.7px}.titan-compact-list small{font-size:6.7px;margin-top:3px}.titan-compact-list strong{font-size:7.5px}.titan-compact-list em{font-size:6.5px;padding:3px 5px}
.titan-log-list>div{grid-template-columns:36px 7px minmax(0,1fr);gap:7px;padding:7px 0}
.titan-log-list time{font-size:6.7px}.titan-log-list i{width:5px;height:5px}.titan-log-list b{font-size:7.7px}.titan-log-list small{font-size:6.5px}
.titan-empty{padding:15px;font-size:8.5px}

/* Footer telemetry */
.titan-footer-metrics{margin-top:12px;border-color:#104767}
.titan-footer-metrics>div{padding:11px 10px 11px 37px}
.titan-footer-metrics small{font-size:6.4px}.titan-footer-metrics b{font-size:10.7px;margin:4px 0}.titan-footer-metrics em{font-size:6.3px}
.footer-metric-icon{left:11px;width:19px;height:19px;box-shadow:0 0 13px rgba(29,156,255,.32)}
.titan-motto{height:31px;margin-top:9px;color:#347da9;font-size:6.4px;letter-spacing:.31em;border-color:#10405e}

/* Keep the full command-center look on normal desktop sizes. */
@media (min-width:1181px) and (max-width:1500px){
  .app-shell{grid-template-columns:225px minmax(0,1fr)}
  .titan-command-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.98fr) minmax(260px,.6fr)}
  .global-search{width:230px}
  .titan-kpi b{font-size:19px}
  .titan-kpi{min-height:91px;padding:13px}
  .titan-map-layout{grid-template-columns:88px 1fr}
}

/* Compact desktop: preserve clarity rather than squeezing typography. */
@media (max-width:1180px){
  .titan-kpi{min-height:88px}
  .titan-kpi b{font-size:19px}
  .titan-map-panel,.titan-chart-panel{min-height:450px}
  .titan-map-layout{height:385px}
  .titan-line-chart{height:300px}
  .titan-right-rail{gap:10px}
  .titan-list-panel{min-height:168px}
}

@media (max-width:860px){
  #dashboard{padding:14px 12px 18px}
  .titan-kpi{grid-template-columns:42px 1fr;min-height:84px;padding:12px}
  .titan-kpi-icon{width:38px;height:38px;font-size:17px}
  .titan-kpi b{font-size:17px}
  .titan-map-canvas{height:350px}
  .ring-c{width:320px;height:320px}.ring-b{width:230px;height:230px}.ring-a{width:140px;height:140px}
  .titan-korea{width:126px;height:238px}
}

@media(prefers-reduced-motion:reduce){.titan-scan{animation:none}}