:root{--ink:#22283a;--muted:#8991a4;--line:#e8ebf2;--paper:#f4f6fb;--card:#fff;--navy:#171c2b;--navy-2:#202638;--violet:#7162e8;--violet-light:#f0efff;--green:#19a982;--green-light:#e8f8f2;--amber:#d59020;--amber-light:#fff5e2;--red:#df5f69;--red-light:#fff0f1;--shadow:0 7px 24px rgba(28,39,67,.045);font-family:'DM Sans','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-size:13px;line-height:1.5}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:var(--navy);color:#f8f9fd;display:flex;flex-direction:column;padding:24px 15px 15px;z-index:4}.brand{height:41px;display:flex;align-items:center;gap:11px;padding:0 8px;margin-bottom:30px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#9486ff,#6252d3);box-shadow:0 6px 18px #6656d344}.brand-mark svg{width:26px;fill:none;stroke:#fff;stroke-width:1.6}.brand-mark svg circle{fill:#fff;stroke:none}.brand strong{display:block;font-size:15px;letter-spacing:.11em;line-height:1.2}.brand small{display:block;color:#828ba1;font:8px 'DM Mono',monospace;letter-spacing:.14em;margin-top:4px}.workspace-label,.nav-caption{padding:0 11px;color:#7e879d;font-size:10px;font-weight:700;letter-spacing:.08em}.workspace-label{margin-bottom:9px}.workspace-switch{width:100%;height:57px;border:1px solid #343b4f;background:#202638;border-radius:9px;color:#e8eaf3;display:flex;align-items:center;text-align:left;gap:10px;padding:8px 9px}.workspace-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#38324e;color:#c1b8ff;font-size:12px;font-weight:800}.workspace-switch b,.profile b,.connection-card b{font-size:11px;display:block;font-weight:650}.workspace-switch small,.profile small,.connection-card small{display:block;color:#929bb0;font-size:9px;margin-top:3px}.chevron{margin-left:auto;color:#929bb0;font-size:14px}.nav-groups{margin-top:28px}.nav-caption{margin:0 0 9px}.nav-item{border:0;background:transparent;color:#aab1c1;width:100%;height:39px;border-radius:7px;display:flex;align-items:center;gap:12px;padding:0 11px;text-align:left;font-size:11px;margin:2px 0;transition:background .15s,color .15s}.nav-item:hover{background:#ffffff0b;color:#fff}.nav-item.active{background:#2e3150;color:#dcd8ff;font-weight:650;box-shadow:inset 2px 0 #9689ff}.nav-icon{width:16px;text-align:center;font-size:15px;color:#858da2}.nav-item.active .nav-icon{color:#aaa0ff}.nav-count{margin-left:auto;border-radius:10px;padding:2px 7px;background:#31384b;color:#aeb6c9;font:9px 'DM Mono',monospace}.alert-count{background:#482f3c;color:#ffb0a9}.nav-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#53d6ab;box-shadow:0 0 0 3px #53d6ab1c}.section-caption{margin-top:26px}.sidebar-bottom{margin-top:auto}.connection-card{height:51px;border:1px solid #343b4f;background:#202638;border-radius:8px;padding:8px 9px;display:flex;align-items:center;gap:9px}.connection-indicator{width:7px;height:7px;border-radius:50%;background:#e7a63b;box-shadow:0 0 0 4px #e7a63b22}.connection-card b{font-size:10px}.connection-card small{font-size:9px}.connection-more{margin-left:auto;color:#8a93a9;letter-spacing:1px}.profile{width:100%;margin-top:13px;border:0;border-top:1px solid #333a4d;padding:14px 3px 0;background:none;color:#eff0f7;display:flex;align-items:center;gap:9px;text-align:left}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#685d9d;color:#fff;font-size:11px;font-weight:700}.profile b{font-size:10px}.profile small{font-size:9px}.main-area{margin-left:252px;min-height:100vh}.topbar{height:62px;background:#fff;border-bottom:1px solid #e9ecf2;display:flex;align-items:center;justify-content:space-between;padding:0 35px;position:sticky;top:0;z-index:3}.crumb{display:flex;align-items:center;gap:10px;color:#9ba2b2;font-size:10px}.crumb-slash{color:#d1d5de}.crumb b{color:#343b4f;font-weight:650}.top-actions{display:flex;align-items:center;gap:17px}.global-search{width:252px;height:32px;border:1px solid #e8ebf1;background:#fafbfc;border-radius:7px;padding:0 9px;display:flex;align-items:center;gap:7px;color:#8b93a7}.global-search>span{font-size:19px;line-height:1;transform:rotate(-20deg)}.global-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;font-size:10px;color:var(--ink)}.global-search input::placeholder{color:#a5acba}.global-search kbd{font:8px 'DM Mono',monospace;color:#9aa1b1;background:#fff;border:1px solid #e7e9ef;border-radius:4px;padding:2px 4px}.icon-button,.help-button{border:0;background:transparent;color:#747e93;position:relative;font-size:14px}.icon-button i{position:absolute;width:5px;height:5px;border-radius:50%;background:#e86473;top:0;right:-1px}.top-divider{height:20px;border-left:1px solid #e7eaf0}.help-button{font-size:10px}.help-button span{color:var(--violet);margin-left:3px}.prototype-banner{height:32px;background:#fffaf0;border-bottom:1px solid #f4e8ca;color:#967128;display:flex;align-items:center;gap:8px;padding:0 35px;font-size:9px}.prototype-banner b{font-weight:750}.banner-dot{width:6px;height:6px;border-radius:50%;background:#d89a2b}.banner-right{margin-left:auto;color:#a79a7c}.banner-right strong{color:#c48017;font-weight:700;margin-left:4px}.content{max-width:1600px;margin:0 auto;padding:28px 35px 30px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.eyebrow,.panel-kicker,.dialog-eyebrow{color:#9aa2b2;font:9px 'DM Mono',monospace;letter-spacing:.12em}.eyebrow span{color:#c1c6d1;padding:0 3px}.page-heading h1{font-size:22px;letter-spacing:-.045em;margin:7px 0 3px;font-weight:700;color:#242a3b}.page-heading p,.panel-title-row p,.panel-heading p{color:#929aab;font-size:10px;margin:0}.heading-actions{display:flex;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:6px;padding:8px 11px;font-size:10px;font-weight:650;transition:all .15s}.button-primary{background:var(--violet);color:white;box-shadow:0 4px 10px #7162e82b}.button-primary:hover{background:#5e50d3;transform:translateY(-1px)}.button-secondary{background:#fff;border-color:#e3e7ef;color:#636d82}.button-secondary:hover{border-color:#c7c2f6;color:#5a4ed1}.button-small{padding:7px 10px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric-card,.panel{background:var(--card);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.metric-card{min-height:113px;padding:13px 15px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#8790a3;font-size:9px}.metric-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-size:12px}.metric-icon.violet{background:#f0efff;color:#7668df}.metric-icon.mint{background:#e7f8f2;color:#199c79}.metric-icon.amber{background:#fff5e6;color:#cb8b24}.metric-icon.rose{background:#fff0f2;color:#d8626d}.metric-value{display:flex;align-items:baseline;gap:4px;margin-top:6px;font:600 22px 'DM Mono',monospace;letter-spacing:-.06em;color:#30374a}.metric-unit{font:11px 'DM Sans',sans-serif;color:#9da4b2;letter-spacing:0}.metric-trend{font:8px 'DM Sans',sans-serif;margin-left:7px;letter-spacing:0}.good{color:#1aab80}.warn{color:#bf861d}.danger{color:#da6270}.metric-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:#a3a9b6;font-size:8px}.metric-foot a{color:#7466dc;font-weight:650}.mini-bars{height:18px;display:flex;align-items:flex-end;gap:3px}.mini-bars i{width:4px;border-radius:3px;background:#c8c2ff}.mini-bars i:nth-child(2n){background:#8174eb}.metric-progress{height:4px;width:52px;background:#edf0f5;border-radius:5px;overflow:hidden}.metric-progress i{display:block;height:100%;background:#54c7a4;border-radius:5px}.source-pips{display:flex;gap:4px}.source-pips i{width:6px;height:6px;background:#29ba8e;border-radius:50%}.metric-foot-text{color:#9199aa}.route-panel{padding:16px 18px;margin-bottom:14px}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #eff1f5}.panel-kicker{font-size:8px;color:#9ba3b1}.live-dot{display:inline-block;width:5px;height:5px;background:#25b688;border-radius:50%;margin-left:5px;box-shadow:0 0 0 3px #25b6881b}.panel-heading h2,.panel-title-row h2{font-size:13px;letter-spacing:-.025em;margin:5px 0 2px;font-weight:700;color:#30374a}.pill{display:inline-flex;align-items:center;border-radius:9px;padding:3px 6px;font-size:8px;vertical-align:2px;font-weight:650;margin-left:5px}.pill-success{background:#eaf8f3;color:#169a74}.panel-heading-actions{display:flex;gap:7px}.route-content{padding-top:12px}.selected-node{display:flex;align-items:center;gap:12px}.node-flag{width:38px;height:38px;border-radius:9px;background:#f4f2ff;color:#6d5fde;display:grid;place-items:center;font-size:11px;font-weight:750}.selected-info{display:grid;gap:2px;min-width:200px}.muted-label{font-size:8px;color:#9da5b4}.selected-info strong{font-size:11px;color:#333a4c}.selected-info small{font-size:9px;color:#929aac}.latency{margin-left:auto;text-align:right;padding-right:17px;border-right:1px solid #edf0f5}.latency strong{font:600 16px 'DM Mono',monospace;color:#373e50}.latency strong span{font:9px 'DM Sans',sans-serif;color:#8c95a7;margin-left:2px}.latency small{display:block;color:#a0a7b5;font-size:8px}.score-ring{position:relative;width:40px;height:40px;display:grid;place-items:center;margin-left:0}.score-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.score-ring circle{fill:none;stroke-width:3}.ring-bg{stroke:#eff0f6}.ring-value{stroke:#786ce6;stroke-dasharray:113;stroke-dashoffset:14;stroke-linecap:round}.score-ring b{font:700 11px 'DM Mono',monospace;color:#444b60}.score-ring small{position:absolute;top:42px;white-space:nowrap;color:#a1a8b6;font-size:7px}.route-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eff1f5;margin-top:13px;padding-top:11px}.route-stats div{display:grid;gap:3px;padding-left:14px;border-left:1px solid #eff1f5}.route-stats div:first-child{border:0;padding-left:0}.route-stats span{color:#9ba3b2;font-size:8px}.route-stats b{font:600 10px 'DM Mono',monospace;color:#434a5c}.route-stats b small{font:9px 'DM Sans',sans-serif;color:#9ba3b2}.route-stats .text-amber{color:#cb8b24}.route-note{display:flex;align-items:center;gap:7px;margin-top:10px;color:#929bad;font-size:8px}.note-icon{width:13px;height:13px;border-radius:50%;border:1px solid #b2b8c6;display:grid;place-items:center;font:8px Georgia;color:#8992a3}.route-note button{border:0;background:none;color:#6c61d7;font-size:8px;padding:0;margin-left:3px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.9fr);gap:14px;margin-bottom:14px}.panel{padding:15px 17px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-title-row h2{margin:0 0 3px}.panel-title-row p{font-size:9px}.text-button{border:0;background:none;color:#7264db;font-size:9px;font-weight:650;white-space:nowrap}.text-button span{margin-left:3px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{height:26px;background:#fafbfc;color:#a0a7b4;font-size:8px;font-weight:600;padding:0 8px}td{height:43px;border-bottom:1px solid #f0f2f6;padding:0 8px;color:#667085;font-size:9px}tbody tr:last-child td{border-bottom:0}td small{font-size:8px;color:#9ba3b1}.server-cell{display:flex;align-items:center;gap:8px}.server-cell b,.server-cell small{display:block}.server-cell b{font-size:9px;color:#3f4658;font-weight:650}.server-cell small{margin-top:2px}.server-avatar{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font:8px 'DM Mono',monospace;font-weight:600}.server-avatar.hk{background:#eeeaff;color:#725fde}.server-avatar.jp{background:#fff0f0;color:#d6656b}.server-avatar.sg{background:#e7f7f1;color:#169b78}.server-avatar.uk{background:#edf4ff;color:#5282d0}.status{display:inline-flex;align-items:center;gap:5px;font-size:8px;white-space:nowrap}.status i{width:5px;height:5px;border-radius:50%;background:#20b284}.status-online{color:#209d79}.usage{width:37px;height:4px;border-radius:5px;background:#edf0f4;display:inline-block;vertical-align:middle;margin-right:4px}.usage i{display:block;height:100%;background:#8c81ea;border-radius:5px}.disk-warn{color:#d08c22}.panel-foot{border-top:1px solid #eff1f5;padding-top:9px;margin-top:4px;display:flex;justify-content:space-between;color:#a0a7b4;font-size:8px}.refresh-circle{font-style:normal;font-size:10px;color:#9a91e9;margin-right:4px}.provider-list{display:grid;gap:0}.provider-row{height:35px;display:grid;grid-template-columns:48px minmax(0,1fr) 82px;align-items:center;border-bottom:1px solid #f0f2f6;gap:5px}.provider-row:last-child{border:0}.provider-name{font:9px 'DM Mono',monospace;color:#4a5265;display:flex;align-items:center;gap:6px}.provider-dot{width:5px;height:5px;border-radius:50%;background:#28b78a}.provider-meta{font-size:8px;color:#a0a7b4}.provider-score{display:grid;grid-template-columns:auto auto;justify-content:end;align-items:baseline}.provider-score b{font:600 10px 'DM Mono',monospace;color:#394153}.provider-score span{font:8px 'DM Mono',monospace;color:#adb3bf}.provider-score i{height:3px;grid-column:1/3;width:43px;background:#edf0f4;border-radius:3px;justify-self:end;margin-top:1px;overflow:hidden}.provider-score em{display:block;height:100%;background:#39bb93}.score-legend{display:flex;align-items:center;gap:4px}.score-legend i{width:5px;height:5px;border-radius:50%;background:#39bb93}.lower-grid{grid-template-columns:minmax(0,1.5fr) minmax(290px,.9fr)}.event-list{margin-top:4px}.event-row{height:44px;border-top:1px solid #f0f2f6;display:flex;align-items:center;gap:9px}.event-icon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:11px}.event-warn{background:#fff5e4;color:#c88a1e}.event-good{background:#e9f8f2;color:#1ba47d}.event-info{background:#eef3ff;color:#6585d6}.event-copy{flex:1;min-width:0}.event-copy b,.event-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-copy b{font-size:9px;color:#50586b;font-weight:600}.event-copy small{font-size:8px;color:#a3a9b5;margin-top:2px}.event-level{font-size:8px;padding:3px 6px;border-radius:5px}.level-warn{color:#be841e;background:#fff7e9}.level-good{color:#188b6c;background:#eaf8f3}.level-info{color:#6683c8;background:#eff3ff}.geo-version{height:42px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #eff1f5;padding-bottom:9px}.geo-symbol{width:27px;height:27px;border-radius:8px;background:#f0efff;color:#7769e4;display:grid;place-items:center;font-size:16px}.geo-version>div:nth-child(2){flex:1}.geo-version b,.geo-version small{display:block}.geo-version b{font-size:9px;color:#4a5264}.geo-version small{font-size:8px;color:#a0a7b4;margin-top:2px}.geo-detail{display:grid;gap:7px;padding-top:10px}.geo-detail div{display:flex;justify-content:space-between;color:#9ba3b1;font-size:8px}.geo-detail b{font:600 8px 'DM Sans',sans-serif;color:#5b6374}.geo-detail b small{color:#9da5b2;font-weight:400}.page-bottom-note{color:#9ba3b2;font-size:8px;padding:2px 1px;display:flex;gap:6px;align-items:center}.page-bottom-note span{color:#8a80e7;font-size:11px}.app-footer{max-width:1600px;margin:0 auto;padding:0 35px 18px;display:flex;justify-content:space-between;color:#afb5c1;font:8px 'DM Mono',monospace;letter-spacing:.04em}.app-footer i{font-style:normal;color:#d3d6df;padding:0 5px}.hidden{display:none!important}.module-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px;box-shadow:var(--shadow);margin-bottom:13px}.module-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.module-toolbar .filter-select,.module-toolbar input{height:31px;border:1px solid #e6e9f0;border-radius:6px;background:#fff;color:#677185;padding:0 9px;font-size:9px;outline:0}.module-toolbar input{width:210px}.module-toolbar input:focus,.module-toolbar select:focus{border-color:#a9a0f0}.module-title{font-size:12px;font-weight:700;color:#374054;margin:0}.module-subtitle{font-size:9px;color:#9ca4b2;margin:3px 0 0}.module-table th{height:34px}.module-table td{height:48px}.table-pill{display:inline-flex;padding:3px 7px;border-radius:7px;font-size:8px}.table-pill.good{background:#eaf8f3}.table-pill.warn{background:#fff5e4}.table-pill.neutral{background:#f0f2f7;color:#778195}.table-pill.purple{background:#f0efff;color:#7668dc}.module-actions{display:flex;gap:5px}.mini-button{padding:4px 7px;border:1px solid #e6e9f0;background:#fff;color:#6e7789;border-radius:5px;font-size:8px}.mini-button:hover{border-color:#c9c3f6;color:#675bd1}.empty-row{padding:20px;text-align:center;color:#a0a7b4;font-size:10px}.info-strip{padding:11px 13px;background:#f6f5ff;border:1px solid #e9e7ff;border-radius:7px;color:#7e79a8;font-size:9px;margin:12px 0}.info-strip b{color:#6258c2}.info-strip.warning{background:#fff9ed;border-color:#f6ebd5;color:#9c8559}.info-strip.warning b{color:#bd871f}.stat-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.stat-chip{padding:7px 10px;background:#fff;border:1px solid var(--line);border-radius:7px;color:#8991a1;font-size:8px}.stat-chip b{color:#4c5569;font:600 10px 'DM Mono',monospace;margin-left:5px}.split-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.split-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:15px}.split-card h3{margin:0 0 5px;font-size:11px;color:#424a5e}.split-card p{margin:0;color:#949cac;font-size:9px}.split-card .big-number{font:600 20px 'DM Mono',monospace;margin:10px 0 3px;color:#363e50}.split-card .card-foot{color:#a3a9b5;font-size:8px}.geo-bars{display:grid;gap:12px;margin:12px 0}.geo-bar{display:grid;grid-template-columns:100px 1fr 60px;align-items:center;gap:10px;font-size:9px;color:#818a9d}.geo-bar-track{height:6px;background:#edf0f5;border-radius:5px;overflow:hidden}.geo-bar-track i{height:100%;display:block;background:linear-gradient(90deg,#796ee6,#b2aaff);border-radius:5px}.timeline{display:grid}.timeline-row{display:grid;grid-template-columns:90px 15px 1fr;gap:7px;padding:8px 0}.timeline-time{font:8px 'DM Mono',monospace;color:#a3a9b5}.timeline-mark{position:relative;width:8px;height:8px;border-radius:50%;background:#8b80e9;margin-top:3px}.timeline-mark:after{content:"";position:absolute;top:8px;left:3px;height:28px;border-left:1px solid #e6e8f0}.timeline-row:last-child .timeline-mark:after{display:none}.timeline-copy b{display:block;font-size:9px;color:#4b5365}.timeline-copy small{display:block;font-size:8px;color:#9da4b1;margin-top:2px}.action-dialog{width:min(420px,calc(100% - 30px));border:1px solid #e9ebf3;border-radius:14px;padding:23px;background:#fff;box-shadow:0 25px 90px #18213c3b;color:var(--ink)}.action-dialog::backdrop{background:#171c2b66;backdrop-filter:blur(2px)}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#9ba2af;font-size:21px}.dialog-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#f0efff;color:#7062db;font-size:16px;margin-bottom:14px}.dialog-eyebrow{font-size:8px}.action-dialog h2{font-size:16px;margin:5px 0}.action-dialog>p{font-size:10px;color:#8891a2;margin:0 0 14px}.dialog-summary{border:1px solid #eceef4;background:#fafbfc;border-radius:8px;padding:11px;color:#717b8e;font-size:9px;line-height:1.7;min-height:42px}.dialog-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:17px}.dialog-footnote{text-align:right;color:#b0b6c0;font-size:8px;margin-top:12px}.toast{position:fixed;right:24px;bottom:22px;background:#242a3b;color:#f9faff;padding:10px 14px;border-radius:7px;box-shadow:0 10px 30px #161d2b2e;font-size:10px;opacity:0;transform:translateY(8px);transition:all .2s;pointer-events:none;z-index:10}.toast.visible{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.sidebar{width:220px}.main-area{margin-left:220px}.content{padding-left:23px;padding-right:23px}.topbar{padding:0 23px}.prototype-banner{padding:0 23px}.app-footer{padding-left:23px;padding-right:23px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr}}
@media(max-width:700px){.sidebar{width:62px;padding:16px 8px}.brand{padding:0;justify-content:center;margin-bottom:23px}.brand>span:not(.brand-mark),.workspace-label,.workspace-switch>span:not(.workspace-icon),.nav-caption,.nav-item:not(.active),.nav-item .nav-count,.nav-item.active{font-size:0}.workspace-switch{justify-content:center;padding:6px;height:45px}.workspace-icon{width:29px;height:29px}.nav-groups{margin-top:19px}.nav-item{justify-content:center;padding:0;width:44px;height:42px;margin:4px 0}.nav-item.active{font-size:0}.nav-icon{font-size:16px}.nav-dot{position:absolute;margin-left:22px;margin-top:-15px}.sidebar-bottom .connection-card{justify-content:center;padding:0;height:39px}.connection-card>span:not(.connection-indicator){display:none}.profile{justify-content:center;padding-top:12px}.profile>span:not(.avatar){display:none}.main-area{margin-left:62px}.topbar{height:54px;padding:0 13px}.top-actions{gap:9px}.global-search{width:min(43vw,230px)}.global-search kbd,.help-button,.top-divider{display:none}.prototype-banner{padding:0 13px;font-size:8px}.prototype-banner>span:nth-last-child(2){display:none}.content{padding:19px 13px 23px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.heading-actions .button{flex:1}.metrics-grid{gap:8px}.metric-card{min-height:102px;padding:11px}.metric-trend{font-size:7px}.route-panel,.panel{padding:13px}.panel-heading{align-items:flex-start}.panel-heading-actions{flex-direction:column}.panel-heading-actions .button{font-size:8px;padding:6px}.selected-node{gap:8px}.selected-info{min-width:0}.selected-info strong{font-size:9px}.latency{padding-right:9px}.route-stats{grid-template-columns:repeat(2,1fr);gap:9px}.route-stats div:nth-child(3){border:0;padding-left:0}.route-note{align-items:flex-start;line-height:1.6}.dashboard-grid{gap:9px}.panel-title-row h2{font-size:12px}.provider-row{grid-template-columns:43px 1fr 70px}.provider-meta{font-size:7px}.app-footer{padding:0 13px 13px;font-size:7px}.app-footer span:last-child{display:none}.module-toolbar{align-items:flex-start;flex-direction:column}.module-toolbar input{width:100%}.split-cards{grid-template-columns:1fr}.module-table{min-width:690px}.module-table th,.module-table td{padding-left:7px;padding-right:7px}.action-dialog{padding:19px}}
.cell-strong{display:block;font-size:9px;color:#424a5c;font-weight:650}.cell-strong small{display:block;color:#99a1b0;font-size:8px;font-weight:400;margin-top:3px}
.metric-top{font-size:10px}.metric-foot{font-size:9px}.panel-heading p,.panel-title-row p{font-size:10px}th{font-size:9px}td{font-size:10px}.server-cell b,.event-copy b{font-size:10px}.server-cell small,.event-copy small,.provider-meta,.route-note,.route-stats span,.geo-detail div{font-size:9px}
.route-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:18px 0 13px}.route-tab-button{border:0;border-bottom:2px solid transparent;background:transparent;color:#858da0;padding:9px 13px;font-size:10px}.route-tab-button:hover{color:#6258c2}.route-tab-button.active{border-bottom-color:var(--violet);color:#6258c2;font-weight:700}.route-tab-button:focus-visible,.route-card button:focus-visible{outline:2px solid #796ee6;outline-offset:2px}.route-tab-panel{min-width:0}.region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.region-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:15px;box-shadow:var(--shadow)}.region-active{border-color:#cfcafa;box-shadow:0 0 0 2px #7162e810}.region-template{border-style:dashed}.region-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.region-code{display:grid;place-items:center;min-width:29px;height:25px;padding:0 6px;border-radius:6px;background:#f0efff;color:#665bd0;font:700 10px 'DM Mono',monospace}.region-card h2{font-size:13px;margin:11px 0 2px;color:#343b4f}.region-card>p{margin:0;color:#929aab;font-size:9px}.region-card dl{display:grid;gap:7px;margin:13px 0 12px}.region-card dl div{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #f0f2f6;padding-top:6px}.region-card dt{color:#9ba3b1;font-size:8px}.region-card dd{margin:0;color:#545d70;font-size:8px;text-align:right}.region-card .mini-button{font-size:8px}
@media(max-width:900px){.region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.route-tabs{margin-top:12px}.route-tab-button{flex:1;padding:9px 5px}.region-grid{grid-template-columns:1fr}.region-card{padding:13px}}
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:13px;align-items:start}.settings-main,.settings-side{min-width:0}.settings-side{position:sticky;top:112px}.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:5px;min-width:0;color:#70798d;font-size:9px}.field>input,.field>select,.field-inline input,.field-inline select{width:100%;height:33px;min-width:0;border:1px solid #e6e9f0;border-radius:6px;background:#fff;padding:0 9px;color:#50596c;font:inherit;font-size:9px}.field input::placeholder{color:#aab0bd}.field-inline{display:flex;gap:6px}.field-inline input{max-width:80px}.field-inline select{flex:1}.switch-field{display:flex;align-items:center;gap:6px;color:#6c7588;font-size:9px;cursor:pointer}.switch-field input{accent-color:var(--violet)}.settings-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eff1f5;padding-top:11px;margin-top:13px}.channel-state{display:flex;align-items:center;gap:6px;color:#9098a8;font-size:8px}.state-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d69a35}.settings-health{display:grid;gap:0;margin:12px 0}.settings-health>div{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #f0f2f6;padding:9px 0;color:#8d95a6;font-size:8px}.settings-health b{font-weight:600;color:#596275}.settings-health .state-dot{margin-right:5px}.settings-notes{padding-left:16px;margin:12px 0 0;color:#8992a4;font-size:8px;line-height:1.8}.settings-notes li+li{margin-top:5px}.settings-main .module-table{min-width:720px}.settings-main .module-table input[type=checkbox]{accent-color:var(--violet)}
@media(max-width:1000px){.settings-layout{grid-template-columns:1fr}.settings-side{position:static}.settings-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-side .module-card{margin-bottom:0}}
@media(max-width:700px){.settings-fields{grid-template-columns:1fr}.settings-side{grid-template-columns:1fr}.settings-layout .module-card{padding:13px}}

/* Visual refresh: clearer hierarchy, stronger contrast, and roomier controls. */
:root{--ink:#192638;--muted:#758196;--line:#e5eaf0;--paper:#f3f6f8;--card:#fff;--navy:#101b29;--navy-2:#172537;--violet:#665ce8;--violet-light:#f0efff;--green:#169e7c;--green-light:#e7f7f1;--amber:#c88721;--amber-light:#fff5e4;--red:#d85c69;--red-light:#fff0f1;--shadow:0 12px 32px rgba(28,45,68,.065)}
body{font-size:14px;background:radial-gradient(ellipse at 82% 0%,#e8f1f1 0,transparent 30%),var(--paper);color:var(--ink)}
.sidebar{background:radial-gradient(ellipse at 15% 0%,#1c3440 0,transparent 35%),linear-gradient(180deg,#111d2b 0%,#111a27 100%);border-right:1px solid #ffffff0b;padding:25px 16px 17px}.brand-mark{background:linear-gradient(145deg,#47d4b2,#188f8b);box-shadow:0 7px 24px #32b99c38}.brand strong{letter-spacing:.13em}.brand small{color:#9ba9b9}.workspace-switch{border-color:#ffffff16;background:#ffffff09}.workspace-switch:hover{background:#ffffff11;border-color:#ffffff25}.workspace-icon{background:#17453f;color:#80ead2}.nav-caption{color:#8392a4;font-size:9px;letter-spacing:.12em}.nav-item{height:42px;border-radius:9px;font-size:12px;color:#b0bdcb}.nav-item:hover{background:#ffffff0b}.nav-item.active{background:linear-gradient(90deg,#1f4b4a88,#ffffff0c);color:#effffb;box-shadow:inset 3px 0 #54d8b8}.nav-item.active .nav-icon{color:#71e1c4}.nav-icon{font-size:16px}.nav-count{background:#ffffff12;color:#c3cfda}.alert-count{background:#5a3840;color:#ffc0ad}.connection-card{border-color:#ffffff15;background:#ffffff08}.connection-indicator{background:#e4ad54;box-shadow:0 0 0 4px #e4ad5422}.profile{border-color:#ffffff19}
.main-area{background:transparent}.topbar{height:66px;padding:0 40px;background:#ffffffd9;border-bottom-color:#e6ebef;backdrop-filter:blur(18px);box-shadow:0 3px 18px #18334c08}.crumb{font-size:11px}.crumb b{color:#26354a}.global-search{height:36px;width:280px;border-color:#e3e8ee;background:#f7f9fa;border-radius:9px}.global-search input{font-size:11px}.icon-button,.help-button{color:#657287}.icon-button{font-size:17px}.prototype-banner{height:36px;background:#fff8e9;border-bottom-color:#f1e5ca;color:#896928;padding:0 40px;font-size:10px}.banner-dot{width:7px;height:7px;box-shadow:0 0 0 4px #d89a2b1c}.content{max-width:1700px;padding:35px 40px 36px}.page-heading{margin-bottom:23px;align-items:center}.eyebrow{font-size:9px;letter-spacing:.16em;color:#8290a3}.page-heading h1{font-size:28px;letter-spacing:-.055em;margin:8px 0 5px;color:#1b2b3d}.page-heading p{font-size:12px;color:#768398}.heading-actions{gap:9px}.button{min-height:37px;padding:0 14px;border-radius:9px;font-size:11px;font-weight:650;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover,.mini-button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,#6e63e8,#554dc8);box-shadow:0 5px 14px #655be52d}.button-primary:hover{box-shadow:0 8px 20px #655be541}.button-secondary{border-color:#e1e7ed;background:#fff;color:#536176}.button-secondary:hover{border-color:#bfc8d4;background:#f9fbfc}.button-small{min-height:32px}
.metrics-grid{gap:14px;margin-bottom:16px}.metric-card{min-height:132px;padding:17px 18px;border:1px solid #e5eaf0;border-radius:14px;box-shadow:var(--shadow);background:linear-gradient(145deg,#fff,#fbfcfd);transition:transform .18s ease,box-shadow .18s ease}.metric-card:hover,.panel:hover,.module-card:hover{box-shadow:0 15px 36px rgba(28,45,68,.09)}.metric-top{font-size:11px;color:#768398}.metric-icon{width:31px;height:31px;border-radius:9px;font-size:14px}.metric-value{font-size:30px;letter-spacing:-.055em;color:#1c2c40}.metric-unit{font-size:14px;color:#96a0af}.metric-trend{font-size:9px;padding:4px 7px;border-radius:7px}.metric-foot{font-size:9px;color:#8591a3;margin-top:13px}.metric-progress{height:5px;border-radius:6px}.mini-bars i{width:4px;border-radius:3px}.dashboard-grid{gap:14px}.lower-grid{grid-template-columns:minmax(0,1.45fr) minmax(310px,.85fr)}.panel{border-radius:14px;box-shadow:var(--shadow);transition:box-shadow .18s ease}.route-panel{padding:22px 23px;margin-bottom:16px;background:radial-gradient(ellipse at 90% 0%,#285267 0,transparent 36%),linear-gradient(125deg,#142436 0%,#172c3a 55%,#153d3c 100%);border:1px solid #223d4d;color:#edf8f8;box-shadow:0 18px 44px #12283a24;overflow:hidden;position:relative}.route-panel:after{content:"";position:absolute;width:210px;height:210px;border:1px solid #ffffff0b;border-radius:50%;right:-80px;bottom:-145px;box-shadow:0 0 0 25px #ffffff06,0 0 0 52px #ffffff04;pointer-events:none}.panel-heading{padding-bottom:16px;border-bottom-color:#ffffff19;position:relative;z-index:1}.panel-kicker{font-size:9px;color:#a8c0cd;letter-spacing:.15em}.live-dot{width:7px;height:7px;background:#58dfb6;box-shadow:0 0 0 4px #58dfb625}.panel-heading h2{color:#f3fbfc;font-size:19px;letter-spacing:-.035em}.panel-heading p{color:#adbfca;font-size:11px}.pill-success{background:#164f49;color:#83e4cb;padding:4px 8px;border-radius:7px;font-size:9px}.route-content{padding-top:17px;position:relative;z-index:1}.selected-node{gap:15px}.node-flag{width:46px;height:46px;border:1px solid #ffffff19;border-radius:13px;background:#ffffff12;color:#96ead6;font-size:12px}.selected-info{gap:4px}.muted-label{font-size:9px;color:#a8bdc8}.selected-info strong{font-size:14px;color:#f4fbfc;letter-spacing:-.015em}.selected-info small{font-size:10px;color:#a9bdc7}.latency{padding-right:22px;border-color:#ffffff21}.latency strong{font-size:20px;color:#f7fcfd}.latency strong span,.latency small{color:#afc3cc}.latency small{font-size:9px}.score-ring{width:50px;height:50px}.score-ring circle{stroke-width:2.8}.ring-bg{stroke:#ffffff25}.ring-value{stroke:#56d5b2}.score-ring b{font-size:13px;color:#f3fffb}.score-ring small{font-size:8px;color:#a9c2c8}.route-stats{border-color:#ffffff1b;margin-top:17px;padding-top:15px}.route-stats div{border-color:#ffffff1a;padding-left:17px}.route-stats span{font-size:9px;color:#9fb5bf}.route-stats b{font-size:12px;color:#edf8f7}.route-stats b small{color:#a9bec6;font-size:9px}.text-amber{color:#f4c66f!important}.route-note{margin-top:13px;padding:9px 11px;border:1px solid #ffffff14;background:#ffffff08;border-radius:9px;color:#bed0d5;font-size:9px}.note-icon{width:15px;height:15px;border-color:#9fb8c0;color:#c2d6d9}.route-note button{color:#80e0c4;font-size:9px}.route-panel .button-secondary{border-color:#ffffff24;background:#ffffff0b;color:#e8f5f5}.route-panel .button-secondary:hover{background:#ffffff18}.route-panel .button-primary{background:linear-gradient(135deg,#32bda0,#238b83);color:#072c2b;box-shadow:0 6px 18px #1b9c8640}
.panel-title-row h2{font-size:14px;color:#26364a;letter-spacing:-.02em}.panel-title-row p{font-size:10px;color:#8490a1}.fleet-panel,.subscriptions-panel,.events-panel,.geo-card{padding:20px}.dashboard-grid>.panel{min-width:0}.module-card{padding:21px;border-radius:14px;box-shadow:var(--shadow);margin-bottom:15px;transition:box-shadow .18s ease}.module-title{font-size:14px;color:#29384c;letter-spacing:-.015em}.module-subtitle{font-size:10px;color:#8692a2}.module-toolbar{margin-bottom:14px}.module-toolbar .filter-select,.module-toolbar input{height:35px;border-color:#e2e7ed;border-radius:8px;font-size:10px;padding:0 11px}.local-filter{background:#fafbfd}.module-table{border-collapse:separate;border-spacing:0}.module-table th{height:38px;background:#f7f9fb;color:#758297;font-size:9px;letter-spacing:.035em}.module-table th:first-child{border-radius:8px 0 0 8px}.module-table th:last-child{border-radius:0 8px 8px 0}.module-table td{height:56px;border-bottom-color:#edf0f4;color:#586579;font-size:10px}.module-table tbody tr:last-child td{border-bottom:0}.cell-strong{font-size:10px;color:#344257}.cell-strong small{font-size:9px;color:#8692a2}.table-pill{padding:4px 8px;border-radius:7px;font-size:9px;font-weight:600}.mini-button{padding:6px 9px;border-color:#e2e7ed;border-radius:7px;color:#5e6b7f;font-size:9px;transition:all .15s ease}.mini-button:hover{border-color:#c9c3f6;color:#5e54cf;background:#faf9ff}.module-actions{gap:6px}.split-cards{gap:14px}.split-card{padding:19px;border-radius:13px;box-shadow:var(--shadow)}.split-card h3{font-size:12px;color:#344257}.split-card p{font-size:10px;color:#8591a2}.split-card .big-number{font-size:23px;color:#24354a}.split-card .card-foot{font-size:9px;color:#8c97a6}.info-strip{padding:13px 15px;border-radius:9px;font-size:10px;line-height:1.65}.stat-chips{gap:9px;margin:14px 0}.stat-chip{padding:8px 11px;border-radius:8px;font-size:9px}.stat-chip b{font-size:11px}.route-tabs{margin:21px 0 15px;border-color:#dfe5eb}.route-tab-button{padding:11px 15px;font-size:11px}.route-tab-button.active{color:#5147c4}.region-grid{gap:13px}.region-card{padding:18px;border-radius:13px;box-shadow:var(--shadow);transition:transform .16s ease,box-shadow .16s ease}.region-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(28,45,68,.09)}.region-card h2{font-size:15px}.region-card>p{font-size:10px}.region-card dl{gap:9px;margin:15px 0}.region-card dt,.region-card dd{font-size:9px}.settings-layout{gap:15px}.settings-layout .module-card{padding:21px}.field{font-size:10px;gap:6px}.field>input,.field>select,.field-inline input,.field-inline select{height:37px;border-radius:8px;font-size:10px;padding:0 11px}.settings-health>div{font-size:9px;padding:11px 0}.settings-notes{font-size:9px}.channel-state{font-size:9px}.event-row{height:52px;border-top-color:#edf0f4}.event-icon{width:27px;height:27px;border-radius:8px}.event-copy b{font-size:10px;color:#39485c}.event-copy small{font-size:9px}.event-level{font-size:9px}.geo-version{height:51px}.geo-symbol{width:32px;height:32px;border-radius:9px}.geo-version b{font-size:10px}.geo-version small,.geo-detail div{font-size:9px}.geo-detail{gap:9px}.page-bottom-note{font-size:9px;color:#7d899b}.app-footer{font-size:9px;color:#8793a3}.action-dialog{border-radius:16px;padding:26px}.action-dialog h2{font-size:18px}.action-dialog>p{font-size:11px}.dialog-summary{font-size:10px;border-radius:9px}.toast{font-size:11px;border-radius:9px;padding:12px 16px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7770e84d;outline-offset:2px}
@media(max-width:1100px){.content{padding-left:26px;padding-right:26px}.topbar,.prototype-banner{padding-left:26px;padding-right:26px}.lower-grid{grid-template-columns:1fr}.route-panel{padding:19px}}
@media(max-width:700px){body{font-size:13px}.topbar{padding:0 13px}.prototype-banner{padding:0 13px}.content{padding:21px 13px 26px}.page-heading h1{font-size:24px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{min-height:112px;padding:13px;border-radius:12px}.metric-top{font-size:9px}.metric-value{font-size:25px}.metric-trend{font-size:8px}.route-panel{padding:16px 14px;border-radius:13px}.panel-heading h2{font-size:16px}.selected-node{gap:9px;flex-wrap:wrap}.selected-info{min-width:0;flex:1}.selected-info strong{font-size:11px}.latency{margin-left:55px;padding-right:12px}.score-ring{margin-left:auto}.route-stats{grid-template-columns:repeat(2,1fr);gap:10px}.route-stats div{padding-left:10px}.route-stats div:nth-child(3){border:0;padding-left:0}.route-note{align-items:flex-start;line-height:1.6}.fleet-panel,.subscriptions-panel,.events-panel,.geo-card{padding:14px}.module-card,.settings-layout .module-card{padding:15px;border-radius:12px}.module-toolbar{align-items:flex-start}.module-title{font-size:13px}.split-cards{gap:9px}.split-card{padding:15px;border-radius:11px}.region-card{padding:15px}.app-footer{padding:0 13px 15px}.module-table{min-width:690px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Monitoring overview: normalize state fields and reduce dashboard scan time. */
.overview-heading{margin-bottom:14px}.overview-heading .page-heading p{max-width:680px}.collection-time{display:inline-flex;align-items:center;gap:7px;margin-right:5px;color:#718095;font-size:10px;white-space:nowrap}.collection-time i,.freshness i{width:6px;height:6px;border-radius:50%;background:#25ae84;box-shadow:0 0 0 3px #25ae8418}.ops-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 4px 15px #1c2d4010;margin:0 0 14px;padding:13px 4px}.ops-summary-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:7px;padding:0 15px;border-right:1px solid #edf0f4;min-width:0}.ops-summary-item:last-child{border-right:0}.ops-summary-item>span{grid-column:1;grid-row:1;font-size:9px;color:#8190a2}.ops-summary-item>b{grid-column:1;grid-row:2;margin-top:4px;font-size:18px;line-height:1.1;letter-spacing:-.035em;color:#27384c;white-space:nowrap}.ops-summary-item>b small{font-size:10px;font-weight:500;letter-spacing:0;color:#7a8798}.ops-summary-item>em{grid-column:2;grid-row:2;margin-top:4px;font-size:8px;font-style:normal;color:#7e8b9d;white-space:nowrap}.summary-mark{grid-column:2;grid-row:1;width:7px;height:7px;border-radius:50%;background:#98a5b4}.summary-mark.good{background:#1ba780;box-shadow:0 0 0 3px #1ba78019}.summary-mark.warn{background:#d7952c;box-shadow:0 0 0 3px #d7952c1c}.summary-mark.critical{background:#df5c68;box-shadow:0 0 0 3px #df5c681c}.overview-section{min-width:0;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 4px 15px #1c2d4010;padding:15px 16px}.overview-section-head{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.overview-section-head h2{margin:0;color:#2a394d;font-size:12px;font-weight:700;letter-spacing:-.01em}.overview-section-head p{margin:3px 0 0;color:#8491a2;font-size:9px}.overview-section-head .text-button{font-size:9px;white-space:nowrap}.overview-section .table-wrap{margin:0}.ops-table{min-width:1000px;border-collapse:collapse}.ops-table th,.compact-table th{height:29px;background:#f7f9fb;color:#728095;font-size:8px;font-weight:650;letter-spacing:.025em;text-align:left;white-space:nowrap}.ops-table td,.compact-table td{height:43px;border-bottom:1px solid #eef1f4;color:#526176;font-size:9px;white-space:nowrap}.ops-table tbody tr:last-child td,.compact-table tbody tr:last-child td{border-bottom:0}.ops-server{display:grid;gap:2px}.ops-server>b{display:flex;align-items:center;gap:7px;color:#2d3d51;font-size:9px;font-weight:700}.ops-server>small{padding-left:13px;color:#8b97a7;font-size:8px}.server-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9aa6b5}.server-dot.hk{background:#6d65df}.server-dot.jp{background:#dc6672}.server-dot.sg{background:#36a986}.server-dot.uk{background:#6085d2}.server-dot.us{background:#a3adbc}.server-dot.cn{background:#d69b3e}.state-pill{display:inline-flex;align-items:center;justify-content:center;min-height:19px;padding:2px 7px;border-radius:6px;font-size:8px;font-weight:650;white-space:nowrap}.state-good{background:#eaf7f2;color:#168565}.state-warn{background:#fff4df;color:#a97316}.state-critical{background:#fff0f1;color:#c34c58}.state-unknown{background:#f0f2f5;color:#778497}.state-stale{background:#fff0ed;color:#bd6048}.resource-value{display:inline-block;min-width:29px;font-variant-numeric:tabular-nums;color:#45556a}.resource-track{display:inline-block;vertical-align:middle;width:41px;height:4px;margin-left:4px;border-radius:4px;background:#e9edf2;overflow:hidden}.resource-track i{display:block;height:100%;border-radius:inherit;background:#62bca2}.resource-track.warn i{background:#e2a742}.text-warn,.score-warn{color:#b47c1c!important}.ops-table td small{color:#8995a5;font-size:8px}.service-pair{display:inline-flex;align-items:center;gap:4px;color:#56657a;font-size:8px}.service-pair.muted{color:#939eac}.mini-state{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a2adba;margin-left:3px}.mini-state.good{background:#1da67f}.freshness{display:inline-flex;align-items:center;gap:6px;color:#718195;font-size:8px}.freshness.stale{color:#b55e49}.freshness.stale i{background:#d67858;box-shadow:0 0 0 3px #d6785818}.empty-value{color:#a4adba!important}.row-link{border:0;background:none;color:#635bd1;font-size:8px;padding:4px 2px}.row-link:hover{text-decoration:underline}.overview-monitor-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1.05fr) minmax(250px,.9fr);gap:12px;margin-top:12px;align-items:stretch}.monitor-panel,.alert-panel{padding:14px 15px}.compact-table-wrap{max-width:100%;overflow-x:auto}.compact-table{width:100%;border-collapse:collapse}.compact-table th{height:28px}.compact-table td{height:37px;font-size:8px}.compact-table td b{color:#34445a;font-size:9px}.compact-table td small{display:block;color:#8793a3;font-size:8px;margin-top:2px}.score-good{color:#22886f!important}.score-warn{color:#b47c1c!important}.alert-list{display:grid}.alert-row{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:start;gap:7px;padding:10px 0;border-top:1px solid #eef1f4}.alert-priority{display:grid;place-items:center;width:24px;height:18px;border-radius:5px;background:#f0f2f5;color:#758196;font-size:8px;font-weight:750}.alert-row>div{min-width:0}.alert-row b{display:block;color:#39485d;font-size:9px}.alert-row small{display:block;margin-top:3px;color:#8591a1;font-size:8px;line-height:1.45}.alert-row time{color:#96a0ae;font-size:8px;white-space:nowrap}.alert-critical .alert-priority{background:#fff0f1;color:#c34c58}.alert-warn .alert-priority{background:#fff4df;color:#a97316}.alert-info .alert-priority{background:#edf3ff;color:#587cb6}.overview-footnote{display:flex;align-items:center;gap:7px;margin-top:10px;color:#8793a3;font-size:8px}.overview-footnote span{color:#a87821;background:#fff4df;border-radius:4px;padding:2px 5px}.overview-footnote i{font-style:normal;color:#c1c8d1}
@media(max-width:1370px){.overview-monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-panel{grid-column:1/-1}.ops-table{min-width:980px}}
@media(max-width:900px){.ops-summary{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}.ops-summary-item:nth-child(3){border-right:0}.overview-monitor-grid{grid-template-columns:1fr}.alert-panel{grid-column:auto}.collection-time{display:none}}
@media(max-width:600px){.ops-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:11px 3px}.ops-summary-item{padding:0 10px}.ops-summary-item:nth-child(3){border-right:1px solid #edf0f4}.ops-summary-item:nth-child(even){border-right:0}.ops-summary-item>b{font-size:16px}.overview-section{padding:12px}.overview-section-head h2{font-size:11px}.overview-footnote{align-items:flex-start;line-height:1.6}.overview-heading .heading-actions{width:100%}.overview-heading .heading-actions .button{flex:1}}
/* Keep dense monitoring tables readable at normal desktop zoom. */
.ops-table th,.compact-table th{font-size:9px}.ops-table td,.compact-table td{font-size:10px}.ops-server>b{font-size:10px}.ops-server>small,.ops-table td small,.compact-table td small,.service-pair,.freshness,.state-pill,.row-link,.alert-row time,.overview-footnote{font-size:9px}.compact-table td b,.alert-row b{font-size:10px}.alert-row small{font-size:9px}.ops-summary-item>span{font-size:10px}.ops-summary-item>em{font-size:9px}
.brand-mark{width:42px;height:42px;border-radius:12px}.brand-mark svg{width:34px;height:34px}
.brand{height:48px}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#9b7bff 0%,#704fda 58%,#4b3295 100%);box-shadow:0 7px 24px #8b68e754}.brand-mark svg{width:42px;height:42px}.brand-mark svg circle.ai-heart{fill:#ffe38a;stroke:#fff4ca;stroke-width:1}
/* Shared typography: readable labels and wrapped table copy across every view. */
body{font-size:14px;line-height:1.55}
.page-heading p,.module-subtitle,.panel-title-row p,.panel-heading p,.region-card>p{font-size:12px;line-height:1.55}
.eyebrow,.panel-kicker,.dialog-eyebrow{font-size:10px;letter-spacing:.12em}
.module-title,.panel-title-row h2,.region-card h2{line-height:1.35}
.button,.text-button,.mini-button,.table-pill,.filter-select,.local-filter,.route-tab-button{font-size:11px;line-height:1.4}
.cell-strong,.server-cell b,.event-copy b{font-size:11px;line-height:1.4}
.cell-strong small,.server-cell small,.event-copy small,.provider-meta,.route-stats span,.route-note,.region-card dt,.region-card dd,.field,.switch-field,.channel-state{font-size:10px;line-height:1.5}
.field>input,.field>select,.field-inline input,.field-inline select{font-size:11px;line-height:1.4}
.module-table th,.ops-table th,.compact-table th{font-size:10px;line-height:1.4}
.module-table td,.ops-table td,.compact-table td{font-size:11px;line-height:1.45}
.module-table th,.module-table td{height:auto;padding:10px 12px;white-space:normal;overflow-wrap:anywhere}
.module-table td small,.ops-table td small,.compact-table td small{font-size:10px;line-height:1.45}
.table-pill{padding:4px 8px;white-space:nowrap}
.compact-table th,.compact-table td{white-space:normal;overflow-wrap:anywhere}
.ops-table th,.ops-table td{white-space:nowrap}
.state-pill,.resource-value,.freshness,.row-link,.service-pair,.alert-priority,.alert-row time{font-size:10px;line-height:1.4}
.ops-summary-item>span{font-size:11px}.ops-summary-item>em{font-size:10px}
.overview-section-head p,.alert-row small,.alert-row b,.overview-footnote{font-size:10px;line-height:1.5}
@media(max-width:700px){.module-table th,.module-table td{padding:9px 10px}.page-heading p,.module-subtitle,.panel-title-row p{font-size:11px}}
.metric-top,.metric-foot,.metric-trend,.panel-kicker,.pill,.muted-label,.selected-info small,.latency small,.score-ring small,.route-stats span,.route-note,.route-note button,.panel-foot,.provider-meta,.event-level,.geo-detail div,.page-bottom-note,.split-card p,.split-card .card-foot,.geo-bar,.timeline-copy b,.timeline-copy small,.dialog-eyebrow,.dialog-summary,.dialog-footnote,.settings-health>div,.settings-notes,.channel-state,.app-footer,.nav-caption{font-size:10px;line-height:1.5}
th{font-size:10px;line-height:1.4}td{font-size:11px;line-height:1.45}td small{font-size:10px;line-height:1.45}
.page-heading h1{letter-spacing:-.02em;line-height:1.2}.metric-value{letter-spacing:-.025em;line-height:1.2}
.overview-footnote{flex-wrap:wrap;line-height:1.55}
.brand small,.profile small,.connection-card small,.geo-version small,.geo-version b,.route-stats b small,.region-card .mini-button,.prototype-banner,.panel-heading-actions .button{font-size:10px;line-height:1.45}
main .content small{font-size:10px;line-height:1.45}.nav-count,.status,.event-level{font-size:10px;line-height:1.4}.selected-info strong{font-size:11px;line-height:1.45}
@media(max-width:700px){.metric-top,.metric-foot,.metric-trend,.provider-meta,.route-note,.route-stats span,.geo-detail div,.split-card p,.split-card .card-foot,.settings-health>div,.settings-notes,.channel-state,.app-footer{font-size:10px;line-height:1.45}.score-ring small{font-size:10px}.page-heading h1{font-size:23px}}
.ops-summary-item{grid-template-columns:minmax(0,1fr) 10px;grid-template-rows:auto auto auto;align-items:start;row-gap:3px}.ops-summary-item>span{grid-column:1;grid-row:1}.ops-summary-item>b{grid-column:1/-1;grid-row:2;white-space:normal;overflow-wrap:anywhere;line-height:1.25}.ops-summary-item>em{grid-column:1/-1;grid-row:3;margin-top:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4}.ops-summary-item>.summary-mark{grid-column:2;grid-row:1;justify-self:end;margin-top:5px}

/* Live application adapters. */
.hidden,[hidden]{display:none!important}
.shell{min-height:100vh}.main-area{min-width:0}.page{min-height:calc(100vh - 120px)}
.workspace{cursor:default}.nav-item{flex-shrink:0}.sidebar .brand-mark{flex:none}.brand-mark svg{display:block;fill:none;stroke:none}.brand-mark svg .ai-heart{fill:#ffe38a;stroke:#fff4ca;stroke-width:1}
.profile-logout{margin-left:auto;border:0;background:none;color:#a8b7c7;font:inherit;font-size:10px;padding:6px 3px}.profile-logout:hover{color:#fff}
.sidebar-bottom{padding-top:16px}.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#344454 transparent}.nav-groups{margin-bottom:20px}
.connection-indicator{background:#54d8b8;box-shadow:0 0 0 4px #54d8b81c}
.top-actions{gap:14px}.global-search{max-width:280px}.global-search input{width:100%;height:100%;box-shadow:none;padding:0}
.page-heading{align-items:flex-start}.page-heading h1{font-size:26px}.page-heading p{max-width:700px}.heading-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}.collection-time{font-variant-numeric:tabular-nums;font-size:10px;max-width:220px;white-space:normal;line-height:1.5}
.button{border:1px solid #e1e7ed;background:#fff;color:#536176;min-height:33px;padding:6px 11px;line-height:1.4;white-space:nowrap}
.button.primary,.button.button-primary{border-color:transparent;background:linear-gradient(135deg,#6e63e8,#554dc8);color:#fff;box-shadow:0 5px 14px #655be52d}
.button.subtle{background:none;border-color:transparent}.button:disabled{opacity:.5;cursor:wait;transform:none}.button.danger{border-color:#f0c9ce;color:#c45160;background:#fff4f5}
.toolbar,.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 13px}.actions:last-child{margin-bottom:0}.panel .actions{margin-top:14px}.toolbar>input{flex:1;min-width:180px}.toolbar .field{margin:0;min-width:160px}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px;min-width:0;box-shadow:var(--shadow)}.card label{display:block;font-size:11px;color:#8190a2}.card strong{display:block;color:#27384c;font-size:23px;line-height:1.3;margin:8px 0 4px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.card small{display:block;color:#8290a2;font-size:10px;line-height:1.5}
.panel{min-width:0;margin-bottom:14px;padding:18px;border-radius:11px}.panel-heading{padding-bottom:12px;margin-bottom:13px;border-bottom:1px solid #edf0f4;align-items:flex-start;gap:12px}.panel-heading h2{color:#2a394d;font-size:13px;margin:0 0 4px;line-height:1.4;letter-spacing:0}.panel-heading p{color:#8491a2;font-size:11px;line-height:1.5;margin:0}.panel h3{font-size:13px;color:#344257;margin:16px 0 10px;line-height:1.5}.panel p{font-size:11px;color:#8491a2;line-height:1.6}
.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:stretch}.grid-two>.panel,.grid-three>.panel{margin-bottom:0}.grid-two,.grid-three{margin-bottom:14px}
.pill,.badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin-left:0;border-radius:6px;padding:4px 7px;background:#f0f2f5;color:#778497;font-size:10px;line-height:1.4;vertical-align:middle;white-space:nowrap;font-weight:600}.pill.online,.badge.good{background:#eaf7f2;color:#168565}.pill.error,.badge.error{background:#fff0f1;color:#c34c58}.pill.stale,.badge.warn{background:#fff4df;color:#a97316}
.source-row,.data-row,.metric-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #eef1f4;font-size:11px;line-height:1.5;min-width:0}.source-row:last-child,.data-row:last-child,.metric-row:last-child{border-bottom:0}.source-row>div,.data-row>div,.metric-row>b{min-width:0;overflow-wrap:anywhere}.source-row b,.data-row b{font-size:11px;color:#34445a}.source-row small,.data-row small,.metric-row small{display:block;margin-top:3px;font-size:10px;line-height:1.5;color:#8793a3}.metric-row>span{color:#7c899b}.metric-row>b{text-align:right;font-weight:600;color:#45556a;max-width:70%}.source-row>.pill{flex-shrink:0}
.table-scroll{max-width:100%;overflow:auto;border:1px solid #edf0f4;border-radius:8px}.table-scroll table{width:100%;white-space:normal}.table-scroll th{padding:10px 12px;height:auto;font-size:10px;line-height:1.45;color:#728095;background:#f7f9fb;white-space:nowrap}.table-scroll td{padding:11px 12px;height:auto;font-size:11px;line-height:1.5;vertical-align:middle;overflow-wrap:anywhere;border-bottom:1px solid #eef1f4}.table-scroll td small{display:block;margin-top:3px;font-size:10px;color:#8995a5;line-height:1.5}.table-scroll td .button{min-height:28px;padding:4px 8px;font-size:10px;margin:2px 3px 2px 0}.table-scroll td:last-child{white-space:nowrap}.table-empty{text-align:center!important;color:#909aac!important;padding:25px!important;white-space:normal!important}
.progress{display:inline-block;width:64px;height:4px;vertical-align:middle;border-radius:5px;overflow:hidden;background:#e9edf2}.progress i{display:block;height:100%;background:#62bca2;border-radius:inherit}
.subtle-text{font-size:11px!important;color:#8793a3!important;line-height:1.6}.notice{display:flex;align-items:flex-start;gap:8px;padding:11px 14px;margin-bottom:14px;border:1px solid #eadcba;background:#fff8e9;color:#896928;border-radius:8px;font-size:11px;line-height:1.6}.notice.error,.error-notice{background:#fff0f1;border-color:#efc6cb;color:#ae4757}.notice.online{background:#eaf7f2;border-color:#c8e7dc;color:#168565}.error{color:#c34c58;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.empty-state{padding:20px;border:1px dashed #dce2eb;background:#fafbfd;border-radius:8px;font-size:11px;line-height:1.65;color:#7b889a}.empty-state b{display:block;color:#45556b;margin-bottom:5px;font-size:12px}
.tabs{display:flex;align-items:center;gap:3px;overflow:auto;border-bottom:1px solid #dfe5eb;margin:16px 0}.tabs .button{border:0;border-bottom:2px solid transparent;background:none;border-radius:0;min-height:42px;padding:10px 16px;box-shadow:none;color:#7c899c}.tabs .button[aria-selected=true]{border-bottom-color:#6e63e8;color:#5147c4;background:#f0efff55}
.region-card{display:flex;flex-direction:column;padding:18px}.region-card .region-code{font-size:11px;font-weight:700;letter-spacing:.08em;color:#7466dc}.region-card h3{font-size:16px;line-height:1.35;margin:12px 0 6px}.region-card .metric-row{align-items:flex-start}.region-card .actions{margin-top:auto;padding-top:15px}.region-card>.pill{align-self:flex-start;margin-top:9px}
.form-grid,.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;min-width:0;gap:6px;font-size:11px;color:#707e91;line-height:1.5}.field input,.field select,.field textarea,input,select,textarea{border:1px solid #e1e6ee;background:#fff;color:#45546a;border-radius:7px;padding:9px 10px;min-width:0;max-width:100%;font:inherit;font-size:11px;line-height:1.45}.field input,.field select{width:100%;height:36px}.field textarea{min-height:90px;resize:vertical}.field>span{min-height:16px}.field .field-inline{display:flex;align-items:center}.form-grid+.actions{margin-top:17px}.check{display:flex;align-items:center;gap:8px;font-size:11px;color:#6f7d90;line-height:1.5}.check input,input[type=checkbox]{accent-color:#7162e8;width:14px;height:14px;flex:none;margin:0}.check+.form-grid{margin-top:14px}.password-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.password-form input{min-width:0}.settings-layout .panel{margin-bottom:15px}.settings-sidebar,.settings-side{min-width:0}.settings-summary{padding:16px;border:1px solid #e5e9f0;border-radius:9px;background:#fafbfd}
.flow{display:flex;align-items:center;flex-wrap:wrap;gap:11px;background:#f7f9fb;padding:16px;border-radius:9px;font-size:11px;color:#8e99a9}.flow>b{background:#fff;border:1px solid #e1e6ee;padding:10px 12px;border-radius:7px;font-weight:600;color:#516076}.hash{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;color:#78859a}
pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;max-height:300px;padding:14px;background:#f7f9fb;border:1px solid #e9edf3;border-radius:8px;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:#617088}.route-badges{display:flex;gap:7px;flex-wrap:wrap}.route-badges span{border:1px solid #e4e2f2;background:#faf9fd;border-radius:7px;padding:7px 9px;font-size:11px;color:#65578e}.state-row{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e7eaf0;border-radius:8px;margin:9px 0;background:#fafbfd}.state-icon{flex:none;width:28px;height:28px;border-radius:7px;background:#eeeaff;color:#7162e8;display:grid;place-items:center}.state-row b{font-size:11px}.state-row p{margin:4px 0 0}.state-row>.pill{margin-left:auto}
.spark{display:flex;align-items:flex-end;gap:2px;height:70px;overflow:hidden}.spark i{display:block;background:#9081ed;min-width:3px;flex:1;border-radius:2px}.job-progress{width:100%;accent-color:#7766e5}
.action-dialog{width:min(760px,94vw);max-height:90vh;overflow:auto;padding:25px;border:1px solid #dfe5ee;border-radius:14px;background:#fff;color:#344257;box-shadow:0 25px 100px #0e1b3944}.action-dialog::backdrop{background:#17223877;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:14px}.dialog-top h2{font-size:18px;margin:0;line-height:1.4}.action-dialog form{margin-top:13px}.action-dialog .cards{grid-template-columns:repeat(4,minmax(0,1fr))}.action-dialog h3{font-size:13px;margin:20px 0 10px}.action-dialog h4{font-size:11px;color:#8591a2;margin-bottom:7px}
#toast{position:fixed;right:24px;bottom:24px;max-width:min(500px,90vw);padding:13px 18px;background:#273448;color:#fff;border-radius:9px;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s;font-size:11px;line-height:1.6}#toast.show{opacity:1}
footer.app-footer{padding:0 40px 22px;margin:0 auto;max-width:1700px;font-size:10px;color:#8995a5;letter-spacing:.06em}footer.app-footer span{padding:0 6px;color:#b5beca}
.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 15%,#eee8ff,transparent 55%),#f4f6fb;padding:20px}.login-card{width:min(400px,100%);background:#fff;border:1px solid #e4e7ee;border-radius:16px;padding:32px;box-shadow:0 20px 60px #32274a15}.login-card .brand-mark{margin-bottom:20px}.login-card .eyebrow{font-size:9px;line-height:1.6}.login-card h1{font-size:23px;color:#27384c;margin:10px 0 5px}.login-description{font-size:11px;color:#8a96a6;margin:0 0 22px}.login-card label{display:block;font-size:11px;color:#6f7c90;margin:14px 0}.login-card input{display:block;width:100%;margin-top:6px;padding:11px}.login-card .button{width:100%;margin-top:7px;min-height:39px}.login-card .error{min-height:15px;margin-bottom:0}
@media(max-width:1300px){.top-actions{gap:10px}.global-search{width:230px}.heading-actions{max-width:380px}.grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.content{padding:26px}.sidebar{width:225px}.main-area{margin-left:225px}.topbar{padding:0 26px}.heading-actions{max-width:320px}.page-heading h1{font-size:24px}.collection-time{max-width:180px}.grid-two{grid-template-columns:1fr}footer.app-footer{padding:0 26px 20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.sidebar{width:200px;padding:21px 12px 14px}.main-area{margin-left:200px}.brand{padding:0 3px;gap:8px}.brand strong{font-size:13px}.brand small{font-size:9px}.brand-mark{width:40px;height:40px}.brand-mark svg{width:38px;height:38px}.nav-item{font-size:11px;gap:9px}.nav-caption{font-size:9px}.workspace-switch{padding:8px 6px;gap:7px}.workspace-switch small{font-size:9px}.global-search{width:180px}.top-actions{gap:8px}.help-button,.top-divider{display:none}.content{padding:22px 20px}.page-heading{flex-direction:column;gap:14px}.heading-actions{max-width:none;justify-content:flex-start;width:100%}.collection-time{display:inline-flex;max-width:none}.grid-three{grid-template-columns:1fr}footer.app-footer{padding:0 20px 18px}.nav-groups{margin-top:22px}}
@media(max-width:600px){.sidebar{position:static;width:100%;padding:15px 13px 10px;overflow:visible}.brand{margin-bottom:0}.brand-mark{width:38px;height:38px}.brand-mark svg{width:36px;height:36px}.workspace-label,.workspace-switch,.sidebar-bottom,.nav-caption{display:none}.nav-groups{display:flex;gap:4px;margin:15px 0 0;overflow:auto;padding-bottom:3px}.nav-item{width:auto;min-width:max-content;height:35px;padding:0 10px;font-size:11px;gap:6px}.nav-count{padding:1px 5px;font-size:9px}.main-area{margin-left:0}.topbar{padding:0 13px;height:58px;gap:12px}.crumb{font-size:10px;white-space:nowrap}.global-search{width:155px;height:32px}.global-search input{font-size:10px}.global-search kbd,.icon-button{display:none}.content{padding:21px 13px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.heading-actions{gap:7px}.collection-time{font-size:9px;width:100%}.heading-actions .button{flex:0 0 auto}.cards{gap:9px}.card{padding:13px}.card strong{font-size:21px}.card label,.card small{font-size:10px}.panel{padding:14px}.form-grid,.settings-fields,.password-form{grid-template-columns:1fr}.table-scroll td,.table-scroll th{padding:9px 10px}.action-dialog{padding:20px 16px}.action-dialog .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.action-dialog .form-grid{grid-template-columns:1fr}footer.app-footer{padding:0 13px 18px}.ops-summary-item{min-width:0}}
@media(max-width:600px){.nav-groups .nav-item,.nav-groups .nav-item.active{font-size:11px}.nav-item>span:not(.nav-icon):not(.nav-count){font-size:11px}.sidebar-bottom{display:block;padding:0}.sidebar-bottom .connection-card,.sidebar-bottom .avatar,.sidebar-bottom .profile>span{display:none}.sidebar-bottom .profile{position:absolute;right:15px;top:24px;width:auto;border:0;margin:0;padding:0}.profile-logout{color:#b0bdcb;font-size:11px}.sidebar .brand{justify-content:flex-start;margin:0;padding-right:70px}}

/* Real-data module details using the prototype spacing and typography. */
.ops-summary-item b{overflow-wrap:anywhere}.ops-summary-item em{overflow-wrap:anywhere;white-space:normal;line-height:1.55;max-width:100%}.ops-summary-item{min-width:0}
.policy-value{display:flex;justify-content:space-between;gap:12px;line-height:1.7}.policy-value small{margin:0;color:var(--muted,#8190a5)}.policy-value b{font-size:11px;white-space:normal}
.score-value{font-size:16px;font-variant-numeric:tabular-nums}.score-value small{font-size:10px;color:#8895a8}.resource-track progress{display:block;width:100%;height:4px;border:0;appearance:none}.resource-track progress::-webkit-progress-bar{background:#edf1f6}.resource-track progress::-webkit-progress-value{background:#8070dd}.resource-track.warn progress::-webkit-progress-value{background:#e4a64b}
.module-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}.module-toolbar .actions{margin:0}.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.panel-heading p{line-height:1.65}.source-row>div{min-width:0}.source-row b,.source-row small{overflow-wrap:anywhere}.action-dialog{z-index:30}.form-grid input[readonly]{background:#f4f6fa;color:#748196}
@media(max-width:800px){.workflow-grid{grid-template-columns:1fr}.module-toolbar{align-items:stretch}.module-toolbar input{width:100%}.ops-summary-item b{font-size:20px}}

.policy-order{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:1px solid var(--line);border-radius:8px;padding:14px;min-width:0}.policy-order legend{color:#707e91;font-size:11px;padding:0 5px}.policy-order small{grid-column:1/-1;color:#8793a3;font-size:10px}@media(max-width:600px){.policy-order{grid-template-columns:1fr}}

/* Mainland carrier observations are independent from routing eligibility. */
.network-method{font-size:10px!important;line-height:1.65;color:#8290a3!important;margin:9px 0 13px!important}.network-notice{padding:10px 12px;border:1px solid #eadcbc;border-radius:7px;background:#fff8e9;color:#8f7236;font-size:11px;line-height:1.65;margin:10px 0}.network-state{display:inline-flex;align-items:center;white-space:nowrap;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:600;background:#eef1f5;color:#7e8b9e}.network-good{background:#eaf7f2;color:#168565}.network-degraded,.network-partial,.network-unconfirmed{background:#fff4df;color:#a47724}.network-poor{background:#fff0f1;color:#c34c58}.network-stale{background:#f4eefa;color:#8b70a6}.network-unknown,.network-unsupported,.network-pending{background:#eff2f6;color:#8490a2}
#network-quality-table table{min-width:920px}#network-quality-table td{vertical-align:middle}#network-quality-table th:first-child,#network-quality-table td:first-child{position:sticky;left:0;z-index:1;background:#fff;min-width:120px}#network-quality-table th:first-child{background:#fafbfc}.network-mini{display:flex;align-items:center;gap:6px;min-height:28px;white-space:nowrap}.network-mini .network-family{font:10px ui-monospace,monospace;color:#8b96a5}.network-mini>b{min-width:19px;font-size:12px;color:#47566d;font-variant-numeric:tabular-nums}.network-mini>small{display:inline!important;margin:0!important;color:#8b96a5;font-size:10px!important}.network-mini .network-state{font-size:9px;padding:2px 5px}.network-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.network-overview>div{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:10px;border-right:1px solid #edf0f4;padding:4px 16px 4px 0;font-size:12px}.network-overview>div:last-child{border:0}.network-overview small{grid-column:1/-1;font-size:10px;color:#8995a6}.network-overview span{color:#68788f;font-variant-numeric:tabular-nums}.network-overview b{color:#47576e}
.network-detail{border:1px solid #e5eaf1;border-radius:10px;padding:15px;margin:10px 0 18px;min-width:0}.network-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.network-tabs{display:inline-flex;border:1px solid #e4e7ef;border-radius:7px;background:#f8f9fc;padding:2px;gap:2px}.network-tabs button{border:0;background:none;color:#8290a3;border-radius:5px;padding:7px 11px;font:inherit;font-size:11px;white-space:nowrap}.network-tabs button[aria-selected=true]{background:#fff;color:#6656cb;box-shadow:0 1px 5px #34295210;font-weight:650}.network-period{display:flex;align-items:center;gap:6px;font-size:10px;color:#8c96a6}.network-period select{height:31px;padding:5px 8px}.network-current{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}.network-current .card{padding:12px;box-shadow:none}.network-current .card label{font-size:10px}.network-current .card strong{font-size:20px;margin:7px 0 3px}.network-current .card small{font-size:9px}.network-sample-stamp{display:flex;align-items:center;flex-wrap:wrap;gap:7px 13px;font-size:10px;color:#8895a7;line-height:1.6}.network-trends{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.network-trend{margin:0;min-width:0;border:1px solid #e8ecf2;border-radius:8px;padding:11px;background:#fbfcfe}.network-trend figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#6c7b91;font-size:10px}.network-trend figcaption span{font-size:9px;color:#96a1b1}.network-trend svg{display:block;width:100%;height:65px;overflow:visible;margin:8px 0 5px}.network-trend polyline{fill:none;stroke:#8b78da;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.network-trend circle{fill:#8b78da;stroke:none}.network-trend .network-axis{stroke:#e1e7ef;stroke-width:1;fill:none}.network-trend>small{font-size:9px;color:#97a1b0}.network-no-trend{height:70px;display:flex;align-items:center;justify-content:center;color:#a0a9b6;font-size:10px}.network-ip{max-width:190px;overflow-wrap:anywhere}.network-detail .table-scroll table{min-width:620px}.server-dot.instabox{background:#a47ad6}
@media(max-width:1000px){.network-overview>div{grid-template-columns:1fr 1fr}.network-overview b{grid-column:1/-1}.network-current{grid-template-columns:repeat(2,minmax(0,1fr))}.network-trends{grid-template-columns:1fr}.network-trend svg{height:72px}}@media(max-width:600px){.network-detail{padding:11px}.network-controls{gap:8px}.network-tabs button{padding:7px 10px}.network-period{margin-left:0}.network-current{gap:7px}.network-current .card{padding:10px}.network-current .card strong{font-size:18px}.network-overview{gap:7px}.network-overview>div{font-size:10px;gap:5px;padding-right:7px}.network-overview small{font-size:9px}.network-sample-stamp{gap:7px}.network-trend{padding:10px}}

.network-methodology{margin:12px 0;border-top:1px solid #edf0f4;padding-top:10px;font-size:10px;color:#8c98a8}.network-methodology summary{cursor:pointer;color:#7f70c3;font-size:11px}.network-methodology dl{margin:12px 0 0;display:grid;gap:9px}.network-methodology dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;line-height:1.7}.network-methodology dt{color:#75849a}.network-methodology dd{margin:0;overflow-wrap:anywhere}@media(max-width:600px){.network-methodology dl>div{grid-template-columns:1fr;gap:3px}}

.fleet-resource-table table{min-width:900px}.fleet-resource-table th:first-child,.fleet-resource-table td:first-child{min-width:165px}.fleet-resource-table .ops-server small{max-width:210px}


/* Expiry and countdown stay grouped at every viewport size. */
.lease-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:155px}.lease-cell small{display:block!important;margin:0!important;line-height:1.5;font-size:10px;color:#8491a4;white-space:nowrap}.lease-countdown{font-variant-numeric:tabular-nums}.lease-badge{display:inline-flex;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:600;white-space:nowrap;background:#eff2f6;color:#8290a3}.lease-active{color:#168565;background:#eaf7f2}.lease-due30{color:#8b70a6;background:#f4eefa}.lease-due14{color:#a47724;background:#fff4df}.lease-due7,.lease-expired{color:#c34c58;background:#fff0f1}.lease-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px 15px;background:#fafbfe;border:1px solid #e5e8f0;border-radius:9px;padding:12px 16px;margin:16px 0;font-size:11px;color:#7b899e}.lease-summary>b{color:#5f6e85}.lease-summary small{font-size:10px}.lease-summary .button{margin-left:auto}.lease-summary-warning{background:#fff8ed;border-color:#efdfbf}.lease-detail{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;border:1px solid #e5eaf1;border-radius:9px;padding:14px;margin:10px 0 18px}.lease-detail>.button{margin-left:auto}.lease-table table{min-width:600px}.fleet-resource-table table{min-width:1100px}@media(max-width:600px){.lease-summary{padding:11px}.lease-summary .button{margin-left:0}.lease-detail{gap:12px}.lease-detail>.button{margin-left:0}}