/*
 * CNOB typography system.
 * Display: Inter. Body/UI: Plus Jakarta Sans.
 * CJK: PingFang SC on Apple, Microsoft YaHei on Windows, local Noto Sans SC fallback.
 * Technical data: JetBrains Mono.
 */
@font-face {
  font-family: "CNOB Inter";
  src: url("/fonts/Inter-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "CNOB Plus Jakarta Sans";
  src: url("/fonts/PlusJakartaSans-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: "CNOB Plus Jakarta Sans";
  src: url("/fonts/PlusJakartaSans-Italic-Variable.woff2") format("woff2");
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: "CNOB JetBrains Mono";
  src: url("/fonts/JetBrainsMono-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}
@font-face {
  font-family: "CNOB Noto Sans SC";
  src: url("/fonts/NotoSansSC-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --font-display: "CNOB Inter", "PingFang SC", "Microsoft YaHei", "CNOB Noto Sans SC", sans-serif;
  --font-body: "CNOB Plus Jakarta Sans", "PingFang SC", "Microsoft YaHei", "CNOB Noto Sans SC", sans-serif;
  --font-data: "CNOB JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  --type-ink: #171a24;
  --type-secondary: #536171;
  --type-muted: #7d8997;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-body) !important;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body { font-weight: 430; letter-spacing: -.008em; }

h1,
h2,
h3,
h4,
h5,
h6,
.app-command h1,
.panel-title,
.section-title,
.tower-card-head h3,
.p0-map-section-head h3,
.p0-workbench-head h3,
.tracker-priority-copy h2,
.roadmap-intro h2,
.processing-hero h2,
.p0-risk-hero h2,
.triage-hero h2,
.conflict-hero h2,
.shadow-hero h2,
.record-drawer-head h2,
.record-hero-copy h3,
.operating-desktop-center h1,
.operating-desktop-center h1 i {
  font-family: var(--font-display) !important;
  font-style: normal !important;
  font-variation-settings: "opsz" 32;
}

/* Page titles */
.app-command h1 {
  font-size: clamp(30px, 3vw, 44px) !important;
  font-weight: 720 !important;
  line-height: 1.02 !important;
  letter-spacing: -.052em !important;
}
.app-command p:last-child {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 440 !important;
  line-height: 1.58 !important;
  letter-spacing: -.006em !important;
}
.view-eyebrow,
.hero-kicker {
  font-family: var(--font-body) !important;
  font-size: 8px !important;
  font-weight: 720 !important;
  line-height: 1.2 !important;
  letter-spacing: .15em !important;
}

/* Homepage title: one family, calmer weight and more balanced CJK/Latin scale. */
.operating-desktop-center h1 {
  font-size: clamp(48px, 5.5vw, 82px) !important;
  font-weight: 690 !important;
  line-height: .96 !important;
  letter-spacing: -.066em !important;
}
.operating-desktop-center h1 i {
  font-size: .92em !important;
  font-weight: 520 !important;
  line-height: inherit !important;
  letter-spacing: -.058em !important;
}
.operating-desktop-center > span {
  font-family: var(--font-body) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
}
.operating-desktop-brand .desktop-cnob-mark {
  font-family: var(--font-display) !important;
  font-size: 20px !important;
  font-weight: 780 !important;
  letter-spacing: -.04em !important;
}
.operating-desktop-brand small {
  font-family: var(--font-body) !important;
  font-size: 10px !important;
  font-weight: 480 !important;
  letter-spacing: .01em !important;
}

/* Section hierarchy */
.tracker-priority-copy h2,
.roadmap-intro h2,
.processing-hero h2,
.p0-map-cockpit-hero h2,
.p0-risk-hero h2,
.triage-hero h2,
.conflict-hero h2,
.shadow-hero h2 {
  font-size: clamp(30px, 3.6vw, 50px) !important;
  font-weight: 680 !important;
  line-height: 1.03 !important;
  letter-spacing: -.052em !important;
}
.p0-map-command-main h2 span,
.exec-copy h2 span { font-weight: 650 !important; }
.p0-map-command-main h2 strong,
.exec-copy h2 strong,
.p0-risk-hero h2 strong {
  font-family: var(--font-display) !important;
  font-weight: 680 !important;
  font-variant-numeric: tabular-nums lining-nums;
}

.tower-card-head h3,
.p0-map-section-head h3,
.p0-workbench-head h3,
.panel-title,
.section-title,
.catalog-card h3,
.program-card h3,
.governance-card h3,
.progress-lane-head h3 {
  font-family: var(--font-display) !important;
  font-weight: 650 !important;
  letter-spacing: -.025em !important;
}
.tower-card-head h3 { font-size: 13px !important; }
.p0-map-section-head h3 { font-size: clamp(18px, 1.9vw, 24px) !important; }
.panel-title { font-size: 14px !important; }
.section-title { font-size: 13px !important; }
.catalog-card h3,
.program-card h3,
.governance-card h3 { font-size: 14px !important; line-height: 1.32 !important; }
.progress-lane-head h3 { font-size: 14px !important; }

/* Body and UI copy */
p,
small,
label,
.tracker-card span,
.catalog-card p,
.program-card p,
.governance-card p,
.panel-note,
.p0-map-section-head p,
.processing-priority-item small,
.p0-risk-row small,
.p0-risk-work-item small {
  font-family: var(--font-body) !important;
}
p { line-height: 1.62; }
.tracker-card strong,
.p0-map-initiative-card strong,
.processing-priority-item strong,
.p0-risk-row strong,
.p0-risk-work-item strong {
  font-family: var(--font-body) !important;
  font-weight: 650 !important;
  letter-spacing: -.012em !important;
}

/* Buttons and compact controls */
.btn,
.roadmap-filter,
.matching-filter,
.matching-source-filter,
.triage-filter,
.p0-map-tabs button,
.p0-map-lever-filter button,
.p0-focus-window-toggle button {
  font-family: var(--font-body) !important;
  font-weight: 650 !important;
  letter-spacing: -.008em !important;
}
.btn { font-size: 12px !important; }

/* Metrics and technical metadata */
.metric span,
.live-metric strong,
.tracker-metrics strong,
.progress-lane-head b,
.exec-north-star b,
.exec-decision-card strong,
.exec-lane-card b,
.exec-digest-metric b,
.p0-risk-metric b,
.p0-risk-bucket b,
.p0-map-stage-board b,
.p0-map-fact-strip b,
.desktop-big-number b,
.desktop-stage-line b,
.desktop-region-pair b,
.p0-analytics-summary-strip b,
.p0-outcome-values b,
.record-hero-stats b,
.matching-summary strong,
.shadow-metric b,
.system-status-strip b {
  font-family: var(--font-display) !important;
  font-weight: 660 !important;
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: -.045em !important;
}

.codebox,
pre,
code,
.confidence,
.rail-meta,
.record-link small,
.linked-signal-row small,
.p0-focus-wow,
.p0-chart-grid text,
.p0-chart-week,
.p0-chart-target-label,
.p0-chart-value,
.p0-chart-facet-title {
  font-family: var(--font-data) !important;
  letter-spacing: -.015em !important;
}

/* Labels should be legible, not microscopic decoration. */
.badge,
.pill,
.status-pill { font-family: var(--font-body) !important; font-size: 9px !important; font-weight: 590 !important; }
.nav-item small,
.tower-card-head h3 small,
.panel-title .en,
.section-title .en { font-family: var(--font-body) !important; font-size: 8px !important; font-weight: 520 !important; }
.operating-window > header strong { font-family: var(--font-display) !important; font-size: 11px !important; font-weight: 670 !important; }
.operating-window > header span { font-family: var(--font-data) !important; font-size: 8px !important; }
.operating-window-body p { font-family: var(--font-body) !important; font-size: 9px !important; line-height: 1.5 !important; }

@media (max-width: 580px) {
  .operating-desktop-center h1 { font-size: 50px !important; line-height: .91 !important; }
  .operating-desktop-center h1 i { font-size: .9em !important; }
  .app-command h1 { font-size: 29px !important; }
  .tracker-priority-copy h2,
  .roadmap-intro h2,
  .processing-hero h2,
  .p0-map-cockpit-hero h2,
  .p0-risk-hero h2 { font-size: 31px !important; }
}

/* P0 lever filter: readable fixed business order */
.p0-map-lever-filter > span {
  font-family: var(--font-data) !important;
  font-size: 9px !important;
  font-weight: 650 !important;
  letter-spacing: .14em !important;
}
.p0-map-lever-filter button {
  min-height: 34px !important;
  padding: 7px 12px !important;
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
}
@media (max-width: 780px) {
  .p0-map-lever-filter button {
    min-height: 32px !important;
    padding: 7px 11px !important;
    font-size: 10px !important;
  }
}

/* P0 metric source context belongs after the analysis and drill-down. */
.p0-metric-detail + .p0-coupon-context {
  margin-top: 12px;
  margin-bottom: 0;
}

/* Homepage calligraphic brand accent — licensed Long Cang. */
@font-face {
  font-family: "CNOB Long Cang";
  src: url("/fonts/LongCang-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.operating-desktop-center > span {
  letter-spacing: .24em !important;
}
.operating-desktop-center h1 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  max-width: min(92vw, 980px) !important;
  gap: .02em !important;
  white-space: normal !important;
  line-height: .82 !important;
}
.operating-desktop-center h1 .desktop-title-script {
  display: block;
  padding: 0 .03em .02em 0;
  font-family: "CNOB Long Cang", "STXingkai", "KaiTi", cursive !important;
  font-size: 1.13em;
  font-weight: 400 !important;
  line-height: .9;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}
.operating-desktop-center h1 i {
  display: block;
  margin-top: -.05em;
  font-family: var(--font-display) !important;
  font-size: .86em !important;
  font-style: normal !important;
  font-weight: 650 !important;
  line-height: .86;
  letter-spacing: -.065em !important;
  white-space: nowrap !important;
}
@media (max-width:580px) {
  .operating-desktop-center h1 {
    align-items: flex-start !important;
    gap: .04em !important;
  }
  .operating-desktop-center h1 .desktop-title-script {
    font-size: 1.22em;
  }
  .operating-desktop-center h1 i {
    margin-top: -.02em;
    font-size: .84em !important;
  }
}

/* Home hero scale and slow floating cards. */
.operating-desktop-center {
  z-index: 5;
}
.operating-desktop-center h1 {
  font-size: clamp(82px, 8.2vw, 132px) !important;
  line-height: .78 !important;
}
.operating-desktop-center > span {
  margin-bottom: 8px !important;
  font-size: 10px !important;
}
.operating-window > header strong {
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  font-weight: 720 !important;
  letter-spacing: .02em !important;
}
.operating-window:not(.dragging) {
  animation:
    desktopWindowIn 720ms cubic-bezier(.16,1,.3,1) both,
    windowBreath 8.5s ease-in-out 1.2s infinite,
    operatingBubbleFloat var(--bubble-duration, 24s) ease-in-out var(--bubble-delay, 0s) infinite !important;
  will-change: translate, box-shadow;
}
.operating-window:nth-child(1) { --bubble-duration: 25s; --bubble-delay: -3s; --bubble-x: 11px; --bubble-y: -9px; }
.operating-window:nth-child(2) { --bubble-duration: 29s; --bubble-delay: -10s; --bubble-x: -10px; --bubble-y: 10px; }
.operating-window:nth-child(3) { --bubble-duration: 27s; --bubble-delay: -7s; --bubble-x: 9px; --bubble-y: 11px; }
.operating-window:nth-child(4) { --bubble-duration: 31s; --bubble-delay: -14s; --bubble-x: -12px; --bubble-y: -8px; }
.operating-window:nth-child(5) { --bubble-duration: 28s; --bubble-delay: -5s; --bubble-x: 11px; --bubble-y: 8px; }
.operating-window:nth-child(6) { --bubble-duration: 33s; --bubble-delay: -17s; --bubble-x: -9px; --bubble-y: 11px; }
@keyframes operatingBubbleFloat {
  0%, 100% { translate: 0 0; }
  22% { translate: calc(var(--bubble-x) * .55) calc(var(--bubble-y) * -.65); }
  48% { translate: calc(var(--bubble-x) * -1) calc(var(--bubble-y) * .72); }
  74% { translate: calc(var(--bubble-x) * .42) var(--bubble-y); }
}
@media (max-width: 1100px), (max-height: 700px) {
  .operating-desktop-center h1 {
    font-size: 68px !important;
  }
  .operating-window:not(.dragging) {
    animation: none !important;
  }
}
@media (max-width: 580px) {
  .operating-desktop-center h1 {
    font-size: 62px !important;
    line-height: .82 !important;
  }
  .operating-desktop-center > span {
    font-size: 9px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .operating-window:not(.dragging) {
    animation: none !important;
    translate: 0 0 !important;
  }
}

/* Home mouse interaction layer. */
.operating-cursor-fx {
  position: absolute;
  inset: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: multiply;
  opacity: .9;
}
.operating-window,
.operating-dock button {
  --mx: 50%;
  --my: 50%;
}
.operating-window::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle at var(--mx) var(--my), rgba(80, 212, 219, .22), rgba(255, 120, 150, .10) 34%, transparent 62%);
  transition: opacity 180ms ease;
}
.operating-window > header,
.operating-window .operating-window-body {
  position: relative;
  z-index: 1;
}
.operating-window:hover {
  transform: translateY(-9px) scale(1.018) !important;
  border-color: rgba(20, 139, 145, .34) !important;
  box-shadow: 0 30px 78px rgba(29,35,45,.18), 0 0 0 1px rgba(80,212,219,.14), 0 0 38px rgba(80,212,219,.13), inset 0 1px #fff !important;
}
.operating-window:hover::after {
  opacity: 1;
}
.operating-window > header button {
  transition: transform 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;
}
.operating-window:hover > header button {
  transform: rotate(10deg) scale(1.08);
  box-shadow: 0 8px 18px rgba(20, 139, 145, .18);
}
.operating-dock button::after {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 18px;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle at var(--mx) var(--my), rgba(80,212,219,.24), transparent 60%);
  transition: opacity 160ms ease;
}
.operating-dock button:hover::after {
  opacity: 1;
}
@media (max-width: 900px), (prefers-reduced-motion: reduce) {
  .operating-cursor-fx,
  .operating-window::after,
  .operating-dock button::after {
    display: none !important;
  }
}

/* Home: remove top-left duplicate brand block. */
.operating-desktop .operating-desktop-brand {
  display: none !important;
}

/* P0 Coupon workbench readability pass. */
body:not(.operating-desktop-mode) .p0-map-toolbar {
  grid-template-columns: minmax(430px, .9fr) minmax(640px, 1.1fr) auto !important;
  gap: 18px !important;
  align-items: stretch !important;
  padding: 18px !important;
  border-radius: 28px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(237,251,249,.9) 52%, rgba(255,243,248,.86)) !important;
  border-color: rgba(24, 139, 145, .14) !important;
  box-shadow: 0 18px 50px rgba(31, 41, 55, .10), inset 0 1px rgba(255,255,255,.95) !important;
}
body:not(.operating-desktop-mode) .p0-map-selector-stack { gap: 12px !important; }
body:not(.operating-desktop-mode) .p0-map-lever-filter { gap: 12px !important; }
body:not(.operating-desktop-mode) .p0-map-lever-filter > span { font-size: 12px !important; letter-spacing: .16em !important; color: #168b91 !important; }
body:not(.operating-desktop-mode) .p0-map-lever-filter button { min-height: 44px !important; padding: 10px 18px !important; border-radius: 16px !important; font-size: 15px !important; color: #516171 !important; background: rgba(255,255,255,.70) !important; }
body:not(.operating-desktop-mode) .p0-map-lever-filter button.active { color: #fff !important; background: linear-gradient(135deg, #15171e, #243342) !important; box-shadow: 0 10px 26px rgba(21, 23, 30, .18) !important; }
body:not(.operating-desktop-mode) .p0-map-picker-trigger { min-height: 92px !important; padding: 18px 22px !important; border-radius: 24px !important; color: #17202b !important; background: linear-gradient(135deg, #fff, #f4fbfa) !important; border-color: rgba(20,139,145,.16) !important; box-shadow: 0 16px 38px rgba(21,23,30,.08), inset 0 1px rgba(255,255,255,.98) !important; }
body:not(.operating-desktop-mode) .p0-map-picker-trigger small { font-size: 12px !important; color: #168b91 !important; }
body:not(.operating-desktop-mode) .p0-map-picker-trigger strong { font-size: 25px !important; line-height: 1.15 !important; color: #17202b !important; }
body:not(.operating-desktop-mode) .p0-map-picker-trigger em { font-size: 13px !important; color: #697887 !important; }
body:not(.operating-desktop-mode) .p0-map-tabs { align-self: end !important; gap: 8px !important; padding: 7px !important; border-radius: 22px !important; background: rgba(255,255,255,.82) !important; }
body:not(.operating-desktop-mode) .p0-map-tabs button { min-height: 58px !important; padding: 14px 22px !important; border-radius: 17px !important; font-size: 16px !important; color: #5e6e7e !important; }
body:not(.operating-desktop-mode) .p0-map-tabs button i { font-size: 11px !important; color: #168b91 !important; }
body:not(.operating-desktop-mode) .p0-map-tabs button.active { color: #fff !important; background: linear-gradient(135deg, #171920, #243342) !important; }
body:not(.operating-desktop-mode) .p0-map-toolbar-meta b { font-size: 22px !important; }
body:not(.operating-desktop-mode) .p0-map-toolbar-meta span { font-size: 11px !important; color: #687687 !important; }
body:not(.operating-desktop-mode) .p0-map-cockpit-hero,
body:not(.operating-desktop-mode) .p0-map-command-main,
body:not(.operating-desktop-mode) .p0-map-board,
body:not(.operating-desktop-mode) .p0-map-stage-board,
body:not(.operating-desktop-mode) .p0-map-empty-metrics,
body:not(.operating-desktop-mode) .p0-metric-detail {
  border-radius: 28px !important;
  border-color: rgba(24,139,145,.12) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,252,252,.92)) !important;
  box-shadow: 0 18px 48px rgba(31,41,55,.09), inset 0 1px rgba(255,255,255,.98) !important;
}
body:not(.operating-desktop-mode) .p0-map-cockpit-hero { padding: 30px 34px !important; background: radial-gradient(circle at 94% 0, rgba(93,225,206,.30), transparent 28rem), radial-gradient(circle at 0 100%, rgba(255,125,166,.18), transparent 22rem), #fff !important; }
body:not(.operating-desktop-mode) .p0-map-cockpit-hero h2 { color: #17202b !important; font-size: clamp(46px, 4.6vw, 78px) !important; line-height: .98 !important; }
body:not(.operating-desktop-mode) .p0-map-cockpit-hero p { color: #526272 !important; font-size: 18px !important; line-height: 1.55 !important; }
body:not(.operating-desktop-mode) .p0-map-health { padding: 12px 18px !important; border-radius: 999px !important; font-size: 15px !important; }
body:not(.operating-desktop-mode) .p0-map-fact-strip { gap: 14px !important; margin: 18px 0 !important; }
body:not(.operating-desktop-mode) .p0-map-fact-strip > div { min-height: 118px !important; padding: 22px !important; border-radius: 24px !important; background: linear-gradient(145deg, #fff, #f5fbfb) !important; border-color: rgba(24,139,145,.12) !important; box-shadow: 0 14px 34px rgba(31,41,55,.07) !important; }
body:not(.operating-desktop-mode) .p0-map-fact-strip b { color: #17202b !important; font-size: clamp(34px, 3vw, 52px) !important; }
body:not(.operating-desktop-mode) .p0-map-fact-strip span { margin-top: 12px !important; color: #617181 !important; font-size: 15px !important; }
body:not(.operating-desktop-mode) .p0-map-section-head { padding: 26px 28px !important; }
body:not(.operating-desktop-mode) .p0-map-section-head .hero-kicker { font-size: 12px !important; letter-spacing: .14em !important; }
body:not(.operating-desktop-mode) .p0-map-section-head h3 { font-size: clamp(30px, 2.6vw, 42px) !important; line-height: 1.08 !important; color: #17202b !important; }
body:not(.operating-desktop-mode) .p0-map-section-head p { font-size: 16px !important; line-height: 1.65 !important; color: #5f6f7f !important; }
body:not(.operating-desktop-mode) .p0-focus-record-list,
body:not(.operating-desktop-mode) .p0-map-action-list { gap: 16px !important; padding: 20px !important; }
body:not(.operating-desktop-mode) .p0-focus-record { padding: 22px !important; border-radius: 24px !important; background: linear-gradient(145deg, #fff, #f7fbfb) !important; border-color: rgba(24,139,145,.12) !important; }
body:not(.operating-desktop-mode) .p0-focus-record span { padding: 6px 10px !important; font-size: 13px !important; color: #168b91 !important; }
body:not(.operating-desktop-mode) .p0-focus-record strong { font-size: 21px !important; line-height: 1.35 !important; color: #17202b !important; }
body:not(.operating-desktop-mode) .p0-focus-record small,
body:not(.operating-desktop-mode) .p0-focus-record p,
body:not(.operating-desktop-mode) .p0-focus-record em { font-size: 15px !important; line-height: 1.65 !important; color: #5f6f7f !important; }
body:not(.operating-desktop-mode) .p0-map-decision { gap: 18px !important; padding: 28px !important; }
body:not(.operating-desktop-mode) .p0-map-decision strong { color: #17202b !important; font-size: clamp(28px, 2.5vw, 40px) !important; line-height: 1.25 !important; }
body:not(.operating-desktop-mode) .p0-map-decision p { color: #5b6b7c !important; font-size: 17px !important; line-height: 1.7 !important; }
body:not(.operating-desktop-mode) .p0-coupon-project-snapshot { margin: 18px 0 !important; padding: 24px !important; border: 1px solid rgba(24,139,145,.14) !important; border-radius: 30px !important; background: radial-gradient(circle at 100% 0, rgba(93,225,206,.26), transparent 24rem), radial-gradient(circle at 0 100%, rgba(255,125,166,.14), transparent 23rem), #fff !important; box-shadow: 0 18px 48px rgba(31,41,55,.08) !important; }
body:not(.operating-desktop-mode) .p0-coupon-project-head h3 { margin: 8px 0 6px !important; color: #17202b !important; font-size: clamp(30px, 2.8vw, 44px) !important; line-height: 1.08 !important; }
body:not(.operating-desktop-mode) .p0-coupon-project-head p { margin: 0 !important; color: #5f6f7f !important; font-size: 16px !important; line-height: 1.6 !important; }
body:not(.operating-desktop-mode) .p0-coupon-project-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 16px !important; margin-top: 18px !important; }
body:not(.operating-desktop-mode) .p0-coupon-project-metric { min-width: 0 !important; display: grid !important; gap: 14px !important; padding: 20px !important; border: 1px solid rgba(24,139,145,.12) !important; border-radius: 24px !important; background: rgba(255,255,255,.82) !important; }
body:not(.operating-desktop-mode) .p0-coupon-project-metric header { display: grid !important; gap: 6px !important; }
body:not(.operating-desktop-mode) .p0-coupon-project-metric header span { color: #168b91 !important; font-size: 12px !important; font-weight: 800 !important; }
body:not(.operating-desktop-mode) .p0-coupon-project-metric header strong { color: #17202b !important; font-size: 22px !important; }
body:not(.operating-desktop-mode) .p0-coupon-project-metric .p0-coupon-project-metric-en {
  margin: 0 !important;
  color: #718397 !important;
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere;
}
body:not(.operating-desktop-mode) .p0-coupon-project-metric .p0-coupon-project-metric-definition {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-top: 4px;
  padding: 0;
  border: 0;
  color: #5f7285 !important;
  background: transparent;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 600;
  line-height: 1.5 !important;
  white-space: normal;
  overflow-wrap: anywhere;
}
body:not(.operating-desktop-mode) .p0-coupon-project-metric div { display: grid !important; grid-template-columns: auto 1fr !important; align-items: baseline !important; gap: 8px !important; }
body:not(.operating-desktop-mode) .p0-coupon-project-metric b { color: #137b5d !important; font-size: 26px !important; font-family: var(--font-display) !important; }
body:not(.operating-desktop-mode) .p0-coupon-project-metric small { color: #6a7887 !important; font-size: 13px !important; }
body:not(.operating-desktop-mode) .p0-coupon-project-metric em { justify-self: start !important; padding: 6px 10px !important; border-radius: 999px !important; color: #9b6500 !important; background: #fff4d8 !important; font-size: 13px !important; font-style: normal !important; font-weight: 800 !important; }
body:not(.operating-desktop-mode) .p0-analytics-head h2,
body:not(.operating-desktop-mode) .p0-chart-board-head h3 { font-size: clamp(32px, 3vw, 46px) !important; }
body:not(.operating-desktop-mode) .p0-analytics-head p,
body:not(.operating-desktop-mode) .p0-chart-board-head p,
body:not(.operating-desktop-mode) .p0-analytics-outcome p,
body:not(.operating-desktop-mode) .p0-analytics-penetration p { font-size: 15px !important; line-height: 1.6 !important; }
body:not(.operating-desktop-mode) .p0-analytics-summary-strip header strong,
body:not(.operating-desktop-mode) .p0-analytics-outcome h3,
body:not(.operating-desktop-mode) .p0-analytics-penetration h3 { font-size: 21px !important; }
body:not(.operating-desktop-mode) .p0-analytics-summary-strip section > div b,
body:not(.operating-desktop-mode) .p0-outcome-values b,
body:not(.operating-desktop-mode) .p0-chart-current b { font-size: 30px !important; }
body:not(.operating-desktop-mode) .p0-analytics-summary-strip section > div span,
body:not(.operating-desktop-mode) .p0-analytics-summary-strip section > div em,
body:not(.operating-desktop-mode) .p0-chart-grid text,
body:not(.operating-desktop-mode) .p0-chart-week,
body:not(.operating-desktop-mode) .p0-chart-value,
body:not(.operating-desktop-mode) .p0-chart-legend span { font-size: 12px !important; }
@media (max-width: 1180px) {
  body:not(.operating-desktop-mode) .p0-map-toolbar { grid-template-columns: 1fr !important; }
  body:not(.operating-desktop-mode) .p0-coupon-project-grid { grid-template-columns: 1fr !important; }
}

/* P0 mobile overflow guard. */
body:not(.operating-desktop-mode) #viewRoot,
body:not(.operating-desktop-mode) .p0-map-toolbar,
body:not(.operating-desktop-mode) .p0-map-tabs,
body:not(.operating-desktop-mode) .p0-map-picker-trigger,
body:not(.operating-desktop-mode) .p0-map-board,
body:not(.operating-desktop-mode) .p0-coupon-project-snapshot,
body:not(.operating-desktop-mode) .p0-analytics-canvas {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body:not(.operating-desktop-mode) .p0-map-tabs,
body:not(.operating-desktop-mode) .p0-focus-export-table-wrap,
body:not(.operating-desktop-mode) .p0-chart-stage,
body:not(.operating-desktop-mode) .p0-outcome-chart {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 700px) {
  body:not(.operating-desktop-mode) .p0-map-toolbar { padding: 12px !important; border-radius: 22px !important; }
  body:not(.operating-desktop-mode) .p0-map-tabs button { min-width: 118px !important; }
  body:not(.operating-desktop-mode) .p0-map-cockpit-hero { padding: 22px !important; }
  body:not(.operating-desktop-mode) .p0-map-cockpit-hero h2 { font-size: 38px !important; }
  body:not(.operating-desktop-mode) .p0-map-fact-strip { grid-template-columns: 1fr 1fr !important; }
  body:not(.operating-desktop-mode) .p0-map-fact-strip > div { min-height: 104px !important; }
}

/* Keep widened P0 controls readable without causing page-level horizontal overflow. */
body:not(.operating-desktop-mode) {
  overflow-x: hidden !important;
}
body:not(.operating-desktop-mode) .p0-map-lever-filter > div,
body:not(.operating-desktop-mode) .p0-map-tabs {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: none;
}
body:not(.operating-desktop-mode) .p0-map-lever-filter > div::-webkit-scrollbar,
body:not(.operating-desktop-mode) .p0-map-tabs::-webkit-scrollbar { display: none; }
body:not(.operating-desktop-mode) .p0-map-toolbar,
body:not(.operating-desktop-mode) .p0-map-selector-stack,
body:not(.operating-desktop-mode) .p0-map-picker,
body:not(.operating-desktop-mode) .p0-map-picker-trigger,
body:not(.operating-desktop-mode) .p0-coupon-project-snapshot,
body:not(.operating-desktop-mode) .p0-analytics-canvas,
body:not(.operating-desktop-mode) .p0-map-board,
body:not(.operating-desktop-mode) .p0-metric-detail {
  min-width: 0 !important;
}
@media (max-width: 700px) {
  body:not(.operating-desktop-mode) .p0-map-toolbar {
    overflow: hidden !important;
  }
  body:not(.operating-desktop-mode) .p0-map-lever-filter > div {
    max-width: calc(100vw - 46px) !important;
  }
  body:not(.operating-desktop-mode) .p0-map-tabs {
    max-width: calc(100vw - 44px) !important;
  }
  body:not(.operating-desktop-mode) .p0-focus-export-table-wrap,
  body:not(.operating-desktop-mode) .p0-chart-stage,
  body:not(.operating-desktop-mode) .p0-outcome-chart {
    max-width: calc(100vw - 64px) !important;
  }
}

/* P0 project picker: keep the menu in the light workspace visual language. */
body:not(.operating-desktop-mode) .p0-map-picker-menu {
  padding: 10px !important;
  border: 1px solid rgba(20, 139, 145, .16) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(74, 205, 199, .10), transparent 18rem),
    linear-gradient(145deg, rgba(255, 255, 255, .99), rgba(245, 250, 250, .98)) !important;
  box-shadow:
    0 28px 70px rgba(35, 48, 58, .16),
    0 8px 24px rgba(35, 48, 58, .08),
    inset 0 1px rgba(255, 255, 255, .96) !important;
  backdrop-filter: blur(24px) saturate(125%) !important;
  transform-origin: top center;
  animation: p0PickerMenuIn 260ms cubic-bezier(.22, 1, .36, 1) both;
  scrollbar-color: rgba(22, 139, 145, .28) transparent;
}
body:not(.operating-desktop-mode) .p0-map-option {
  min-height: 62px;
  padding: 11px 14px !important;
  border-color: transparent !important;
  color: #243342 !important;
  transition:
    transform 180ms cubic-bezier(.22, 1, .36, 1),
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease !important;
}
body:not(.operating-desktop-mode) .p0-map-option:hover {
  transform: translateX(3px);
  border-color: rgba(20, 139, 145, .15) !important;
  background: rgba(229, 247, 245, .72) !important;
}
body:not(.operating-desktop-mode) .p0-map-option.active {
  border-color: rgba(20, 139, 145, .22) !important;
  background: linear-gradient(135deg, rgba(224, 247, 245, .92), rgba(247, 252, 251, .96)) !important;
  box-shadow: inset 3px 0 #31bfc8, 0 8px 20px rgba(31, 139, 145, .07) !important;
}
body:not(.operating-desktop-mode) .p0-map-option strong {
  color: #243342 !important;
  font-size: 14px !important;
}
body:not(.operating-desktop-mode) .p0-map-option small {
  color: #748291 !important;
  font-size: 11px !important;
}
body:not(.operating-desktop-mode) .p0-map-option b {
  min-width: 32px;
  padding: 6px 9px !important;
  color: #657483 !important;
  background: rgba(34, 51, 66, .06) !important;
  font-size: 11px !important;
}
body:not(.operating-desktop-mode) .p0-map-option.danger b {
  color: #c43b5d !important;
  background: rgba(238, 120, 149, .14) !important;
}
body:not(.operating-desktop-mode) .p0-map-option.caution b {
  color: #a96d09 !important;
  background: rgba(241, 184, 91, .17) !important;
}
body:not(.operating-desktop-mode) .p0-map-option.safe b {
  color: #168a69 !important;
  background: rgba(62, 190, 145, .14) !important;
}
body:not(.operating-desktop-mode) .p0-map-option-group {
  border-top: 1px solid rgba(36, 51, 66, .07);
  margin-top: 7px;
  padding-top: 7px;
}

@keyframes p0PickerMenuIn {
  from {
    opacity: 0;
    transform: translateY(-10px) scale(.975);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.operating-desktop-mode) .p0-map-picker-menu {
    animation: none !important;
  }
}

/* Visual cleanup: flatten workspace cards and remove unnecessary cast shadows. */
body:not(.operating-desktop-mode) .app-command,
body:not(.operating-desktop-mode) .p0-map-toolbar,
body:not(.operating-desktop-mode) .p0-map-picker-trigger,
body:not(.operating-desktop-mode) .p0-map-tabs,
body:not(.operating-desktop-mode) .p0-map-cockpit-hero,
body:not(.operating-desktop-mode) .p0-map-command-main,
body:not(.operating-desktop-mode) .p0-map-stage-board,
body:not(.operating-desktop-mode) .p0-map-board,
body:not(.operating-desktop-mode) .p0-map-empty-metrics,
body:not(.operating-desktop-mode) .p0-map-fact-strip > div,
body:not(.operating-desktop-mode) .p0-coupon-project-snapshot,
body:not(.operating-desktop-mode) .p0-coupon-project-metric,
body:not(.operating-desktop-mode) .p0-coupon-brief-main,
body:not(.operating-desktop-mode) .p0-coupon-brief-side > div,
body:not(.operating-desktop-mode) .p0-coupon-gap-panel,
body:not(.operating-desktop-mode) .p0-coupon-formula-rail,
body:not(.operating-desktop-mode) .p0-analytics-canvas,
body:not(.operating-desktop-mode) .tower-card,
body:not(.operating-desktop-mode) .exec-weekly-card,
body:not(.operating-desktop-mode) .exec-digest-card,
body:not(.operating-desktop-mode) .exec-lever-card,
body:not(.operating-desktop-mode) .progress-lane,
body:not(.operating-desktop-mode) .catalog-card,
body:not(.operating-desktop-mode) .program-card,
body:not(.operating-desktop-mode) .governance-card,
body:not(.operating-desktop-mode) .panel,
body:not(.operating-desktop-mode) .section-card,
body:not(.operating-desktop-mode) .roadmap-intro,
body:not(.operating-desktop-mode) .roadmap-board,
body:not(.operating-desktop-mode) .triage-workspace,
body:not(.operating-desktop-mode) .conflict-workspace,
body:not(.operating-desktop-mode) .matching-workspace,
body:not(.operating-desktop-mode) .shadow-source-card {
  box-shadow: none !important;
  filter: none !important;
}
body:not(.operating-desktop-mode) .p0-map-cockpit-hero,
body:not(.operating-desktop-mode) .p0-coupon-project-snapshot {
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(246,251,251,.94)) !important;
}
body:not(.operating-desktop-mode) .p0-map-fact-strip > div,
body:not(.operating-desktop-mode) .p0-coupon-project-metric {
  background: #fff !important;
}
body:not(.operating-desktop-mode) .p0-map-option.active {
  box-shadow: inset 3px 0 #31bfc8 !important;
}

/* Coupon metrics polish: cleaner freshness, richer metric cards, less tiny text. */
body:not(.operating-desktop-mode) .p0-analytics-head {
  align-items: center !important;
}
body:not(.operating-desktop-mode) .p0-analytics-head-side {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
}
body:not(.operating-desktop-mode) .p0-coupon-freshness {
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  padding: 8px 10px !important;
  border-radius: 999px !important;
  border-color: rgba(20, 139, 145, .14) !important;
  background: rgba(240, 249, 248, .78) !important;
}
body:not(.operating-desktop-mode) .p0-coupon-freshness span {
  color: #168b91 !important;
  font-size: 10px !important;
  letter-spacing: .12em !important;
}
body:not(.operating-desktop-mode) .p0-coupon-freshness strong {
  margin: 0 !important;
  color: #263543 !important;
  font-size: 12px !important;
  line-height: 1 !important;
}
body:not(.operating-desktop-mode) .p0-coupon-freshness small {
  margin: 0 !important;
  color: #647587 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}
body:not(.operating-desktop-mode) .p0-analytics-summary-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  background: #f7fafb !important;
}
body:not(.operating-desktop-mode) .p0-analytics-summary-strip section {
  display: grid;
  gap: 10px;
  padding: 20px 24px !important;
}
body:not(.operating-desktop-mode) .p0-analytics-summary-strip header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start !important;
  margin: 0 !important;
}
body:not(.operating-desktop-mode) .p0-analytics-summary-strip header span {
  display: grid;
  gap: 4px;
}
body:not(.operating-desktop-mode) .p0-analytics-summary-strip header strong {
  color: #263543 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  letter-spacing: -.03em;
}
body:not(.operating-desktop-mode) .p0-analytics-summary-strip header small,
body:not(.operating-desktop-mode) .p0-analytics-summary-strip code {
  color: #6d7f90 !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
body:not(.operating-desktop-mode) .p0-analytics-summary-strip code {
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
}
body:not(.operating-desktop-mode) .p0-analytics-summary-strip section > div {
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  padding: 0 !important;
}
body:not(.operating-desktop-mode) .p0-analytics-summary-strip section > div span {
  font-size: 13px !important;
  color: #708294 !important;
}
body:not(.operating-desktop-mode) .p0-analytics-summary-strip section > div b {
  font-size: 32px !important;
  color: #1c3345 !important;
  letter-spacing: -.04em;
}
body:not(.operating-desktop-mode) .p0-analytics-summary-strip section > div em {
  font-size: 13px !important;
  font-weight: 800;
}
body:not(.operating-desktop-mode) .p0-analytics-summary-strip section > div.benchmark {
  grid-template-columns: 96px minmax(0, 1fr) auto !important;
}
body:not(.operating-desktop-mode) .p0-analytics-outcome p,
body:not(.operating-desktop-mode) .p0-analytics-penetration p {
  color: #6b7d8e !important;
  font-size: 14px !important;
}
body:not(.operating-desktop-mode) .p0-chart-svg-primary.single {
  height: 275px !important;
}
@media (max-width: 900px) {
  body:not(.operating-desktop-mode) .p0-analytics-head,
  body:not(.operating-desktop-mode) .p0-analytics-head-side {
    align-items: flex-start !important;
    flex-direction: column;
  }
  body:not(.operating-desktop-mode) .p0-coupon-freshness {
    grid-template-columns: 1fr;
    border-radius: 16px !important;
  }
}

/* Coupon chart cleanup: no freshness pill, no empty-week padding, label every node. */
body:not(.operating-desktop-mode) .p0-coupon-freshness {
  display: none !important;
}
body:not(.operating-desktop-mode) .p0-analytics-head-side {
  margin-left: auto;
}
body:not(.operating-desktop-mode) .p0-penetration-facets section {
  padding-top: 14px !important;
}
body:not(.operating-desktop-mode) .p0-chart-svg-department {
  height: 240px !important;
}
body:not(.operating-desktop-mode) .p0-chart-label {
  font-size: 11px !important;
  font-weight: 850 !important;
  paint-order: stroke;
  stroke: #fff;
  stroke-width: 4px;
  stroke-linejoin: round;
}
body:not(.operating-desktop-mode) .p0-chart-label.cyan { fill: #1686a9 !important; }
body:not(.operating-desktop-mode) .p0-chart-label.violet { fill: #725bb7 !important; }
body:not(.operating-desktop-mode) .p0-chart-label.amber { fill: #d18a17 !important; }
body:not(.operating-desktop-mode) .p0-chart-label.teal { fill: #159c86 !important; }
body:not(.operating-desktop-mode) .p0-chart-dot {
  r: 4px;
}

/* Fixed 6W metric window: remove unnecessary 4W/6W toggle chrome. */
body:not(.operating-desktop-mode) .p0-window-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(20,139,145,.16);
  border-radius: 999px;
  color: #168b91;
  background: rgba(240,249,248,.78);
  font-family: var(--font-data);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .08em;
}

/* Chart label readability pass: highlight SEA/US and de-conflict point labels. */
body:not(.operating-desktop-mode) .p0-window-badge {
  display: none !important;
}
body:not(.operating-desktop-mode) .p0-region-badge rect {
  fill: #eef8f7;
  stroke: rgba(20, 139, 145, .22);
  stroke-width: 1;
}
body:not(.operating-desktop-mode) .p0-region-badge text {
  fill: #243342;
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .06em;
}
body:not(.operating-desktop-mode) .p0-region-badge.us rect {
  fill: #f4f7fb;
  stroke: rgba(51, 73, 92, .18);
}
body:not(.operating-desktop-mode) .p0-chart-label-node line {
  stroke: rgba(80, 100, 118, .28);
  stroke-width: 1;
  stroke-dasharray: 2 3;
}
body:not(.operating-desktop-mode) .p0-chart-label-node text {
  dominant-baseline: central;
}
body:not(.operating-desktop-mode) .p0-chart-svg-department {
  height: 265px !important;
}

/* Chart interaction polish: use clean facet headers; reveal labels on series hover/focus. */
body:not(.operating-desktop-mode) .p0-region-badge,
body:not(.operating-desktop-mode) .p0-region-badge rect,
body:not(.operating-desktop-mode) .p0-region-badge text {
  display: none !important;
}
body:not(.operating-desktop-mode) .p0-facet-head {
  min-height: 42px !important;
  padding: 2px 10px 8px !important;
  border-bottom: 1px solid rgba(216, 225, 234, .85);
}
body:not(.operating-desktop-mode) .p0-facet-head > b {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  color: #17202b !important;
  background: #eef4f7;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .08em;
}
body:not(.operating-desktop-mode) .p0-chart-svg .p0-chart-series {
  cursor: default;
  transition: opacity 160ms ease;
}
body:not(.operating-desktop-mode) .p0-chart-svg:hover .p0-chart-series {
  opacity: .22;
}
body:not(.operating-desktop-mode) .p0-chart-svg .p0-chart-series:hover,
body:not(.operating-desktop-mode) .p0-chart-svg .p0-chart-series:focus {
  opacity: 1;
  outline: none;
}
body:not(.operating-desktop-mode) .p0-chart-series .p0-chart-line {
  transition: stroke-width 160ms ease, filter 160ms ease;
}
body:not(.operating-desktop-mode) .p0-chart-series:hover .p0-chart-line,
body:not(.operating-desktop-mode) .p0-chart-series:focus .p0-chart-line {
  stroke-width: 4.4px !important;
  filter: drop-shadow(0 5px 10px rgba(31, 41, 55, .18));
}
body:not(.operating-desktop-mode) .p0-chart-series .p0-chart-label {
  opacity: 0;
  transform: translateY(2px);
  transition: opacity 140ms ease, transform 140ms ease;
  pointer-events: none;
}
body:not(.operating-desktop-mode) .p0-chart-series:hover .p0-chart-label,
body:not(.operating-desktop-mode) .p0-chart-series:focus .p0-chart-label {
  opacity: 1;
  transform: translateY(0);
}
body:not(.operating-desktop-mode) .p0-chart-series:hover .p0-chart-dot,
body:not(.operating-desktop-mode) .p0-chart-series:focus .p0-chart-dot {
  r: 5px;
}

/* Export table alignment: descriptive columns left, quantitative columns right. */
body:not(.operating-desktop-mode) .p0-focus-export-table {
  min-width: 1380px;
  table-layout: fixed;
}
body:not(.operating-desktop-mode) .p0-focus-export-table col.metric-column { width: 200px; }
body:not(.operating-desktop-mode) .p0-focus-export-table col.definition-column { width: 220px; }
body:not(.operating-desktop-mode) .p0-focus-export-table col.department-column { width: 120px; }
body:not(.operating-desktop-mode) .p0-focus-export-table col.week-column { width: 142px; }
body:not(.operating-desktop-mode) .p0-focus-export-table col.delta-column { width: 92px; }
body:not(.operating-desktop-mode) .p0-focus-export-table col.relative-column { width: 96px; }
body:not(.operating-desktop-mode) .p0-focus-export-table th,
body:not(.operating-desktop-mode) .p0-focus-export-table td {
  box-sizing: border-box;
  padding: 13px 14px !important;
  vertical-align: middle;
}
body:not(.operating-desktop-mode) .p0-focus-export-table .text-column,
body:not(.operating-desktop-mode) .p0-focus-export-table .metric-name-cell,
body:not(.operating-desktop-mode) .p0-focus-export-table .metric-definition-cell,
body:not(.operating-desktop-mode) .p0-focus-export-table .department-cell {
  text-align: left !important;
}
body:not(.operating-desktop-mode) .p0-focus-export-table .numeric-column,
body:not(.operating-desktop-mode) .p0-focus-export-table .numeric-cell {
  text-align: right !important;
  font-variant-numeric: tabular-nums lining-nums;
}
body:not(.operating-desktop-mode) .p0-focus-export-table .metric-name-cell,
body:not(.operating-desktop-mode) .p0-focus-export-table .metric-definition-cell {
  vertical-align: top;
  padding-top: 18px !important;
  white-space: normal;
}
body:not(.operating-desktop-mode) .p0-focus-export-table .metric-name-cell strong {
  display: block;
  color: #263543;
  font-size: 13px;
  line-height: 1.35;
}
body:not(.operating-desktop-mode) .p0-focus-export-table .metric-name-cell small {
  display: block;
  margin-top: 5px;
  color: #78899a !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}
body:not(.operating-desktop-mode) .p0-focus-export-table .metric-definition-cell code {
  display: block;
  padding: 0;
  border: 0;
  color: #4f6375;
  background: transparent;
  font-family: var(--font-body) !important;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
}
body:not(.operating-desktop-mode) .p0-focus-export-table .metric-definition-cell small {
  margin-top: 6px;
  color: #98a4af !important;
  font-size: 9px !important;
}
body:not(.operating-desktop-mode) .p0-focus-export-table .department-cell {
  color: #405365 !important;
  font-weight: 700;
}
body:not(.operating-desktop-mode) .p0-focus-export-table tr.metric-group-start:not(:first-child) > td {
  border-top: 2px solid rgba(20, 139, 145, .12);
}

/* P0 regional detail cards: compact hierarchy and a non-stretching action. */
body:not(.operating-desktop-mode) .p0-focus-record-list {
  gap: 14px !important;
  padding: 18px !important;
}
body:not(.operating-desktop-mode) .p0-focus-record {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border-radius: 22px !important;
  background: linear-gradient(145deg, #ffffff, #f8fbfb) !important;
  box-shadow: 0 12px 30px rgba(31, 41, 55, .055) !important;
}
body:not(.operating-desktop-mode) .p0-focus-record-main {
  display: grid;
  gap: 16px;
  padding: 20px 22px;
}
body:not(.operating-desktop-mode) .p0-focus-record-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
}
body:not(.operating-desktop-mode) .p0-focus-record-region {
  display: inline-grid !important;
  place-items: center;
  min-width: 52px;
  min-height: 34px;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(20, 139, 145, .16) !important;
  color: #147f86 !important;
  background: #edfafa !important;
  font-size: 12px !important;
  font-weight: 800;
  letter-spacing: .06em;
}
body:not(.operating-desktop-mode) .p0-focus-record-title {
  min-width: 0;
  display: grid;
  gap: 3px;
}
body:not(.operating-desktop-mode) .p0-focus-record-title strong {
  color: #17202b !important;
  font-size: clamp(18px, 1.65vw, 23px) !important;
  line-height: 1.2 !important;
}
body:not(.operating-desktop-mode) .p0-focus-record-title small {
  margin: 0 !important;
  color: #8a98a6 !important;
  font-family: var(--font-display) !important;
  font-size: 9px !important;
  font-weight: 650;
  letter-spacing: .12em;
}
body:not(.operating-desktop-mode) .p0-focus-record-detail {
  align-self: center;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: 96px;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(23, 32, 43, .14);
  border-radius: 12px;
  color: #273747;
  background: #ffffff;
  font-family: var(--font-display) !important;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  box-shadow: 0 6px 16px rgba(31, 41, 55, .06);
  transition: color 160ms ease, background 160ms ease, border-color 160ms ease, transform 160ms ease;
}
body:not(.operating-desktop-mode) .p0-focus-record-detail b {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  transition: transform 160ms ease;
}
body:not(.operating-desktop-mode) .p0-focus-record-detail:hover {
  color: #ffffff;
  border-color: #17202b;
  background: #17202b;
  transform: translateY(-1px);
}
body:not(.operating-desktop-mode) .p0-focus-record-detail:hover b { transform: translateX(2px); }
body:not(.operating-desktop-mode) .p0-focus-record-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body:not(.operating-desktop-mode) .p0-focus-record-meta > span {
  display: flex !important;
  align-items: center;
  gap: 7px;
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(23, 32, 43, .08) !important;
  border-radius: 10px !important;
  color: #273747 !important;
  background: #f3f6f7 !important;
}
body:not(.operating-desktop-mode) .p0-focus-record-meta small {
  margin: 0 !important;
  color: #82909e !important;
  font-size: 10px !important;
}
body:not(.operating-desktop-mode) .p0-focus-record-meta b {
  color: #34495a;
  font-size: 12px;
  font-weight: 700;
}
body:not(.operating-desktop-mode) .p0-focus-record-result {
  margin: 0 !important;
  padding: 13px 14px;
  border-left: 3px solid #43c3bd;
  border-radius: 0 12px 12px 0;
  color: #536577 !important;
  background: rgba(238, 248, 247, .72);
  font-size: 13px !important;
  line-height: 1.65 !important;
}
body:not(.operating-desktop-mode) .p0-focus-record-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 13px;
  border-top: 1px solid rgba(23, 32, 43, .08);
}
body:not(.operating-desktop-mode) .p0-focus-record-foot span {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #147f86 !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 750;
}
body:not(.operating-desktop-mode) .p0-focus-record-foot small {
  margin: 0 !important;
  color: #8a98a6 !important;
  font-size: 10px !important;
}
@media (max-width: 620px) {
  body:not(.operating-desktop-mode) .p0-focus-record-main { padding: 17px; }
  body:not(.operating-desktop-mode) .p0-focus-record-head { grid-template-columns: auto minmax(0, 1fr); }
  body:not(.operating-desktop-mode) .p0-focus-record-detail { grid-column: 1 / -1; justify-self: stretch; }
  body:not(.operating-desktop-mode) .p0-focus-record-meta { display: grid; grid-template-columns: 1fr 1fr; }
  body:not(.operating-desktop-mode) .p0-focus-record-foot { align-items: flex-start; flex-direction: column; gap: 3px; }
}

/* Shared AA benchmark is a single market-wide value, not separate SEA/US rows. */
body:not(.operating-desktop-mode) .p0-coupon-project-metric.shared-benchmark {
  align-content: start;
}
body:not(.operating-desktop-mode) .p0-coupon-project-benchmark {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: baseline !important;
  gap: 12px !important;
  padding: 2px 0 0 !important;
}
body:not(.operating-desktop-mode) .p0-coupon-project-benchmark b {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
body:not(.operating-desktop-mode) .p0-coupon-project-benchmark b span {
  color: #708294 !important;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  font-weight: 700;
}
.desktop-benchmark {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.desktop-benchmark span {
  color: #687482;
  font-size: 9px;
  font-weight: 750;
}
.desktop-benchmark b {
  color: #14795b;
  font-family: var(--font-data);
  font-size: 30px;
  line-height: 1;
}

/* P0 is a dashboard: keep only the two primary views and balance them evenly. */
body:not(.operating-desktop-mode) .p0-map-tabs-dashboard {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px !important;
  width: 100% !important;
  max-width: 620px !important;
  justify-self: center !important;
  align-self: end !important;
  overflow: hidden !important;
}
body:not(.operating-desktop-mode) .p0-map-tabs-dashboard button {
  width: 100%;
  min-width: 0 !important;
  min-height: 58px !important;
}
@media (max-width: 780px) {
  body:not(.operating-desktop-mode) .p0-map-tabs-dashboard {
    max-width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body:not(.operating-desktop-mode) .p0-map-tabs-dashboard button {
    min-width: 0 !important;
    padding-inline: 12px !important;
  }
}

/* Compact export table: fit the 6-week view in one desktop screen and allow SEA/US switching. */
body:not(.operating-desktop-mode) .p0-focus-export-head {
  align-items: center !important;
}
body:not(.operating-desktop-mode) .p0-export-region-toggle {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(64px, 1fr));
  gap: 6px;
  padding: 5px;
  border: 1px solid rgba(20, 139, 145, .14);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
}
body:not(.operating-desktop-mode) .p0-export-region-toggle button {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  color: #667687;
  background: transparent;
  font-family: var(--font-display) !important;
  font-size: 12px;
  font-weight: 800;
}
body:not(.operating-desktop-mode) .p0-export-region-toggle button.active {
  color: #fff;
  background: #17202b;
}
body:not(.operating-desktop-mode) .p0-focus-export-table-wrap {
  overflow-x: hidden !important;
  padding: 0 10px 10px !important;
}
body:not(.operating-desktop-mode) .p0-focus-export-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed;
}
body:not(.operating-desktop-mode) .p0-focus-export-table col.metric-column { width: 13%; }
body:not(.operating-desktop-mode) .p0-focus-export-table col.definition-column { width: 15%; }
body:not(.operating-desktop-mode) .p0-focus-export-table col.department-column { width: 8%; }
body:not(.operating-desktop-mode) .p0-focus-export-table col.week-column { width: 9.5%; }
body:not(.operating-desktop-mode) .p0-focus-export-table col.delta-column { width: 6%; }
body:not(.operating-desktop-mode) .p0-focus-export-table col.relative-column { width: 6%; }
body:not(.operating-desktop-mode) .p0-focus-export-table th,
body:not(.operating-desktop-mode) .p0-focus-export-table td {
  padding: 9px 10px !important;
  font-size: 11px !important;
}
body:not(.operating-desktop-mode) .p0-focus-export-table th small,
body:not(.operating-desktop-mode) .p0-focus-export-table td small {
  font-size: 8px !important;
  line-height: 1.2 !important;
}
body:not(.operating-desktop-mode) .p0-focus-export-table .metric-name-cell strong {
  font-size: 12px !important;
}
body:not(.operating-desktop-mode) .p0-focus-export-table .metric-name-cell small {
  font-size: 9px !important;
}
body:not(.operating-desktop-mode) .p0-focus-export-table .metric-definition-cell code {
  font-size: 10px !important;
  line-height: 1.38 !important;
}
@media (max-width: 900px) {
  body:not(.operating-desktop-mode) .p0-focus-export-head {
    align-items: flex-start !important;
    flex-direction: column;
  }
  body:not(.operating-desktop-mode) .p0-export-region-toggle {
    width: 100%;
  }
  body:not(.operating-desktop-mode) .p0-focus-export-table-wrap {
    overflow-x: auto !important;
  }
  body:not(.operating-desktop-mode) .p0-focus-export-table {
    min-width: 980px !important;
  }
}

/* P0 lifecycle map v2: maturity and operating stage. */
body:not(.operating-desktop-mode) .p0-map-command-grid-v2 {
  grid-template-columns: minmax(300px,.62fr) minmax(620px,1.38fr);
  align-items: stretch;
}
body:not(.operating-desktop-mode) .p0-map-command-notes {
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.09);
}
body:not(.operating-desktop-mode) .p0-map-command-notes span { color:#a8b0bd;font-size:10px; }
body:not(.operating-desktop-mode) .p0-map-command-notes b { color:#f7f8fa;font-family:var(--font-data);font-size:13px; }
body:not(.operating-desktop-mode) .p0-map-axis-stack { min-width:0;display:grid;gap:10px; }
body:not(.operating-desktop-mode) .p0-map-axis-card {
  min-width:0;
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:13px 14px;
  border:1px solid rgba(17,19,25,.095);
  border-radius:14px;
  background:rgba(255,255,255,.86);
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 12px 34px rgba(35,40,51,.07);
}
body:not(.operating-desktop-mode) .p0-map-axis-card header { min-width:0;display:grid;gap:4px; }
body:not(.operating-desktop-mode) .p0-map-axis-card header span { color:#263543;font-size:12px;font-weight:850; }
body:not(.operating-desktop-mode) .p0-map-axis-card header small { color:#7d8997;font-size:8px;line-height:1.35; }
body:not(.operating-desktop-mode) .p0-map-axis-steps { position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px; }
body:not(.operating-desktop-mode) .p0-map-axis-steps.operating { grid-template-columns:repeat(7,minmax(0,1fr)); }
body:not(.operating-desktop-mode) .p0-map-axis-steps::before { content:"";position:absolute;left:5%;right:5%;top:17px;height:1px;background:linear-gradient(90deg,rgba(20,139,145,.10),rgba(20,139,145,.34),rgba(199,53,88,.16)); }
body:not(.operating-desktop-mode) .p0-map-axis-steps > div { position:relative;z-index:1;min-width:0;display:grid;justify-items:center;gap:3px;text-align:center; }
body:not(.operating-desktop-mode) .p0-map-axis-steps i { width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(17,19,25,.09);border-radius:10px;color:#9aa3ae;background:#f3f5f7;font-family:var(--font-data);font-size:7px;font-style:normal; }
body:not(.operating-desktop-mode) .p0-map-axis-steps .active i { color:#fff;border-color:#178b91;background:#178b91;box-shadow:0 6px 16px rgba(20,139,145,.18); }
body:not(.operating-desktop-mode) .p0-map-axis-steps b { color:#273746;font-family:var(--font-data);font-size:17px;line-height:1; }
body:not(.operating-desktop-mode) .p0-map-axis-steps span { color:#7c8795;font-size:7px;line-height:1.2; }
body:not(.operating-desktop-mode) .p0-map-portfolio-layout-v2 { grid-template-columns:minmax(0,1fr); }
body:not(.operating-desktop-mode) .p0-map-lifecycle-board .p0-map-initiative-grid { grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch; }
body:not(.operating-desktop-mode) .p0-map-initiative-card { min-height:228px;grid-template-rows:auto auto auto 1fr auto auto;align-content:initial; }
body:not(.operating-desktop-mode) .p0-map-card-stage-row { display:flex;align-items:center;gap:6px;flex-wrap:wrap; }
body:not(.operating-desktop-mode) .p0-map-card-stage-row b,
body:not(.operating-desktop-mode) .p0-map-cockpit-status > span { padding:4px 7px;border:1px solid rgba(17,19,25,.1);border-radius:7px;font-size:8px;font-weight:850;line-height:1; }
body:not(.operating-desktop-mode) .p0-map-card-stage-row .maturity.blue,
body:not(.operating-desktop-mode) .p0-map-cockpit-status .maturity.blue { color:#3263a2;background:#edf4ff;border-color:#c9dcf6; }
body:not(.operating-desktop-mode) .p0-map-card-stage-row .maturity.caution,
body:not(.operating-desktop-mode) .p0-map-cockpit-status .maturity.caution { color:#97640b;background:#fff7e6;border-color:#f0d9a9; }
body:not(.operating-desktop-mode) .p0-map-card-stage-row .maturity.safe,
body:not(.operating-desktop-mode) .p0-map-cockpit-status .maturity.safe { color:#157355;background:#edf9f4;border-color:#c5e8d9; }
body:not(.operating-desktop-mode) .p0-map-card-stage-row .maturity.violet,
body:not(.operating-desktop-mode) .p0-map-cockpit-status .maturity.violet { color:#6957a7;background:#f4f0ff;border-color:#ded5f6; }
body:not(.operating-desktop-mode) .p0-map-card-stage-row .maturity.muted,
body:not(.operating-desktop-mode) .p0-map-cockpit-status .maturity.muted { color:#697585;background:#f0f2f5;border-color:#dce1e7; }
body:not(.operating-desktop-mode) .p0-map-card-stage-row .operating,
body:not(.operating-desktop-mode) .p0-map-cockpit-status .operating { color:#127a80;background:#eaf8f8;border-color:#c3e8e8; }
body:not(.operating-desktop-mode) .p0-map-initiative-card > strong { font-size:14px!important;line-height:1.35; }
body:not(.operating-desktop-mode) .p0-map-initiative-card > small { min-height:34px;font-size:9px!important;line-height:1.45; }
body:not(.operating-desktop-mode) .p0-map-card-metrics { display:grid;grid-template-columns:1fr 1fr;gap:7px; }
body:not(.operating-desktop-mode) .p0-map-card-metrics > span { min-width:0;padding:9px;border:1px solid rgba(17,19,25,.075);border-radius:10px;background:#f5f7f9; }
body:not(.operating-desktop-mode) .p0-map-card-metrics b { display:block;color:#273746!important;font-family:var(--font-data);font-size:13px;line-height:1.2;overflow-wrap:anywhere; }
body:not(.operating-desktop-mode) .p0-map-card-metrics small { display:block;margin-top:4px;color:#87919e!important;font-size:7px!important; }
body:not(.operating-desktop-mode) .p0-map-card-foot { padding-top:8px;border-top:1px solid rgba(17,19,25,.07); }
body:not(.operating-desktop-mode) .p0-map-cockpit-status { display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap; }
body:not(.operating-desktop-mode) .p0-map-cockpit-status .p0-map-health { font-size:8px; }
body:not(.operating-desktop-mode) .p0-map-project-lens { display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:9px;margin-bottom:14px; }
body:not(.operating-desktop-mode) .p0-map-project-lens > div { min-width:0;padding:13px 14px;border:1px solid rgba(17,19,25,.095);border-radius:12px;background:rgba(255,255,255,.86);box-shadow:inset 0 1px rgba(255,255,255,.9),0 10px 26px rgba(35,40,51,.055); }
body:not(.operating-desktop-mode) .p0-map-project-lens span { display:block;color:#83909d;font-size:8px; }
body:not(.operating-desktop-mode) .p0-map-project-lens strong { display:block;margin-top:7px;color:#273746;font-size:12px;line-height:1.4; }
body:not(.operating-desktop-mode) .p0-map-decision-options { display:flex;flex-wrap:wrap;gap:6px;padding-top:4px; }
body:not(.operating-desktop-mode) .p0-map-decision-options span { padding:5px 7px;border:1px solid rgba(17,19,25,.09);border-radius:7px;color:#75808d!important;background:#f4f6f8;font-size:8px; }
@media(max-width:1260px){body:not(.operating-desktop-mode) .p0-map-command-grid-v2,body:not(.operating-desktop-mode) .p0-map-portfolio-layout-v2{grid-template-columns:1fr}body:not(.operating-desktop-mode) .p0-map-lifecycle-board .p0-map-initiative-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){body:not(.operating-desktop-mode) .p0-map-axis-card{grid-template-columns:1fr}body:not(.operating-desktop-mode) .p0-map-axis-steps,body:not(.operating-desktop-mode) .p0-map-axis-steps.operating{overflow-x:auto;grid-template-columns:repeat(7,minmax(72px,1fr));padding-bottom:5px}body:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps{grid-template-columns:repeat(5,minmax(78px,1fr))}body:not(.operating-desktop-mode) .p0-map-lifecycle-board .p0-map-initiative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body:not(.operating-desktop-mode) .p0-map-project-lens{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){body:not(.operating-desktop-mode) .p0-map-lifecycle-board .p0-map-initiative-grid{grid-template-columns:1fr}body:not(.operating-desktop-mode) .p0-map-initiative-card{min-height:210px}body:not(.operating-desktop-mode) .p0-map-project-lens{grid-template-columns:1fr}body:not(.operating-desktop-mode) .p0-map-cockpit-status{justify-content:flex-start}}


/* P0 map visual polish: no decorative 01/02 numbering, use quiet phase nodes instead. */
body:not(.operating-desktop-mode) .p0-map-tabs-dashboard button {
  gap: 0 !important;
  font-size: 12px !important;
  letter-spacing: .02em !important;
}
body:not(.operating-desktop-mode) .p0-map-tabs-dashboard button::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 8px;
  border-radius: 999px;
  background: #b9c4ce;
  box-shadow: inset 0 0 0 1px rgba(23, 26, 36, .06);
}
body:not(.operating-desktop-mode) .p0-map-tabs-dashboard button.active::before {
  background: #31bfc8;
  box-shadow: 0 0 0 4px rgba(49, 191, 200, .14);
}
body:not(.operating-desktop-mode) .p0-map-tabs-dashboard button i,
body:not(.operating-desktop-mode) .p0-map-axis-steps i {
  font-size: 0 !important;
  color: transparent !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps i {
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  border-color: rgba(20, 139, 145, .16) !important;
  background: #ffffff !important;
  box-shadow: inset 0 0 0 5px #e9eef2, 0 6px 14px rgba(35,40,51,.05) !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps .active i {
  background: #148b91 !important;
  border-color: rgba(20, 139, 145, .22) !important;
  box-shadow: inset 0 0 0 5px #ffffff, 0 8px 18px rgba(20,139,145,.18) !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps b {
  margin-top: 3px;
  font-size: 19px !important;
  letter-spacing: -.04em;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps span {
  font-size: 8px !important;
  font-weight: 650;
}
.operating-window > header {
  grid-template-columns: minmax(0,1fr) auto !important;
}
.operating-window > header span:first-child {
  display: none !important;
}

/* P0 phase rail refinement: circular node + rule, large count, stronger stage label. */
body:not(.operating-desktop-mode) .p0-map-axis-card {
  padding: 16px 18px !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps {
  align-items: start !important;
  gap: 12px !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps::before {
  top: 24px !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: rgba(20, 139, 145, .20) !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps > div {
  display: grid !important;
  grid-template-rows: 48px auto auto !important;
  justify-items: center !important;
  align-items: start !important;
  gap: 6px !important;
  min-width: 0 !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps i {
  position: relative !important;
  z-index: 2 !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  border: 2px solid rgba(20, 139, 145, .70) !important;
  background: #f7fbfb !important;
  box-shadow: 0 0 0 8px rgba(247,251,251,.96), 0 8px 18px rgba(20,139,145,.10) !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps i::after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: #148b91;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps .active i {
  background: #f7fbfb !important;
  border-color: #078a91 !important;
  box-shadow: 0 0 0 8px rgba(247,251,251,.96), 0 10px 22px rgba(20,139,145,.16) !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps .active i::after {
  background: #078a91;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps b {
  margin-top: -2px !important;
  color: #17202b !important;
  font-size: 30px !important;
  font-weight: 860 !important;
  line-height: .9 !important;
  letter-spacing: -.05em !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps span {
  color: #6d7886 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  letter-spacing: -.02em !important;
}
@media (max-width: 900px) {
  body:not(.operating-desktop-mode) .p0-map-axis-steps > div {
    min-width: 86px !important;
  }
  body:not(.operating-desktop-mode) .p0-map-axis-steps b {
    font-size: 26px !important;
  }
  body:not(.operating-desktop-mode) .p0-map-axis-steps span {
    font-size: 13px !important;
  }
}

/* P0 phase rail final hierarchy: large stage label, rule/node, then count. */
body:not(.operating-desktop-mode) .p0-map-axis-steps {
  align-items: start !important;
  gap: 14px !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps::before {
  top: 43px !important;
  left: 2% !important;
  right: 2% !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(20,139,145,.08), rgba(20,139,145,.34), rgba(20,139,145,.08)) !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps > div {
  grid-template-rows: auto 30px auto !important;
  gap: 7px !important;
  align-items: start !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps span {
  order: 1 !important;
  color: #536171 !important;
  font-family: var(--font-display) !important;
  font-size: 17px !important;
  font-weight: 860 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps i {
  order: 2 !important;
  align-self: center !important;
  width: 26px !important;
  height: 26px !important;
  border: 2px solid rgba(20,139,145,.78) !important;
  border-radius: 999px !important;
  background: #f8fbfb !important;
  box-shadow: 0 0 0 9px rgba(248,251,251,.96), 0 8px 18px rgba(20,139,145,.10) !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps i::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #148b91;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps b {
  order: 3 !important;
  margin-top: 0 !important;
  color: #17202b !important;
  font-family: var(--font-data) !important;
  font-size: 29px !important;
  font-weight: 850 !important;
  line-height: .9 !important;
  letter-spacing: -.05em !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps .active span {
  color: #17202b !important;
}
@media (max-width: 900px) {
  body:not(.operating-desktop-mode) .p0-map-axis-steps::before {
    top: 39px !important;
  }
  body:not(.operating-desktop-mode) .p0-map-axis-steps span {
    font-size: 15px !important;
  }
  body:not(.operating-desktop-mode) .p0-map-axis-steps b {
    font-size: 26px !important;
  }
}

/* FINAL P0 phase rail: large stage label -> horizontal rule -> count. No dots, no numbered nodes. */
body:not(.operating-desktop-mode) .p0-map-tabs-dashboard button::before,
body:not(.operating-desktop-mode) .p0-map-axis-steps i::after {
  content: none !important;
  display: none !important;
}
body:not(.operating-desktop-mode) .p0-map-tabs-dashboard button {
  gap: 0 !important;
  font-size: 12px !important;
  letter-spacing: .02em !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-card {
  padding: 18px 20px !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps,
body:not(.operating-desktop-mode) .p0-map-axis-steps.operating {
  align-items: start !important;
  gap: 16px !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps::before {
  display: none !important;
  content: none !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps > div {
  display: grid !important;
  grid-template-rows: minmax(34px, auto) 1px auto !important;
  justify-items: center !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  text-align: center !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps span {
  order: 1 !important;
  display: block !important;
  color: #465667 !important;
  font-family: var(--font-display) !important;
  font-size: 18px !important;
  font-weight: 880 !important;
  line-height: 1.05 !important;
  letter-spacing: -.045em !important;
  white-space: normal !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps .active span {
  color: #121a24 !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps i {
  order: 2 !important;
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, transparent, rgba(20,139,145,.36), transparent) !important;
  box-shadow: none !important;
  font-size: 0 !important;
  color: transparent !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps .active i {
  background: linear-gradient(90deg, transparent, rgba(20,139,145,.70), transparent) !important;
  box-shadow: none !important;
}
body:not(.operating-desktop-mode) .p0-map-axis-steps b {
  order: 3 !important;
  margin-top: 0 !important;
  color: #17202b !important;
  font-family: var(--font-data) !important;
  font-size: 31px !important;
  font-weight: 860 !important;
  line-height: .88 !important;
  letter-spacing: -.055em !important;
}
@media (max-width: 900px) {
  body:not(.operating-desktop-mode) .p0-map-axis-steps > div {
    min-width: 92px !important;
  }
  body:not(.operating-desktop-mode) .p0-map-axis-steps span {
    font-size: 16px !important;
  }
  body:not(.operating-desktop-mode) .p0-map-axis-steps b {
    font-size: 27px !important;
  }
}

/* P0 Map cleanup: remove decorative section meta counters like "8 items" / "31 projects" everywhere. */
body:not(.operating-desktop-mode) .p0-map-section-head > span {
  display: none !important;
}

/* P0 lifecycle flow board: stage-first portfolio navigation. */
body:not(.operating-desktop-mode) .p0-map-flow-board {
  --flow-ink:#18232f;
  --flow-muted:#778493;
  --flow-line:rgba(24,35,47,.09);
  overflow:hidden;
  background:rgba(255,255,255,.9);
}
body:not(.operating-desktop-mode) .p0-flow-head { align-items:center;padding:22px 24px 20px; }
body:not(.operating-desktop-mode) .p0-flow-head h3 { font-size:clamp(26px,2.4vw,38px);letter-spacing:-.055em; }
body:not(.operating-desktop-mode) .p0-flow-head p { max-width:72ch;font-size:10px; }
body:not(.operating-desktop-mode) .p0-flow-summary { display:flex;align-items:center;gap:14px; }
body:not(.operating-desktop-mode) .p0-flow-summary > span { display:grid;gap:3px;padding-right:14px;border-right:1px solid var(--flow-line);text-align:right; }
body:not(.operating-desktop-mode) .p0-flow-summary small { color:#8a96a3;font-size:7px;letter-spacing:.08em; }
body:not(.operating-desktop-mode) .p0-flow-summary strong { color:#167f85;font-size:13px; }
body:not(.operating-desktop-mode) .p0-flow-summary > b { color:#687584;font-family:var(--font-data);font-size:8px;font-weight:700; }
body:not(.operating-desktop-mode) .p0-flow-toolbar { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 18px;border-bottom:1px solid var(--flow-line);background:linear-gradient(90deg,#f7fafb,#fbfcfd); }
body:not(.operating-desktop-mode) .p0-flow-toolbar > span { display:flex;align-items:center;gap:8px;color:#8a96a2;font-size:8px;letter-spacing:.02em; }
body:not(.operating-desktop-mode) .p0-flow-toolbar > span i { width:6px;height:6px;border-radius:50%;background:#26b5be;box-shadow:0 0 0 4px rgba(38,181,190,.12); }
body:not(.operating-desktop-mode) .p0-flow-toolbar > span b { color:#596675;font-weight:800; }
body:not(.operating-desktop-mode) .p0-flow-toolbar > span em { color:#b6c0c9;font-style:normal; }
body:not(.operating-desktop-mode) .p0-flow-toolbar > div { display:flex;gap:5px; }
body:not(.operating-desktop-mode) .p0-flow-toolbar button { width:30px;height:28px;display:grid;place-items:center;border:1px solid rgba(24,35,47,.1);border-radius:8px;color:#526170;background:#fff;box-shadow:0 3px 10px rgba(28,45,60,.04);font-size:13px;transition:transform 180ms ease,border-color 180ms ease,color 180ms ease; }
body:not(.operating-desktop-mode) .p0-flow-toolbar button:hover { transform:translateY(-1px);border-color:rgba(20,139,145,.32);color:#128087; }
body:not(.operating-desktop-mode) .p0-map-flow-scroll { overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(20,139,145,.26) transparent; }
body:not(.operating-desktop-mode) .p0-map-flow-scroll:focus-visible { outline:2px solid rgba(20,139,145,.42);outline-offset:-2px; }
body:not(.operating-desktop-mode) .p0-map-flow-grid { min-width:max-content;display:grid;grid-template-columns:repeat(5,minmax(280px,1fr));align-items:stretch;background:linear-gradient(90deg,rgba(17,19,25,.025) 1px,transparent 1px);background-size:280px 100%; }
body:not(.operating-desktop-mode) .p0-flow-lane { --lane-accent:#8793a0;position:relative;width:clamp(254px,17vw,310px);min-height:430px;display:grid;grid-template-rows:auto 1fr;scroll-snap-align:start;border-right:1px solid var(--flow-line);background:linear-gradient(180deg,rgba(246,249,250,.94),rgba(255,255,255,.96) 126px); }
body:not(.operating-desktop-mode) .p0-flow-lane.caution { --lane-accent:#d29a2e; }
body:not(.operating-desktop-mode) .p0-flow-lane.violet { --lane-accent:#7564b8; }
body:not(.operating-desktop-mode) .p0-flow-lane.blue { --lane-accent:#397bc3; }
body:not(.operating-desktop-mode) .p0-flow-lane.safe { --lane-accent:#1d9a78; }
body:not(.operating-desktop-mode) .p0-flow-lane.danger { --lane-accent:#ca4563; }
body:not(.operating-desktop-mode) .p0-flow-lane > header { position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;min-height:96px;padding:16px 14px 14px;border-top:3px solid var(--lane-accent);border-bottom:1px solid var(--flow-line);background:rgba(255,255,255,.82); }
body:not(.operating-desktop-mode) .p0-flow-lane > header > span { min-width:0;display:flex;align-items:center;gap:8px; }
body:not(.operating-desktop-mode) .p0-flow-lane > header i { color:var(--lane-accent);font-family:var(--font-data);font-size:7px;font-style:normal;letter-spacing:.08em; }
body:not(.operating-desktop-mode) .p0-flow-lane > header b { color:var(--flow-ink);font-size:12px;line-height:1.2; }
body:not(.operating-desktop-mode) .p0-flow-lane > header strong { min-width:27px;height:27px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--lane-accent) 22%,transparent);border-radius:9px;color:var(--lane-accent);background:color-mix(in srgb,var(--lane-accent) 7%,white);font-family:var(--font-data);font-size:12px; }
body:not(.operating-desktop-mode) .p0-flow-lane > header small { grid-column:1/-1;color:#8995a1;font-size:8px;line-height:1.45; }
body:not(.operating-desktop-mode) .p0-flow-lane-cards { display:grid;align-content:start;gap:9px;padding:11px; }
body:not(.operating-desktop-mode) .p0-flow-card { position:relative;min-height:0!important;display:grid!important;grid-template-rows:auto auto auto auto auto auto!important;gap:9px!important;padding:12px!important;border:1px solid rgba(24,35,47,.09)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 7px 22px rgba(32,50,65,.055)!important;animation:p0-flow-card-enter 480ms cubic-bezier(.2,.75,.25,1) both;animation-delay:calc((var(--lane-order,0) * 35ms) + (var(--card-order,0) * 55ms));transition:transform 220ms cubic-bezier(.2,.75,.25,1),box-shadow 220ms ease,border-color 180ms ease!important; }
body:not(.operating-desktop-mode) .p0-flow-card::before { content:"";position:absolute;inset:12px auto 12px 0;width:2px;border-radius:0 2px 2px 0;background:var(--lane-accent);opacity:.9; }
body:not(.operating-desktop-mode) .p0-flow-card:hover { z-index:2;transform:translateY(-3px) scale(1.012)!important;border-color:color-mix(in srgb,var(--lane-accent) 34%,transparent)!important;box-shadow:0 14px 34px rgba(32,50,65,.12)!important; }
body:not(.operating-desktop-mode) .p0-flow-card:focus-visible { outline:2px solid color-mix(in srgb,var(--lane-accent) 58%,transparent);outline-offset:2px; }
body:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top { align-items:center; }
body:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top em { color:#71808e!important;font-size:7px!important;font-weight:800;letter-spacing:.08em; }
body:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top i { padding:3px 6px!important;border-radius:6px!important;font-size:7px!important; }
body:not(.operating-desktop-mode) .p0-flow-card > strong { color:#253442!important;font-size:12px!important;line-height:1.35!important; }
body:not(.operating-desktop-mode) .p0-flow-card-context { display:flex;align-items:center;gap:7px;min-width:0; }
body:not(.operating-desktop-mode) .p0-flow-card-context b { flex:0 0 auto;padding:3px 6px;border:1px solid rgba(17,19,25,.08);border-radius:6px;font-size:7px; }
body:not(.operating-desktop-mode) .p0-flow-card-context small { min-width:0;overflow:hidden;color:#8994a0!important;font-size:7px!important;text-overflow:ellipsis;white-space:nowrap; }
body:not(.operating-desktop-mode) .p0-flow-card-metric { display:grid;grid-template-columns:1fr 1fr;gap:5px; }
body:not(.operating-desktop-mode) .p0-flow-card-metric > span { min-width:0;display:grid;gap:4px;padding:7px 8px;border-radius:8px;background:#f5f7f8; }
body:not(.operating-desktop-mode) .p0-flow-card-metric small { color:#929ca6!important;font-size:6px!important;line-height:1.2; }
body:not(.operating-desktop-mode) .p0-flow-card-metric b { overflow:hidden;color:#334454!important;font-family:var(--font-data);font-size:10px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap; }
body:not(.operating-desktop-mode) .p0-flow-card-progress { height:3px;overflow:hidden;border-radius:99px;background:#edf1f3; }
body:not(.operating-desktop-mode) .p0-flow-card-progress i { display:block;width:var(--flow-progress);height:100%;border-radius:inherit;background:var(--lane-accent);transform-origin:left;animation:p0-flow-progress 700ms cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(180ms + (var(--card-order,0) * 55ms)); }
body:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot { align-items:center;padding-top:8px;border-top:1px solid rgba(24,35,47,.07); }
body:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot b { min-width:0;overflow:hidden;color:#687684!important;font-size:7px!important;text-overflow:ellipsis;white-space:nowrap; }
body:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot small { margin-left:auto;color:#a0a9b1!important;font-size:6px!important;white-space:nowrap; }
body:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot i { color:var(--lane-accent);font-size:12px;font-style:normal;transition:transform 180ms ease; }
body:not(.operating-desktop-mode) .p0-flow-card:hover .p0-map-card-foot i { transform:translateX(3px); }
body:not(.operating-desktop-mode) .p0-flow-empty { min-height:108px;display:grid;place-items:center;align-content:center;gap:8px;border:1px dashed rgba(24,35,47,.1);border-radius:13px;color:#abb4bc;background:rgba(255,255,255,.42);font-size:8px; }
body:not(.operating-desktop-mode) .p0-flow-empty i { width:8px;height:8px;border:1px solid #b9c2c9;border-radius:50%; }
@keyframes p0-flow-card-enter { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }
@keyframes p0-flow-progress { from{transform:scaleX(0)} to{transform:scaleX(1)} }
@media(max-width:760px){
  body:not(.operating-desktop-mode) .p0-flow-head{align-items:flex-start;flex-direction:column;padding:18px}
  body:not(.operating-desktop-mode) .p0-flow-summary{width:100%;justify-content:space-between}
  body:not(.operating-desktop-mode) .p0-flow-summary > span{text-align:left}
  body:not(.operating-desktop-mode) .p0-flow-toolbar{padding-inline:14px}
  body:not(.operating-desktop-mode) .p0-flow-toolbar > span b,body:not(.operating-desktop-mode) .p0-flow-toolbar > span em,body:not(.operating-desktop-mode) .p0-flow-toolbar > div{display:none}
  body:not(.operating-desktop-mode) .p0-map-flow-scroll{overflow:visible;scroll-snap-type:none}
  body:not(.operating-desktop-mode) .p0-map-flow-grid{min-width:0;grid-template-columns:1fr;background:none}
  body:not(.operating-desktop-mode) .p0-flow-lane{width:auto;min-height:0;border-right:0;border-bottom:1px solid var(--flow-line);background:linear-gradient(180deg,rgba(246,249,250,.94),rgba(255,255,255,.96) 104px)}
  body:not(.operating-desktop-mode) .p0-flow-lane > header{min-height:86px}
  body:not(.operating-desktop-mode) .p0-flow-lane-cards{grid-template-columns:1fr}
  body:not(.operating-desktop-mode) .p0-flow-lane.is-empty .p0-flow-lane-cards{display:none}
}
@media(prefers-reduced-motion:reduce){
  body:not(.operating-desktop-mode) .p0-flow-card,body:not(.operating-desktop-mode) .p0-flow-card-progress i{animation:none!important}
  body:not(.operating-desktop-mode) .p0-map-flow-scroll{scroll-behavior:auto}
}

/* P0 Map premium visual pass: editorial control room, restrained chroma and purposeful motion. */
body.p0-map-mode:not(.operating-desktop-mode) {
  --p0-ink:#17222f;
  --p0-ink-soft:#344455;
  --p0-copy:#637386;
  --p0-muted:#94a0ac;
  --p0-teal:#13939a;
  --p0-teal-bright:#35c5ca;
  --p0-coral:#d94f70;
  --p0-gold:#c99125;
  --p0-blue:#397bc3;
  --p0-violet:#7461b9;
  --p0-green:#168b69;
  --p0-paper:#fbfcfd;
  --p0-line:rgba(24,34,47,.09);
  background:
    radial-gradient(circle at 12% 18%,rgba(53,197,202,.13),transparent 28rem),
    radial-gradient(circle at 88% 12%,rgba(217,79,112,.10),transparent 27rem),
    linear-gradient(180deg,#f7f9fa 0%,#f1f5f6 58%,#edf4f3 100%)!important;
}
body.p0-map-mode:not(.operating-desktop-mode)::before {
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.34;
  background-image:linear-gradient(rgba(33,52,67,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(33,52,67,.035) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,black,transparent 88%);
}
body.p0-map-mode:not(.operating-desktop-mode)::after {
  content:"";position:fixed;z-index:-1;width:38vw;height:38vw;right:-15vw;top:19vh;border:1px solid rgba(19,147,154,.08);border-radius:50%;pointer-events:none;
  box-shadow:0 0 0 64px rgba(19,147,154,.018),0 0 0 128px rgba(217,79,112,.012);
  animation:p0-ambient-orbit 14s ease-in-out infinite alternate;
}
body.p0-map-mode:not(.operating-desktop-mode) .app-main { position:relative; }
body.p0-map-mode:not(.operating-desktop-mode) .app-command {
  isolation:isolate;overflow:hidden;padding-top:22px!important;padding-bottom:18px!important;
  border-bottom-color:rgba(24,34,47,.08)!important;
  background:linear-gradient(180deg,rgba(250,251,252,.96),rgba(247,249,250,.86))!important;
  backdrop-filter:blur(24px) saturate(150%);
}
body.p0-map-mode:not(.operating-desktop-mode) .app-command::before {
  content:"";position:absolute;z-index:-1;left:clamp(16px,2.4vw,34px);right:clamp(16px,2.4vw,34px);bottom:-1px;height:1px;
  background:linear-gradient(90deg,var(--p0-teal),rgba(53,197,202,.08) 36%,rgba(217,79,112,.24) 72%,transparent);
  transform-origin:left;animation:p0-line-reveal 800ms cubic-bezier(.16,1,.3,1) both;
}
body.p0-map-mode:not(.operating-desktop-mode) .app-command .view-eyebrow { color:var(--p0-teal)!important;font-size:8px!important;font-weight:800!important;letter-spacing:.2em!important; }
body.p0-map-mode:not(.operating-desktop-mode) .app-command h1 {
  width:fit-content;margin-top:5px!important;color:var(--p0-ink)!important;font-size:clamp(34px,3.25vw,52px)!important;font-weight:735!important;letter-spacing:-.07em!important;
  background:linear-gradient(102deg,#121b25 0%,#233342 62%,#12888d 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
body.p0-map-mode:not(.operating-desktop-mode) .app-command p:last-child { color:#667687!important;font-size:11px!important;font-weight:510!important; }
body.p0-map-mode:not(.operating-desktop-mode) #refreshCurrent {
  min-height:42px;padding:0 16px!important;border-color:rgba(23,34,47,.12)!important;border-radius:12px!important;color:#263543!important;background:rgba(255,255,255,.82)!important;box-shadow:0 7px 22px rgba(31,45,57,.065)!important;transition:transform 200ms cubic-bezier(.16,1,.3,1),box-shadow 200ms ease,border-color 200ms ease!important;
}
body.p0-map-mode:not(.operating-desktop-mode) #refreshCurrent:hover { transform:translateY(-2px);border-color:rgba(19,147,154,.3)!important;box-shadow:0 12px 28px rgba(31,45,57,.11)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-toolbar {
  position:relative;isolation:isolate;overflow:hidden;margin-bottom:16px!important;padding:17px 18px!important;border:1px solid rgba(19,147,154,.13)!important;border-radius:24px!important;
  background:linear-gradient(118deg,rgba(246,255,254,.94),rgba(255,255,255,.94) 47%,rgba(255,247,250,.9))!important;
  box-shadow:0 20px 56px rgba(37,51,63,.085),inset 0 1px rgba(255,255,255,.98)!important;
  animation:p0-surface-enter 620ms cubic-bezier(.16,1,.3,1) both;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-toolbar::after {
  content:"";position:absolute;z-index:-1;inset:-70% auto -70% -20%;width:32%;transform:skewX(-18deg);pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:p0-sheen 6.5s 1.2s ease-in-out infinite;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-lever-filter > span { color:var(--p0-teal)!important;font-size:10px!important;font-weight:850!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-lever-filter button {
  min-height:38px!important;padding:8px 15px!important;border:1px solid transparent!important;border-radius:13px!important;color:#596a7b!important;background:rgba(255,255,255,.66)!important;font-size:13px!important;
  transition:transform 180ms ease,color 180ms ease,background 180ms ease,box-shadow 180ms ease!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-lever-filter button:hover { transform:translateY(-1px);color:var(--p0-ink)!important;background:#fff!important;box-shadow:0 7px 18px rgba(33,47,59,.07)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-lever-filter button.active { color:#fff!important;background:linear-gradient(135deg,#18232f,#263747)!important;box-shadow:0 10px 24px rgba(20,30,40,.18)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-picker-trigger {
  min-height:82px!important;padding:15px 19px!important;border:1px solid rgba(19,147,154,.16)!important;border-radius:19px!important;background:rgba(255,255,255,.76)!important;
  box-shadow:0 12px 30px rgba(37,51,63,.065),inset 0 1px #fff!important;transition:transform 220ms cubic-bezier(.16,1,.3,1),box-shadow 220ms ease,border-color 180ms ease!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-picker-trigger:hover { transform:translateY(-2px);border-color:rgba(19,147,154,.34)!important;box-shadow:0 17px 38px rgba(37,51,63,.1),inset 0 1px #fff!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-picker-trigger small { color:var(--p0-teal)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.14em!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-picker-trigger strong { color:var(--p0-ink)!important;font-size:21px!important;font-weight:720!important;letter-spacing:-.035em!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-picker-trigger em { color:#758494!important;font-size:11px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-tabs { align-self:end!important;padding:6px!important;border-color:rgba(24,34,47,.09)!important;border-radius:18px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 8px 25px rgba(33,47,59,.055)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-tabs button { min-height:48px!important;padding:11px 20px!important;border-radius:13px!important;color:#697989!important;font-size:13px!important;transition:transform 180ms ease,color 180ms ease,background 180ms ease!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-tabs button:hover { color:var(--p0-ink)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-tabs button.active { color:#fff!important;background:linear-gradient(135deg,#17222d,#263846)!important;box-shadow:0 10px 24px rgba(22,32,42,.18)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-toolbar-meta b { color:var(--p0-ink)!important;font-size:24px!important;font-weight:720!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-toolbar-meta span { color:#8793a0!important;font-size:9px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-command-grid-v2 { gap:14px!important;animation:p0-surface-enter 680ms 70ms cubic-bezier(.16,1,.3,1) both; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-command-main {
  position:relative;isolation:isolate;overflow:hidden;padding:26px!important;border:1px solid rgba(255,255,255,.09)!important;border-top:0!important;border-radius:22px!important;
  background:radial-gradient(circle at 86% 12%,rgba(53,197,202,.22),transparent 16rem),radial-gradient(circle at 8% 100%,rgba(217,79,112,.2),transparent 18rem),linear-gradient(145deg,#111b25,#1c2a37 70%,#203846)!important;
  box-shadow:0 24px 58px rgba(21,32,43,.18),inset 0 1px rgba(255,255,255,.08)!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-command-main::after { content:"";position:absolute;z-index:-1;width:210px;height:210px;right:-100px;bottom:-125px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.018),0 0 0 76px rgba(255,255,255,.012); }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-command-main .hero-kicker { color:#72dfe1!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-command-main h2 { margin:10px 0 13px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-command-main h2 strong { color:#ff7190!important;-webkit-text-fill-color:#ff7190!important;text-shadow:0 8px 30px rgba(255,89,128,.2); }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-command-main h2 span { color:#f5f8fb!important;-webkit-text-fill-color:#f5f8fb!important;font-weight:610!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-command-main p { color:#bcc8d2!important;font-size:10px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-command-notes { border-top-color:rgba(255,255,255,.09)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-command-notes span { color:#9eacb8!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-command-notes b { color:#fff!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-stack { gap:11px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card {
  position:relative;overflow:hidden;padding:15px 16px!important;border:1px solid rgba(24,34,47,.075)!important;border-radius:17px!important;background:rgba(255,255,255,.91)!important;
  box-shadow:0 13px 34px rgba(32,47,59,.07),inset 0 1px #fff!important;transition:transform 220ms cubic-bezier(.16,1,.3,1),box-shadow 220ms ease!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card:hover { transform:translateY(-2px);box-shadow:0 18px 42px rgba(32,47,59,.11),inset 0 1px #fff!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card::after { content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),rgba(53,197,202,.09),transparent 72%);transition:opacity 180ms ease; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card:hover::after { opacity:1; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card header span { color:var(--p0-ink)!important;font-size:11px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card header small { color:#8995a2!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps::before { height:2px!important;border-radius:99px;background:linear-gradient(90deg,#95a1ad,#d3a12f,#4a86c9,#7966b9,#189574)!important;opacity:.55; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps i { width:28px!important;height:28px!important;border:5px solid #f6f8f9!important;border-radius:50%!important;background:#c8d0d7!important;box-shadow:0 0 0 1px rgba(24,34,47,.08)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps .active i { border-color:#fff!important;background:var(--p0-teal)!important;box-shadow:0 0 0 1px rgba(19,147,154,.24),0 6px 16px rgba(19,147,154,.2)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(1).active i{background:#8995a2!important}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(2).active i{background:var(--p0-gold)!important}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(3).active i{background:var(--p0-blue)!important}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(4).active i{background:var(--p0-violet)!important}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(5).active i{background:var(--p0-green)!important}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps b { color:var(--p0-ink)!important;font-size:19px!important;font-weight:700!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps span { color:#768492!important;font-size:7px!important;font-weight:650!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-flow-board { margin-top:2px;border:1px solid rgba(24,34,47,.075)!important;border-radius:22px!important;box-shadow:0 24px 62px rgba(31,45,57,.085),inset 0 1px #fff!important;animation:p0-surface-enter 720ms 140ms cubic-bezier(.16,1,.3,1) both; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-head { position:relative;padding:24px 27px 22px!important;background:linear-gradient(110deg,#fff,#fbfdfd 62%,#f8fcfb)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-head::after { content:"";position:absolute;left:27px;bottom:-1px;width:78px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--p0-teal),var(--p0-coral)); }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-head .hero-kicker { color:var(--p0-teal)!important;font-size:9px!important;font-weight:820!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-head h3 { color:var(--p0-ink)!important;font-size:clamp(28px,2.65vw,42px)!important;font-weight:715!important;letter-spacing:-.06em!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-summary > span { border-right-color:var(--p0-line)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-summary small { color:#929da8!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-summary strong { color:var(--p0-green)!important;font-size:14px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-toolbar { padding:11px 21px!important;background:linear-gradient(90deg,#f6f9fa,#fbfcfd)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-toolbar > span { color:#84909d!important;font-size:8px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-toolbar > span b { color:#526171!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane { background:linear-gradient(180deg,color-mix(in srgb,var(--lane-accent) 3%,#f8fafb),#fff 132px)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header { border-top-width:4px!important;background:rgba(255,255,255,.84)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header b { color:var(--p0-ink)!important;font-size:13px!important;font-weight:720!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header strong { box-shadow:inset 0 1px rgba(255,255,255,.8); }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card { overflow:hidden; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card::after { content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(190px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--lane-accent) 11%,transparent),transparent 68%);transition:opacity 180ms ease; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:hover::after { opacity:1; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card > strong { color:#233341!important;font-size:12px!important;font-weight:690!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-metric > span { border:1px solid rgba(24,34,47,.045);background:linear-gradient(145deg,#f7f9fa,#f2f5f6)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-progress { height:4px!important;background:#edf1f2!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-progress i { position:relative;overflow:hidden; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-progress i::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:translateX(-120%);animation:p0-progress-glint 3.8s 1.3s ease-in-out infinite; }
body.p0-map-mode:not(.operating-desktop-mode) .shared-workspace-dock { border-color:rgba(24,34,47,.1)!important;background:rgba(255,255,255,.88)!important;box-shadow:0 18px 48px rgba(29,42,54,.14)!important;backdrop-filter:blur(24px) saturate(160%); }
@keyframes p0-surface-enter { from{opacity:0;transform:translateY(14px);filter:blur(4px)} to{opacity:1;transform:translateY(0);filter:blur(0)} }
@keyframes p0-line-reveal { from{transform:scaleX(0)} to{transform:scaleX(1)} }
@keyframes p0-sheen { 0%,62%{transform:translateX(-160%) skewX(-18deg);opacity:0} 72%{opacity:.75} 88%,100%{transform:translateX(520%) skewX(-18deg);opacity:0} }
@keyframes p0-progress-glint { 0%,68%{transform:translateX(-120%)} 88%,100%{transform:translateX(180%)} }
@keyframes p0-ambient-orbit { from{transform:translate3d(0,0,0) scale(.98)} to{transform:translate3d(-2vw,2vh,0) scale(1.05)} }
@media(max-width:780px){
  body.p0-map-mode:not(.operating-desktop-mode)::after{display:none}
  body.p0-map-mode:not(.operating-desktop-mode) .app-command{padding-top:17px!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-toolbar{padding:12px!important;border-radius:20px!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-lever-filter button{min-height:36px!important;padding:7px 13px!important;font-size:12px!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-picker-trigger{min-height:76px!important;padding:14px 16px!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-tabs button{min-height:46px!important;font-size:12px!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-command-main{padding:22px!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-head{padding:20px!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-head::after{left:20px}
}
@media(prefers-reduced-motion:reduce){
  body.p0-map-mode:not(.operating-desktop-mode)::after,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-toolbar,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-toolbar::after,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-command-grid-v2,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-flow-board,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-progress i::after { animation:none!important; }
}

/* P0 readability pass: compact distribution bands and larger project cards. */
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-command-grid-v2 {
  grid-template-columns:minmax(330px,.56fr) minmax(700px,1.44fr)!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-command-main {
  display:grid;align-content:center;min-height:100%;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-command-main p {
  max-width:52ch;font-size:12px!important;line-height:1.7!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card {
  grid-template-columns:165px minmax(0,1fr)!important;
  min-height:126px;padding:18px 20px!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card header {
  align-self:center;gap:7px!important;padding-right:18px;border-right:1px solid rgba(24,34,47,.075);
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card header span {
  font-size:14px!important;font-weight:760!important;letter-spacing:-.02em;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card header small {
  max-width:15em;font-size:9px!important;line-height:1.5!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps,
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps.operating {
  position:relative;display:grid;gap:7px!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps::before { display:none!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps > div {
  position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto auto!important;align-content:center!important;justify-items:stretch!important;gap:5px 7px!important;min-width:0;padding:10px 10px 9px!important;border:1px solid rgba(24,34,47,.065);border-radius:12px;background:linear-gradient(145deg,#fbfcfd,#f4f7f8);text-align:left!important;transition:transform 190ms ease,border-color 190ms ease,box-shadow 190ms ease!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps > div:hover {
  z-index:2;transform:translateY(-2px);border-color:rgba(19,147,154,.22);box-shadow:0 9px 22px rgba(32,47,59,.08);
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-axis-label {
  min-width:0;display:flex!important;align-items:center;gap:5px;color:#536273!important;font-size:9px!important;font-weight:750!important;line-height:1.2!important;white-space:nowrap;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-axis-label > i {
  width:auto!important;height:auto!important;display:inline!important;border:0!important;border-radius:0!important;color:var(--p0-teal)!important;background:transparent!important;box-shadow:none!important;font-family:var(--font-data)!important;font-size:6px!important;font-style:normal!important;line-height:1!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps > div > b {
  grid-column:1;grid-row:2;color:var(--p0-ink)!important;font-family:var(--font-display)!important;font-size:25px!important;font-weight:720!important;line-height:1!important;letter-spacing:-.06em!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-axis-share {
  grid-column:2;grid-row:2;align-self:end;color:#8995a1!important;font-family:var(--font-data)!important;font-size:7px!important;font-weight:650!important;line-height:1!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps > div > em {
  grid-column:1/-1;grid-row:3;height:4px;overflow:hidden;border-radius:99px;background:#e8edef;font-style:normal;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps > div > em > i {
  width:var(--axis-share)!important;height:100%!important;display:block!important;border:0!important;border-radius:inherit!important;background:#9ba7b2!important;box-shadow:none!important;transform-origin:left;animation:p0-flow-progress 650ms cubic-bezier(.16,1,.3,1) both;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(2) > em > i { background:var(--p0-gold)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(3) > em > i { background:var(--p0-blue)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(4) > em > i { background:var(--p0-violet)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(5) > em > i { background:var(--p0-green)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.operating .p0-map-axis-steps > div > em > i { background:linear-gradient(90deg,var(--p0-teal),var(--p0-teal-bright))!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps > div:not(.active) { opacity:.6; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-flow-grid {
  grid-template-columns:repeat(5,minmax(330px,1fr))!important;background-size:330px 100%!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane { width:clamp(330px,21vw,390px)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header { min-height:112px!important;padding:19px 18px 16px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header i { font-size:8px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header b { font-size:16px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header strong { min-width:34px;height:34px;border-radius:11px;font-size:15px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header small { margin-top:2px;color:#748291!important;font-size:10px!important;line-height:1.5!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane-cards { gap:13px!important;padding:15px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card {
  gap:12px!important;padding:16px 16px 14px!important;border-radius:17px!important;box-shadow:0 10px 28px rgba(32,50,65,.065)!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card::before { inset:15px auto 15px 0!important;width:3px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top em { font-size:9px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top i { padding:5px 8px!important;font-size:9px!important;font-weight:750!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card > strong { font-size:16px!important;line-height:1.38!important;letter-spacing:-.025em!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-context { gap:9px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-context b { padding:5px 8px!important;border-radius:8px!important;font-size:9px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-context small { font-size:9px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-metric { gap:8px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-metric > span { gap:6px!important;padding:11px 12px!important;border-radius:11px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-metric small { font-size:8px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-metric b { font-size:14px!important;line-height:1.3!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-progress { height:5px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot { padding-top:11px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot b { font-size:9px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot small { font-size:8px!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot i { font-size:16px!important; }
@media(max-width:1260px){
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-command-grid-v2{grid-template-columns:1fr!important}
}
@media(max-width:900px){
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card{grid-template-columns:1fr!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card header{padding-right:0;padding-bottom:12px;border-right:0;border-bottom:1px solid rgba(24,34,47,.075)}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps,body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps.operating{overflow-x:auto;grid-template-columns:repeat(7,minmax(122px,1fr))!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps{grid-template-columns:repeat(5,minmax(132px,1fr))!important}
}
@media(max-width:760px){
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-flow-grid{grid-template-columns:1fr!important;background:none!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane{width:auto!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header{min-height:96px!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card > strong{font-size:17px!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-metric b{font-size:15px!important}
}
@media(prefers-reduced-motion:reduce){body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps > div > em > i{animation:none!important}}

/* P0 fit-and-readability pass: five maturity columns stay in one desktop viewport. */
body.p0-map-mode:not(.operating-desktop-mode) .p0-axis-label {
  gap:7px!important;
  color:#47586a!important;
  font-size:11px!important;
  font-weight:780!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-axis-label > i {
  color:var(--p0-teal)!important;
  font-size:8px!important;
  font-weight:800!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-axis-share {
  color:#687789!important;
  font-size:9px!important;
  font-weight:750!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-steps > div > b {
  font-size:28px!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-flow-scroll {
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
  scroll-snap-type:none!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-flow-grid {
  width:100%!important;
  min-width:0!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  background-size:20% 100%!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane {
  width:auto!important;
  min-width:0!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-toolbar {
  justify-content:flex-start!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-toolbar > div {
  display:none!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header {
  min-height:108px!important;
  padding:18px 14px 15px!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header i {
  font-size:9px!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header b {
  font-size:clamp(14px,1.15vw,18px)!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header strong {
  min-width:34px;height:34px;font-size:16px!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header small {
  font-size:10px!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane-cards {
  gap:11px!important;
  padding:11px!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card {
  gap:10px!important;
  padding:14px 13px 13px!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card > strong {
  font-size:clamp(13px,1.05vw,16px)!important;
  line-height:1.4!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top em,
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-context small,
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot b {
  font-size:9px!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top i,
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-context b {
  font-size:9px!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-metric > span {
  padding:10px 9px!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-metric small {
  font-size:8px!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-metric b {
  font-size:clamp(13px,1vw,15px)!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot small {
  font-size:8px!important;
}
@media(max-width:1100px) and (min-width:761px){
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header{padding-inline:10px!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane-cards{padding:7px!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card{padding:12px 10px!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card > strong{font-size:12px!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-metric{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-flow-grid{grid-template-columns:1fr!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card > strong{font-size:17px!important}
}

/* P0 stage labels: intentionally prominent for fast portfolio scanning. */
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card .p0-axis-label {
  min-height: 30px !important;
  gap: 9px !important;
  color: #182634 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -.035em !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card .p0-axis-label > i {
  flex: 0 0 auto;
  font-size: 10px !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card .p0-map-axis-steps > div {
  min-height: 104px !important;
  padding: 15px 14px 12px !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card .p0-map-axis-steps > div > b {
  font-size: 38px !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header b {
  font-size: 24px !important;
  font-weight: 850 !important;
}
@media(max-width:1200px){
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card .p0-axis-label{font-size:19px!important}
}
@media(max-width:900px){
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card .p0-axis-label{font-size:18px!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card .p0-map-axis-steps > div > b{font-size:32px!important}
}

/* P0 stage labels balanced sizing: readable without crowding the 5/7-column rails. */
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card .p0-axis-label {
  min-height: 22px !important;
  gap: 7px !important;
  font-size: 16px !important;
  font-weight: 820 !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em !important;
  white-space: nowrap !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.operating .p0-axis-label {
  font-size: 14px !important;
  letter-spacing: -.02em !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card .p0-axis-label > i {
  font-size: 8px !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card .p0-map-axis-steps > div {
  min-height: 88px !important;
  padding: 12px 11px 10px !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card .p0-map-axis-steps > div > b {
  font-size: 32px !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header b {
  font-size: 19px !important;
  font-weight: 800 !important;
}
@media(max-width:1200px){
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card .p0-axis-label{font-size:15px!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.operating .p0-axis-label{font-size:13px!important}
}
@media(max-width:900px){
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card .p0-axis-label,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.operating .p0-axis-label{font-size:15px!important}
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card .p0-map-axis-steps > div > b{font-size:29px!important}
}

/* P0 stage index badges: quiet, structured and aligned away from the title. */
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card .p0-axis-label {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card .p0-axis-label > i {
  order: 2 !important;
  flex: 0 0 auto !important;
  min-width: 24px !important;
  height: 20px !important;
  margin-left: auto !important;
  padding: 0 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(19,147,154,.18) !important;
  border-radius: 7px !important;
  color: #39767b !important;
  background: rgba(19,147,154,.075) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.85) !important;
  font-family: var(--font-data) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .04em !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(1) .p0-axis-label > i {
  color: #667482 !important; background: #eef2f4 !important; border-color: #dce3e7 !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(2) .p0-axis-label > i {
  color: #8a6516 !important; background: #fff7df !important; border-color: #f0dda6 !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(3) .p0-axis-label > i {
  color: #356a9f !important; background: #eef6ff !important; border-color: #d3e4f5 !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(4) .p0-axis-label > i {
  color: #67549e !important; background: #f4f0ff !important; border-color: #dfd7f3 !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(5) .p0-axis-label > i {
  color: #26775e !important; background: #edf8f3 !important; border-color: #d0e9de !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.operating .p0-axis-label > i {
  color: #35767b !important;
  background: #edf8f8 !important;
  border-color: #cfe8e8 !important;
}

/* Ensure index badges are not collapsed by the legacy rail-line rule. */
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card .p0-axis-label > i {
  width: auto !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  border-width: 1px !important;
}

/* P0 initiative cards as hover/focus drawers. */
@media (hover:hover) and (pointer:fine) {
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card {
    row-gap: 0 !important;
    min-height: 0 !important;
    padding: 14px 13px !important;
    overflow: hidden !important;
    transform-origin: top center;
    transition:
      transform 360ms cubic-bezier(.16,1,.3,1),
      box-shadow 320ms ease,
      border-color 260ms ease,
      padding 360ms cubic-bezier(.16,1,.3,1) !important;
  }
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top {
    margin-bottom: 9px;
  }
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card > strong {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    transition: color 220ms ease !important;
  }
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-context,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-metric,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card-progress,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot {
    min-height: 0 !important;
    max-height: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top-color: transparent !important;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    transform: translateY(-8px);
    transition:
      max-height 440ms cubic-bezier(.16,1,.3,1),
      margin-top 360ms cubic-bezier(.16,1,.3,1),
      padding 360ms cubic-bezier(.16,1,.3,1),
      opacity 180ms ease,
      transform 360ms cubic-bezier(.16,1,.3,1),
      visibility 0s linear 440ms,
      border-color 260ms ease !important;
  }
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:hover,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus-visible {
    z-index: 4;
    padding: 16px 14px 14px !important;
    transform: translateY(-4px) scale(1.012) !important;
    box-shadow: 0 20px 46px rgba(32,50,65,.16) !important;
  }
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:hover > strong,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus > strong,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus-visible > strong {
    color: #132433 !important;
  }
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:hover .p0-flow-card-context,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus .p0-flow-card-context,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus-visible .p0-flow-card-context {
    max-height: 34px !important;
    margin-top: 11px !important;
  }
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:hover .p0-flow-card-metric,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus .p0-flow-card-metric,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus-visible .p0-flow-card-metric {
    max-height: 92px !important;
    margin-top: 10px !important;
  }
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:hover .p0-flow-card-progress,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus .p0-flow-card-progress,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus-visible .p0-flow-card-progress {
    max-height: 5px !important;
    margin-top: 10px !important;
  }
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:hover .p0-map-card-foot,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus .p0-map-card-foot,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus-visible .p0-map-card-foot {
    max-height: 38px !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top-color: rgba(24,35,47,.07) !important;
  }
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:hover .p0-flow-card-context,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:hover .p0-flow-card-metric,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:hover .p0-flow-card-progress,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:hover .p0-map-card-foot,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus .p0-flow-card-context,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus .p0-flow-card-metric,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus .p0-flow-card-progress,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus .p0-map-card-foot,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus-visible .p0-flow-card-context,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus-visible .p0-flow-card-metric,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus-visible .p0-flow-card-progress,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus-visible .p0-map-card-foot {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s,0s,0s,70ms,0s,0s,0s !important;
  }
}
@media (hover:none), (pointer:coarse) {
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card {
    row-gap: 10px !important;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card,
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card * {
    transition-duration: 0.01ms !important;
  }
}

/* Keep the lowercase descender in "P0 Map" fully visible. */
body.p0-map-mode:not(.operating-desktop-mode) .app-command h1 {
  line-height: 1.08 !important;
  padding-bottom: .12em !important;
  overflow: visible !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .app-command > div:first-child {
  padding-bottom: 2px;
  overflow: visible;
}

/* P0 Map wordmark: color glyphs independently so the p descender cannot be clipped by background-clip. */
body.p0-map-mode:not(.operating-desktop-mode) .app-command #viewTitle {
  display: inline-flex !important;
  align-items: baseline !important;
  width: auto !important;
  padding: 0 0 .16em !important;
  overflow: visible !important;
  color: #121b25 !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  filter: none !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .app-command #viewTitle > span {
  display: inline-block;
  overflow: visible;
  color: inherit;
  -webkit-text-fill-color: currentColor;
}
body.p0-map-mode:not(.operating-desktop-mode) .app-command #viewTitle .p0-title-po {
  color: #121b25 !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .app-command #viewTitle .p0-title-m {
  color: #20343b !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .app-command #viewTitle .p0-title-a {
  color: #16817b !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .app-command #viewTitle .p0-title-p {
  position: relative;
  z-index: 1;
  color: #b34b68 !important;
  padding-bottom: .14em;
  margin-bottom: -.14em;
}

/* P0 Map wordmark: softer continuous color transitions across independent glyph boxes. */
body.p0-map-mode:not(.operating-desktop-mode) .app-command #viewTitle > span {
  color: transparent !important;
  background-repeat: no-repeat !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .app-command #viewTitle .p0-title-po {
  background-image: linear-gradient(100deg, #111923 0%, #172630 72%, #1b3038 100%) !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .app-command #viewTitle .p0-title-m {
  background-image: linear-gradient(100deg, #1b3038 0%, #21464b 58%, #22655f 100%) !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .app-command #viewTitle .p0-title-a {
  background-image: linear-gradient(100deg, #22655f 0%, #17877f 48%, #498076 76%, #8f6370 100%) !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .app-command #viewTitle .p0-title-p {
  background-image: linear-gradient(100deg, #8f6370 0%, #aa576d 42%, #bc4e6c 100%) !important;
}

/* Final P0 wordmark: SVG owns both the continuous gradient and descender canvas. */
body.p0-map-mode:not(.operating-desktop-mode) .app-command #viewTitle {
  display: block !important;
  width: clamp(164px, 10.9vw, 190px) !important;
  height: auto !important;
  margin-top: 3px !important;
  padding: 0 !important;
  overflow: visible !important;
  background: none !important;
  -webkit-text-fill-color: initial !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .app-command #viewTitle .p0-title-wordmark {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

/* P0 card Lever badges: stronger identity without competing with project titles. */
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top .lever-badge {
  --lever-ink: #46616c;
  --lever-bg: #eef4f5;
  --lever-border: #d9e5e7;
  position: relative;
  min-height: 24px;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  padding: 4px 9px 4px 7px !important;
  border: 1px solid var(--lever-border);
  border-radius: 999px;
  color: var(--lever-ink) !important;
  background: var(--lever-bg);
  box-shadow: inset 0 1px rgba(255,255,255,.88), 0 3px 9px rgba(28,45,58,.045);
  font-family: var(--font-data) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top .lever-badge::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: var(--lever-ink);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--lever-ink) 13%, transparent);
}
body.p0-map-mode:not(.operating-desktop-mode) .lever-badge.lever-app {
  --lever-ink: #24758a;
  --lever-bg: #eaf7fa;
  --lever-border: #cae8ed;
}
body.p0-map-mode:not(.operating-desktop-mode) .lever-badge.lever-gaming {
  --lever-ink: #7258a4;
  --lever-bg: #f3effb;
  --lever-border: #ded5ef;
}
body.p0-map-mode:not(.operating-desktop-mode) .lever-badge.lever-brand {
  --lever-ink: #b04e69;
  --lever-bg: #fcedf2;
  --lever-border: #f1d1db;
}
body.p0-map-mode:not(.operating-desktop-mode) .lever-badge.lever-tts {
  --lever-ink: #a36b14;
  --lever-bg: #fff6df;
  --lever-border: #eedba9;
}
body.p0-map-mode:not(.operating-desktop-mode) .lever-badge.lever-olc {
  --lever-ink: #23765e;
  --lever-bg: #eaf7f1;
  --lever-border: #cce7dc;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:hover .lever-badge,
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus-visible .lever-badge {
  transform: translateY(-1px);
  box-shadow: inset 0 1px rgba(255,255,255,.92), 0 5px 13px color-mix(in srgb, var(--lever-ink) 13%, transparent);
}

/* Lever palette specificity fix. */
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top .lever-badge.lever-app {
  --lever-ink: #24758a; --lever-bg: #eaf7fa; --lever-border: #cae8ed;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top .lever-badge.lever-gaming {
  --lever-ink: #7258a4; --lever-bg: #f3effb; --lever-border: #ded5ef;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top .lever-badge.lever-brand {
  --lever-ink: #b04e69; --lever-bg: #fcedf2; --lever-border: #f1d1db;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top .lever-badge.lever-tts {
  --lever-ink: #a36b14; --lever-bg: #fff6df; --lever-border: #eedba9;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top .lever-badge.lever-olc {
  --lever-ink: #23765e; --lever-bg: #eaf7f1; --lever-border: #cce7dc;
}

/* Final Lever colors: direct values avoid inherited custom-property conflicts. */
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top .lever-badge.lever-app {
  color:#24758a!important;background:#eaf7fa!important;border-color:#cae8ed!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top .lever-badge.lever-app::before { background:#24758a!important;box-shadow:0 0 0 3px rgba(36,117,138,.13)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top .lever-badge.lever-gaming {
  color:#7258a4!important;background:#f3effb!important;border-color:#ded5ef!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top .lever-badge.lever-gaming::before { background:#7258a4!important;box-shadow:0 0 0 3px rgba(114,88,164,.13)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top .lever-badge.lever-brand {
  color:#b04e69!important;background:#fcedf2!important;border-color:#f1d1db!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top .lever-badge.lever-brand::before { background:#b04e69!important;box-shadow:0 0 0 3px rgba(176,78,105,.13)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top .lever-badge.lever-tts {
  color:#9a6718!important;background:#fff6df!important;border-color:#eedba9!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top .lever-badge.lever-tts::before { background:#b47a1d!important;box-shadow:0 0 0 3px rgba(180,122,29,.13)!important; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top .lever-badge.lever-olc {
  color:#23765e!important;background:#eaf7f1!important;border-color:#cce7dc!important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-top .lever-badge.lever-olc::before { background:#23765e!important;box-shadow:0 0 0 3px rgba(35,118,94,.13)!important; }

/* P0 card action arrow: SVG avoids font-glyph clipping during drawer animation. */
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot .p0-card-arrow {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  flex: 0 0 22px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
  color: var(--lane-accent) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: none;
  transition: transform 260ms cubic-bezier(.16,1,.3,1), color 180ms ease !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot .p0-card-arrow svg {
  width: 18px;
  height: 18px;
  display: block;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:hover .p0-map-card-foot .p0-card-arrow,
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus-visible .p0-map-card-foot .p0-card-arrow {
  transform: translateX(3px) !important;
}

/* P0 card action arrow v2: stable circular affordance, no glyph clipping. */
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot .p0-card-arrow {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  flex: 0 0 28px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
  border: 1px solid color-mix(in srgb, var(--lane-accent) 24%, #d9e2e8) !important;
  border-radius: 999px !important;
  color: var(--lane-accent) !important;
  background: color-mix(in srgb, var(--lane-accent) 8%, #ffffff) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.9), 0 4px 10px rgba(31,45,57,.055) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: none !important;
  transition: transform 260ms cubic-bezier(.16,1,.3,1), box-shadow 220ms ease, border-color 220ms ease, background 220ms ease !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot .p0-card-arrow svg {
  width: 17px !important;
  height: 17px !important;
  display: block !important;
  overflow: visible !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot .p0-card-arrow svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:hover .p0-map-card-foot .p0-card-arrow,
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus-visible .p0-map-card-foot .p0-card-arrow {
  transform: translateX(3px) !important;
  border-color: color-mix(in srgb, var(--lane-accent) 42%, #d9e2e8) !important;
  background: color-mix(in srgb, var(--lane-accent) 13%, #ffffff) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.92), 0 7px 16px color-mix(in srgb, var(--lane-accent) 15%, transparent) !important;
}

/* P0 card action arrow v3: smaller compact affordance. */
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot .p0-card-arrow {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  flex-basis: 20px !important;
  box-shadow: inset 0 1px rgba(255,255,255,.9), 0 2px 6px rgba(31,45,57,.045) !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot .p0-card-arrow svg {
  width: 13px !important;
  height: 13px !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot .p0-card-arrow svg path {
  stroke-width: 2.1 !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:hover .p0-map-card-foot .p0-card-arrow,
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus-visible .p0-map-card-foot .p0-card-arrow {
  transform: translateX(2px) !important;
}

/* P0 card action arrow v4: compact arrow without circular container. */
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot .p0-card-arrow {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  flex: 0 0 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot .p0-card-arrow svg {
  width: 12px !important;
  height: 12px !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card .p0-map-card-foot .p0-card-arrow svg path {
  stroke-width: 1.9 !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:hover .p0-map-card-foot .p0-card-arrow,
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-card:focus-visible .p0-map-card-foot .p0-card-arrow {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translateX(2px) !important;
}

/* P0 maturity rail polish: richer stage identity and denser visual rhythm. */
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity {
  min-height: 136px !important;
  padding: 20px 22px !important;
  background:
    radial-gradient(circle at 8% 20%, rgba(74,134,201,.055), transparent 210px),
    linear-gradient(115deg, rgba(255,255,255,.98), rgba(248,251,252,.96)) !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity header span {
  font-size: 16px !important;
  font-weight: 820 !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity header small {
  font-size: 10px !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps {
  gap: 9px !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div {
  --stage-accent: #8995a2;
  isolation: isolate;
  min-height: 96px !important;
  padding: 14px 14px 12px !important;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--stage-accent) 16%, #dfe5e8) !important;
  background:
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--stage-accent) 12%, transparent), transparent 58%),
    linear-gradient(150deg, #ffffff, color-mix(in srgb, var(--stage-accent) 4%, #f4f7f8)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.96), 0 7px 18px rgba(31,45,57,.045) !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--stage-accent);
  opacity: .82;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(2) { --stage-accent: var(--p0-gold); }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(3) { --stage-accent: var(--p0-blue); }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(4) { --stage-accent: var(--p0-violet); }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:nth-child(5) { --stage-accent: var(--p0-green); }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div:hover {
  border-color: color-mix(in srgb, var(--stage-accent) 34%, #dfe5e8) !important;
  box-shadow: 0 13px 28px color-mix(in srgb, var(--stage-accent) 12%, transparent) !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-axis-label {
  color: #223241 !important;
  font-size: 17px !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div > b {
  font-size: 36px !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div > em {
  height: 5px !important;
  background: color-mix(in srgb, var(--stage-accent) 10%, #e9eef0) !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-axis-card.maturity .p0-map-axis-steps > div > em > i {
  background: var(--stage-accent) !important;
}

/* Secondary page headers: remove redundant descriptions and keep a unified compact rhythm. */
body:not(.operating-desktop-mode) .app-command > div:first-child {
  display: grid;
  gap: 5px;
}
body:not(.operating-desktop-mode) .app-command .view-eyebrow,
body:not(.operating-desktop-mode) .app-command h1 {
  margin: 0 !important;
}
body:not(.operating-desktop-mode) .app-command #viewDescription {
  display: none !important;
}

/* Content headers: action-only toolbars stay compact after removing explanatory copy. */
body:not(.operating-desktop-mode) .view-toolbar.view-toolbar-actions-only {
  min-height: 0 !important;
  padding-block: 8px !important;
  justify-content: flex-end !important;
}

/* Roadmap refinement: labels become contextual tooltips instead of permanent overlays. */
body:not(.operating-desktop-mode) .roadmap-segment,
body:not(.operating-desktop-mode) .roadmap-milestone {
  cursor: help;
}
body:not(.operating-desktop-mode) .roadmap-segment::after,
body:not(.operating-desktop-mode) .roadmap-milestone::after {
  content: "";
  position: absolute;
  inset: -8px -3px;
}
body:not(.operating-desktop-mode) .roadmap-segment b,
body:not(.operating-desktop-mode) .roadmap-milestone b {
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 150ms ease,
    visibility 150ms ease,
    transform 220ms cubic-bezier(.16,1,.3,1);
}
body:not(.operating-desktop-mode) .roadmap-segment b {
  left: 50% !important;
  bottom: 15px !important;
  transform: translate(-50%, 5px) scale(.96);
  transform-origin: center bottom;
}
body:not(.operating-desktop-mode) .roadmap-segment:hover,
body:not(.operating-desktop-mode) .roadmap-milestone:hover {
  z-index: 12;
}
body:not(.operating-desktop-mode) .roadmap-segment:hover b {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0) scale(1);
}
body:not(.operating-desktop-mode) .roadmap-milestone b {
  transform: rotate(-45deg) translateY(5px) scale(.96);
}
body:not(.operating-desktop-mode) .roadmap-milestone:hover b {
  opacity: 1;
  visibility: visible;
  transform: rotate(-45deg) translateY(0) scale(1);
}
body:not(.operating-desktop-mode) .roadmap-segment:hover {
  filter: saturate(1.16) brightness(1.02);
  transform: translateY(-2px) scaleY(1.18) !important;
  box-shadow: 0 7px 16px rgba(45,57,69,.2), inset 0 1px rgba(255,255,255,.52) !important;
}
body:not(.operating-desktop-mode) .roadmap-milestone:hover {
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--milestone-color) 58%,transparent),
    0 7px 18px color-mix(in srgb,var(--milestone-color) 36%,transparent) !important;
}
body:not(.operating-desktop-mode) .roadmap-row:hover .roadmap-track {
  background-color: rgba(248,251,252,.72);
}
@media (hover:none), (pointer:coarse) {
  body:not(.operating-desktop-mode) .roadmap-segment b,
  body:not(.operating-desktop-mode) .roadmap-milestone b {
    display: none !important;
  }
}
@media (prefers-reduced-motion:reduce) {
  body:not(.operating-desktop-mode) .roadmap-segment b,
  body:not(.operating-desktop-mode) .roadmap-milestone b {
    transition: none !important;
  }
}

/* Roadmap tooltip v2: remove duplicate milestone diamonds and use a polished data card. */
body:not(.operating-desktop-mode) .roadmap-milestone {
  display: none !important;
}
body:not(.operating-desktop-mode) .roadmap-segment b {
  left: 50% !important;
  bottom: 17px !important;
  min-width: max-content !important;
  padding: 9px 11px 8px !important;
  display: grid !important;
  gap: 4px !important;
  border: 1px solid rgba(24,34,47,.10) !important;
  border-radius: 10px !important;
  color: #1d2a36 !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 12px 30px rgba(25,38,50,.16), inset 0 1px rgba(255,255,255,.95) !important;
  backdrop-filter: blur(14px) saturate(135%);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  transform: translate(-50%, 7px) scale(.96) !important;
  transform-origin: center bottom !important;
  text-align: left !important;
}
body:not(.operating-desktop-mode) .roadmap-segment b::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 9px;
  height: 9px;
  border-right: 1px solid rgba(24,34,47,.10);
  border-bottom: 1px solid rgba(24,34,47,.10);
  background: rgba(255,255,255,.96);
  transform: translateX(-50%) rotate(45deg);
}
body:not(.operating-desktop-mode) .roadmap-segment b strong {
  color: currentColor;
  font-family: var(--font-body) !important;
  font-size: 10px;
  font-weight: 820;
  line-height: 1.15;
}
body:not(.operating-desktop-mode) .roadmap-segment b small {
  color: #758392;
  font-family: var(--font-data) !important;
  font-size: 9px;
  font-weight: 650;
  line-height: 1.15;
  letter-spacing: .015em;
}
body:not(.operating-desktop-mode) .roadmap-segment.recruitment b strong { color: #8b6516; }
body:not(.operating-desktop-mode) .roadmap-segment.testing b strong { color: #6552bd; }
body:not(.operating-desktop-mode) .roadmap-segment.alpha b strong { color: #6552bd; }
body:not(.operating-desktop-mode) .roadmap-segment.beta b strong { color: #8b6516; }
body:not(.operating-desktop-mode) .roadmap-segment.ga b strong { color: #24775d; }
body:not(.operating-desktop-mode) .roadmap-segment:hover b {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(-50%, 0) scale(1) !important;
}

/* Roadmap row separation: make every product read as one complete horizontal unit. */
body:not(.operating-desktop-mode) .roadmap-group-rows .roadmap-row {
  position: relative;
  border-bottom: 1px solid rgba(45,61,76,.14) !important;
  background: rgba(255,255,255,.94);
  box-shadow: inset 0 -1px rgba(255,255,255,.9);
  transition:
    background 180ms ease,
    box-shadow 180ms ease,
    transform 220ms cubic-bezier(.16,1,.3,1) !important;
}
body:not(.operating-desktop-mode) .roadmap-group-rows .roadmap-row:nth-child(even) {
  background: linear-gradient(90deg, rgba(246,249,250,.98), rgba(250,252,252,.88));
}
body:not(.operating-desktop-mode) .roadmap-group-rows .roadmap-row:last-child {
  border-bottom: 0 !important;
}
body:not(.operating-desktop-mode) .roadmap-group-rows .roadmap-row:hover,
body:not(.operating-desktop-mode) .roadmap-group-rows .roadmap-row:focus-visible {
  z-index: 5;
  background: linear-gradient(90deg, rgba(235,248,246,.98), rgba(248,252,252,.96) 62%, rgba(255,255,255,.96)) !important;
  box-shadow:
    inset 3px 0 #43aaa5,
    inset 0 1px rgba(67,170,165,.18),
    inset 0 -1px rgba(67,170,165,.18),
    0 5px 16px rgba(34,54,67,.07) !important;
}
body:not(.operating-desktop-mode) .roadmap-group + .roadmap-group {
  border-top: 2px solid rgba(37,58,72,.16) !important;
}
body:not(.operating-desktop-mode) .roadmap-product {
  padding-block: 13px !important;
}

/* Product filters v2: search-first, direct lever chips, stable actions. */
body:not(.operating-desktop-mode) .base-filter-bar {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 13px !important;
  margin: 14px 0 16px !important;
  padding: 16px 17px !important;
  border: 1px solid rgba(29,45,58,.09) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 12px 32px rgba(31,45,57,.065), inset 0 1px #fff !important;
}
body:not(.operating-desktop-mode) .base-filter-head {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
body:not(.operating-desktop-mode) .base-filter-summary {
  display: flex !important;
  align-items: baseline;
  gap: 10px !important;
}
body:not(.operating-desktop-mode) .base-filter-summary strong {
  color: #243443 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
body:not(.operating-desktop-mode) .base-filter-summary span {
  color: #8a96a2 !important;
  font-size: 10px !important;
}
body:not(.operating-desktop-mode) .base-filter-summary span b {
  color: #198c8e;
  font-family: var(--font-data);
  font-size: 12px;
}
body:not(.operating-desktop-mode) .base-filter-actions {
  display: flex !important;
  justify-content: flex-end;
  gap: 7px !important;
}
body:not(.operating-desktop-mode) .base-filter-reset,
body:not(.operating-desktop-mode) .base-filter-more {
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid rgba(29,45,58,.11);
  border-radius: 9px;
  color: #556575;
  background: #f7f9fa;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}
body:not(.operating-desktop-mode) .base-filter-more {
  color: #fff;
  border-color: #1c2a36;
  background: #1c2a36;
}
body:not(.operating-desktop-mode) .base-filter-reset:hover { background: #eef3f4; }
body:not(.operating-desktop-mode) .base-filter-more:hover { background: #293b49; }
body:not(.operating-desktop-mode) .base-filter-more:disabled { opacity: .6; cursor: wait; }
body:not(.operating-desktop-mode) .base-filter-controls {
  display: grid;
  grid-template-columns: minmax(300px,1fr);
  gap: 10px;
}
body:not(.operating-desktop-mode) .base-filter-bar.catalog-filters .base-filter-controls {
  grid-template-columns: minmax(300px,1fr) minmax(170px,220px);
}
body:not(.operating-desktop-mode) .base-search,
body:not(.operating-desktop-mode) .base-owner-filter {
  display: grid !important;
  gap: 6px !important;
}
body:not(.operating-desktop-mode) .base-search > label,
body:not(.operating-desktop-mode) .base-owner-filter > span,
body:not(.operating-desktop-mode) .base-lever-filter > span {
  color: #7b8896 !important;
  font-size: 9px !important;
  font-weight: 750;
}
body:not(.operating-desktop-mode) .base-search-field {
  min-width: 0;
  height: 44px;
  display: grid;
  grid-template-columns: 20px minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid rgba(29,45,58,.12);
  border-radius: 12px;
  background: #f5f8f9;
  box-shadow: inset 0 1px 2px rgba(31,45,57,.035);
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}
body:not(.operating-desktop-mode) .base-search-field:focus-within {
  border-color: rgba(20,139,145,.46);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(20,139,145,.09), inset 0 1px 2px rgba(31,45,57,.025);
}
body:not(.operating-desktop-mode) .base-search-field > svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: #80909d;
  stroke-width: 1.8;
  stroke-linecap: round;
}
body:not(.operating-desktop-mode) .base-search-field input {
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  color: #263746 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px !important;
}
body:not(.operating-desktop-mode) .base-search-field input::-webkit-search-cancel-button { display: none; }
body:not(.operating-desktop-mode) .base-search-field button {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 8px;
  color: #72818f;
  background: #e8eef0;
  cursor: pointer;
}
body:not(.operating-desktop-mode) .base-search-field button:hover { color: #263746; background: #dce6e8; }
body:not(.operating-desktop-mode) .base-search-field button svg {
  width: 13px;
  height: 13px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}
body:not(.operating-desktop-mode) .base-owner-filter select {
  height: 44px !important;
  border-radius: 12px !important;
  background-color: #f5f8f9 !important;
}
body:not(.operating-desktop-mode) .base-lever-filter {
  min-width: 0;
  display: grid;
  gap: 7px;
  padding-top: 1px;
}
body:not(.operating-desktop-mode) .base-lever-filter > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
body:not(.operating-desktop-mode) .base-lever-filter button {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  border: 1px solid rgba(29,45,58,.10);
  border-radius: 10px;
  color: #5c6c7b;
  background: #f7f9fa;
  cursor: pointer;
  transition: transform 160ms ease, border-color 160ms ease, color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}
body:not(.operating-desktop-mode) .base-lever-filter button strong { font-size: 11px; font-weight: 760; }
body:not(.operating-desktop-mode) .base-lever-filter button small {
  min-width: 19px;
  height: 19px;
  display: grid;
  place-items: center;
  padding: 0 5px;
  border-radius: 6px;
  color: #84919d;
  background: #e9eef0;
  font-family: var(--font-data);
  font-size: 8px;
}
body:not(.operating-desktop-mode) .base-lever-filter button:hover {
  transform: translateY(-1px);
  color: #263746;
  border-color: rgba(20,139,145,.25);
  background: #fff;
}
body:not(.operating-desktop-mode) .base-lever-filter button.active {
  color: #fff;
  border-color: #1b2935;
  background: #1b2935;
  box-shadow: 0 7px 18px rgba(27,41,53,.16);
}
body:not(.operating-desktop-mode) .base-lever-filter button.active small {
  color: #bceff0;
  background: rgba(69,205,207,.14);
}
@media(max-width:760px) {
  body:not(.operating-desktop-mode) .base-filter-head { align-items: flex-start; flex-direction: column; }
  body:not(.operating-desktop-mode) .base-filter-actions { width: 100%; justify-content: flex-start; }
  body:not(.operating-desktop-mode) .base-filter-bar.catalog-filters .base-filter-controls { grid-template-columns: 1fr; }
}

/* Launch cards aligned with the P0 Map information model and visual hierarchy. */
body:not(.operating-desktop-mode) .tracker-p0-card {
  --lane-accent: #8b98a4;
  position: relative;
  width: 100%;
  min-width: 0;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px;
  padding: 14px 13px 13px !important;
  overflow: hidden;
  border: 1px solid rgba(24,34,47,.075) !important;
  border-radius: 16px !important;
  color: #263543;
  background: #fff !important;
  box-shadow: 0 9px 24px rgba(32,50,65,.06) !important;
  text-align: left;
}
body:not(.operating-desktop-mode) .tracker-p0-card::before {
  content: "";
  position: absolute;
  inset: 13px auto 13px 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--lane-accent);
}
body:not(.operating-desktop-mode) .tracker-p0-card.caution { --lane-accent: #d79a27; }
body:not(.operating-desktop-mode) .tracker-p0-card.danger { --lane-accent: #d34b6b; }
body:not(.operating-desktop-mode) .tracker-p0-card.safe { --lane-accent: #209878; }
body:not(.operating-desktop-mode) .tracker-p0-card .p0-map-card-top,
body:not(.operating-desktop-mode) .tracker-p0-card .p0-map-card-foot {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
body:not(.operating-desktop-mode) .tracker-p0-card .p0-map-card-top i {
  flex: 0 0 auto;
  padding: 4px 7px;
  border: 1px solid currentColor;
  border-radius: 7px;
  font-size: 8px;
  font-weight: 780;
  font-style: normal;
}
body:not(.operating-desktop-mode) .tracker-p0-card.caution .p0-map-card-top i { color:#a86f13;background:#fff7e5; }
body:not(.operating-desktop-mode) .tracker-p0-card.danger .p0-map-card-top i { color:#b93959;background:#fff0f4; }
body:not(.operating-desktop-mode) .tracker-p0-card.safe .p0-map-card-top i { color:#16785e;background:#ebf8f3; }
body:not(.operating-desktop-mode) .tracker-p0-card > strong {
  display: -webkit-box !important;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  color: #263543 !important;
  font-size: 14px !important;
  font-weight: 730 !important;
  line-height: 1.38 !important;
  letter-spacing: -.02em;
}
body:not(.operating-desktop-mode) .tracker-p0-card .p0-flow-card-context {
  display: flex;
  align-items: center;
  gap: 8px;
}
body:not(.operating-desktop-mode) .tracker-p0-card .p0-flow-card-context b {
  padding: 4px 7px;
  border-radius: 7px;
  color: #536777;
  background: #eef3f5;
  font-size: 8px;
  font-weight: 780;
}
body:not(.operating-desktop-mode) .tracker-p0-card .p0-flow-card-context small {
  color: #81909d;
  font-size: 8px;
}
body:not(.operating-desktop-mode) .tracker-p0-card .p0-flow-card-metric {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 7px;
}
body:not(.operating-desktop-mode) .tracker-p0-card .p0-flow-card-metric > span {
  display: grid;
  gap: 4px;
  padding: 9px 10px;
  border: 1px solid rgba(24,34,47,.055);
  border-radius: 10px;
  background: linear-gradient(145deg,#f7f9fa,#f2f5f6);
}
body:not(.operating-desktop-mode) .tracker-p0-card .p0-flow-card-metric small {
  color: #8b97a2;
  font-size: 7px;
}
body:not(.operating-desktop-mode) .tracker-p0-card .p0-flow-card-metric b {
  color: #334656 !important;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.25;
}
body:not(.operating-desktop-mode) .tracker-p0-card .p0-flow-card-progress {
  height: 4px;
  overflow: hidden;
  border-radius: 99px;
  background: #edf1f2;
}
body:not(.operating-desktop-mode) .tracker-p0-card .p0-flow-card-progress i {
  width: var(--flow-progress);
  height: 100%;
  display: block;
  border-radius: inherit;
  background: var(--lane-accent);
}
body:not(.operating-desktop-mode) .tracker-p0-card .p0-map-card-foot {
  padding-top: 9px;
  border-top: 1px solid rgba(24,35,47,.07);
}
body:not(.operating-desktop-mode) .tracker-p0-card .p0-map-card-foot b,
body:not(.operating-desktop-mode) .tracker-p0-card .p0-map-card-foot small {
  color: #84919d !important;
  font-size: 8px !important;
  font-weight: 650;
}
body:not(.operating-desktop-mode) .tracker-p0-card .p0-map-card-foot small { margin-left:auto; }
body:not(.operating-desktop-mode) .tracker-p0-card .p0-card-arrow {
  width: 15px;
  height: 15px;
  display: grid;
  place-items: center;
  color: var(--lane-accent);
  transition: transform 180ms ease;
}
body:not(.operating-desktop-mode) .tracker-p0-card .p0-card-arrow svg {
  width: 12px;
  height: 12px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body:not(.operating-desktop-mode) .tracker-p0-card:hover,
body:not(.operating-desktop-mode) .tracker-p0-card:focus-visible {
  transform: translateY(-3px) !important;
  border-color: color-mix(in srgb,var(--lane-accent) 26%,#dce4e8) !important;
  background: #fff !important;
  box-shadow: 0 16px 34px rgba(32,50,65,.12) !important;
}
body:not(.operating-desktop-mode) .tracker-p0-card:hover .p0-card-arrow,
body:not(.operating-desktop-mode) .tracker-p0-card:focus-visible .p0-card-arrow {
  transform: translateX(2px);
}
body:not(.operating-desktop-mode) .tracker-p0-card .lever-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 5px 8px;
  border: 1px solid #d9e5e7;
  border-radius: 7px;
  color: #46616c;
  background: #eef4f5;
  font-family: var(--font-data);
  font-size: 8px;
  font-weight: 820;
  font-style: normal;
  letter-spacing: .06em;
  text-transform: uppercase;
}
body:not(.operating-desktop-mode) .tracker-p0-card .lever-badge::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 3px color-mix(in srgb,currentColor 13%,transparent);
}
body:not(.operating-desktop-mode) .tracker-p0-card .lever-badge.lever-app { color:#24758a;background:#eaf7fa;border-color:#cae8ed; }
body:not(.operating-desktop-mode) .tracker-p0-card .lever-badge.lever-gaming { color:#7258a4;background:#f3effb;border-color:#ded5ef; }
body:not(.operating-desktop-mode) .tracker-p0-card .lever-badge.lever-brand { color:#b04e69;background:#fcedf2;border-color:#f1d1db; }
body:not(.operating-desktop-mode) .tracker-p0-card .lever-badge.lever-tts { color:#9a6718;background:#fff6df;border-color:#eedba9; }
body:not(.operating-desktop-mode) .tracker-p0-card .lever-badge.lever-olc { color:#23765e;background:#eaf7f1;border-color:#cce7dc; }

/* P0 maturity alignment v102: the guide rail and board share the same five-column geometry. */
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-toolbar {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 16px !important;
  padding: 0 0 0 18px !important;
  overflow: hidden !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-toolbar-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding-block: 11px !important;
  white-space: nowrap;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-stage-track {
  min-width: 0;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
  gap: 0 !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-stage-track > span {
  position: relative;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px 8px;
  border-left: 1px solid var(--flow-line);
  color: #596675;
  text-align: center;
  white-space: nowrap;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-stage-track > span > i {
  color: var(--stage-accent, #7d8995);
  font-family: var(--font-data);
  font-size: 8px;
  font-style: normal;
  letter-spacing: .08em;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-stage-track > span > b {
  min-width: 0;
  overflow: hidden;
  color: #435261;
  font-size: 10px;
  font-weight: 800;
  text-overflow: ellipsis;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-stage-track > span > em {
  position: absolute;
  right: -4px;
  z-index: 1;
  color: #aeb9c2;
  background: #f9fbfc;
  font-size: 10px;
  font-style: normal;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-stage-track .stage-developing { --stage-accent: #7d8995; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-stage-track .stage-alpha { --stage-accent: #c68c22; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-stage-track .stage-beta { --stage-accent: #397bc3; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-stage-track .stage-partial_ga { --stage-accent: #7564b8; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-stage-track .stage-ga { --stage-accent: #1d9a78; }
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-flow-grid,
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-stage-track {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane,
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane > header,
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-lane-cards {
  box-sizing: border-box;
}
@media (max-width: 900px) {
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-toolbar {
    grid-template-columns: 1fr !important;
    padding: 10px 14px !important;
    gap: 6px !important;
  }
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-toolbar-label { padding-block: 0 !important; }
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-stage-track { display: none !important; }
}

/* P0 maturity alignment v103: no leading legend column; stage labels map 1:1 to lanes. */
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-toolbar {
  display: block !important;
  padding: 0 !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-toolbar > .p0-flow-toolbar-label {
  display: none !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-toolbar > .p0-flow-stage-track {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-stage-track > span:first-child {
  border-left: 0;
}
@media (max-width: 900px) {
  body.p0-map-mode:not(.operating-desktop-mode) .p0-flow-toolbar { display: none !important; }
}

/* P0 maturity alignment v104: one semantic unit (projects) and one shared full-width grid. */
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-maturity-summary {
  width: 100%;
  min-width: 0;
  margin-top: 14px;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-maturity-project-rail {
  width: 100%;
  min-width: 0;
  display: block !important;
  padding: 0 !important;
  overflow: hidden;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-maturity-project-rail > header {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  padding: 13px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(24,34,47,.075) !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-maturity-project-rail > header span {
  font-size: 13px !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-maturity-project-rail > header small {
  max-width: none !important;
  font-size: 9px !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-maturity-project-rail .p0-map-axis-steps {
  width: 100%;
  min-width: 0;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-maturity-project-rail .p0-map-axis-steps > div {
  min-height: 92px !important;
  border: 0 !important;
  border-right: 1px solid rgba(24,34,47,.075) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-maturity-project-rail .p0-map-axis-steps > div:last-child {
  border-right: 0 !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-flow-board {
  margin-top: 14px !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-flow-board .p0-flow-toolbar {
  display: none !important;
}
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-flow-grid,
body.p0-map-mode:not(.operating-desktop-mode) .p0-map-maturity-project-rail .p0-map-axis-steps {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
@media (max-width: 900px) {
  body.p0-map-mode:not(.operating-desktop-mode) .p0-map-maturity-project-rail .p0-map-axis-steps {
    overflow-x: auto;
    grid-template-columns: repeat(5, minmax(132px, 1fr)) !important;
  }
}