/* Dense cockpit layout: keep readable type, compress spacing and expose fields. */
.topbar{height:56px;padding-inline:20px}.brand-mark{width:30px;height:32px;font-size:21px}.brand b{font-size:19px}
main{max-width:1800px;padding:16px 20px calc(var(--dock-height,54px) + 24px)}
.page-heading{margin-bottom:12px}.page-heading h1{font-size:22px}.page-heading p:last-child{display:none}
.summary{margin-bottom:16px;border-radius:10px}.summary>button{padding:10px 18px;gap:12px}.summary b{display:inline;font-size:23px;margin-right:12px}.summary .stat-label{font-size:12px}.summary small{font-size:12px}
.ring{display:grid;width:42px;height:42px}.ring:before{width:34px;height:34px;font-size:10px}.stat-icon{width:42px;height:42px;font-size:19px}
.workspace{grid-template-columns:minmax(0,1fr);gap:16px}.workbar{padding-bottom:7px}.tabs button{padding:6px 12px}.filters{margin-top:10px}.section-meta{margin:8px 0;font-size:12px}.section-meta span:last-child{max-width:none}
.inspector{padding:16px;border-radius:10px}.aside-head{margin-bottom:12px}.incident{padding:12px 0}.incident h3{margin:4px 0}.incident .next{margin-top:5px}.aside-bottom{margin-top:12px;padding-top:8px}
#items.dense-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:10px;background:var(--glass);overflow:hidden}
.dense-row{display:grid;grid-template-columns:minmax(160px,1.45fr) minmax(86px,.75fr) minmax(114px,1fr) minmax(108px,1fr) minmax(110px,1fr) 10px;align-items:center;gap:14px;width:100%;padding:12px 14px;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;min-height:86px}
.dense-row:last-child{border-bottom:0}.dense-row:hover{background:var(--soft)}.dense-row.selected{background:var(--soft);box-shadow:inset 3px 0 var(--accent)}
.row-identity{display:flex;gap:9px;align-items:center;min-width:0}.row-identity>span:last-child{min-width:0}.row-identity strong{display:block;font-size:15px;font-weight:600;overflow-wrap:anywhere}.row-identity small{display:block;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.row-identity .avatar{width:31px;height:33px;font-size:11px;border-radius:7px}
.row-cell{display:flex;flex-direction:column;gap:2px;min-width:0}.row-cell small{font-size:11px;line-height:1.6}.row-cell b{font-size:13px;font-weight:500;overflow-wrap:anywhere}.row-cell .bar{width:100%;max-width:92px;margin-top:4px;height:3px}.row-cell .status{font-size:11px}.row-arrow{font-size:20px;color:var(--muted)}
.row-routes{grid-template-columns:minmax(170px,1.2fr) minmax(230px,1.65fr) minmax(120px,1fr) minmax(80px,.7fr) 10px}.row-apps{grid-template-columns:minmax(170px,1.4fr) minmax(130px,1fr) minmax(140px,1.1fr) minmax(110px,1fr) 10px}.row-path .path{gap:4px;font-size:12px}.row-path .path span{padding:2px 5px}
#items:not(.dense-list){grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;align-items:start}
.card{min-height:0;padding:16px;background:var(--glass);border-radius:9px}.card-top{margin-bottom:14px}.card .spark{height:18px;margin-top:8px}.card-foot{margin-top:11px;padding-top:9px;flex-wrap:wrap;gap:3px 8px}.workspace-note{margin-top:9px}#task-toggle{padding:9px 20px}
#connect-error{color:var(--red);font-size:13px}
.monitor-card{display:block!important;min-height:0!important;padding:16px!important;text-align:left;line-height:1.45}
.monitor-head{display:flex;align-items:center;gap:7px;margin-bottom:5px;min-width:0}.monitor-head h3{font-size:14px;font-weight:650;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-country{font-size:11px;color:var(--accent);font-weight:600}.monitor-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}.monitor-dot.unknown{background:var(--muted)}
.monitor-address{display:flex;justify-content:space-between;gap:6px;font-size:10px;color:var(--muted);margin-bottom:12px;overflow-wrap:anywhere}
.monitor-resources{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.monitor-resource{min-width:0}.monitor-resource>div:first-child{display:flex;justify-content:space-between;gap:4px;font-size:12px}.monitor-resource span{color:var(--muted)}.monitor-resource b{font-weight:500}.monitor-resource small{display:block;font-size:11px;white-space:nowrap;line-height:1.5;margin-top:4px}.monitor-track{height:4px;border-radius:3px;overflow:hidden;display:flex;background:var(--soft);margin-top:5px}.monitor-track i{display:block;height:100%;background:var(--green)}.monitor-track .rx{background:#6797e5}
.monitor-facts{margin-top:13px;display:grid;gap:6px}.monitor-line{display:flex;align-items:baseline;gap:6px;font-size:11px;min-width:0}.monitor-line>span{color:var(--muted);flex-shrink:0}.monitor-line>i{flex:1;border-bottom:1px dotted var(--line);min-width:5px}.monitor-line>b{font-weight:400;color:var(--muted);text-align:right;overflow-wrap:anywhere}.monitor-line .due{color:var(--amber)}.upload{color:var(--accent)}.download{color:#4775c9}
.monitor-network{margin-top:10px}.network-caption{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;white-space:nowrap}.network-caption>span{color:var(--muted)}.network-caption>b{font-weight:400;color:var(--accent)}.history-label{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:7px;font-size:10px;color:var(--muted)}.history-label>span{display:flex;justify-content:space-between}.history-label b{font-weight:400}.history-strips{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}.history-strips>span{display:flex;gap:2px}.history-strips i{height:5px;flex:1;background:var(--green);border-radius:1px}.history-strips i.loss{background:#b4c636}.history-strips i.missing{background:var(--line)}
.inspector:not(.has-detail){position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:none;background:transparent;border:0;box-shadow:none;padding:0}.inspector:not(.has-detail) .aside-head{grid-column:1/-1;margin:0}.inspector:not(.has-detail) .incident{padding:12px 15px;border:1px solid var(--line);border-radius:9px;background:var(--glass)}.inspector:not(.has-detail) .aside-bottom{display:none}
.inspector.has-detail{position:fixed;right:20px;top:76px;bottom:calc(var(--dock-height,54px) + 16px);width:390px;max-width:calc(100vw - 24px);z-index:40;background:var(--paper);box-shadow:0 12px 55px #112c2633;max-height:none;overflow:auto}
@media(max-width:900px){.inspector.has-detail{inset:12px 12px 70px;width:auto;max-width:none;box-shadow:0 0 0 100vmax #10271c66}.inspector:not(.has-detail){grid-template-columns:1fr}.monitor-address{font-size:11px}}
.host-address{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;gap:2px 8px;font-size:12px;color:var(--muted);margin-bottom:12px}.card .metrics{gap:18px}.card .metric-head b{font-size:18px}.card .bar{margin-top:5px}.network-strip{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin-top:13px;padding-top:10px;border-top:1px solid var(--line)}.network-strip>span{display:flex;flex-direction:column;gap:1px;padding-left:10px;border-left:1px solid var(--line)}.network-strip>span:first-child{padding-left:0;border-left:0}.network-strip small{font-size:11px}.network-strip b{font-size:14px;font-weight:550}.network-strip em{font-size:11px;font-style:normal;color:var(--muted);font-weight:400}.card-foot strong.expiry-warning{color:var(--amber)}
.dense-row{min-height:72px;padding-block:9px}.row-cell{gap:0;line-height:1.4}.row-cell small{line-height:1.4}
@media(max-width:600px){#items:not(.dense-list){grid-template-columns:minmax(0,1fr)}}
@media(max-width:1200px){.workspace{grid-template-columns:minmax(0,1fr);gap:12px}.dense-row{grid-template-columns:minmax(145px,1.4fr) minmax(82px,.8fr) minmax(108px,1fr) minmax(108px,1fr);gap:10px;padding:10px}.row-hosts>.row-cell:nth-child(4){display:none}.row-arrow{display:none}.row-routes{grid-template-columns:minmax(145px,1.2fr) minmax(150px,1.3fr) minmax(96px,.8fr)}.row-routes>.row-cell:nth-child(3){display:none}.row-apps{grid-template-columns:minmax(145px,1.2fr) minmax(115px,1fr) minmax(108px,1fr)}.row-apps>.row-cell:nth-child(3){display:none}.summary>button{padding:10px 12px}.summary small{display:block}}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.inspector:not(.has-detail){margin-top:0}.inspector:not(.has-detail) .aside-bottom{display:none}.dense-row{min-height:80px}.inspector.has-detail{padding:18px}.summary>button{gap:8px}}
@media(max-width:600px){main{padding:12px 12px calc(var(--dock-height,54px) + 20px)}.topbar{padding-inline:12px;height:52px}.page-heading{display:flex;flex-wrap:wrap;gap:8px}.page-heading h1{font-size:20px}.heading-actions{margin:0;gap:6px}.heading-actions button{font-size:12px;padding:7px 9px;min-height:34px}.summary{margin-bottom:12px}.summary>button{padding:9px 12px}.summary b{font-size:21px}.summary small{font-size:11px}.ring,.stat-icon{width:36px;height:36px}.ring:before{width:28px;height:28px;font-size:9px}.tabs button{padding:6px 8px}.filters{margin-top:8px}.section-meta{font-size:11px}.section-meta span:last-child{max-width:125px}.dense-row,.row-routes,.row-apps{grid-template-columns:1fr 1fr;gap:8px 14px;padding:12px;min-height:0}.row-identity{grid-column:1/-1}.row-identity strong{font-size:16px}.row-cell small{font-size:12px}.row-cell b{font-size:14px}.row-hosts>.row-cell:nth-child(4),.row-routes>.row-cell:nth-child(3),.row-apps>.row-cell:nth-child(3){display:flex}.row-routes>.row-path{grid-column:1/-1}.row-apps>.row-cell:last-of-type{grid-column:1/-1}.row-arrow{display:none}.card{min-height:178px}.row-cell .bar{max-width:100%}#task-toggle{padding:9px 12px}}