/* v95 translucent cyan palette over the existing deep-blue control room. */
#board {
  --glass-top: rgba(31,127,157,.56);
  --glass-bottom: rgba(12,75,111,.53);
  --card-top: rgba(39,149,174,.64);
  --card-bottom: rgba(19,103,139,.61);
  --button-top: rgba(47,173,197,.82);
  --button-bottom: rgba(18,111,155,.75);
  --glass-stroke: rgba(137,234,239,.49);
  --glass-glow: rgba(43,204,217,.20);
  color:#f4faff;
  background:radial-gradient(ellipse at 48% 32%,#124f67 0%,#0a3049 58%,#071d34 100%);
}
#board[data-skin="mist"] {
  --glass-top:rgba(26,111,143,.44);
  --glass-bottom:rgba(12,66,107,.46);
  --card-top:rgba(37,134,161,.52);
  --card-bottom:rgba(18,89,129,.53);
  --button-top:rgba(42,153,182,.70);
  --button-bottom:rgba(17,102,150,.67);
  --glass-stroke:rgba(133,225,232,.36);
  --glass-glow:rgba(38,184,206,.13);
}
#board[data-skin="daylight"] {
  --glass-top:rgba(51,158,181,.67);
  --glass-bottom:rgba(22,95,136,.62);
  --card-top:rgba(66,177,190,.75);
  --card-bottom:rgba(31,121,158,.71);
  --button-top:rgba(66,193,208,.89);
  --button-bottom:rgba(27,132,170,.81);
  --glass-stroke:rgba(179,245,243,.59);
  --glass-glow:rgba(65,214,216,.27);
}
#board .panel,#board .station-panel,#board .company,#board .title,#board .task-grid,#board .tour-bar,#board .tour-label {
  background:linear-gradient(155deg,var(--glass-top),var(--glass-bottom));
  border:1px solid var(--glass-stroke);
  box-shadow:inset 0 1px rgba(221,247,255,.14),0 8px 24px rgba(4,19,49,.19);
  backdrop-filter:blur(12px);
}
#board .company,#board .title {border-bottom-color:rgba(160,242,243,.74)}
#board .title span {border-bottom-color:#75eff0}
#board .kpi,#board .metric-cards article,#board .data-card {
  background:linear-gradient(125deg,var(--card-top),var(--card-bottom));
  border:1px solid var(--glass-stroke);
  border-left:3px solid #79ecec;
  box-shadow:inset 0 1px rgba(221,247,255,.10),0 0 18px var(--glass-glow);
}
#board .kpi label,#board .task-grid,#board .data-card {color:#f0f9ff}
#board .kpi strong,#board .cyan,#board .section-title {color:#a6f5f2}
#board .muted,#board .notice {color:#c4dfef}
#board button,#board select,#board #stationSelector,#board #tourEntry,#board #moreMenu button,#board #selectorMenu button {
  background:linear-gradient(180deg,var(--button-top),var(--button-bottom));
  border:1px solid var(--glass-stroke);
  color:#f7fcff;
  box-shadow:inset 0 1px rgba(221,247,255,.15);
}
#board button:hover,#board button[aria-pressed="true"],#board #tourEntry:hover {
  background:linear-gradient(180deg,rgba(85,209,219,.95),rgba(20,150,176,.90));
  border-color:#c2f7f4;color:#fff;
}
#board #stationSelector {background:rgba(46,146,166,.40)}
#board #selectorMenu,#board #tourMenu,#board #moreMenu,#board #modal {
  background:linear-gradient(160deg,rgba(31,123,151,.94),rgba(11,68,106,.95));
  border:1px solid var(--glass-stroke);
  box-shadow:0 18px 48px rgba(2,15,36,.52);
  backdrop-filter:blur(16px);
}
#board #modal header {background:rgba(47,166,185,.81)}
#board #inlineVideo {object-fit:cover}
#board .camera-card {background:rgba(21,97,125,.66)}
#board .camera-card footer {background:rgba(24,132,153,.70)}
#board .marker {background:rgba(30,142,159,.76);border-color:#9cf2ed}
#board .cargo-marker {border-color:#fbd48b !important}
#board #sceneHint {color:#d7edfc}
#board #mainView {border:1px solid rgba(137,232,232,.38)}