/* Layout and surface polish only: existing typography sizes stay in style.css. */
:root{--bg:#f2f2f7;--text:#1c1c1e;--muted:#8e8e93;--line:#e5e5ea;--green:#007aff;--navy:#f7f8fc;--red:#ff453a;--amber:#ff9f0a}
body{background:var(--bg);color:var(--text)}
aside#sidebar{background:rgba(249,250,253,.96);border-right:1px solid #e4e7ee;color:#636774;padding-top:26px}
.brand,.brand .light{color:#202735}.brand small{color:#8e939f}.brand-icon{background:#007aff;box-shadow:0 5px 14px #007aff1a;color:#fff;border-radius:11px}
.workspace{border-color:#e4e7ed;background:#fff;color:#414b5c;border-radius:14px;box-shadow:0 2px 6px #162e4808}.workspace small,.avatar-row small{color:#8a909c}.workspace-avatar{color:#007aff;background:#eaf3ff}.workspace-dot{background:#30b97a}
.nav-label{color:#9298a5}.nav-item{color:#5b6270;border-radius:11px}.nav-item:hover{color:#007aff;background:#ebf2fb}.nav-item.active{color:#007aff;background:#e3efff}.nav-item.active:after{background:#007aff}.nav-divider{border-color:#e1e5ed}
.agent-state{background:#fff;border:1px solid #e3e7ef;border-radius:13px;color:#6e7889}.agent-state small{color:#949aa5}.avatar-row{border-color:#e1e6ef;color:#4a566a}.avatar{background:#e6effb;color:#5478a9;border-color:#dbe5f2}.version{color:#a0a6b1}
header{position:sticky;top:0;z-index:15;height:74px;background:rgba(250,251,254,.86);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);border-bottom:1px solid #e1e5ed;padding:0 34px}.header-actions{gap:14px}.breadcrumb{color:#969daa}.breadcrumb strong{color:#556174}.environment{background:#fff8e9;border-color:#f6e9cd;border-radius:8px;color:#a17a34}.header-avatar{background:#e9f1fc;border-color:#dbe5f2;color:#587aa8}
main{max-width:1720px;padding:30px 34px 28px}.page-heading{margin-bottom:20px}.page-heading .subtitle{color:#8b94a3}.eyebrow{color:#a1a8b4}.cards{gap:16px}.card,.panel{border:1px solid #e5e8ef;border-radius:18px;box-shadow:0 4px 15px rgba(30,45,70,.025)}.card{padding:22px}.card-bottom{line-height:1.8}.real-metric{margin:16px 0 12px}.panel-title{padding:22px 24px 0}.form-panel{padding:25px}.form-panel h2,.panel-title h2{color:#263346}.form-panel>p{color:#86909f}
.btn{border-radius:10px;border-color:#dfe5ed;background:#fff;box-shadow:0 1px 2px #1e293b04;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s}.btn:hover{border-color:#b8cbe3;background:#f7faff}.btn:active{transform:translateY(1px)}.btn.primary{background:#007aff;border-color:#007aff;box-shadow:0 3px 9px #007aff18}.btn.primary:hover{background:#086ed6;border-color:#086ed6}.btn.subtle{color:#7b8799;background:transparent;box-shadow:none}.btn.danger{color:#e14e4e}.actions{gap:9px}
.field input,.field select,.toolbar input,.toolbar select,.map-node-select select,#group-chart-node{border-radius:10px;border:1px solid #dfe4ed;background:#fff;color:#4c5b70;box-shadow:0 1px 2px #1e293b03}.field textarea{border-radius:11px;background:#fbfcfe}.field-label{color:#6e7c8e}.field input:focus,.field select:focus,.toolbar input:focus{border-color:#75b5ff}.switch:checked{background:#34c759}.pill{border-radius:6px}.pill.neutral{background:#f4f5f9}.status-line{border-radius:12px;background:#f5f7fb;color:#7a889b}.agent-badge{border-radius:7px}.agent-badge.online{background:#e4f8ed;border-color:#b4e6ca;color:#16845a}.agent-badge.offline{background:#fff0ef;border-color:#ffd0cd;color:#cf5149}
th{background:#f9fafc;color:#959daa;border-color:#edf0f5}td{border-color:#edf0f5;color:#6e7c90}td .node-name strong{color:#35465c}.table-wrap{border-radius:0 0 18px 18px}.group-panel{margin:20px 0;padding-bottom:4px}.group-panel .panel-title{padding-bottom:13px}.group-state{padding:0 24px 18px;color:#8b95a5}.group-panel .table-wrap{border-color:#edf0f5}.agh-instance{border-radius:15px;border-color:#e1e7f0}.agh-instance.selected{border-color:#79b7ff;background:#f5faff;box-shadow:0 0 0 1px #007aff09}.agh-instance-icon{background:#e9f3ff;color:#007aff;border-radius:9px}
dialog{border:1px solid #e1e7ef;border-radius:22px;box-shadow:0 24px 90px #18314c30}dialog::backdrop{background:#27344655;backdrop-filter:blur(5px)}#toast{background:#273b55;border-radius:13px;box-shadow:0 8px 32px #20324a24}footer{color:#a0a7b3}
.account-menu{position:relative}.account-trigger{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:12px;padding:5px 7px;user-select:none}.account-trigger::-webkit-details-marker{display:none}.account-trigger:hover,.account-menu[open] .account-trigger{background:#eaf0f8}.account-trigger .header-avatar{width:30px;height:30px;flex-shrink:0}.account-trigger svg{width:13px;height:13px;color:#a1a9b5}.account-name{color:#718096;font-size:14px}.account-popover{position:absolute;right:0;top:calc(100% + 12px);width:272px;padding:17px;border:1px solid #dfe5ef;border-radius:17px;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);box-shadow:0 16px 55px #1d345a24;z-index:50}.account-popover #cloud-bar{display:grid;gap:14px;padding:0;background:transparent;border:0}.account-popover #cloud-bar b{color:#384b65}.account-popover #cloud-bar span{color:#8c98aa;margin-top:7px}.account-popover #cloud-bar .actions{display:flex;flex-direction:column;align-items:stretch;border-top:1px solid #edf0f6;padding-top:12px}.account-popover .btn{text-align:left;justify-content:flex-start;box-shadow:none}.account-popover #cloud-logout{border-color:transparent;color:#cf5252;background:#fff5f4}.save-state{border:0;background:none;color:#91a0b2;padding:5px;cursor:pointer;font-size:13px}.save-state.is-saving{color:#007aff}.save-state.is-error{color:#dc5146}.save-state:disabled{cursor:default}.account-trigger:focus-visible{outline:3px solid #98caff;outline-offset:3px}
.monitor-note{margin:0 0 20px;border:1px solid #e1e8f3;border-radius:13px;background:#f8fbff;color:#8194ad}.monitor-note summary{display:flex;align-items:center;gap:9px;list-style:none;padding:12px 16px;cursor:pointer;font-size:13px}.monitor-note summary::-webkit-details-marker{display:none}.monitor-note summary>svg{width:16px;height:16px;flex-shrink:0;color:#7fa6d2}.note-disclosure{margin-left:auto;white-space:nowrap;color:#8ca2bd}.note-disclosure:after{content:'⌄';margin-left:7px}.monitor-note[open] .note-disclosure:after{content:'⌃'}.monitor-note p{margin:0;padding:0 16px 14px 41px;font-size:13px;line-height:1.8;color:#8c99ab}
.map-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.map-node-select{display:flex;align-items:center;gap:12px;color:#8a95a5}.map-node-select select{padding:10px 13px;min-height:42px;max-width:380px;font:inherit}.map-control-actions{display:flex;align-items:center;gap:14px}.map-report-state{color:#a18b61}.map-report-state.is-valid{color:#419578}.map-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #e4e8f0;border-radius:17px;margin-bottom:20px;padding:17px 7px}.map-stat-strip>div{display:flex;flex-direction:column;gap:8px;padding:0 23px;border-right:1px solid #edf0f5}.map-stat-strip>div:last-child{border:0}.map-stat-strip span{color:#95a0b0;font-size:13px}.map-stat-strip strong{color:#344760;font-size:20px;font-weight:600;line-height:1.5}.map-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:20px;align-items:stretch;margin-bottom:22px}.map-canvas-panel{padding:23px 24px 16px;overflow:hidden;min-width:0;background:radial-gradient(ellipse at 46% 46%,#f7faff,white 70%)}.map-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.map-panel-heading h2{font-size:17px;margin:0 0 5px;color:#344760}.map-panel-heading .muted{font-size:13px}.ios-segment{display:flex;gap:3px;padding:4px;border:1px solid #e9edf3;border-radius:11px;background:#f0f3f8}.ios-segment button{border:0;border-radius:8px;background:transparent;padding:7px 12px;color:#8692a4;font-size:13px;cursor:pointer}.ios-segment button.active{background:#fff;color:#007aff;box-shadow:0 1px 5px #243d6020}.china-status-map{display:block;width:100%;height:auto;max-height:655px;margin:17px auto 3px;overflow:hidden}.map-province{stroke:#fff;stroke-width:1.3;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill .2s,filter .15s;outline:none}.map-province[data-province]{cursor:pointer}.map-province[data-province]:hover{filter:brightness(1.055);stroke:#559df7;stroke-width:1.8}.map-province.selected,.map-province:focus-visible{stroke:#277df0;stroke-width:2;filter:drop-shadow(0 2px 3px #4989d52a)}.map-boundary{fill:#c8d1df;stroke:#9dadc2;stroke-width:.65;vector-effect:non-scaling-stroke}.map-province-label{font-size:17px;fill:#546980;pointer-events:none;paint-order:stroke;stroke:#ffffffb5;stroke-width:2.8px;stroke-linejoin:round}.map-inset>rect{fill:#fbfcff;stroke:#d9e2ef;stroke-width:1}.map-inset>text{font-size:11px;fill:#9aa8ba}.map-legend{display:flex;justify-content:center;gap:11px 15px;flex-wrap:wrap;margin:9px 0 13px;font-size:12px;color:#8997a9}.map-legend span{display:flex;align-items:center;gap:6px}.map-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0;background:#dce3eb}.map-source{text-align:center;color:#a7b0bd;font-size:12px;line-height:1.7}.tone-fast{fill:#39c98c;background:#39c98c}.tone-good{fill:#83d7a2;background:#83d7a2}.tone-fair{fill:#c3df91;background:#c3df91}.tone-slow{fill:#efcf76;background:#efcf76}.tone-high{fill:#f1a36c;background:#f1a36c}.tone-partial{fill:#f1bc69;background:#f1bc69}.tone-failed{fill:#ee7976;background:#ee7976}.tone-dns{fill:#bab5de;background:#bab5de}.tone-unknown,.tone-unmeasured{fill:#e4eaf2;background:#dce3eb}.tone-unmeasured{fill:#eff2f7}
aside.map-side-panel{transform:none;position:static;inset:auto;width:auto;padding:0;z-index:auto;background:#fff;color:inherit;display:flex;flex-direction:column;min-height:0;overflow:hidden}.province-detail{padding:23px 22px 18px;border-bottom:1px solid #edf0f5}.map-detail-heading{display:flex;align-items:center;gap:9px;margin-bottom:20px}.map-detail-heading h2{font-size:17px;margin:0;color:#344760}.map-detail-heading>.muted{margin-left:auto;font-size:13px}.map-location-dot{width:9px;height:9px;border-radius:50%;background:#007aff;box-shadow:0 0 0 4px #eaf3ff}.province-carriers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.province-carriers>div{background:#f6f8fc;border:1px solid #edf0f6;border-radius:11px;padding:12px 9px;text-align:center;min-width:0}.province-carriers strong{display:inline-block;font-size:14px;margin-left:5px;color:#536780;font-weight:500}.province-carriers small{display:block;font-size:12px;line-height:1.7;color:#93a0b2;margin-top:8px;overflow-wrap:anywhere}.province-detail .subtitle{font-size:12px;margin-top:14px}.province-list-heading{display:grid;grid-template-columns:1fr 75px 105px;gap:8px;align-items:center;padding:15px 22px 10px;color:#9ca6b5;font-size:12px}.province-list-heading strong{font-weight:400}.province-list-heading>span:last-child{text-align:right}.province-list{max-height:488px;overflow:auto;padding:0 10px 12px;scrollbar-width:thin;scrollbar-color:#d5dfea transparent}.province-list-row{display:grid;grid-template-columns:1fr 75px 105px;align-items:center;gap:8px;width:100%;border:0;border-bottom:1px solid #f1f3f7;padding:12px;border-radius:9px;background:transparent;text-align:left;color:#6b7b91;font-size:14px}.province-list-row:hover{background:#f5f9ff}.province-list-row.selected{background:#edf5ff;color:#3b80d2;border-color:transparent}.province-three-dots{display:flex;align-items:center;gap:9px}.province-list-value{text-align:right;font-size:13px;color:#8b9ab0}.province-list-row.selected .province-list-value{color:#6499d8}.overseas-panel{padding-bottom:18px}.overseas-panel .panel-title{padding-bottom:20px}.overseas-grid{padding:0 22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.overseas-map-card{display:flex;align-items:center;gap:11px;min-width:0;padding:15px;border:1px solid #edf0f5;border-radius:13px;background:#fcfdff}.overseas-map-card>div{min-width:0;flex:1}.overseas-map-card strong{display:block;color:#5e728d;font-size:14px;font-weight:500}.overseas-map-card small{display:block;color:#a0abbb;font-size:12px;overflow-wrap:anywhere;margin-top:6px}.overseas-value{color:#91a0b3;font-size:12px;white-space:nowrap}.overseas-caption{padding:0 23px}.overseas-caption a{color:#6c99d2}
@media(min-width:1700px){.overseas-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1200px){.map-layout{grid-template-columns:minmax(0,1fr)}aside.map-side-panel{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr)}.province-detail{grid-row:1/3;border-bottom:0;border-right:1px solid #edf0f5}.province-list{max-height:260px}.province-list-heading{padding-top:20px}.province-carriers{grid-template-columns:1fr}.province-carriers>div{text-align:left}.province-carriers small{margin:0 0 0 21px}.china-status-map{max-height:600px}}
@media(max-width:920px){main{padding:26px 23px}.header-actions{gap:9px}.account-name{display:none}.save-state{max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-stat-strip>div{padding:0 15px}.map-canvas-panel{padding:20px}.group-panel .panel-title{padding-left:20px;padding-right:20px}}
@media(max-width:650px){aside#sidebar{width:234px}header{height:64px;padding:0 15px}.header-actions{gap:6px}.account-trigger{padding:4px}.account-trigger svg{display:none}.save-state{display:none}.account-popover{right:0;width:min(280px,calc(100vw - 30px))}main{padding:24px 15px}.breadcrumb>span:not(.slash){display:none}.breadcrumb .slash{display:none}.environment{max-width:140px}.card{padding:18px}.monitor-note summary{padding:11px 12px;gap:7px}.note-disclosure{display:none}.monitor-note p{padding-left:35px}.map-controls{gap:13px}.map-node-select{align-items:flex-start;flex-direction:column;gap:7px;width:100%}.map-node-select select{width:100%;max-width:none}.map-control-actions{width:100%;justify-content:space-between}.map-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:17px 5px}.map-stat-strip>div:nth-child(2){border:0}.map-stat-strip strong{font-size:18px}.map-layout{gap:15px}.map-canvas-panel{padding:17px 12px}.map-panel-heading{padding:0 5px;gap:12px}.ios-segment{width:100%}.ios-segment button{flex:1;padding:7px 9px}.china-status-map{margin-top:12px;min-height:250px}.map-legend{gap:9px 12px}.map-source{padding:0 9px}aside.map-side-panel{display:flex}.province-detail{border:0;border-bottom:1px solid #edf0f5}.province-carriers{grid-template-columns:repeat(3,minmax(0,1fr))}.province-carriers>div{text-align:center}.province-carriers small{margin:8px 0 0}.province-list{max-height:280px}.overseas-grid{grid-template-columns:1fr;padding:0 15px}.overseas-value{white-space:normal;text-align:right;max-width:75px}.group-state{padding-left:20px;padding-right:20px}.group-panel .actions{justify-content:flex-start}}

.sidebar-version{display:flex;justify-content:space-between;border-top:1px solid #e2e7ef;margin-top:21px;padding:18px 3px 0;color:#a0a7b3;font-size:12px}.sidebar-version span{color:#a6afbd}@media(max-width:650px){.map-province-label{display:none}}
.account-popover #cloud-bar{justify-content:stretch;align-items:stretch}.account-popover #cloud-bar .actions{width:100%}
.account-menu.has-save-error .header-avatar{box-shadow:0 0 0 2px #ffd6d2}.account-menu.has-save-error .account-trigger:after{content:"";position:absolute;right:3px;top:3px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#ee6860}