/* v3.6: coordinated light palettes; status/chart meanings stay invariant. */
:root{--paper:#fff;--surface:#f7f9fd;--ink:#203657;--ink2:#536984;--edge:#dfe7f2;--accent:#2d63cc;--accent-soft:#eaf1ff;--accent-line:#cdddf9;--secondary-accent:#087f86;--canvas:#f3f6fb;--shade:38,69,113;--decor:#d7e5ff;--panel-radius:16px;--bg:var(--canvas);--line:var(--edge);--text:var(--ink);--muted:var(--ink2);--blue:var(--accent)}
:root[data-theme=sand]{--paper:#fffefa;--surface:#f9f6ef;--ink:#383c34;--ink2:#646855;--edge:#e4e0d2;--accent:#536f4a;--accent-soft:#edf2e6;--accent-line:#d4dfc8;--secondary-accent:#82613c;--canvas:#f7f4ee;--shade:87,77,49;--decor:#e6e9d5}
:root[data-theme=iris]{--paper:#fff;--surface:#f8f6fd;--ink:#342d50;--ink2:#695e80;--edge:#e5dff1;--accent:#7152b0;--accent-soft:#f0eafa;--accent-line:#ded0f1;--secondary-accent:#376c8b;--canvas:#f5f3fb;--shade:77,54,111;--decor:#e7ddf7}
html,body{background:var(--canvas);color:var(--ink)}body{font-size:14px;line-height:1.65;font-feature-settings:'cv02','cv03','cv04','cv11';background-image:radial-gradient(ellipse at 90% 0,var(--decor),transparent 48%);background-size:100% 500px;background-repeat:no-repeat}
.sidebar{background:var(--paper);border-right:1px solid var(--edge);padding:27px 15px 18px;width:242px}.logo{font-size:20px;letter-spacing:.11em;color:var(--ink);padding-left:7px}.logo span{color:var(--secondary-accent);font-size:9px}.side-caption{font-weight:500;letter-spacing:.2em;color:var(--ink2);padding:7px 12px 15px}.nav-group{font-size:10px;padding:19px 13px 6px;color:var(--ink2);opacity:.85}.sidebar nav{gap:5px}.sidebar nav button{display:flex;align-items:center;gap:11px;padding:11px 13px;color:var(--ink2);border-radius:10px;font-weight:550;font-size:13px}.sidebar nav button span{margin:0}.nav-icon{height:19px;width:19px;flex:none;vertical-align:middle}.sidebar nav button:hover{background:var(--surface);color:var(--accent)}.sidebar nav button.selected{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line);box-shadow:inset 3px 0 var(--accent)}.side-foot{padding:18px 9px;color:var(--ink2);margin-top:24px}.side-foot a{color:var(--ink2)}.side-version{font-size:10px;line-height:1.8;border-color:var(--edge)}
.topbar{background:var(--paper);border-color:var(--edge);padding:25px 34px 23px;box-shadow:0 1px 0 rgba(var(--shade),.015)}.topbar h1{font-size:27px;letter-spacing:-.7px;color:var(--ink);line-height:1.4;margin:7px 0 4px}.breadcrumbs{color:var(--ink2);font-size:9px;letter-spacing:.15em}.topbar p{color:var(--ink2);font-size:11px}.top-actions{max-width:550px;gap:8px}.secondary{color:var(--ink2);border-color:var(--edge);background:var(--paper);font-size:12px}.secondary:hover{background:var(--surface);border-color:var(--accent-line);color:var(--accent)}.primary{background:var(--accent);color:#fff;box-shadow:0 5px 13px rgba(var(--shade),.1)}.primary:hover{background:var(--accent);filter:brightness(.92)}.sync-state{font-size:10px;color:var(--ink2)}.badge.secure{font-weight:550}.kicker{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.16em}main{padding:25px 34px 48px;max-width:1740px}
.quick-paths{gap:10px;margin-bottom:24px;align-items:stretch}.quick-paths>span{display:flex;align-items:center;color:var(--ink2);font-size:11px}.quick-paths a{border-color:var(--edge);background:var(--paper);color:var(--ink);padding:9px 13px;box-shadow:0 2px 3px rgba(var(--shade),.02);border-radius:9px;font-size:11px;transition:transform .18s,box-shadow .18s}.quick-paths a:hover{background:var(--paper);border-color:var(--accent-line);color:var(--accent);box-shadow:0 4px 11px rgba(var(--shade),.07);transform:translateY(-1px)}.quick-paths a span{color:var(--accent);font-size:13px;margin-left:12px}
.heartbeat-head{margin-bottom:18px;gap:15px}.heartbeat-head h2{font-size:23px;line-height:1.5;letter-spacing:-.4px;margin:4px 0;color:var(--ink)}.heartbeat-head p{font-size:12px;color:var(--ink2)}.heartbeat-grid{gap:20px}.heartbeat-card{position:relative;background:var(--paper);border-color:var(--edge);border-radius:var(--panel-radius);padding:20px 22px 17px;box-shadow:0 5px 17px rgba(var(--shade),.045);overflow:hidden}.heartbeat-card::before{position:absolute;content:'';height:3px;left:0;top:0;right:0;background:linear-gradient(90deg,#3475d5,#5c9ad8 55%,#69b9b4)}.heartbeat-card[data-server=old-server]::before{background:linear-gradient(90deg,#9272c2,#b6a3d7 55%,#809bc8)}.heartbeat-card header{margin:-20px -22px 0;padding:18px 22px 15px;background:linear-gradient(115deg,var(--surface),var(--paper));border-bottom:1px solid var(--edge)}.heartbeat-card h3{font-size:17px;color:var(--ink);font-weight:750;line-height:1.6}.heartbeat-card header small{font-size:10px;color:var(--ink2);margin-top:2px}.heartbeat-state{font-size:10px;padding:4px 9px;margin-top:2px}
.heartbeat-metric{margin-top:14px;padding-top:13px;border-color:var(--edge)}.heartbeat-metric:first-of-type{border-top:0;padding-top:12px;margin-top:0}.heartbeat-metric-title{font-size:12px;color:var(--ink)}.heartbeat-metric-title b{font-weight:650;display:flex;align-items:center;gap:7px}.heartbeat-metric-title b::before{content:'';display:inline-block;width:6px;height:6px;background:#2b67cf;border-radius:2px}.heartbeat-metric[data-metric=memory] b::before{background:#087f86}.heartbeat-metric[data-metric=disk] b::before{background:#7853bb}.heartbeat-metric-title span{color:var(--ink2);font-size:11px}.heartbeat-values{align-items:baseline;gap:6px;margin-top:6px}.heartbeat-values strong{font-size:23px;line-height:1.5;letter-spacing:-.6px;font-weight:700;font-variant-numeric:tabular-nums;color:#087980}.heartbeat-values small{font-size:11px;color:var(--ink2)}.heartbeat-metric[data-metric=cpu] .heartbeat-values strong{color:#2b60bc}.heartbeat-metric[data-metric=disk] .heartbeat-values strong{color:#7853aa}.heartbeat-chart{margin-top:6px}.heartbeat-chart text{font-size:10.5px;fill:var(--ink2)}.heartbeat-chart .capacity-label{fill:var(--ink2);font-size:10px}.heartbeat-chart .axis{stroke:var(--edge)}.heartbeat-chart .capacity{stroke:#8da0b8;stroke-dasharray:3 5}.heartbeat-chart .sample{stroke:var(--paper)}.heartbeat-chart .trace{stroke-width:2}.heartbeat-foot{color:var(--ink2);font-size:10px;gap:9px}.heartbeat-note{font-size:11px;color:var(--ink2)}.heartbeat-details{border-color:var(--edge);margin-top:13px}.heartbeat-details summary{font-size:11px;color:var(--ink2)}
.panel,.kpi,.server-card{background:var(--paper);border-color:var(--edge);box-shadow:0 4px 13px rgba(var(--shade),.025);border-radius:var(--panel-radius)}.panel{padding:22px}.panel-head{border-bottom:1px solid var(--edge);padding-bottom:13px;margin-bottom:15px;gap:14px}.panel h3{font-size:15px;color:var(--ink);letter-spacing:-.2px}.kpi-grid{gap:15px;margin:22px 0}.kpi{position:relative;min-height:126px;padding:20px 18px 17px;border-radius:12px;overflow:hidden}.kpi .name{color:var(--ink2);font-size:12px;padding-right:38px}.kpi .value{font-size:29px;color:var(--ink);margin:8px 0 3px;letter-spacing:-.7px}.kpi .sub{font-size:11px;color:var(--ink2);max-width:95%}.kpi-icon{position:absolute;right:16px;top:18px;padding:7px;border-radius:9px;color:#3165b7;background:#edf3ff;line-height:1}.kpi-icon .nav-icon{width:17px;height:17px}.kpi-icon-1{color:#087b77;background:#eaf7f3}.kpi-icon-2{color:#a06518;background:#fff6e6}.kpi-icon-3{color:#8055a9;background:#f4edfa}
.section-title h2{color:var(--ink)}.section-title p,.tiny{color:var(--ink2)}.segmented{background:var(--surface);border-color:var(--edge)}.segmented button.selected{color:var(--accent);background:var(--paper)}.row{border-color:var(--edge);color:var(--ink2)}.row strong{color:var(--ink)}.table-wrap{border-color:var(--edge)}th{background:var(--surface);color:var(--ink2);font-weight:600}td{color:var(--ink);border-color:var(--edge);font-size:12px}tbody tr:hover{background:var(--surface)}.bar{background:var(--surface)}input,select,textarea{color:var(--ink);background:var(--paper);border-color:var(--edge)}input:focus,select:focus,textarea:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}label{color:var(--ink2)}a{color:var(--accent)}.chip{background:var(--surface);color:var(--ink2);border-color:var(--edge)}.log-box{background:var(--surface);color:var(--ink);border-color:var(--edge)}details>summary{color:var(--ink2)}.project-grid article,.strategy-grid div{background:var(--surface);border-color:var(--edge)}.strategy-grid b{color:var(--ink)}.strategy-grid p{color:var(--ink2)}
.action{border-bottom:0;background:var(--surface);border-radius:10px;padding:13px 14px;margin:10px 0;border-left:3px solid var(--accent-line)}.action:first-child{padding-top:13px;margin-top:0}.action.high{background:#fff7f6;border-left-color:#ca5160}.action.medium{background:#fffbf1;border-left-color:#c69337}.action p{color:#5b6680;line-height:1.75}.action b{font-weight:650}.action small{color:#52697f}.action-link{color:var(--accent);background:var(--paper);border:1px solid var(--edge);font-size:10px;border-radius:5px}.action-link:hover{background:var(--accent-soft)}
.appearance-menu{position:relative;margin:0}.appearance-menu>summary{list-style:none;display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.6;padding:8px 11px;border:1px solid var(--edge);border-radius:9px;background:var(--paper);cursor:pointer;color:var(--ink2);font-weight:500;margin:0!important}.appearance-menu>summary::-webkit-details-marker{display:none}.appearance-menu>summary::before{content:'';height:10px;width:10px;display:inline-block;border-radius:50%;background:conic-gradient(#4278cb,#55a49d,#9a76c6,#4278cb)}.appearance-menu[open]>summary{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.appearance-panel{position:absolute;z-index:100;right:0;top:calc(100% + 10px);width:302px;background:var(--paper);border:1px solid var(--edge);border-radius:14px;padding:18px;box-shadow:0 14px 45px rgba(var(--shade),.17);text-align:left}.appearance-panel h3{font-size:14px;margin:0 0 4px;color:var(--ink)}.appearance-panel p{font-size:11px;color:var(--ink2);margin:0 0 15px;line-height:1.7}.appearance-panel fieldset{padding:0;margin:0 0 15px;border:0;min-width:0}.appearance-panel legend{font-size:10px;font-weight:650;color:var(--ink2);margin:0 0 8px;padding:0}.theme-choices{display:grid;gap:7px}.theme-choice{position:relative;display:flex;align-items:center;gap:11px;border:1px solid var(--edge);padding:9px 10px;border-radius:9px;cursor:pointer;color:var(--ink)}.theme-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.theme-choice input{accent-color:var(--accent);width:13px;height:13px;padding:0;margin:0 0 0 auto;order:2}.theme-swatch{height:25px;width:34px;border:1px solid #d4dce6;border-radius:5px;background:linear-gradient(90deg,#fff 30%,#e4edfc 30% 65%,#4379cd 65%)}.theme-swatch.sand{background:linear-gradient(90deg,#fffefa 30%,#eeecdd 30% 65%,#687c51 65%)}.theme-swatch.iris{background:linear-gradient(90deg,#fff 30%,#eee6fb 30% 65%,#8862ba 65%)}.theme-choice strong{font-size:11px;font-weight:650;display:block}.theme-choice small{font-size:10px;color:var(--ink2);display:block}.density-choices{display:flex;gap:7px}.density-choices label{display:flex;align-items:center;gap:6px;border:1px solid var(--edge);background:var(--surface);padding:7px 10px;border-radius:7px;font-size:11px;cursor:pointer;flex:1}.density-choices input{accent-color:var(--accent);padding:0;margin:0}.appearance-panel .secondary{width:100%;font-size:11px}
.login-screen{background:radial-gradient(ellipse at 30% 20%,var(--decor),transparent 58%),var(--canvas)}.login-card{background:var(--paper);border-color:var(--edge);box-shadow:0 25px 75px rgba(var(--shade),.1)}.login-card h1{color:var(--ink)}.login-card p{color:var(--ink2)}
:root[data-density=compact] main{padding-top:18px}:root[data-density=compact] .topbar{padding-top:18px;padding-bottom:16px}:root[data-density=compact] .quick-paths{margin-bottom:17px}:root[data-density=compact] .heartbeat-card{padding-top:17px;padding-bottom:13px}:root[data-density=compact] .heartbeat-card header{padding-top:14px;padding-bottom:12px;margin-top:-17px}:root[data-density=compact] .heartbeat-metric{margin-top:9px;padding-top:8px}:root[data-density=compact] .heartbeat-values strong{font-size:21px}:root[data-density=compact] .heartbeat-chart{margin-top:2px}:root[data-density=compact] .panel{padding:17px}:root[data-density=compact] th,:root[data-density=compact] td{padding-top:7px;padding-bottom:7px}:root[data-density=compact] .kpi{min-height:110px;padding-top:15px;padding-bottom:13px}:root[data-density=compact] .kpi-grid{margin:16px 0}
@media(min-width:1600px){.sidebar{width:254px}.topbar,main{padding-left:40px;padding-right:40px}.heartbeat-grid{gap:23px}}
@media(max-width:1150px){.sidebar{width:208px;padding-left:12px;padding-right:12px}.sidebar nav button{padding:10px;font-size:12px;gap:9px}.topbar,main{padding-left:23px;padding-right:23px}.top-actions{max-width:355px}.heartbeat-card{padding-left:18px;padding-right:18px}.heartbeat-card header{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}}
@media(max-width:760px){.sidebar{width:100%;height:auto;position:relative;padding:17px 16px 13px}.logo{padding-left:0;font-size:19px}.topbar{padding:19px 16px 17px;gap:13px}.topbar h1{font-size:24px}.topbar p{font-size:10px;line-height:1.8}.top-actions{max-width:none;width:100%;gap:7px}.top-actions .secondary{padding:7px 9px;font-size:10px}.appearance-menu{margin-left:auto}.appearance-menu>summary{font-size:10px;padding:7px 9px}.appearance-panel{right:0;width:min(302px,calc(100vw - 32px));top:calc(100% + 8px)}.sync-state{font-size:10px}main{padding:20px 16px 35px}.quick-paths{gap:7px;margin-bottom:21px}.quick-paths a{font-size:10px;padding:7px 9px}.quick-paths a span{font-size:11px;margin-left:6px}.heartbeat-head h2{font-size:22px}.heartbeat-card{padding:18px 16px 15px;border-radius:14px}.heartbeat-card header{margin:-18px -16px 0;padding:15px 16px 13px}.heartbeat-values strong{font-size:22px}.heartbeat-values small{font-size:11px;line-height:1.8}.heartbeat-chart text{font-size:13px}.heartbeat-chart .capacity-label{font-size:12px}.heartbeat-metric-title span{font-size:10px}.heartbeat-grid{gap:17px}.heartbeat-note{font-size:11px}.panel{padding:17px}.kpi{padding:17px 14px;min-height:127px}.kpi .value{font-size:25px}.kpi .name{font-size:11px;padding-right:28px}.kpi-icon{right:12px;top:14px;padding:5px}.kpi-icon .nav-icon{width:15px;height:15px}.kpi .sub{font-size:10px}.panel-head{padding-bottom:11px}.mobile-view select{background:var(--surface);border-color:var(--edge)}:root[data-density=compact] .heartbeat-card{padding-top:15px}:root[data-density=compact] .heartbeat-card header{margin-top:-15px}.sidebar nav{display:none}}
@media(prefers-reduced-motion:reduce){.quick-paths a:hover{transform:none}}