/* H.OS-inspired research workspace: clear glass shell, recessed working surfaces. */
#drs .drs-glass{border-radius:22px;border:1px solid #e4f5ff4a;background:linear-gradient(125deg,#b7d6e026,#ffffff06 48%),#182d3b88;box-shadow:inset 0 1px 0 #ffffff40,0 22px 50px -24px #020c1880;backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%)}
#drs .drs-room{filter:brightness(1.18) saturate(.85)}
#drs .drs-shade{background:linear-gradient(180deg,#12243408,#10233000 50%,#0a192d22)}
#drs .drs-map-panel{width:880px;--py:-48px;padding:22px;background:linear-gradient(135deg,#ffffff18,transparent 60%),#172c3d99}
#drs .drs-panel-top{padding:0 0 20px;border:0;gap:12px}
#drs .drs-panel-top b{font-size:32px;font-weight:300;letter-spacing:.08em}
#drs .drs-demo{border:1px solid #ffffff26;border-radius:20px;padding:6px 9px;font-size:8px}
#drs .drs-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0;margin:0 0 14px;background:none}
#drs .drs-overview>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px;background:#0a1b2e80;border:1px solid #ffffff0d;border-radius:13px;position:relative;overflow:hidden}
#drs .drs-overview strong{font-size:30px;font-weight:400;font-variant-numeric:tabular-nums;order:2}
#drs .drs-overview span{font-size:12px;max-width:none;order:1;color:#c7d3dd}
#drs .metric-rule{height:2px;width:28px;background:#d0b074;order:3;margin-top:2px}
#drs .drs-map-viewport{border-radius:13px;overflow:hidden;aspect-ratio:2.25;background:radial-gradient(ellipse at 50% 40%,#304d63aa,#091a2ac7);border:1px solid #ffffff13}
#drs .drs-map-plane>img{opacity:.92;filter:brightness(1.15)}
#drs .drs-map-caption{bottom:12px;left:14px;padding:9px 12px;max-width:62%;background:#0b1a27db;border:1px solid #bfa36c35;border-radius:9px}
#drs .drs-map-caption strong{font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#drs .drs-map-caption small{font-size:8px;letter-spacing:.08em;color:#d2b67f;display:block;margin-bottom:4px}
#drs .drs-map-footer{padding:14px 2px 0;border:0;font-size:9px}
#drs .drs-layers{--px:-635px;--py:-35px;--ry:18deg;--rx:2deg;width:230px;padding:20px;max-height:540px}
#drs .drs-layers h3{font-size:20px;margin:5px 0 20px}
#drs .drs-kicker{display:block;color:#cdb27d;font-size:9px;letter-spacing:.14em;margin-bottom:10px}
#drs .monitor-tabs{display:flex;flex-direction:column;border:0;gap:5px;margin:0 0 22px}
#drs .monitor-tabs button{border:1px solid transparent;border-radius:9px;padding:10px 12px;font-size:12px;text-align:left;min-height:38px}
#drs .monitor-tabs button[aria-pressed=true]{background:#ffffff12;border-color:#cfb37a85}
#drs .monitor-tabs button:last-child{margin:4px 0 0;padding:7px 12px;font-size:10px;color:#b9cbd5}
#drs .monitor-section-label{font-size:8px;letter-spacing:.13em;color:#b4c6cf;margin:0 0 6px}
#drs .monitor-list{max-height:185px}
#drs .monitor-list button{padding:10px 4px}
#drs .monitor-list strong{font-size:11px;line-height:1.45;-webkit-line-clamp:2;margin:5px 0}
#drs .monitor-list small,#drs .monitor-list span{font-size:8px}
#drs .drs-brief{--px:632px;--py:-75px;--ry:-18deg;--rx:2deg;width:280px;padding:22px;max-height:520px}
#drs.monitor-active .drs-brief h3{font-size:21px;line-height:1.3;margin:12px 0}
#drs.monitor-active .drs-brief p{font-size:12px;line-height:1.65;margin:12px 0}
#drs.monitor-active .drs-brief .drs-small{font-size:9px}
#drs .monitor-summary{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;padding:12px;background:#0a1b2c55;border-radius:10px}
#drs .monitor-summary.expanded{-webkit-line-clamp:unset}
#drs .monitor-expand{font:inherit;font-size:10px;color:#dcc28f;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#drs.monitor-active .drs-brief a{display:block;text-align:center;padding:10px;border:1px solid #ffffff40;border-radius:24px;font-size:12px;color:white;text-decoration:none}
#drs .drs-chart{--px:-350px;--py:315px;--pz:140px;--ry:8deg;--rx:-6deg;width:390px;padding:20px 24px}
#drs .drs-chart h3,#drs .drs-evidence-card h3{font-size:18px;margin:0 0 16px}
#drs .monitor-bar{font-size:11px;margin:12px 0;padding:0 0 10px}
#drs .monitor-bar:after{content:'';position:absolute;bottom:0;height:3px;left:0;right:0;background:#ffffff12;border-radius:3px;z-index:-1}
#drs .monitor-bar i{height:3px;border-radius:3px}
#drs .drs-chart .drs-small{font-size:8px;margin:12px 0 0}
#drs .drs-evidence-card{--px:360px;--py:315px;--pz:140px;--ry:-8deg;--rx:-5deg;width:345px;padding:20px 24px;display:grid;grid-template-columns:100px 1fr;gap:0 18px}
#drs .drs-evidence-card>.drs-kicker,#drs .drs-evidence-card>h3{grid-column:1/-1}
#drs .monitor-donut{width:100px;height:100px;border-radius:50%;background:conic-gradient(#ceb27a var(--share),#8196a5 0);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}
#drs .monitor-donut:before{content:'';position:absolute;inset:10px;background:#233849;border-radius:50%;z-index:-1}
#drs .monitor-donut strong{font-size:24px;font-weight:400}#drs .monitor-donut span{font-size:9px;color:#c6d5df}
#drs .monitor-legend{align-self:center;font-size:11px}.monitor-legend>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #ffffff15}.monitor-legend b{font-weight:400;color:#d7bd88}
@media(max-width:800px),(prefers-reduced-motion:reduce){#drs .drs-glass{width:100%;padding:20px;max-height:none}#drs .drs-map-panel{padding:12px}#drs .drs-overview{gap:6px}#drs .drs-overview>div{padding:10px 8px}#drs .drs-overview span{font-size:9px}#drs .drs-overview strong{font-size:24px}#drs .drs-map-viewport{aspect-ratio:1.6}#drs .monitor-tabs{flex-direction:row;flex-wrap:wrap}#drs .monitor-tabs button{min-height:44px}#drs .monitor-list{max-height:240px}#drs .monitor-list strong{font-size:14px}#drs .drs-map-caption{max-width:80%}#drs .drs-evidence-card{grid-template-columns:100px 1fr}}
#drs .monitor-point[aria-pressed=true],#drs .monitor-point:focus-visible{z-index:3}
#drs .monitor-point:hover{z-index:4}

#drs .monitor-tabs{gap:1px;margin-bottom:12px}#drs .monitor-tabs button{padding:6px 10px;min-height:28px;font-size:11px}#drs .monitor-list{max-height:100px}#drs .monitor-legend>div{padding:3px 0;font-size:9px}#drs .monitor-point[data-kind=waterways]{border-radius:2px;width:10px;height:10px}#drs .monitor-tabs button:disabled{opacity:.4}@media(max-width:800px){#drs .monitor-tabs button{min-height:44px}#drs .monitor-list{max-height:200px}}

/* Audit fixes: empty states, narrow-view overflow, usable lists. */
#drs .monitor-empty{grid-column:1/-1;margin:0;font-size:12px;line-height:1.6}
#drs:not(.monitor-active) .drs-evidence-card{display:block}
#drs .monitor-more{background:none;border:1px solid #ffffff40;color:white;border-radius:8px;padding:7px 10px;font-size:10px;cursor:pointer;margin-top:8px}
#drs .drs-layers{max-height:550px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#drs .monitor-summary{padding:0;background:none;border-radius:0}
#drs .monitor-summary.expanded{display:block}
#drs .drs-map-caption{pointer-events:none}
@media(max-width:800px),(prefers-reduced-motion:reduce){#drs .drs-layers{max-height:none}#drs .monitor-list{max-height:260px}#drs .monitor-more{min-height:44px}#drs .drs-chart,#drs .drs-evidence-card{width:100%}}

#drs .drs-map-caption{top:12px;bottom:auto;max-width:55%}
