/* V20.14.353 -- SLATE: THE LIGHT THEME IS THE DARK HUD'S CHROME ON SLATE.
   ==========================================================================

   Ramy, 6 Oct 2026: "One portal, two paints. Keep the dark HUD as the
   identity. Light is the same chrome on slate: void #d5e0ec, panels #f5f9fc,
   cyan #007ea8, gold #8a6200, corner brackets. Delete paper, prismatic,
   azure, precision and orbit from the light cascade so they stop repainting
   Mission Control and PULSE."

   The colours are tokens, declared once where they always were:
     pulse-tokens.css      the light palette (void, panel, cyan, gold, ink)
     pulse-mission.css     the HUD glass and brackets (--mc-glass, --mc-bracket,
                           --mc-frame = the slate cyan)
     pulse-light-revamp    --dl-* (now the slate cyan / gold / panel)
   This file declares no token. It is the light theme's last word on the hub,
   the sign-in page and the report (on the report it loads just before
   pulse-v225-brief.css, which stays last), and it does one thing: where a
   light layer under it still paints a surface its own way -- white glass, an
   azure wash, a lavender corner -- it puts back the HUD's chrome in the slate
   tokens. Panels are the slate panel with the HUD's line and shadow, the
   corner brackets are pulse-mission.css's frame in the slate cyan, the
   selected state is the HUD's cyan, the scenario control is the HUD's gold.

   Every rule is scoped to the light theme and carries :not(#s353) -- an
   id-level weight no element has -- so it wins over the older light layers
   without re-listing their selectors (the same device as v341 / v351 in
   Mission Control). The dark theme is not addressed by any rule here.
   Mission Control's light theme is in v341-hub-theme.css and
   v351-console-c.css, its last two layers.
   ========================================================================== */

/* V20.14.353 -- surfaces: the HUD glass, on slate */
:root[data-theme="light"]:not(#s353) :is(
  .panel, .kpi-card, .v46-brief, .v46-trustbar, .filterbar, .tabnav, .brand-switcher, .chart-box, .dd-panel, .dd-tile,
  .v21-map-panel, .fp-summary, .tgt-section, .launch-map, .global-panel, .system-map-panel, .health-banner,
  .settings-form, .briefing-section, .briefing-snapshot article, .c360-summary article, .c360-commercial .c360-brand-card,
  .v105-field-group, .v107-card, .guide-meta-card, .landing-card, .guide-digest-card, .chart-card, .pulse-brief, .card
) {
  background-color: var(--bg-panel) !important;
  background-image: none !important;
  border-color: var(--line) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 10px 26px rgba(20, 50, 90, .10) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
/* V20.14.353 -- a box inside a box sits a step under it, as the dark HUD's inner cards do */
:root[data-theme="light"]:not(#s353) :is(
  .v94-dd-card, .dd-card, .store-stat, .v105-stat, .v107-stat, .briefing-list li, .v46-insight, .v46-priorities li,
  .v46-followup, .rr-landing, .value-lens, .pc-summary, .store360, .rel2-line
) {
  background-color: var(--bg-panel-hi) !important;
  background-image: none !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}
:root[data-theme="light"]:not(#s353) :is(.panel, .kpi-card, .chart-box, .dd-panel):hover {
  border-color: var(--cyan-line) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), var(--glow-cyan), 0 14px 32px rgba(20, 50, 90, .14) !important;
}
/* V20.14.353 -- a hovered box never moves (V20.14.203/204), in this theme as in the dark one */
:root[data-theme="light"]:not(#s353) :is(.panel, .dd-panel, .kpi-card, .chart):hover { transform: none !important; }
/* V20.14.353 -- the plot is drawn straight onto the panel, as in the dark theme */
:root[data-theme="light"]:not(#s353) :is(.chart, .chart-wrap, .chart-frame, .v21-territory-layout) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* V20.14.353 -- the report deck: the HUD's command band */
:root[data-theme="light"]:not(#s353) .pulse-sticky-header {
  background: var(--bg-panel) !important;
  background-image: none !important;
  border: 1px solid var(--line) !important;
  border-bottom-color: var(--line-strong) !important;
  box-shadow: 0 12px 30px -18px rgba(0, 126, 168, .35), 0 10px 26px rgba(20, 50, 90, .10) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
:root[data-theme="light"]:not(#s353) .pulse-sticky-header::after {
  background: linear-gradient(90deg, transparent, var(--cyan) 30%, var(--cyan) 70%, transparent) !important;
  box-shadow: 0 0 12px rgba(0, 126, 168, .35) !important;
}
:root[data-theme="light"]:not(#s353) .pulse-sticky-header .header-scan { background: linear-gradient(90deg, transparent, rgba(0, 126, 168, .10), transparent) !important; }
:root[data-theme="light"]:not(#s353) .pulse-sticky-header.is-condensed .deck-summary { background: var(--bg-panel) !important; }
/* V20.14.353 -- inside the deck the brand strip and the filters are wells, as the dark deck's are */
:root[data-theme="light"]:not(#s353) .pulse-sticky-header :is(.brand-switcher, .filterbar) {
  background-color: var(--bg-panel-hi) !important;
  box-shadow: none !important;
}

/* V20.14.353 -- the PULSE brief: the HUD's cyan-lit strip */
:root[data-theme="light"]:not(#s353) .v46-brief {
  background-image: linear-gradient(140deg, rgba(0, 126, 168, .08), transparent 45%) !important;
  border-color: var(--cyan-line) !important;
}
:root[data-theme="light"]:not(#s353) #v46Brief .v225-fig { background: var(--bg-panel-hi) !important; border-color: var(--line) !important; }

/* V20.14.353 -- KPI cards: no tone washes, the HUD's plain glass */
:root[data-theme="light"]:not(#s353) .kpi-card :is(.kpi-value, .kpi-main b) { color: var(--text-hi) !important; }
:root[data-theme="light"]:not(#s353) .kpi-card :is(.kpi-head, .kpi-label) { color: var(--text-mid) !important; }

/* V20.14.353 -- insight strips: an accent bar, no white wash */
:root[data-theme="light"]:not(#s353) .insight {
  background: linear-gradient(90deg, rgba(0, 126, 168, .08), var(--bg-panel) 42%) !important;
  border-color: var(--line) !important;
  border-left: 4px solid var(--cyan) !important;
  box-shadow: none !important;
}
:root[data-theme="light"]:not(#s353) :is(.insight.gold, .insight.warn) { background: linear-gradient(90deg, rgba(138, 98, 0, .10), var(--bg-panel) 42%) !important; border-left-color: var(--gold) !important; }
:root[data-theme="light"]:not(#s353) :is(.insight.green, .insight.pos) { background: linear-gradient(90deg, rgba(15, 118, 110, .10), var(--bg-panel) 42%) !important; border-left-color: var(--green) !important; }
:root[data-theme="light"]:not(#s353) :is(.insight.red, .insight.neg) { background: linear-gradient(90deg, rgba(194, 56, 58, .09), var(--bg-panel) 42%) !important; border-left-color: var(--red) !important; }
:root[data-theme="light"]:not(#s353) .insight b { color: var(--dl-azure-deep) !important; }

/* V20.14.353 -- the section rails and the page tabs */
/* V20.14.353 -- The selected tab and section are the dark theme's pill (pulse v276): a cyan-tinted fill and a cyan edge. The ink
   is the deep cyan (--dl-azure-deep), which stays above 4.5:1 on the tinted fill where the slate cyan would not. */
:root[data-theme="light"]:not(#s353) :is(nav.tabnav, .v268-sections) { border-color: var(--line) !important; }
:root[data-theme="light"]:not(#s353) .v268-section {
  background: var(--bg-panel) !important; background-image: none !important;
  border: 1px solid var(--line) !important; color: var(--text-mid) !important; box-shadow: none !important;
}
:root[data-theme="light"]:not(#s353) :is(.v268-section.is-on, .tabnav .tab-btn.active, .tabnav .tab-btn[aria-selected="true"], .tabnav button.active) {
  background: linear-gradient(180deg, rgba(0, 126, 168, .20), rgba(0, 126, 168, .07)) !important;
  border: 1px solid rgba(0, 126, 168, .45) !important; color: var(--dl-azure-deep) !important;
  box-shadow: 0 8px 18px -14px rgba(0, 126, 168, .8) !important;
}
:root[data-theme="light"]:not(#s353) :is(.v268-section.is-on, .tabnav .tab-btn.active, .tabnav .tab-btn[aria-selected="true"], .tabnav button.active) :is(*, svg, span, b, .mc-tab-icon) { color: var(--dl-azure-deep) !important; }
:root[data-theme="light"]:not(#s353) .v268-section.is-on :is(.v268-count, [class*="count"]) { background: rgba(0, 126, 168, .14) !important; }

/* V20.14.353 -- selected chips: as the dark HUD draws them */
/* V20.14.353 -- A chosen basis (CASE / UNIT / SU) is the dark theme's lit chip: a cyan-tinted ground, a cyan edge and cyan ink (the
   deep cyan, 5.4:1 on the tint). The EXECUTIVE / ANALYST switch is the dark theme's filled cyan, with white ink. */
:root[data-theme="light"]:not(#s353) :is(
  .segmented-option.active, .segmented-control button.active, [class*="segmented"] button.active,
  [class*="segmented"] button[aria-pressed="true"], .unit-toggle button.active, .basis-toggle button.active,
  .v21-toggle-group button.active
) {
  background: var(--bg-selected) !important; background-image: none !important;
  color: var(--dl-azure-deep) !important; border-color: var(--cyan) !important;
  box-shadow: inset 0 0 0 1px var(--cyan-line) !important;
}
:root[data-theme="light"]:not(#s353) .v269-density-btn.is-on {
  background: var(--cyan) !important; background-image: none !important;
  color: #ffffff !important; border-color: var(--cyan) !important;
  box-shadow: 0 4px 12px rgba(0, 126, 168, .25) !important;
}
:root[data-theme="light"]:not(#s353) :is(.segmented-control, .unit-toggle, .basis-toggle, .v269-density) {
  background: var(--bg-input) !important; background-image: none !important; border-color: var(--line) !important;
}
:root[data-theme="light"]:not(#s353) .brand-switcher .brand-btn.active {
  background: var(--bg-panel) !important; border: 1px solid var(--cyan-line) !important;
  box-shadow: var(--glow-cyan) !important;
}

/* V20.14.353 -- controls: HUD chips, not porcelain */
:root[data-theme="light"]:not(#s353) :is(.pui-btn, .btn, .v20-control, .filter-share, .filter-reset, .header-icon, .icon-btn, .v20-explain, .v46-chart-btn, .store-export, .v38-context-action):not(.primary):not(.active):not(.filterbar .filter-share):not(.filterbar .v20-control.v20-icon) {
  background: var(--bg-panel) !important; background-image: none !important;
  border-color: var(--cyan-line) !important;
  box-shadow: none !important;
}
:root[data-theme="light"]:not(#s353) :is(.pui-btn, .btn, .v20-control, .filter-share, .filter-reset, .header-icon, .icon-btn, .v20-explain, .v46-chart-btn, .store-export):hover:not(.filterbar .filter-share):not(.filterbar .v20-control.v20-icon) {
  background: var(--bg-selected) !important; background-image: none !important;
  color: var(--dl-azure-deep) !important; border-color: var(--cyan) !important;
  box-shadow: var(--glow-cyan) !important; transform: none !important;
}
:root[data-theme="light"]:not(#s353) .v21-annot-btn { background: var(--bg-panel) !important; color: var(--gold) !important; border-color: var(--gold-line) !important; box-shadow: none !important; }
:root[data-theme="light"]:not(#s353) .v21-annot-btn:hover { background: var(--gold-soft) !important; color: var(--gold) !important; border-color: var(--gold) !important; box-shadow: var(--glow-gold) !important; transform: none !important; }
:root[data-theme="light"]:not(#s353) :is(.pui-btn.primary, .btn.primary, .btn-primary, button.primary) {
  background: var(--cyan) !important; background-image: none !important;
  border-color: var(--cyan) !important; color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(0, 126, 168, .24) !important;
}
/* V20.14.353 -- WHAT-IF is the one gold control in the deck, in both themes */
:root[data-theme="light"]:not(#s353) :is(.v21-scenario-btn, .v21-scenario-pulse) {
  background: var(--gold-soft) !important; background-image: none !important;
  color: var(--gold) !important; border-color: var(--gold-line) !important;
  box-shadow: none !important;
}
:root[data-theme="light"]:not(#s353) :is(.v21-scenario-btn, .v21-scenario-pulse):hover { border-color: var(--gold) !important; box-shadow: var(--glow-gold) !important; color: var(--gold) !important; }
:root[data-theme="light"]:not(#s353) #v287Toolbar > button:first-child { background: var(--bg-panel) !important; color: var(--text-hi) !important; border-color: var(--cyan-line) !important; }
:root[data-theme="light"]:not(#s353) #v287Toolbar > button:first-child *:not(.v287-count) { color: var(--text-hi) !important; }

/* V20.14.353 -- inputs: a well a step under the panel */
:root[data-theme="light"]:not(#s353) :is(select, textarea, .fselect, .pui-input, .pui-select, .pui-textarea, .filterbar .fpill, input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"])) {
  background-color: var(--bg-input) !important; background-image: none !important;
  border-color: var(--line-strong) !important;
  box-shadow: none !important;
}
:root[data-theme="light"]:not(#s353) :is(select, textarea, .fselect, .pui-input, .pui-select, .pui-textarea, input):focus { border-color: var(--cyan) !important; box-shadow: var(--shadow-focus) !important; }
:root[data-theme="light"]:not(#s353) :is(select.fselect.is-active, .mc-select.is-active select.fselect) {
  background-color: var(--cyan-dim) !important; border-color: var(--cyan) !important; color: var(--text-hi) !important;
}
:root[data-theme="light"]:not(#s353) :is(select option, select.fselect option) { background-color: var(--bg-panel) !important; color: var(--text-hi) !important; }

/* V20.14.353 -- tables: a header rail and quiet rows */
:root[data-theme="light"]:not(#s353) :is(.pui-table-wrap, .v101-table-shell, .store-table-wrap, #storeTableWrap) {
  background: var(--bg-panel) !important; border-color: var(--line) !important; box-shadow: none !important;
}
:root[data-theme="light"]:not(#s353) :is(.dtable, .store-table, .pui-table) thead th {
  background: var(--bg-panel-hi) !important; background-image: none !important;
  border-bottom-color: var(--line-strong) !important; color: var(--text-mid) !important; box-shadow: none !important;
}
:root[data-theme="light"]:not(#s353) :is(.dtable, .store-table, .pui-table) tbody tr:nth-child(even) td { background: rgba(0, 126, 168, .035) !important; }
:root[data-theme="light"]:not(#s353) :is(.dtable, .store-table, .pui-table) tbody tr:hover td { background: var(--bg-hover) !important; background-image: none !important; }

/* V20.14.353 -- the Agent: HUD bubbles */
:root[data-theme="light"]:not(#s353) :is(.agent-msg.assistant, .pa-msg-agent, [data-role="assistant"] .bubble) {
  background: var(--bg-selected) !important; color: var(--text-hi) !important; border: 1px solid var(--cyan-line) !important;
}
:root[data-theme="light"]:not(#s353) :is(.agent-msg.user, .pa-msg-user, [data-role="user"] .bubble) {
  background: var(--bg-panel-hi) !important; color: var(--text-hi) !important; border: 1px solid var(--line) !important;
}
:root[data-theme="light"]:not(#s353) :is(.qa-drawer, .whats-new-panel, .pulse-notice-panel, .profile-dropdown, .modal-box, .v21-modal, .v38-drawer) {
  background-color: var(--bg-panel) !important; background-image: none !important; border-color: var(--line-strong) !important;
}
:root[data-theme="light"]:not(#s353) .qa-head { background: linear-gradient(135deg, rgba(0, 126, 168, .10), transparent 55%) !important; border-bottom-color: var(--line) !important; }

/* V20.14.353 -- no daylight washes over the page */
:root[data-theme="light"]:not(#s353) :is(body.pulse-report-page::before, body.pulse-report-page::after, #mainShell::before, #mainShell::after) {
  background: none !important; background-image: none !important; box-shadow: none !important; filter: none !important;
}
:root[data-theme="light"]:not(#s353) .pulse-edge-light::before { background: linear-gradient(transparent, rgba(0, 126, 168, .30) 24%, rgba(0, 126, 168, .14) 70%, transparent) !important; }
:root[data-theme="light"]:not(#s353) .pulse-edge-light::after { background: radial-gradient(circle at 48% 22%, rgba(0, 126, 168, .10), transparent 34%), radial-gradient(circle at 52% 76%, rgba(138, 98, 0, .07), transparent 31%) !important; }

/* V20.14.353 -- the hub: the dark hub's boxes on slate */
:root[data-theme="light"]:not(#s353) .planned-app-toggle { border-color: rgba(138, 98, 0, .42) !important; background: rgba(138, 98, 0, .06) !important; color: var(--gold) !important; }
:root[data-theme="light"]:not(#s353) .section-application.is-flagship { border-color: var(--cyan-line) !important; box-shadow: inset 3px 0 0 var(--cyan), var(--glow-cyan) !important; }
:root[data-theme="light"]:not(#s353) .hub-hero-visual::before { background: radial-gradient(circle, rgba(0, 126, 168, .12), transparent 68%) !important; }

/* V20.14.353 -- the Agent's launcher: a slate orb with the cyan ring */
:root[data-theme="light"]:not(#s353) body #qaFab.qa-fab.qa-fab-floating:not(.qa-fab-in-rail) {
  background: radial-gradient(circle at 35% 26%, #f5f9fc, #e3ebf3 62%, #d5e0ec 100%) !important;
  box-shadow: 0 14px 32px rgba(20, 50, 90, .22), 0 0 0 1px var(--cyan-line), 0 0 22px rgba(0, 126, 168, .16) !important;
}

/* V20.14.353 -- the PULSE guide (landing page): the same chrome on slate */
:root[data-theme="light"]:not(#s353) .landing-page {
  background-color: var(--bg-void) !important;
  background-image: var(--bg-daylight) !important;
}
:root[data-theme="light"]:not(#s353) .landing-ribbon {
  background: var(--bg-panel) !important; border-bottom-color: var(--line-strong) !important;
  box-shadow: 0 8px 24px rgba(20, 50, 90, .08) !important;
}
:root[data-theme="light"]:not(#s353) .landing-scope-node {
  background: var(--bg-panel) !important; border-color: var(--line-strong) !important;
  box-shadow: 0 6px 16px rgba(20, 50, 90, .10) !important;
}
:root[data-theme="light"]:not(#s353) :is(.landing-card, .glossary-cat) {
  background: var(--mc-glass) !important; border-color: var(--line) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 10px 26px rgba(20, 50, 90, .10) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
:root[data-theme="light"]:not(#s353) :is(.landing-card, .glossary-cat):hover { border-color: var(--cyan-line) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), var(--glow-cyan), 0 14px 32px rgba(20, 50, 90, .14) !important; }
:root[data-theme="light"]:not(#s353) .term-chip { background: var(--bg-panel-hi) !important; border-color: var(--line) !important; box-shadow: none !important; }
:root[data-theme="light"]:not(#s353) :is(.term-chip:hover, .term-chip:focus-visible) { background: var(--bg-selected) !important; border-color: var(--cyan) !important; box-shadow: var(--glow-cyan) !important; }

/* V20.14.353 -- the portal bar is navy in both themes: its marks are the dark ones */
/* V20.14.353 -- Mission Control's sigil was given a pale plinth for a white bar (V20.14.141). The bar has been navy in both themes
   since V20.14.331, so in the bar the sigil is drawn exactly as the dark theme draws it. */
:root[data-theme="light"]:not(#s353) #mcTelemetry .mc-sigil-mark { background: none !important; border-color: transparent !important; }
:root[data-theme="light"]:not(#s353) #mcTelemetry .mcm-hex { fill: rgba(125, 255, 207, .07); stroke: #7dffcf; }
:root[data-theme="light"]:not(#s353) #mcTelemetry .mcm-trace { stroke: #7dffcf; }
:root[data-theme="light"]:not(#s353) #mcTelemetry .mcm-orbit { stroke: #8fd2ff; opacity: .5; }
:root[data-theme="light"]:not(#s353) #mcTelemetry .mcm-core { fill: #7dffcf; opacity: .75; }

/* V20.14.353 -- ink that reads on slate (4.5:1 or better) */
/* V20.14.353 -- The slate cyan is 4.4:1 on the panel and 3.5:1 on the void, so a cyan line of text that sits straight on the void
   (an eyebrow, a slogan, a section link) takes the deep cyan ink (--dl-azure-deep, 5.0:1 on the void); gold text on
   the void takes a deeper gold (5.0:1); captions take the dim ink (5.0:1 on the void, 6.4:1 on the panel). */
:root[data-theme="light"]:not(#s353) :is(.hub-eyebrow, .hub-slogan, .landing-eyebrow, .landing-slogan, .v268-guide-open, .v268-link, .v268-inbox-all, .v105-guide-filter.is-active, #v105GuideExpand, #v199AttnT, #v199RecT, #v199RecentT, #v199SavedT, .filterbar .flabel, .value-lens-kicker, .store-page-btn) { color: var(--dl-azure-deep) !important; }
/* V20.14.353 -- the small cyan kickers on panels (11px, uppercase) take the same deep cyan ink: 6.4:1 on the panel, where the slate cyan is 4.4:1 */
:root[data-theme="light"]:not(#s353) :is(.launch-map-head span, .route-category-head span, .application-group-name, .v46-brief-kicker, .status-chip.new, .tl259-chip.is-new, .v265-rank, .v297-os-go, .v105-guide-page) { color: var(--dl-azure-deep) !important; }
:root[data-theme="light"]:not(#s353) .pui-skip { color: #ffffff !important; }
:root[data-theme="light"]:not(#s353) .hub-eyebrow i { background: linear-gradient(90deg, transparent, var(--dl-azure-deep)) !important; }
:root[data-theme="light"]:not(#s353) :is(.hub-tagline, .landing-tagline, .login-eyebrow) { color: #7a5600 !important; }
:root[data-theme="light"]:not(#s353) .pulse-report-page :is(.psub, .klabel, .dd-sub, .chart-note) { color: var(--text-dim) !important; }
:root[data-theme="light"]:not(#s353) :is(.landing-trust-row, .landing-trust-item) { color: var(--text-dim) !important; }
/* V20.14.353 -- the dark theme's mint and amber are colours for a navy ground; on slate they are the slate green and gold */
:root[data-theme="light"]:not(#s353) :is(.section-tab.is-live-tab em, .section-workspace.is-available .route-category-head em) {
  color: var(--green) !important; border-color: var(--green-line) !important; background: var(--green-soft) !important; box-shadow: none !important;
}
:root[data-theme="light"]:not(#s353) .section-tab.is-live-tab.is-active b { color: var(--green) !important; }
:root[data-theme="light"]:not(#s353) .v46-brief.v269-value-off .v269-value-headline { color: var(--gold) !important; }
:root[data-theme="light"]:not(#s353) .v287-count { color: #ffffff !important; }
/* V20.14.353 -- a brand's name is drawn in its brand colour; on slate the colour is taken toward the ink until it reads */
:root[data-theme="light"]:not(#s353) .pf277-mv-name b { color: color-mix(in srgb, var(--brand, #0b1a2e) 45%, #0b1a2e) !important; }
/* V20.14.353 -- the guide's stat strip is a panel, as it is in the dark theme */
:root[data-theme="light"]:not(#s353) .landing-hud { background: var(--bg-panel) !important; border-color: var(--line) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 8px 20px rgba(20, 50, 90, .08) !important; }

/* V20.14.353 -- the guide's scope rings, the branch map, the planner's head */
/* V20.14.353 -- the dark rings are cyan and gold at a fifth strength, which is a glow on navy and nothing on slate */
:root[data-theme="light"]:not(#s353) .landing-scope-ring { border-color: rgba(0, 126, 168, .55) !important; }
:root[data-theme="light"]:not(#s353) .landing-scope-ring.inner { border-color: rgba(138, 98, 0, .45) !important; }
/* V20.14.353 -- the territory is drawn in the raised-panel token, which on slate is a shade off the panel; it takes the void instead,
   so the land reads as it does on the dark stage, and its edge is the slate cyan */
:root[data-theme="light"]:not(#s353) .v21-map-bg > svg > path { fill: var(--bg-void); }
:root[data-theme="light"]:not(#s353) .v21-territory-boundary { stroke: rgba(0, 126, 168, .35); }
:root[data-theme="light"]:not(#s353) :is(.v21-scenario-modal, .v21-suggestion-modal) .v21-modal-head { background: linear-gradient(105deg, rgba(0, 126, 168, .12), transparent 55%) !important; }

/* V20.14.364 -- THE PORTAL AUDIT OF 8 OCT: SMALL TEXT THAT DID NOT READ ON SLATE. Every page measured in light, each
   text's colour against the surface under it: the small cyan labels on the void and the tinted wells read 3.1-3.8:1
   ("Details", the period comparison's "A", YOUR TOOLS, Executive briefing, RADAR's "What to do:"), a radar card's rule
   3.1:1, and PORTFOLIO / ALL BRANDS 1.9:1 when another brand is selected. They take the deep cyan ink (5.0:1 on the
   void), the mid ink, and a dimmed portfolio button that still reads. */
:root[data-theme="light"]:not(#s353) :is(.v268-details-toggle b, .v199-tools-head small, .briefing-toolbar-label, .pc-tag.pc-tag-a, .pw-back) { color: var(--dl-azure-deep) !important; }
:root[data-theme="light"]:not(#s353) .radar-todo b { color: var(--text-hi) !important; }
:root[data-theme="light"]:not(#s353) .intel-rule { color: var(--text-mid) !important; }
:root[data-theme="light"]:not(#s353) .pulse-report-page #brandSwitcher .portfolio-btn:not(.active) { opacity: .85 !important; }
:root[data-theme="light"]:not(#s353) .pulse-report-page #brandSwitcher .portfolio-btn .tag { opacity: 1 !important; }