:root{--green:#89bea4;--amber:#d0b477;--red:#bb7f85;--gray:#778a96}.green{--signal:var(--green)}.amber{--signal:var(--amber)}.red{--signal:var(--red)}.lamp{display:inline-block;width:6px;height:6px;background:var(--signal,var(--gray));border-radius:50%;box-shadow:0 0 10px color-mix(in srgb,var(--signal,var(--gray)) 30%,transparent);flex-shrink:0}.telemetry-label{display:flex;justify-content:space-between;color:#8faeb8;font:9px ui-monospace,monospace;letter-spacing:1.3px}.telemetry{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-block:1px solid #b1d8de25;padding:20px 0 18px}.meter{border-right:1px solid #a3d8df20;padding-right:24px;display:flex;flex-direction:column;gap:9px}.meter:last-child{border:0}.meter>span{font-size:11px;color:#b6ccd2}.meter strong{font:28px ui-monospace,monospace;color:#deedef;font-weight:400}.meter strong small{font:10px -apple-system,sans-serif;color:#9bb4bf}.meter>small{font:9px ui-monospace,monospace;color:#90a9b4}.meter-track{display:flex;gap:4px;height:4px}.meter-track i{flex:1;background:var(--signal,#abc6ce);border-radius:1px}.meter-track.disconnected i{background:#6c818833}.freshness{height:4px;background:repeating-linear-gradient(90deg,#77909955 0 1px,transparent 1px 9px)}.dashboard{gap:20px}.dashboard-grid{grid-template-areas:'sites sites attention' 'work releases sources'}.websites-block{padding:0!important;overflow:visible}.summary-open{width:100%;height:100%;display:flex;flex-direction:column;text-align:left;padding:24px;border:0;border-radius:16px;gap:22px;background:transparent;min-height:280px}.summary-title{font-size:17px;font-weight:500}.summary-open .block-heading{width:100%;margin:0}.summary-main{display:flex;align-items:center;gap:20px}.summary-main>strong{font:64px/1 ui-monospace,monospace;letter-spacing:-4px;color:#e2f3f4}.summary-main>span{font-size:16px;color:#c4dadf}.summary-main small{font-size:11px;color:#95afb9}.portfolio-bar{display:flex;gap:6px;width:100%;height:7px}.portfolio-bar i{background:var(--signal);flex:1;border-radius:2px;opacity:.8}.portfolio-legend{display:flex;gap:24px;font-size:11px;color:#b9cbd0}.portfolio-legend>span{display:flex;align-items:center;gap:8px}.summary-foot{margin-top:auto;padding-top:14px;border-top:1px solid #adcbd421;display:flex;justify-content:space-between;width:100%;font-size:10px;color:#9dbdc6}.summary-foot>span{color:#698c98}.summary-secondary{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:calc(100% - 30px);justify-content:center;border:0;gap:14px;text-align:left;padding:12px 0}.summary-secondary small{font-size:10px;color:#8daab7}.source-count{font:32px ui-monospace,monospace;color:#9ab0ba}.summary-secondary>span{font-size:12px;color:#a6bdc7}.issue-lines{display:flex;flex-direction:column;gap:22px}.issue-lines>span{display:flex;align-items:center;gap:10px}.glass{transition:transform .22s,border-color .22s,box-shadow .22s;background:linear-gradient(125deg,#45888c22,#0b202b99)}.glass:has(button:hover){transform:perspective(1200px) translateY(-3px) rotateX(.6deg);border-color:#c2f1ed70;box-shadow:inset 0 1px 0 #d3ffff25,0 25px 55px #0006,0 0 30px #53b8bb13}.glass:has(button:active){transform:perspective(1200px) translateY(-1px) rotateX(-.4deg);border-color:#dafbfba0}.glass:has(button:focus-visible){border-color:#bdebe8}.summary-open:hover{background:radial-gradient(ellipse at 25% 10%,#88dcdf12,transparent 75%)}.row-arrow{display:none}.panel-drift{animation:none!important;transform:none;box-shadow:inset 0 1px 0 #dcffff66,0 46px 100px #000c,0 18px 36px #0009,0 0 40px #5ab2b91a}.panel:not(.behind):not(.pinned) .panel-drift{transition:border-color .2s,box-shadow .2s}.panel:not(.behind):not(.pinned) .panel-drift:has(button:hover){border-color:#daf8f6a0;box-shadow:inset 0 1px 0 #dcffff66,0 50px 110px #000d,0 0 46px #5ab2b925}.panel.behind{transform:translateY(-35px) translateX(-12px) scale(.97);filter:brightness(.72) saturate(.65);}.behind .panel-drift{background:#244b58d9;border-color:#8dc7cc6a}.layer-open #shell{filter:brightness(.58) blur(2px);transform:perspective(1600px) scale(.95) rotateX(1deg)}.unified-controls [data-back]{min-width:68px;border:1px solid #b8dddd30;border-radius:18px;min-height:36px;padding:5px 9px}.unified-controls [data-pin]{border-left:1px solid #c1dcdc32;border-radius:0;padding-left:14px}.pinned [data-pin]{color:#d6c28e}.panel[data-page=sites] .panel-body{display:flex;flex-direction:column;overflow:hidden;gap:12px}.expanded-heading{flex-shrink:0}.expanded-heading .lead{margin-bottom:0}.project-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#7aabb1 #112a34;max-height:370px;flex:1}.expanded-project{width:100%;text-align:left;display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:24px 16px;border:0;border-top:1px solid #accdd72b;border-radius:0;min-height:125px;background:#0a263230}.expanded-project strong{display:block;font-size:16px;font-weight:500}.expanded-project small{display:block;font-size:11px;color:#9cb8c3;margin-top:8px}.project-signal{font-size:11px;display:flex;gap:8px;align-items:center}.project-meta{grid-column:2/4;font:9px ui-monospace,monospace;color:#89a5b0}.sample-state{display:flex;gap:8px;align-items:center;font-size:10px;color:#a9bdc6;margin-bottom:18px}.panel[data-page=sites] .fine{flex-shrink:0}.segments .complete{background:var(--green);box-shadow:0 0 10px #89bea430}.locked{color:var(--red);border-color:#bb7f8544}
@media(min-width:901px) and (max-height:800px){.dashboard{gap:12px}.telemetry{padding:12px 0;gap:20px}.meter{gap:6px}.meter strong{font-size:24px}.summary-open{min-height:230px;padding:18px;gap:14px}.summary-main>strong{font-size:52px}}
@media(max-width:900px){.dashboard{gap:16px}.telemetry{grid-template-columns:1fr 1fr;gap:16px 20px;padding:16px 0}.meter{padding-right:16px;gap:6px}.meter:nth-child(2){border:0}.meter strong{font-size:25px}.meter>span{font-size:10px}.meter strong small{font-size:9px}.meter>small{font-size:8px}.telemetry-label{font-size:8px;letter-spacing:.6px}.dashboard-grid>.websites-block.selected{display:block}.summary-open{min-height:0;padding:20px;gap:18px}.summary-main>strong{font-size:56px}.portfolio-legend{gap:12px;justify-content:space-between;font-size:9px}.portfolio-legend>span{gap:5px}.summary-main>span{font-size:14px}.summary-foot{font-size:9px}.mobile-priority{display:none}.panel.behind{transform:translateY(-23px) translateX(-3px) scale(.98)}.expanded-project{grid-template-columns:36px 1fr;gap:10px;min-height:155px;padding:20px 8px}.expanded-project strong{font-size:14px}.project-signal{grid-column:2}.project-meta{grid-column:2;font-size:8px}.project-scroll{max-height:390px}.panel[data-page=sites] .panel-body{padding:18px 14px;gap:10px}.expanded-heading h1{font-size:25px}.expanded-heading .lead{font-size:12px}.panel[data-page=sites] .fine{font-size:10px}.unified-controls{gap:8px}.unified-controls [data-pin]{min-width:73px;padding-left:8px}.unified-controls [data-back]{min-width:65px}}
@media(max-width:900px) and (max-height:740px){.dashboard{gap:10px}.telemetry{padding:10px 0;gap:10px 16px}.meter{gap:4px}.meter strong{font-size:20px}.summary-open{padding:16px;gap:12px}.summary-main>strong{font-size:44px}.summary-foot{padding-top:10px}.dashboard-grid>.glass{min-height:220px}.telemetry-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){.glass:has(button:hover),.glass:has(button:active),.layer-open #shell{transform:none}.panel-drift{transition:none!important}}