/* Driftware Black Edition – intentionally one shared palette for all screen modes. */
html:root{color-scheme:dark;--dw-black:#050505;--dw-panel:#111111;--dw-border:#303030;--dw-ink:#f6f7f8;--dw-muted:#a6adb5}
html body,html .dashboard-page,html .v18-workspace,html .v18-dashboard,html .v18-board,html .v18-page,html .v18-shell{background:#050505!important;color:#f5f5f5!important}
html .v18-header,html .v18-rail-section,html .v202-rail,html .v18-boardbar,html #traffic-board,html #tv-driftinfo-bar,html .tv-priority-box,html .environment-card,html .v18-kpi,html .market-head,html .v18-railhead,html .tv-di-section,html .v18-header-camera-strip{background:#111!important;background-image:none!important;border-color:#303030!important;box-shadow:none!important}
html #market-board{background:#050505!important}
html #market-board .market-row{background:#141414!important;background-image:none!important;border:1px solid #292929!important;box-shadow:none!important;color:#f5f5f5!important}
html #market-board .market-row:nth-child(even){background:#1d1d1d!important}
html #market-board .market-dest b,html .v18-railhead h2,html .tv-priority-box header,html .tv-di-section header{color:#f5f5f5!important}
html .market-row small,html .v18-railhead small{color:#b9bfc6!important}
html .dw-live-indicator{display:inline-flex;align-items:center;gap:6px;border:1px solid #23644b;background:#10251c;color:#60e3a5;border-radius:5px;padding:6px 10px;font-size:13px;font-weight:800;letter-spacing:.06em;white-space:nowrap}
html [data-board-filter="live"].active{background:#173527!important;border-color:#2e8b5d!important;color:#b5ffd8!important}
html [data-board-filter="live"] .dw-live-count{display:inline-block;margin-left:6px;font-variant-numeric:tabular-nums}
html .dw-camera-stage{flex:0 0 auto;min-height:0;background:#111;border:1px solid #303030;border-radius:5px;padding:9px;margin-top:7px}
html .dw-stage-head{display:flex;justify-content:space-between;gap:10px;color:#ddd;font-size:11px;letter-spacing:.04em;margin-bottom:7px}
html .dw-stage-head small{color:#a6adb5}
html .dw-camera-stage-content{position:relative;display:flex;align-items:center;justify-content:center;min-height:110px;max-height:23vh;overflow:hidden;background:#090909}
html .dw-camera-stage-content img{display:block;max-height:23vh;width:100%;object-fit:contain}
html .dw-camera-stage-content span{position:absolute;bottom:0;left:0;right:0;background:#000b;color:white;padding:4px 8px;font-size:12px}
html[data-tv-mode="1"] #header-camera-strip .dw-slide-hidden,html[data-tv-mode="1"] #tv-di-weather .dw-slide-hidden{display:none!important}
html[data-tv-mode="1"] #header-camera-strip .dw-slide-current{display:block!important}
html[data-dw-layout="tv"] #traffic-board #market-board{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:column!important;grid-template-rows:repeat(var(--dw-grid-rows,15),minmax(var(--dw-row-height,40px),auto))!important;grid-auto-rows:var(--dw-row-height,40px)!important;align-content:start!important;overflow:auto!important;gap:4px!important}
html[data-dw-layout="tv"] #traffic-board #market-board .market-row{min-height:var(--dw-row-height,40px)!important;height:auto!important;max-height:none!important;padding:3px 7px!important}
html[data-dw-layout="portrait"] #traffic-board #market-board{grid-template-columns:1fr!important;grid-auto-flow:row!important;grid-template-rows:none!important;grid-auto-rows:minmax(var(--dw-row-height,44px),auto)!important;gap:4px!important}
html[data-dw-layout="portrait"] #traffic-board #market-board .market-row{min-height:var(--dw-row-height,44px)!important;height:auto!important;max-height:none!important;padding:4px 8px!important}
html[data-tv-mode="1"] #tv-driftinfo-bar{overflow:hidden!important}
html[data-tv-mode="1"] #tv-driftinfo-content{flex:1 1 auto!important;min-height:0!important;overflow:auto!important}
@media(max-width:860px){html #market-board .market-row{min-height:78px!important;max-height:none!important}html .dw-camera-stage{display:none!important}html .dw-live-indicator{font-size:12px;padding:5px 7px}}

/* v0.26.35 – readable Driftinfo and compact priority lists */
html #tv-driftinfo-bar,html #tv-driftinfo-content,html .tv-di-section,html .tv-di-section>div{background:#111!important;color:#f5f5f5!important;border-color:#303030!important}
html #tv-driftinfo-content .tv-di-section{min-height:0!important;padding:clamp(12px,1.5vw,26px)!important}
html #tv-driftinfo-content .tv-di-section>header b{font-size:clamp(17px,1.35vw,26px)!important;line-height:1.2!important}
html #tv-driftinfo-content .tv-di-section>header small{font-size:clamp(12px,.8vw,16px)!important;color:#bbb!important}
html .dw-smhi-drift-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr))!important;gap:12px!important;align-content:start!important}
html .dw-smhi-drift-grid .smhi-card{min-height:110px!important;padding:14px!important;background:#1b1b1b!important;border:1px solid #383838!important;border-radius:8px!important;display:grid!important;gap:8px!important;align-items:center!important}
html .dw-smhi-drift-grid .smhi-card b{font-size:clamp(17px,1.3vw,24px)!important;color:#fff!important}
html .dw-smhi-drift-grid .smhi-card>strong{font-size:clamp(26px,2.2vw,42px)!important;color:#fff!important}
html .dw-smhi-drift-grid .smhi-card span,html .dw-smhi-drift-grid .smhi-card small{font-size:clamp(13px,1vw,19px)!important;color:#ddd!important}
html #tv-di-smhi-warnings .tv-traffic-item strong{font-size:clamp(19px,1.6vw,30px)!important}
html #tv-di-smhi-warnings .tv-traffic-item p{font-size:clamp(16px,1.2vw,23px)!important;line-height:1.4!important}
html #tv-driftinfo-content .tv-di-section .ops-clear{font-size:clamp(16px,1.2vw,23px)!important;padding:30px!important}
html .tv-priority-box{background:#111!important;border-color:#303030!important}
html .tv-priority-box header{font-size:clamp(15px,1.1vw,22px)!important}
@media(max-width:860px){html .dw-smhi-drift-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html .dw-smhi-drift-grid .smhi-card{min-height:90px!important}}

/* v0.26.36: black control-room palette and dense, readable wallboard. */
html,html body,html .dashboard-page,html .v18-workspace,html .v202-rail,html .v18-shell,html .v18-board,html .v18-dashboard,html .v18-page{background:#050505!important;background-image:none!important;color:#f5f5f5!important}
html .v202-rail,html .v18-header,html .v18-rail-section,html .v18-boardbar,html #traffic-board,html #tv-driftinfo-bar,html #tv-driftinfo-content,html .tv-priority-box,html .tv-priority-list,html .tv-di-section,html .environment-card,html .v18-kpi,html .v18-railhead,html .v18-header-camera-strip,html .tv-driftinfo-head{background:#111!important;background-image:none!important;border-color:#303030!important;box-shadow:none!important}
html .tv-priority-list .connection-watch-row,html .tv-priority-list .horizon-row,html .tv-traffic-item{background:#1b1b1b!important;border-color:#383838!important;color:#f5f5f5!important}
html[data-dw-layout="tv"] .dashboard-page .v18-workspace{grid-template-rows:minmax(116px,17vh) minmax(0,1fr)!important;grid-template-columns:minmax(0,2.05fr) minmax(350px,1fr)!important}
html[data-dw-layout="tv"] #tv-traffic-priority{height:100%!important}
html[data-dw-layout="tv"] .tv-priority-box>header,html[data-dw-layout="portrait"] .tv-priority-box>header{min-height:35px!important;height:35px!important;flex:0 0 35px!important}
html[data-dw-layout="tv"] .tv-priority-list,html[data-dw-layout="portrait"] .tv-priority-list{display:flex!important;flex-direction:column!important;gap:5px!important;overflow:hidden!important;justify-content:flex-start!important;padding:6px!important}
html[data-dw-layout="tv"] .tv-priority-list .connection-watch-row,html[data-dw-layout="tv"] .tv-priority-list .horizon-row,html[data-dw-layout="portrait"] .tv-priority-list .connection-watch-row,html[data-dw-layout="portrait"] .tv-priority-list .horizon-row{font-size:clamp(13px,1vw,20px)!important;line-height:1.3!important;padding:8px 12px!important;margin:0!important;min-height:42px!important}
html[data-dw-layout="tv"] .tv-priority-box header b,html[data-dw-layout="portrait"] .tv-priority-box header b{font-size:clamp(16px,1.2vw,23px)!important}
html[data-dw-layout="tv"] #traffic-board #market-board{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-template-rows:none!important;grid-auto-rows:minmax(var(--dw-row-height,40px),auto)!important;align-content:start!important;overflow-y:auto!important;gap:4px!important}
html[data-dw-layout="tv"] #market-board .market-row{min-height:var(--dw-row-height,40px)!important;height:auto!important;max-height:none!important}
html[data-dw-layout="tv"] #market-board .market-dest b{font-size:clamp(13px,1.05vw,21px)!important}
html[data-dw-layout="tv"] #market-board .market-dest small{font-size:clamp(10px,.77vw,15px)!important}
html[data-dw-layout="tv"] #tv-driftinfo-content,html[data-dw-layout="portrait"] #tv-driftinfo-content{width:100%!important;flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
html[data-dw-layout="tv"] #tv-driftinfo-content>.tv-di-section.dw-active,html[data-dw-layout="portrait"] #tv-driftinfo-content>.tv-di-section.dw-active{width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;overflow:auto!important;background:#111!important;padding:clamp(12px,1.6vw,30px)!important}
html[data-dw-layout="tv"] #tv-driftinfo-content>.tv-di-section.dw-active>div,html[data-dw-layout="portrait"] #tv-driftinfo-content>.tv-di-section.dw-active>div{width:100%!important;max-width:none!important;flex:1 1 auto!important}
html[data-dw-layout="tv"] #tv-driftinfo-content .tv-di-section>header b{font-size:clamp(19px,1.5vw,30px)!important}
html[data-dw-layout="tv"] #tv-driftinfo-content .tv-traffic-item{font-size:clamp(17px,1.1vw,25px)!important;line-height:1.4!important}
html[data-dw-layout="tv"] .dw-smhi-drift-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:stretch!important}
html[data-dw-layout="tv"] .dw-smhi-drift-grid .smhi-card{min-height:clamp(95px,12vh,175px)!important}
html[data-dw-layout="portrait"] .dashboard-page .v18-workspace{grid-template-rows:minmax(140px,15vh) minmax(0,1.7fr) minmax(220px,1fr)!important}
html[data-dw-layout="portrait"] #traffic-board #market-board{grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important;overflow-y:auto!important}