/*
 * FlightOps app-wide theme modes.
 *
 * Dark is the current Warm Glass baseline. Light and Blue are token layers
 * that keep the current UI structure while changing the operating palette.
 */

html[data-flightops-ui-theme="light"] {
  color-scheme: light;
  --bg: #f4f7fb;
  --panel: #ffffff;
  --panel-2: #eef3f8;
  --line: rgba(78, 93, 116, 0.22);
  --text: #172033;
  --muted: #586678;
  --accent: #b8892e;
  --accent-strong: #8a651c;
  --shadow: rgba(31, 42, 62, 0.16);
}

html[data-flightops-ui-theme="blue"] {
  color-scheme: dark;
  --bg: #071a2d;
  --panel: #0e2943;
  --panel-2: #123452;
  --line: rgba(126, 169, 212, 0.24);
  --text: #eef7ff;
  --muted: #9bb7d1;
  --accent: #3b82f6;
  --accent-strong: #1d4ed8;
  --shadow: rgba(2, 10, 24, 0.38);
}

:where(html[data-flightops-ui-theme="light"]) body.flightops-ops-console {
  --fo-bg-page: #f4f7fb;
  --fo-bg-map: #e8eef6;
  --fo-bg-topbar: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(236, 241, 247, 0.96));
  --fo-bg-overlay: rgba(255, 255, 255, 0.82);
  --fo-bg-surface: #ffffff;
  --fo-bg-surface-2: #eef3f8;
  --fo-bg-surface-3: #e2e9f2;
  --fo-bg-card: #ffffff;
  --fo-bg-card-soft: #f7fafc;
  --fo-bg-card-hover: #eef3f8;
  --fo-bg-input: #ffffff;
  --fo-bg-elevated: #f8fafc;
  --fo-text-primary: #172033;
  --fo-text-secondary: #3d4b5f;
  --fo-text-muted: #637184;
  --fo-text-strong: #07111f;
  --fo-border-subtle: rgba(78, 93, 116, 0.18);
  --fo-border-medium: rgba(78, 93, 116, 0.28);
  --fo-border-strong: rgba(184, 137, 46, 0.42);
  --fo-accent: #b8892e;
  --fo-accent-hover: #8a651c;
  --fo-accent-soft: rgba(184, 137, 46, 0.13);
  --fo-shadow-1: 0 12px 28px rgba(31, 42, 62, 0.14);
  --fo-shadow-2: 0 22px 46px rgba(31, 42, 62, 0.18);
  --fo-theme-page: #f4f7fb;
  --fo-theme-page-deep: #e8eef6;
  --fo-theme-surface: #ffffff;
  --fo-theme-surface-raised: #f8fafc;
  --fo-theme-surface-soft: rgba(255, 255, 255, 0.92);
  --fo-theme-line: rgba(78, 93, 116, 0.20);
  --fo-theme-line-strong: rgba(184, 137, 46, 0.42);
  --fo-theme-text: #172033;
  --fo-theme-strong: #07111f;
  --fo-theme-muted: #586678;
  --fo-theme-dim: #748195;
  --fo-theme-accent: #b8892e;
  --fo-theme-accent-deep: #8a651c;
  --fo-theme-accent-contrast: #111214;
  --fo-theme-control: #ffffff;
  --fo-theme-control-hover: #eef3f8;
  --fo-theme-control-active: rgba(184, 137, 46, 0.14);
  --fo-theme-shadow-strong: rgba(31, 42, 62, 0.18);
  --fo-theme-chat-shell: #f5f7fb;
  --fo-theme-chat-panel: #ffffff;
  --fo-theme-chat-panel-raised: #f8fafc;
  --fo-theme-chat-inbound: #ffffff;
  --fo-theme-chat-outbound: #e8edff;
  --fo-theme-chat-range: #edf4ff;
  --fo-theme-chat-accent: #4f8cff;
  --fo-theme-chat-accent-deep: #1d4ed8;
  --fo-theme-chat-text: #122033;
  --fo-theme-chat-muted: #5c6d83;
  --fo-theme-chat-line: rgba(203, 213, 225, 0.96);
  --fo-beta10-panel: #ffffff;
  --fo-beta10-panel-raised: #f8fafc;
  --fo-beta10-panel-soft: rgba(255, 255, 255, 0.92);
  --fo-beta10-line: rgba(78, 93, 116, 0.20);
  --fo-beta10-line-strong: rgba(184, 137, 46, 0.42);
  --fo-beta10-text: #172033;
  --fo-beta10-strong: #07111f;
  --fo-beta10-muted: #586678;
  --fo-beta10-dim: #748195;
  --fo-beta10-accent: #b8892e;
  --fo-beta10-accent-deep: #8a651c;
  --fo-audit-panel: rgba(255, 255, 255, 0.94);
  --fo-audit-panel-strong: rgba(248, 250, 252, 0.96);
  --fo-audit-panel-soft: rgba(238, 243, 248, 0.92);
  --fo-audit-line: rgba(78, 93, 116, 0.20);
  --fo-audit-line-strong: rgba(184, 137, 46, 0.42);
  --fo-audit-text: #172033;
  --fo-audit-strong: #07111f;
  --fo-audit-muted: #586678;
  --fo-audit-dim: #748195;
  --fo-audit-accent: #b8892e;
  --fo-audit-accent-strong: #8a651c;
  --fo-warm-panel: rgba(255, 255, 255, 0.95);
  --fo-warm-panel-deep: rgba(248, 250, 252, 0.98);
  --fo-warm-panel-soft: rgba(238, 243, 248, 0.9);
  --fo-warm-line: rgba(78, 93, 116, 0.20);
  --fo-warm-line-soft: rgba(78, 93, 116, 0.14);
  --fo-warm-text: #172033;
  --fo-warm-strong: #07111f;
  --fo-warm-muted: #586678;
  --fo-warm-dim: #748195;
  --fo-warm-accent: #b8892e;
}

:where(html[data-flightops-ui-theme="blue"]) body.flightops-ops-console {
  --fo-bg-page: #071a2d;
  --fo-bg-map: #071a2d;
  --fo-bg-topbar: linear-gradient(180deg, rgba(9, 38, 64, 0.98), rgba(5, 22, 40, 0.98));
  --fo-bg-overlay: rgba(5, 22, 40, 0.82);
  --fo-bg-surface: #0d2740;
  --fo-bg-surface-2: #123452;
  --fo-bg-surface-3: #173e61;
  --fo-bg-card: #0f2d49;
  --fo-bg-card-soft: #123452;
  --fo-bg-card-hover: #164267;
  --fo-bg-input: #071d32;
  --fo-bg-elevated: #173e61;
  --fo-text-primary: #eef7ff;
  --fo-text-secondary: #b9d2ea;
  --fo-text-muted: #88a8c6;
  --fo-text-strong: #ffffff;
  --fo-border-subtle: rgba(126, 169, 212, 0.20);
  --fo-border-medium: rgba(126, 169, 212, 0.32);
  --fo-border-strong: rgba(96, 165, 250, 0.50);
  --fo-accent: #3b82f6;
  --fo-accent-hover: #93c5fd;
  --fo-accent-soft: rgba(59, 130, 246, 0.16);
  --fo-shadow-1: 0 14px 30px rgba(2, 10, 24, 0.32);
  --fo-shadow-2: 0 24px 50px rgba(2, 10, 24, 0.44);
  --fo-theme-page: #071a2d;
  --fo-theme-page-deep: #051528;
  --fo-theme-surface: #0d2740;
  --fo-theme-surface-raised: #123452;
  --fo-theme-surface-soft: rgba(18, 52, 82, 0.92);
  --fo-theme-line: rgba(126, 169, 212, 0.22);
  --fo-theme-line-strong: rgba(96, 165, 250, 0.50);
  --fo-theme-text: #eef7ff;
  --fo-theme-strong: #ffffff;
  --fo-theme-muted: #9bb7d1;
  --fo-theme-dim: #7798b7;
  --fo-theme-accent: #3b82f6;
  --fo-theme-accent-deep: #1d4ed8;
  --fo-theme-accent-contrast: #eff6ff;
  --fo-theme-control: #0d2740;
  --fo-theme-control-hover: #123452;
  --fo-theme-control-active: rgba(59, 130, 246, 0.22);
  --fo-theme-shadow-strong: rgba(2, 10, 24, 0.42);
  --fo-theme-chat-shell: #f5f7fb;
  --fo-theme-chat-panel: #ffffff;
  --fo-theme-chat-panel-raised: #f8fafc;
  --fo-theme-chat-inbound: #ffffff;
  --fo-theme-chat-outbound: #e8edff;
  --fo-theme-chat-range: #edf4ff;
  --fo-theme-chat-accent: #4f8cff;
  --fo-theme-chat-accent-deep: #1d4ed8;
  --fo-theme-chat-text: #122033;
  --fo-theme-chat-muted: #5c6d83;
  --fo-theme-chat-line: rgba(203, 213, 225, 0.96);
  --fo-beta10-panel: #0d2740;
  --fo-beta10-panel-raised: #123452;
  --fo-beta10-panel-soft: rgba(18, 52, 82, 0.92);
  --fo-beta10-line: rgba(126, 169, 212, 0.22);
  --fo-beta10-line-strong: rgba(96, 165, 250, 0.50);
  --fo-beta10-text: #eef7ff;
  --fo-beta10-strong: #ffffff;
  --fo-beta10-muted: #9bb7d1;
  --fo-beta10-dim: #7798b7;
  --fo-beta10-accent: #3b82f6;
  --fo-beta10-accent-deep: #1d4ed8;
  --fo-audit-panel: rgba(13, 39, 64, 0.94);
  --fo-audit-panel-strong: rgba(7, 26, 45, 0.96);
  --fo-audit-panel-soft: rgba(18, 52, 82, 0.9);
  --fo-audit-line: rgba(126, 169, 212, 0.22);
  --fo-audit-line-strong: rgba(96, 165, 250, 0.50);
  --fo-audit-text: #eef7ff;
  --fo-audit-strong: #ffffff;
  --fo-audit-muted: #9bb7d1;
  --fo-audit-dim: #7798b7;
  --fo-audit-accent: #3b82f6;
  --fo-audit-accent-strong: #1d4ed8;
  --fo-warm-panel: rgba(13, 39, 64, 0.96);
  --fo-warm-panel-deep: rgba(7, 26, 45, 0.99);
  --fo-warm-panel-soft: rgba(18, 52, 82, 0.9);
  --fo-warm-line: rgba(126, 169, 212, 0.22);
  --fo-warm-line-soft: rgba(126, 169, 212, 0.14);
  --fo-warm-text: #eef7ff;
  --fo-warm-strong: #ffffff;
  --fo-warm-muted: #9bb7d1;
  --fo-warm-dim: #7798b7;
  --fo-warm-accent: #3b82f6;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console {
  background: linear-gradient(180deg, var(--fo-theme-page), var(--fo-theme-page-deep)) !important;
  color: var(--fo-theme-text);
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #map,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .leaflet-container {
  background: var(--fo-bg-map) !important;
}

.flightopsThemeControl {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.flightopsThemeButton {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-width: 54px;
  width: auto !important;
  padding-inline: 11px !important;
  white-space: nowrap;
}

body.flightops-ops-console .flightopsThemeButton {
  width: auto !important;
  min-width: 54px !important;
  padding: 0 11px !important;
}

.flightopsThemeButtonText {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
}

.flightopsThemeMenu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 2450;
  width: 196px;
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid var(--fo-border-subtle, rgba(180, 170, 155, 0.16));
  border-radius: 10px;
  background: var(--fo-bg-surface, #191b1f);
  box-shadow: var(--fo-shadow-2, 0 22px 48px rgba(0, 0, 0, 0.34));
}

.flightopsThemeMenu[hidden] {
  display: none !important;
}

.flightopsThemeOption {
  width: 100%;
  min-height: 44px;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--fo-text-secondary, #9e9890) !important;
  text-align: left;
  box-shadow: none !important;
}

.flightopsThemeOption:hover,
.flightopsThemeOption.active {
  background: var(--fo-accent-soft, rgba(212, 168, 74, 0.10)) !important;
  border-color: var(--fo-border-strong, rgba(210, 170, 90, 0.34)) !important;
  color: var(--fo-text-strong, #f5f2ee) !important;
}

.flightopsThemeSwatch {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 1px solid var(--fo-border-medium, rgba(180, 170, 155, 0.2));
  background: #111214;
}

.flightopsThemeOption[data-flightops-theme-option="light"] .flightopsThemeSwatch {
  background: linear-gradient(135deg, #ffffff 0 50%, #b8892e 50% 100%);
}

.flightopsThemeOption[data-flightops-theme-option="blue"] .flightopsThemeSwatch {
  background: linear-gradient(135deg, #071a2d 0 50%, #3b82f6 50% 100%);
}

.flightopsThemeOptionBody {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.flightopsThemeOptionBody strong {
  font-size: 12px;
  line-height: 1.1;
  color: inherit;
}

.flightopsThemeOptionBody span {
  font-size: 11px;
  line-height: 1.2;
  color: var(--fo-text-muted, #6b6660);
}

#flightopsThemeAuthControl {
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 2410;
}

body:not(.authLocked) #flightopsThemeAuthControl {
  display: none;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #authTopbar,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .topbarWorkspaceMenu,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .authAccountMenu,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherTopbarSourceMenu {
  background: var(--fo-bg-topbar) !important;
  border-color: var(--fo-border-subtle) !important;
  color: var(--fo-text-primary) !important;
  box-shadow: var(--fo-shadow-1) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .authTopbarTitleText strong,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .topbarWorkspaceMenuTitle,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .topbarWorkspaceMenuItem strong {
  color: var(--fo-text-strong) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .authTopbarSubtitle,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .releaseVersionBadge,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .authAccountRole,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .topbarWorkspaceMenuMeta,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .topbarWorkspaceMenuItem small {
  color: var(--fo-text-muted) !important;
  text-shadow: none !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .authTopbarMenuBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .topbarIconBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .topNavBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .authAccountMenuBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherTopbarCell,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherTopbarSourceBtn {
  background: var(--fo-bg-card) !important;
  border-color: var(--fo-border-subtle) !important;
  color: var(--fo-text-secondary) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .authTopbarMenuBtn:hover,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .topbarIconBtn:hover,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .topNavBtn:hover,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .authAccountMenuBtn:hover,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .authAccountMenuBtn.open,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .topbarWorkspaceMenuItem:hover {
  background: var(--fo-bg-card-hover) !important;
  border-color: var(--fo-border-medium) !important;
  color: var(--fo-text-primary) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .authTopbarMenuBtn.active,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .topbarWorkspaceGridBtn.active,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .topbarIconBtn.active,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .topNavBtn.active,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .topbarWorkspaceMenuBadge {
  background: var(--fo-accent-soft) !important;
  border-color: var(--fo-border-strong) !important;
  color: var(--fo-accent-hover) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fo-accent) 18%, transparent) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherTopbarStrip {
  background: var(--fo-theme-surface-soft) !important;
  border-color: var(--fo-theme-line) !important;
  box-shadow: var(--fo-shadow-1) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherTopbarStatusBtn {
  background: var(--fo-accent-soft) !important;
  border-color: var(--fo-border-strong) !important;
  color: var(--fo-accent-hover) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #weatherTopbarSourceValue,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherTopbarCellValue,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherTopbarStatusTextWrap strong {
  color: var(--fo-text-strong) !important;
  text-shadow: none !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherTopbarCellLabel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherTopbarStatusTextWrap small {
  color: var(--fo-text-muted) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .card,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .row,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .item,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .sensorBlock,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .monitorCard,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .mapUtilityDrawerPanel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .mapUtilityOverlayUploadCard,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .mapUtilityAttachmentItem,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .mapCoordinateMenu,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .basemapBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .clearPinsBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .measureControl {
  background: var(--fo-theme-surface) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
  box-shadow: var(--fo-shadow-1) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .head,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .phase1Check,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console input,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console select,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console textarea {
  background: var(--fo-theme-surface-raised) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .label,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .sub,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .empty,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .phase1SaveStatus,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .measureStatus {
  color: var(--fo-theme-muted) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .value,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .name,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .measureTitle,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .measureValue {
  color: var(--fo-theme-strong) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console button:not(.topbarIconBtn):not(.topNavBtn):not(.authTopbarMenuBtn):not(.flightopsThemeOption) {
  border-color: var(--fo-border-subtle) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console button.secondary,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console button.ghost,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .sectionToggle,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .sensorBlockToggle {
  background: var(--fo-theme-surface-raised) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="weather"],
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherShell,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherBlock,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherStationsColumn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherHeroStats .row,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherForecastMatrix,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherMatrixCell,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherReferenceShell {
  background: var(--fo-theme-surface) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherBlockTitle,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherHeroStats .label,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherBlockMeta {
  color: var(--fo-theme-muted) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .weatherHeroStats .value {
  color: var(--fo-theme-strong) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="alerts"],
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .alertWorkspaceBlock,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .alertWorkspaceListItem,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .alertWorkspaceFocusPanel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .alertWorkspaceEditor,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .alertWorkspaceMetricChip,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .alertDetachedCard,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .alertDetachedCardOption2 {
  background: var(--fo-theme-surface) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
  box-shadow: var(--fo-shadow-1) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .alertWorkspaceFocusTitle,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .alertWorkspaceMetricChip strong,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .alertDetachedCardOption2 .alertClosestName,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .alertDetachedCardOption2 .alertHeroState {
  color: var(--fo-theme-strong) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .alertWorkspaceFocusKicker,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .alertWorkspaceFocusMeta,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .alertWorkspaceListMeta,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .alertWorkspaceEditorMeta,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .alertWorkspaceEditorNote {
  color: var(--fo-theme-muted) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="settings"],
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="settings"] .head,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="settings"] #settingsWorkspaceNav,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="settings"] #settingsWorkspaceHeader,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="settings"] #settingsWorkspaceStage,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="settings"] .settingsAccordionCard,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="settings"] .settingsWorkspaceSideCard {
  background: var(--fo-theme-surface) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
  box-shadow: none !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="settings"] .settingsWorkspaceNavItem,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="settings"] .settingsWorkspaceSearch {
  background: var(--fo-theme-surface-raised) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="settings"] .settingsWorkspaceNavItem.active,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="settings"] .settingsAccordionCard.active {
  background: var(--fo-accent-soft) !important;
  border-color: var(--fo-border-strong) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .notesWorkspaceShell,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .usersWorkspaceShell,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .notesWorkspacePanel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .usersWorkspacePanel {
  background: var(--fo-theme-surface) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #authGate {
  background: var(--fo-theme-page) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #authGate::before {
  opacity: 1;
  background:
    radial-gradient(circle at 26% 20%, color-mix(in srgb, var(--fo-theme-accent) 12%, transparent), transparent 34%),
    radial-gradient(circle at 78% 76%, color-mix(in srgb, var(--fo-success) 8%, transparent), transparent 30%),
    linear-gradient(180deg, var(--fo-theme-page), var(--fo-theme-page-deep)) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .authGateCard {
  background: var(--fo-theme-surface) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
  box-shadow: var(--fo-shadow-2) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .authGateCard h2 {
  color: var(--fo-theme-strong) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .authGateCard p,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .authGateHint,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .authGatePasswordStatus {
  color: var(--fo-theme-muted) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #authGateLoginBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #authMagicLinkBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #authGatePasswordBtn {
  background: linear-gradient(180deg, var(--fo-theme-accent), var(--fo-theme-accent-deep)) !important;
  border-color: var(--fo-theme-line-strong) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--fo-theme-accent) 22%, transparent) !important;
}

body:not(.flightops-ops-console) .flightopsThemeControl-mobile .flightopsThemeButton {
  min-width: 52px;
  min-height: 40px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--panel-2);
  color: var(--text);
  padding: 9px 10px;
}

body:not(.flightops-ops-console) .flightopsThemeControl-mobile .flightopsThemeButtonText {
  display: inline;
  font-size: 10px;
}

body:not(.flightops-ops-console) .flightopsThemeMenu {
  background: var(--panel);
  border-color: var(--line);
  color: var(--text);
  box-shadow: 0 18px 40px var(--shadow);
}

body:not(.flightops-ops-console) .flightopsThemeOption {
  color: var(--text) !important;
}

body:not(.flightops-ops-console) .flightopsThemeOptionBody span {
  color: var(--muted);
}

html[data-flightops-ui-theme="light"] body .mobileShell,
html[data-flightops-ui-theme="blue"] body .mobileShell {
  background: linear-gradient(180deg, var(--bg), color-mix(in srgb, var(--bg) 88%, #000 12%));
}

html[data-flightops-ui-theme="light"] body .mobileTopbar,
html[data-flightops-ui-theme="light"] body .mobileAuthPanel,
html[data-flightops-ui-theme="light"] body .mobileChatHeader,
html[data-flightops-ui-theme="light"] body .mobileComposer,
html[data-flightops-ui-theme="light"] body .mobileTabbar,
html[data-flightops-ui-theme="light"] body .mobileSectionHeader,
html[data-flightops-ui-theme="light"] body .mobileOverlayPanel,
html[data-flightops-ui-theme="blue"] body .mobileTopbar,
html[data-flightops-ui-theme="blue"] body .mobileAuthPanel,
html[data-flightops-ui-theme="blue"] body .mobileChatHeader,
html[data-flightops-ui-theme="blue"] body .mobileComposer,
html[data-flightops-ui-theme="blue"] body .mobileTabbar,
html[data-flightops-ui-theme="blue"] body .mobileSectionHeader,
html[data-flightops-ui-theme="blue"] body .mobileOverlayPanel {
  background: var(--panel);
  border-color: var(--line);
  color: var(--text);
}

html[data-flightops-ui-theme="light"] body .mobileIconBtn,
html[data-flightops-ui-theme="light"] body .mobileGhostBtn,
html[data-flightops-ui-theme="light"] body .mobileTab,
html[data-flightops-ui-theme="light"] body .mobileThreadSelect,
html[data-flightops-ui-theme="light"] body .mobileBasemapSelect,
html[data-flightops-ui-theme="light"] body .mobileWeatherStationSelect,
html[data-flightops-ui-theme="blue"] body .mobileIconBtn,
html[data-flightops-ui-theme="blue"] body .mobileGhostBtn,
html[data-flightops-ui-theme="blue"] body .mobileTab,
html[data-flightops-ui-theme="blue"] body .mobileThreadSelect,
html[data-flightops-ui-theme="blue"] body .mobileBasemapSelect,
html[data-flightops-ui-theme="blue"] body .mobileWeatherStationSelect {
  background: var(--panel-2);
  border-color: var(--line);
  color: var(--text);
}

html[data-flightops-ui-theme="light"] body .mobilePrimaryBtn,
html[data-flightops-ui-theme="light"] body .mobileSendBtn,
html[data-flightops-ui-theme="light"] body .mobileTab.active,
html[data-flightops-ui-theme="blue"] body .mobilePrimaryBtn,
html[data-flightops-ui-theme="blue"] body .mobileSendBtn,
html[data-flightops-ui-theme="blue"] body .mobileTab.active {
  border-color: color-mix(in srgb, var(--accent) 68%, transparent);
  background: linear-gradient(135deg, var(--accent), var(--accent-strong));
  color: #ffffff;
}

html[data-flightops-ui-theme="light"] body .mobilePrimaryBtn,
html[data-flightops-ui-theme="light"] body .mobileSendBtn,
html[data-flightops-ui-theme="light"] body .mobileTab.active {
  color: #fffaf0;
}

html[data-flightops-ui-theme="light"] body .mobileEyebrow,
html[data-flightops-ui-theme="light"] body .mobileRelease,
html[data-flightops-ui-theme="light"] body .mobileStatusLine,
html[data-flightops-ui-theme="blue"] body .mobileEyebrow,
html[data-flightops-ui-theme="blue"] body .mobileRelease,
html[data-flightops-ui-theme="blue"] body .mobileStatusLine {
  color: var(--muted);
}

/* Theme audit pass: hard-coded warm/blue surfaces that sit outside the first token layer. */
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console {
  --opsdrawer-warm-panel: var(--fo-theme-surface);
  --opsdrawer-warm-panel-deep: var(--fo-theme-surface-raised);
  --opsdrawer-warm-line: var(--fo-theme-line);
  --opsdrawer-warm-line-soft: var(--fo-border-subtle);
  --opsdrawer-warm-text: var(--fo-theme-text);
  --opsdrawer-warm-muted: var(--fo-theme-muted);
  --opsdrawer-warm-dim: var(--fo-theme-dim);
  --opsdrawer-warm-accent: var(--fo-theme-accent);
  --opsdrawer-beta10-panel: var(--fo-theme-surface);
  --opsdrawer-beta10-panel-deep: var(--fo-theme-surface-raised);
  --opsdrawer-beta10-line: var(--fo-theme-line);
  --opsdrawer-beta10-line-strong: var(--fo-theme-line-strong);
  --opsdrawer-beta10-text: var(--fo-theme-text);
  --opsdrawer-beta10-strong: var(--fo-theme-strong);
  --opsdrawer-beta10-muted: var(--fo-theme-muted);
  --opsdrawer-beta10-dim: var(--fo-theme-dim);
  --opsdrawer-beta10-accent: var(--fo-theme-accent);
  --opsdrawer-beta10-accent-deep: var(--fo-theme-accent-deep);
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"],
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"].panelOpen {
  background: var(--fo-theme-chat-shell) !important;
  border-left: 1px solid rgba(191, 201, 219, 0.9) !important;
  box-shadow: -12px 0 34px rgba(15, 23, 42, 0.16) !important;
  color: var(--fo-theme-chat-text) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .sectionBody,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsDrawerMessagePane,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsMessageStage,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] #commsMainContent,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] #commsMessageList,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsMessages {
  background: var(--fo-theme-chat-shell) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .head,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsCondensedTopbar,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsThreadHeader,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsThreadHeaderCondensed,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsCompose {
  background: var(--fo-theme-chat-panel) !important;
  border-color: var(--fo-theme-chat-line) !important;
  color: var(--fo-theme-chat-text) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .head {
  background: var(--fo-theme-chat-shell) !important;
  border: 0 !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsCondensedTopbar {
  background: rgba(255, 255, 255, 0.78) !important;
  border-bottom: 1px solid rgba(203, 213, 225, 0.92) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsThreadHeader,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsThreadHeaderCondensed {
  background: transparent !important;
  border-bottom: 1px solid rgba(203, 213, 225, 0.92) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsDrawerMessagePane {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsMessage {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsMessageBubble {
  background: var(--fo-theme-chat-inbound) !important;
  border: 1px solid var(--fo-theme-chat-line) !important;
  color: var(--fo-theme-chat-text) !important;
  box-shadow: none !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsMessage.outbound .commsMessageBubble {
  background: var(--fo-theme-chat-outbound) !important;
  border-color: rgba(191, 201, 255, 0.98) !important;
  color: var(--fo-theme-chat-text) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsMessage.rangeControl:not(.outbound) .commsMessageBubble {
  background: var(--fo-theme-chat-range) !important;
  border-color: rgba(191, 219, 254, 0.98) !important;
  color: var(--fo-theme-chat-text) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsMessageBody,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsMessage.outbound .commsMessageBody {
  color: var(--fo-theme-chat-text) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsVoiceBrandLabel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsVoiceSpeakerLabel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsVoiceParticipantCount,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsThreadMetaPill,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsMessageMeta,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsMessageStamp,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsMessageHeader,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsComposeHint,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsDrawerStatus,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] #commsActiveThreadSub,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsTypingIndicator,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsMessageEditedNote,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsDirectPickerMeta,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsCompose textarea::placeholder {
  color: var(--fo-theme-chat-muted) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsMessageSender,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsDirectPickerName,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsThreadHeaderCondensed #commsActiveThreadTitle {
  color: var(--fo-theme-chat-text) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsMessageSender {
  color: #5c6d83 !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsMessageStamp {
  color: #8796ab !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsThreadHeaderCondensed #commsActiveThreadTitle {
  color: #0f172a !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsConversationSwitch,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsVoiceActionBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsVoiceCloseBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsLaneBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsAudioPopover > summary,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsDirectPicker > summary,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsDirectPickerPanel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsAudioPopoverPanel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsStatusAudioPopover .commsAudioPopoverPanel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsDirectPickerItem,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsAudioPopoverField select,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsAttentionTargetField input,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsAttentionSuggestions,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsTypingIndicator {
  background: var(--fo-theme-chat-panel-raised) !important;
  border-color: var(--fo-theme-chat-line) !important;
  color: var(--fo-theme-chat-text) !important;
  box-shadow: none !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsConversationSwitch {
  background: rgba(207, 215, 231, 0.68) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsVoiceActionBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsVoiceCloseBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsLaneBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsAudioPopover > summary,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsDirectPicker > summary {
  min-height: 30px;
  padding: 0 10px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(203, 213, 225, 0.96) !important;
  background: #ffffff !important;
  box-shadow: none !important;
  color: #122033 !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsConversationSwitch .commsLaneBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsConversationSwitch .commsDirectPicker > summary {
  background: transparent !important;
  border-color: transparent !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsDirectPickerPanel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsAudioPopoverPanel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsStatusAudioPopover .commsAudioPopoverPanel {
  border: 1px solid rgba(203, 213, 225, 0.98) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.16) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsDirectPickerItem {
  border-color: rgba(226, 232, 240, 0.96) !important;
  background: rgba(248, 250, 252, 0.96) !important;
  color: #122033 !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsAudioPopoverField select,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsAttentionTargetField input {
  background: #ffffff !important;
  color: #122033 !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsLaneBtn.active,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsDirectPicker > summary.active,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsThreadMetaPill.is-typing {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #0f172a !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsDirectPickerItem:hover {
  border-color: rgba(79, 140, 255, 0.34) !important;
  background: rgba(79, 140, 255, 0.08) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsDirectPickerItem.active {
  border-color: rgba(79, 140, 255, 0.42) !important;
  background: rgba(79, 140, 255, 0.14) !important;
  color: #122033 !important;
  box-shadow: none !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] #commsSendBtn {
  background: #4f8cff !important;
  border-color: rgba(79, 140, 255, 0.95) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsVoiceActionBtn.is-live,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsVoiceActionBtn.is-ready,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsVoiceActionBtn.is-active {
  background: rgba(79, 140, 255, 0.1) !important;
  border-color: rgba(79, 140, 255, 0.9) !important;
  color: #214a93 !important;
  box-shadow: none !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsVoiceBrandLabel {
  color: #5f7187 !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsVoiceParticipantCount,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsAudioPopoverField span,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsCompose textarea::placeholder {
  color: #718399 !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsVoicePulse {
  background: #94a3b8 !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsVoicePulse.is-live {
  background: #35c76f !important;
  box-shadow: 0 0 0 4px rgba(53, 199, 111, 0.16) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsVoiceStatusBadge {
  border-color: rgba(203, 213, 225, 0.98) !important;
  background: rgba(241, 245, 249, 0.92) !important;
  color: #41536a !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsVoiceStatusBadge.is-live,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsThreadHeaderCondensed .commsThreadMetaPill.is-live {
  border-color: rgba(134, 239, 172, 0.98) !important;
  background: rgba(220, 252, 231, 0.96) !important;
  color: #166534 !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsDrawerStatus {
  color: #6b7b91 !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsThreadHeaderCondensed .commsThreadMetaPill {
  border: 1px solid rgba(203, 213, 225, 0.96) !important;
  background: rgba(241, 245, 249, 0.96) !important;
  color: #526377 !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] #commsUnreadBadge {
  background: rgba(79, 140, 255, 0.12) !important;
  border-color: rgba(79, 140, 255, 0.24) !important;
  color: #214a93 !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsDirectPickerUnread {
  background: #ef4444 !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsCompose {
  background: rgba(255, 255, 255, 0.9) !important;
  border-top: 1px solid rgba(203, 213, 225, 0.92) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="comms"] .commsCompose textarea {
  min-height: 46px;
  max-height: 120px;
  padding: 11px 12px;
  border-radius: 10px;
  border: 1px solid rgba(203, 213, 225, 0.96) !important;
  background: #ffffff !important;
  color: #122033 !important;
  resize: none;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #mapChatLauncher {
  background: var(--fo-theme-chat-panel) !important;
  border-color: var(--fo-theme-chat-line) !important;
  color: var(--fo-theme-chat-accent-deep) !important;
  box-shadow: 0 14px 30px var(--fo-theme-shadow-strong) !important;
}

:where(html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #mapChatLauncher {
  color: var(--fo-theme-chat-accent) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #mapChatLauncher.active {
  background: linear-gradient(180deg, var(--fo-theme-chat-accent), var(--fo-theme-chat-accent-deep)) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px color-mix(in srgb, var(--fo-theme-chat-accent) 28%, transparent) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .commsMapToast,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .commsMessageContextMenu {
  background: var(--fo-theme-chat-panel) !important;
  border-color: var(--fo-theme-chat-line) !important;
  color: var(--fo-theme-chat-text) !important;
  box-shadow: 0 18px 38px var(--fo-theme-shadow-strong) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .commsMapToastLabel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .commsMapToastMeta {
  color: var(--fo-theme-chat-muted) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .commsMapToastSender,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .commsMapToastBody,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .commsMessageContextMenu button {
  color: var(--fo-theme-chat-text) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .commsMapToastClose,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .commsMessageContextMenu button:hover,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .commsMessageContextMenu button:focus-visible {
  background: color-mix(in srgb, var(--fo-theme-chat-accent) 14%, var(--fo-theme-chat-panel)) !important;
  border-color: var(--fo-theme-chat-line) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #monitoringDockToggle,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #mapUtilityDrawerToggle,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .leaflet-control-zoom a,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .basemapBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .clearPinsBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .measureControl,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .measureCompactBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .measureButtons button,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .measureRow button {
  background: var(--fo-theme-control) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
  box-shadow: 0 14px 30px var(--fo-theme-shadow-strong) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #monitoringDockToggle:hover,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #mapUtilityDrawerToggle:hover,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .leaflet-control-zoom a:hover,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .basemapBtn:hover,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .clearPinsBtn:hover,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .measureControl button:hover {
  background: var(--fo-theme-control-hover) !important;
  border-color: var(--fo-theme-line-strong) !important;
  color: var(--fo-theme-strong) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #monitoringDock .monitorCard,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #monitoringDock .empty,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #mapUtilityDrawerPanel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .mapUtilityDrawerPanel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .mapUtilityDrawerHeader,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .mapUtilityOverlayUploadCard,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .mapUtilityAttachmentItem,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .mapCoordinateToast,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .mapCoordinateMenu,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .basemapPopover,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .basemapThumb,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .monitorMini {
  background: var(--fo-theme-surface) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
  box-shadow: 0 16px 34px var(--fo-theme-shadow-strong) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .basemapBtn.open,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .basemapThumb.active {
  background: var(--fo-theme-control-active) !important;
  border-color: var(--fo-theme-line-strong) !important;
  color: var(--fo-theme-accent-deep) !important;
}

:where(html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .basemapBtn.open,
:where(html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .basemapThumb.active {
  color: var(--fo-theme-accent) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .mapUtilityDrawerTitle,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #monitoringDock .monitorTitle,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .monitorTitle,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .basemapPopoverCurrent,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .measureTitle,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .measureValue,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #monitoringDock .monitorFortemPanel {
  color: var(--fo-theme-strong) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #monitoringDock .monitorStatus,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .monitorStatus,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #monitoringDock .monitorMeta .sub,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .monitorMeta .sub,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .monitorMiniMeta,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .monitorMiniLabel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .basemapPopoverTitle,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .measureStatus {
  color: var(--fo-theme-muted) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerRailShell,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerSheet {
  background: linear-gradient(180deg, var(--fo-theme-surface), var(--fo-theme-surface-raised)) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
  box-shadow: 0 20px 42px var(--fo-theme-shadow-strong) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerRailBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerJumpBtn,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerControlDeck button,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerActionRow button,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryToolGrid button,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .telemetryRtkMissionActions button,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="opsdrawer"] .opsDrawerStatusPill {
  background: var(--fo-theme-control) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
  box-shadow: none !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerRailBtn:hover,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerJumpBtn:hover,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerControlDeck button:hover,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryToolGrid button:hover {
  background: var(--fo-theme-control-hover) !important;
  border-color: var(--fo-theme-line-strong) !important;
  color: var(--fo-theme-strong) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerRailBtn.active,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerControlDeck button.active,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerActionRow button.active,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryMenu button.is-active,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .telemetryRtkMissionActions button[data-rtk-mission-busy="1"],
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .telemetryRtkMissionActions button[data-rtk-mission-flash="1"],
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="opsdrawer"] .opsDrawerStatusPill.active,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="opsdrawer"] .opsDrawerStatusPill.info,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="opsdrawer"] button.active {
  background: linear-gradient(180deg, var(--fo-theme-accent), var(--fo-theme-accent-deep)) !important;
  border-color: var(--fo-theme-line-strong) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px color-mix(in srgb, var(--fo-theme-accent) 20%, transparent) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerMetricRow,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerInlineStatus,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryMenuCard,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryInspector,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryEmpty,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerCasiaDeviceFact,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerPanelNote,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .telemetryRtkMissionPanel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .telemetryRtkMissionInfoCard,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .telemetryRtkMissionBaseCard {
  background: var(--fo-theme-surface-raised) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerMetricControls input[type="number"],
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerMetricControls input[type="text"],
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerMetricControls input[type="file"],
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerMetricControls select,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryField select {
  background: var(--fo-theme-surface) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerSheetKicker,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerSheetNote,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerSectionLabel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerMetricLabel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryFieldLabel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerInlineStatus,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryEmpty,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryMenuMeta,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerCasiaDeviceFreshness,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerCasiaDeviceTransport,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerCasiaDeviceMeta,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerPanelNote {
  color: var(--fo-theme-muted) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerSheetTitle,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerMetricValue,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryMenuTitle,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryMenuValue,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerCasiaDeviceLocation,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerCasiaDeviceFact {
  color: var(--fo-theme-strong) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .casiaSensorMarkerShell,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .opsSiteMarker,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #casiaPreviewDock,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .casiaPreviewShell,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .casiaPreviewCard,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .casiaPreviewTile,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .casiaPreviewStatus,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .casiaPreviewThumb,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="video"] .videoInlineShell,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="video"] .videoInlineBar {
  background: var(--fo-theme-surface) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
  box-shadow: 0 14px 28px var(--fo-theme-shadow-strong) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .launchOpsTabBtn.active,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .launchOpsItem.active,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .launchOpsBadge.survey,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .launchOpsBadge.preview {
  background: var(--fo-theme-control-active) !important;
  border-color: var(--fo-theme-line-strong) !important;
  color: var(--fo-theme-strong) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .casiaPreviewThumbCaption,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .casiaPreviewMeta,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .casiaPreviewSub,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="video"] .videoInlineLabel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .launchOpsKicker,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .launchOpsNotice,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .launchOpsLabel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .launchOpsMeta,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .launchOpsField span,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .launchOpsStat span {
  color: var(--fo-theme-muted) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .panelSection[data-panel="video"] .videoInlineSource,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .launchOpsTitle,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .launchOpsValue,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .launchOpsStat strong {
  color: var(--fo-theme-strong) !important;
}

/* Beta theme contrast pass: neutralize legacy hard-coded light text in light/blue mode. */
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console :where(
  .panelSection,
  .card,
  .row,
  .item,
  .sensorBlock,
  .monitorCard,
  .mapUtilityDrawerPanel,
  .weatherShell,
  .weatherBlock,
  .alertWorkspaceBlock,
  .alertWorkspaceFocusPanel,
  .alertWorkspaceEditor,
  .alertDetachedCard,
  .alertDetachedCardOption2,
  .settingsAccordionCard,
  .settingsWorkspaceSideCard,
  .notesWorkspacePanel,
  .usersWorkspacePanel,
  .launchOpsPanel,
  .casiaPreviewCard,
  .videoInlineShell
) :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  strong,
  .title,
  .name,
  .value,
  .measureValue,
  .monitorTitle,
  .sensorBlockTitleText,
  .settingsWorkspaceTitle,
  .settingsAccordionTitle,
  .settingsWorkspaceSideTitle,
  .notesWorkspaceTitle,
  .usersWorkspaceTitle,
  .alertListTitle,
  .alertClosestName,
  .alertCountValue,
  .videoInlineSource,
  .launchOpsTitle,
  .launchOpsValue
) {
  color: var(--fo-theme-strong) !important;
  text-shadow: none !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console :where(
  .panelSection,
  .card,
  .row,
  .item,
  .sensorBlock,
  .monitorCard,
  .mapUtilityDrawerPanel,
  .weatherShell,
  .weatherBlock,
  .alertWorkspaceBlock,
  .alertWorkspaceFocusPanel,
  .alertWorkspaceEditor,
  .alertDetachedCard,
  .alertDetachedCardOption2,
  .settingsAccordionCard,
  .settingsWorkspaceSideCard,
  .notesWorkspacePanel,
  .usersWorkspacePanel,
  .launchOpsPanel,
  .casiaPreviewCard,
  .videoInlineShell
) :where(
  .label,
  .sub,
  .meta,
  .muted,
  .empty,
  .tip,
  .monitorStatus,
  .monitorMiniMeta,
  .settingsWorkspaceMeta,
  .settingsFieldHint,
  .settingsAccordionSummary,
  .notesWorkspaceMeta,
  .usersWorkspaceMeta,
  .weatherBlockMeta,
  .alertWindowMeta,
  .alertTrafficMeta,
  .alertClosestMeta,
  .alertClosestLabel,
  .alertHeroLabel,
  .alertHeroDetail,
  .videoInlineLabel,
  .launchOpsMeta,
  .launchOpsNotice
) {
  color: var(--fo-theme-muted) !important;
  text-shadow: none !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console :where(
  .alertHeroPanel,
  .alertClosestCard,
  .alertCountCard,
  .alertListBlock,
  .alertCardOptionB
) {
  background: var(--fo-theme-surface-raised) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console :where(
  .alertHeroState,
  .alertClosestName,
  .alertCountValue,
  .alertListTitle
) {
  color: var(--fo-theme-strong) !important;
  text-shadow: none !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .alertAudioBtn.secondary {
  background: var(--fo-theme-control) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console :where(.weatherTopbarCellLabel, .weatherTopbarCellValue) {
  text-shadow: none !important;
}

html[data-flightops-ui-theme="light"] body {
  --mobile-chat-shell: #f5f7fb;
  --mobile-chat-panel: #ffffff;
  --mobile-chat-panel-raised: #f8fafc;
  --mobile-chat-inbound: #ffffff;
  --mobile-chat-outbound: #e8edff;
  --mobile-chat-accent: #4f8cff;
  --mobile-chat-accent-deep: #1d4ed8;
  --mobile-chat-text: #122033;
  --mobile-chat-muted: #5c6d83;
  --mobile-chat-line: rgba(203, 213, 225, 0.96);
}

html[data-flightops-ui-theme="blue"] body {
  --mobile-chat-shell: #f5f7fb;
  --mobile-chat-panel: #ffffff;
  --mobile-chat-panel-raised: #f8fafc;
  --mobile-chat-inbound: #ffffff;
  --mobile-chat-outbound: #e8edff;
  --mobile-chat-accent: #4f8cff;
  --mobile-chat-accent-deep: #1d4ed8;
  --mobile-chat-text: #122033;
  --mobile-chat-muted: #5c6d83;
  --mobile-chat-line: rgba(203, 213, 225, 0.96);
}

html[data-flightops-ui-theme="light"] body .mobileMessages,
html[data-flightops-ui-theme="blue"] body .mobileMessages {
  background: var(--mobile-chat-shell);
}

html[data-flightops-ui-theme="light"] body .mobileChatHeader,
html[data-flightops-ui-theme="light"] body .mobileComposer,
html[data-flightops-ui-theme="blue"] body .mobileChatHeader,
html[data-flightops-ui-theme="blue"] body .mobileComposer {
  background: var(--mobile-chat-panel);
  border-color: var(--mobile-chat-line);
  color: var(--mobile-chat-text);
}

html[data-flightops-ui-theme="light"] body .mobileThreadSelect,
html[data-flightops-ui-theme="light"] body .mobileThreadBtn,
html[data-flightops-ui-theme="light"] body .mobileComposer textarea,
html[data-flightops-ui-theme="blue"] body .mobileThreadSelect,
html[data-flightops-ui-theme="blue"] body .mobileThreadBtn,
html[data-flightops-ui-theme="blue"] body .mobileComposer textarea {
  background: var(--mobile-chat-panel-raised);
  border-color: var(--mobile-chat-line);
  color: var(--mobile-chat-text);
}

html[data-flightops-ui-theme="light"] body .mobileThreadBtn.active,
html[data-flightops-ui-theme="light"] body .mobileSendBtn,
html[data-flightops-ui-theme="blue"] body .mobileThreadBtn.active,
html[data-flightops-ui-theme="blue"] body .mobileSendBtn {
  background: linear-gradient(180deg, var(--mobile-chat-accent), var(--mobile-chat-accent-deep));
  border-color: color-mix(in srgb, var(--mobile-chat-accent) 70%, transparent);
  color: #ffffff;
}

html[data-flightops-ui-theme="light"] body .mobileMessage,
html[data-flightops-ui-theme="blue"] body .mobileMessage {
  background: var(--mobile-chat-inbound);
  border-color: var(--mobile-chat-line);
  color: var(--mobile-chat-text);
  box-shadow: none;
}

html[data-flightops-ui-theme="light"] body .mobileMessage.outbound,
html[data-flightops-ui-theme="blue"] body .mobileMessage.outbound {
  background: var(--mobile-chat-outbound);
  border-color: rgba(191, 201, 255, 0.98);
}

html[data-flightops-ui-theme="light"] body .mobileMessageMeta,
html[data-flightops-ui-theme="light"] body .mobileEditedNote,
html[data-flightops-ui-theme="light"] body .mobileTyping,
html[data-flightops-ui-theme="blue"] body .mobileMessageMeta,
html[data-flightops-ui-theme="blue"] body .mobileEditedNote,
html[data-flightops-ui-theme="blue"] body .mobileTyping {
  color: var(--mobile-chat-muted);
}

html[data-flightops-ui-theme="light"] body .mobileMessageBody,
html[data-flightops-ui-theme="blue"] body .mobileMessageBody {
  color: var(--mobile-chat-text);
}

html[data-flightops-ui-theme="light"] body .mobileMapActions .mobileGhostBtn.active,
html[data-flightops-ui-theme="light"] body .mobileOverlayRow,
html[data-flightops-ui-theme="light"] body .mobileWeatherStationReport,
html[data-flightops-ui-theme="light"] body .mobileWeatherForecastPanel,
html[data-flightops-ui-theme="blue"] body .mobileMapActions .mobileGhostBtn.active,
html[data-flightops-ui-theme="blue"] body .mobileOverlayRow,
html[data-flightops-ui-theme="blue"] body .mobileWeatherStationReport,
html[data-flightops-ui-theme="blue"] body .mobileWeatherForecastPanel {
  background: var(--panel);
  border-color: var(--line);
  color: var(--text);
}

@media (max-width: 980px) {
  .flightopsThemeButton {
    min-width: 48px;
    padding-inline: 9px !important;
  }
}

/* Beta20 mission, KMZ, and video theme audit. */
body.flightops-ops-console .missionWorkspaceMenuCard,
body.flightops-ops-console .missionWorkspaceOwnshipCard,
body.flightops-ops-console .missionWorkspaceStage,
body.flightops-ops-console .missionTelemetryInspector,
body.flightops-ops-console .telemetryMissionPanel,
body.flightops-ops-console .telemetryMissionTelemetryCard,
body.flightops-ops-console .telemetryMissionSummaryCard,
body.flightops-ops-console .telemetryRtkMissionSelectedCard,
body.flightops-ops-console .telemetryRtkMissionInfoCard,
body.flightops-ops-console .telemetryRtkMissionBaseCard,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] .mapUtilityOverlayUploadCard,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #mapUtilityAreasBody,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #mapUtilityAreasHost .alertAreaLibraryItem,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #mapUtilityAreasHost .alertWorkspaceBlock,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #mapUtilityAreasHost .alertWorkspaceEditor,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #overlayList .item {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--fo-bg-surface, #191b1f) 96%, transparent),
    color-mix(in srgb, var(--fo-bg-page, #111214) 98%, transparent)
  ) !important;
  border-color: var(--fo-border-subtle, rgba(180, 170, 155, 0.18)) !important;
  color: var(--fo-text-primary, #e8e4df) !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important;
}

body.flightops-ops-console .missionWorkspaceMenuLabel,
body.flightops-ops-console .missionWorkspaceMenu .label,
body.flightops-ops-console .missionWorkspaceMenu .sub,
body.flightops-ops-console .telemetryMissionPanel .label,
body.flightops-ops-console .telemetryMissionPanel .sub,
body.flightops-ops-console .telemetryMissionTelemetryKicker,
body.flightops-ops-console .telemetryMissionTelemetryMeta,
body.flightops-ops-console .telemetryRtkMissionSelectedNote,
body.flightops-ops-console .telemetryRtkMissionSelectedMeta,
body.flightops-ops-console .telemetryRtkMissionBaseMeta,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #mapUtilityAreasHost .sub,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #mapUtilityAreasStatus,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #overlayUploadStatus {
  color: var(--fo-text-secondary, #b8afa4) !important;
  text-shadow: none !important;
}

body.flightops-ops-console .telemetryMissionPanel .name,
body.flightops-ops-console .telemetryMissionTelemetryTitle,
body.flightops-ops-console .telemetryMissionSummaryValue,
body.flightops-ops-console .telemetryRtkMissionSelectedName,
body.flightops-ops-console .telemetryRtkMissionSelectedRoute,
body.flightops-ops-console .telemetryRtkMissionBaseName,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #mapUtilityAreasHost .name,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #mapUtilityAreasHost .value,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #overlayList .name,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #overlayList .value {
  color: var(--fo-text-strong, #f5f2ee) !important;
  text-shadow: none !important;
}

body.flightops-ops-console .telemetryRtkMissionActions button[data-rtk-mission-busy="1"],
body.flightops-ops-console .telemetryRtkMissionActions button[data-rtk-mission-flash="1"],
body.flightops-ops-console .missionWorkspaceMenu button.is-active,
body.flightops-ops-console .telemetryMissionCommandBadge,
body.flightops-ops-console .telemetryRtkMissionModeButton[data-rtk-mission-active="1"],
body.flightops-ops-console .telemetryRtkMissionBaseCard.telemetryRtkMissionBaseChip[data-rtk-mission-selected="1"] {
  background: linear-gradient(
    135deg,
    var(--fo-theme-accent, var(--fo-beta10-accent, #d4a84a)),
    var(--fo-theme-accent-deep, var(--fo-beta10-accent-deep, #b8912e))
  ) !important;
  border-color: var(--fo-theme-line-strong, var(--fo-border-strong, rgba(210, 170, 90, 0.36))) !important;
  color: var(--fo-theme-accent-contrast, #111214) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--fo-theme-accent, var(--fo-beta10-accent, #d4a84a)) 18%, transparent) !important;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] .mapUtilitySectionToggle,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #mapUtilityOverlayControls button,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #mapUtilityReloadMount button,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #uploadOverlayBtn {
  background: var(--fo-bg-surface-2, #1e2024) !important;
  border-color: var(--fo-border-subtle, rgba(180, 170, 155, 0.18)) !important;
  color: var(--fo-text-primary, #e8e4df) !important;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] .mapUtilitySectionToggle:hover,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #mapUtilityOverlayControls button:hover,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #mapUtilityReloadMount button:hover,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #uploadOverlayBtn:hover {
  background: color-mix(in srgb, var(--fo-accent, #d4a84a) 13%, var(--fo-bg-surface-2, #1e2024)) !important;
  border-color: var(--fo-border-strong, rgba(210, 170, 90, 0.36)) !important;
  color: var(--fo-text-strong, #f5f2ee) !important;
}

body.flightops-ops-console .panelSection[data-panel="video"] #videoPlayerCard,
body.flightops-ops-console .panelSection[data-panel="video"] .videoInlineShell {
  background: #04070a !important;
  border-color: transparent !important;
}

body.flightops-ops-console .panelSection[data-panel="video"] .videoInlineBar {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: 10px !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  pointer-events: none;
}

body.flightops-ops-console .panelSection[data-panel="video"] .videoInlineMeta,
body.flightops-ops-console .panelSection[data-panel="video"] .videoInlineSelectWrap,
body.flightops-ops-console .panelSection[data-panel="video"] .videoInlineActions .secondary {
  background: rgba(25, 27, 31, 0.84) !important;
  border-color: rgba(180, 170, 155, 0.18) !important;
  color: #e8e4df !important;
}

body.flightops-ops-console .panelSection[data-panel="video"] #videoInlineSelect {
  background: rgba(17, 18, 20, 0.92) !important;
  border-color: rgba(180, 170, 155, 0.18) !important;
  color: #f5f2ee !important;
}

/* Beta22 dark-mode video shell cleanup. */
:where(html[data-flightops-ui-theme="dark"], html:not([data-flightops-ui-theme])) body.flightops-ops-console .panelSection[data-panel="video"] {
  background: #111214 !important;
  border-color: rgba(180, 170, 155, 0.18) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.26) !important;
}

:where(html[data-flightops-ui-theme="dark"], html:not([data-flightops-ui-theme])) body.flightops-ops-console .panelSection[data-panel="video"] .head {
  background: #191b1f !important;
  border-bottom: 1px solid rgba(180, 170, 155, 0.14) !important;
  box-shadow: none !important;
}

:where(html[data-flightops-ui-theme="dark"], html:not([data-flightops-ui-theme])) body.flightops-ops-console .panelSection[data-panel="video"] .head h2 {
  color: #f5f2ee !important;
}

:where(html[data-flightops-ui-theme="dark"], html:not([data-flightops-ui-theme])) body.flightops-ops-console .panelSection[data-panel="video"] #videoCount {
  background: rgba(180, 170, 155, 0.12) !important;
  border: 1px solid rgba(180, 170, 155, 0.18) !important;
  color: #e8e4df !important;
}

:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .missionWorkspaceMenuCard,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .missionWorkspaceOwnshipCard,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .missionWorkspaceStage,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .missionTelemetryInspector,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .telemetryMissionPanel,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .telemetryMissionTelemetryCard,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .telemetryMissionSummaryCard,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .telemetryRtkMissionSelectedCard,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .telemetryRtkMissionInfoCard,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console .telemetryRtkMissionBaseCard,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] .mapUtilityOverlayUploadCard,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #mapUtilityAreasBody,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #mapUtilityAreasHost .alertAreaLibraryItem,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #mapUtilityAreasHost .alertWorkspaceBlock,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #mapUtilityAreasHost .alertWorkspaceEditor,
:where(html[data-flightops-ui-theme="light"], html[data-flightops-ui-theme="blue"]) body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"] #overlayList .item {
  background: var(--fo-theme-surface) !important;
  border-color: var(--fo-theme-line) !important;
  color: var(--fo-theme-text) !important;
  box-shadow: 0 12px 24px var(--fo-theme-shadow-strong) !important;
}