/* 0.26.41 – restore midnight-blue desktop panels, readable rotating Driftinfo. */
:root{--dw-bg:#06111d;--dw-panel:#0b2336;--dw-card:#102b41;--dw-line:#31516a;--dw-text:#f6fbff;--dw-sub:#b8d2e5}
html,body{background:#06111d;color:#f6fbff}
html .dashboard-page,html .v18-workspace,html .v18-dashboard,html .v18-board,html .v18-page,html .v18-shell,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-di-section,html .tv-priority-box,html .tv-priority-list,html .environment-card,html .v18-kpi,html .v18-railhead,html .v18-header-camera-strip,html .tv-driftinfo-head,html .external-grid section,html .integration-card,html .panel,html .card{background:#0b2336!important;background-image:none!important;border-color:#31516a!important;color:#f6fbff!important}
html .external-row,html .tv-traffic-item,html .tv-priority-list .connection-watch-row,html .tv-priority-list .horizon-row,html .external-clear,html .smhi-card,html .weather-station-card,html .road-condition-card,html .ops-alert-card,html .service-item,html .integration-message,html .dw-dg-trip,html .dw-dg-empty{background:#102b41!important;border-color:#31516a!important;color:#f6fbff!important}
html #market-board .market-row{background:#0d2538!important;border-color:#31516a!important}
html #market-board .market-row:nth-child(even){background:#143149!important}
html .dw-dg-desktop{background:#0b2336!important;border-color:#31516a!important}
html #tv-driftinfo-bar .tv-di-section.dw-active>header{background:#12344e!important;color:#fff!important;border-color:#31516a!important}
#tv-driftinfo-bar #tv-driftinfo-content>.tv-di-section.dw-active{display:flex!important;flex-direction:column;min-height:0;overflow:hidden!important}
#tv-driftinfo-bar #tv-driftinfo-content>.tv-di-section.dw-active>header{flex:0 0 auto}
#tv-driftinfo-bar #tv-driftinfo-content>.tv-di-section.dw-active>div{flex:1 1 auto;min-height:0;overflow:hidden!important}
#tv-driftinfo-bar .dw-page-stage{display:flex!important;flex-direction:column;justify-content:center;gap:clamp(12px,1.6vh,26px);padding:clamp(12px,2vh,28px)!important;overflow:hidden!important}
#tv-driftinfo-bar .dw-page-stage>.dw-page-item{display:none!important}
#tv-driftinfo-bar .dw-page-stage>.dw-page-item.dw-page-visible{display:block!important;width:100%;max-height:100%;overflow:hidden!important}
#tv-driftinfo-bar .dw-page-stage .external-grid{display:block!important;width:100%}
#tv-driftinfo-bar .dw-page-stage .external-grid section{width:100%;min-height:0;padding:clamp(15px,2vw,36px)!important}
#tv-driftinfo-bar .dw-page-stage .external-grid h3{font-size:clamp(23px,2vw,39px)!important}
#tv-driftinfo-bar .dw-page-stage .external-row{font-size:clamp(16px,1.25vw,25px)!important;line-height:1.45!important;margin:10px 0!important}
#tv-driftinfo-bar .dw-page-stage .external-row small{font-size:clamp(14px,1vw,21px)!important}
#tv-driftinfo-bar .dw-page-stage .tv-traffic-item{font-size:clamp(18px,1.5vw,30px)!important;line-height:1.5!important;padding:clamp(14px,2vw,30px)!important}
#tv-driftinfo-bar .dw-page-stage .tv-traffic-item p{font-size:inherit!important;line-height:1.5!important;max-height:none!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important}
#tv-driftinfo-bar .dw-page-stage .dw-warning-text{font-size:clamp(17px,1.4vw,27px);line-height:1.55;white-space:normal;overflow-wrap:anywhere}
#tv-driftinfo-bar .dw-page-stage .dw-warning-heading{font-size:clamp(24px,2.1vw,42px);font-weight:800;margin-bottom:16px}
#tv-driftinfo-bar .dw-page-indicator{position:absolute;right:16px;bottom:8px;font-size:12px;color:#b8d2e5;z-index:3}
#tv-driftinfo-bar .tv-di-section{position:relative}
@media(max-width:700px){html #tv-driftinfo-bar .dw-page-stage .dw-warning-text{font-size:17px}html #tv-driftinfo-bar .dw-page-stage .external-row{font-size:16px!important}}

/* 0.26.43 – Desktop background continuity: do not paint the empty page
   with the panel blue. Keep the blue for actual panels and headers. */
@media (min-width:861px) {
  html:not([data-dw-layout="tv"]):not([data-dw-layout="portrait"]),
  html:not([data-dw-layout="tv"]):not([data-dw-layout="portrait"]) body {
    background:#080d14!important;
    background-image:none!important;
    min-height:100%;
  }
  html:not([data-dw-layout="tv"]):not([data-dw-layout="portrait"]) .dashboard-page,
  html:not([data-dw-layout="tv"]):not([data-dw-layout="portrait"]) .v18-dashboard,
  html:not([data-dw-layout="tv"]):not([data-dw-layout="portrait"]) .v18-page,
  html:not([data-dw-layout="tv"]):not([data-dw-layout="portrait"]) .v18-shell,
  html:not([data-dw-layout="tv"]):not([data-dw-layout="portrait"]) .v18-workspace,
  html:not([data-dw-layout="tv"]):not([data-dw-layout="portrait"]) #traffic-board {
    background:#080d14!important;
    background-image:none!important;
  }
  html:not([data-dw-layout="tv"]):not([data-dw-layout="portrait"]) .dashboard-page {
    min-height:100dvh;
  }
  html:not([data-dw-layout="tv"]):not([data-dw-layout="portrait"]) #market-board:empty {
    background:#080d14!important;
  }
}

/* 0.26.44 – SAME NAVY AS SIDEBAR THROUGHOUT THE DASHBOARD.
   Source of truth: .sidebar.ops-sidebar in style.css (#08111a).
   Loaded last to override legacy black-edition and v0.26.43 rules. */
html:not([data-theme="light"]){--dw-unified-blue:#08111a;--v18-bg:#08111a;--v18-panel:#08111a;--v18-panel2:#08111a;--dw-bg:#08111a;--dw-panel:#08111a;}
html:not([data-theme="light"]),
html:not([data-theme="light"]) body,
html:not([data-theme="light"]) body.dashboard-page,
html:not([data-theme="light"]) .app.ops-app,
html:not([data-theme="light"]) .app.ops-app.dashboard-page,
html:not([data-theme="light"]) .dashboard-page .ops-sidebar,
html:not([data-theme="light"]) .dashboard-page .ops-content,
html:not([data-theme="light"]) .dashboard-page .dashboard-content,
html:not([data-theme="light"]) .dashboard-page .v18-workspace,
html:not([data-theme="light"]) .dashboard-page .v18-board,
html:not([data-theme="light"]) .dashboard-page .v18-header,
html:not([data-theme="light"]) .dashboard-page .v18-kpis,
html:not([data-theme="light"]) .dashboard-page .v18-boardbar,
html:not([data-theme="light"]) .dashboard-page #traffic-board,
html:not([data-theme="light"]) .dashboard-page #market-board,
html:not([data-theme="light"]) .dashboard-page .v202-rail,
html:not([data-theme="light"]) .dashboard-page .v18-rail-section,
html:not([data-theme="light"]) .dashboard-page .v18-railhead,
html:not([data-theme="light"]) .dashboard-page #tv-driftinfo-bar,
html:not([data-theme="light"]) .dashboard-page #tv-driftinfo-content,
html:not([data-theme="light"]) .dashboard-page .tv-di-section,
html:not([data-theme="light"]) .dashboard-page .tv-priority-box,
html:not([data-theme="light"]) .dashboard-page .v18-dashboard,
html:not([data-theme="light"]) .dashboard-page .v18-shell,
html:not([data-theme="light"]) .dashboard-page .v18-page,
html:not([data-theme="light"]) .dashboard-page .terminal-market,
html:not([data-theme="light"]) .dashboard-page .market-board,
html:not([data-theme="light"]) .dashboard-page .tv-priority-list,
html:not([data-theme="light"]) .dashboard-page .v18-kpi {
  background:#08111a!important;
  background-color:#08111a!important;
  background-image:none!important;
}
/* Keep individual traffic rows legible; the requested uniform color applies to
   page and panel surfaces, not semantic red/yellow/green status markers. */
html:not([data-theme="light"]) .dashboard-page #market-board:empty{background:#08111a!important}