/*
 * CNOB Product Control Tower — final Insights Hub theme layer.
 * Loaded after all legacy styles so the product has one predictable visual system.
 */
:root {
  color-scheme: light;
  --hub-canvas: #f4f5f7;
  --hub-surface: rgba(255, 255, 255, .92);
  --hub-surface-solid: #ffffff;
  --hub-surface-muted: #eef1f4;
  --hub-ink: #171a24;
  --hub-ink-2: #344252;
  --hub-muted: #778392;
  --hub-line: rgba(23, 26, 36, .10);
  --hub-line-strong: rgba(23, 26, 36, .17);
  --hub-dark: #171920;
  --hub-dark-raised: #20232c;
  --hub-cyan: #31bfc8;
  --hub-green: #168a69;
  --hub-pink: #cf3d61;
  --hub-amber: #b9790b;
  --hub-violet: #7564c7;
  --hub-shadow: 0 12px 34px rgba(35, 40, 51, .07);
  --hub-shadow-hover: 0 18px 42px rgba(35, 40, 51, .11);
}

html,
body {
  background: var(--hub-canvas) !important;
  color: var(--hub-ink);
}

/* ---------- App navigation ---------- */
.app-rail,
.app-rail:hover,
.app-rail:focus-within {
  color: var(--hub-ink-2) !important;
  border-color: var(--hub-line) !important;
  background: rgba(248, 249, 250, .96) !important;
  box-shadow: 12px 0 42px rgba(30, 36, 46, .08) !important;
  backdrop-filter: blur(22px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(115%) !important;
}
.app-rail::before { display: none !important; }
.rail-brand {
  color: var(--hub-ink) !important;
  border-bottom: 1px solid var(--hub-line) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.mark,
.rail-brand:hover .mark {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.mark svg,
.rail-brand:hover .mark svg { filter: none !important; }
.mark svg .ct-editorial {
  fill: #173343 !important;
  stroke: none !important;
  filter: none !important;
}
.mark svg .ct-orb {
  fill: #43c893 !important;
  stroke: #ffffff !important;
}
.rail-brand-copy strong { color: var(--hub-ink) !important; }
.rail-brand-copy small { color: #7c8795 !important; }
.rail-nav::before { display: none !important; }
.nav-item,
.nav-item:hover,
.nav-item.active {
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: #667282 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.nav-item::before,
.nav-item::after { display: none !important; }
.nav-item:hover {
  color: var(--hub-ink) !important;
  border-color: var(--hub-line) !important;
  background: rgba(255, 255, 255, .88) !important;
}
.nav-item.active {
  color: #ffffff !important;
  border-color: var(--hub-dark) !important;
  background: var(--hub-dark) !important;
  box-shadow: 0 10px 24px rgba(22, 25, 32, .13) !important;
}
.nav-glyph,
.nav-item:hover .nav-glyph,
.nav-item.active .nav-glyph {
  border: 1px solid var(--hub-line) !important;
  border-radius: 8px !important;
  color: #718091 !important;
  background: var(--hub-surface-muted) !important;
  box-shadow: none !important;
  transform: none !important;
}
.nav-glyph::before,
.nav-glyph::after { display: none !important; }
.nav-item.active .nav-glyph {
  color: #80eef1 !important;
  border-color: rgba(49, 191, 200, .26) !important;
  background: #252832 !important;
  box-shadow: inset 0 -2px var(--hub-cyan) !important;
}
.nav-glyph svg { filter: none !important; animation: none !important; }
.nav-item strong { color: inherit !important; }
.nav-item small { color: #929ba8 !important; }
.nav-item.active small { color: #a6afbb !important; }
.nav-item em {
  color: #087c82 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #dff7f7 !important;
  box-shadow: none !important;
}
.rail-status {
  color: var(--hub-ink-2) !important;
  border-color: var(--hub-line) !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: none !important;
}
.rail-status strong { color: var(--hub-ink-2) !important; }
.rail-status small { color: #84909d !important; }

@media (min-width: 1025px) {
  .app-rail,
  .app-rail:hover,
  .app-rail:focus-within {
    width: 220px !important;
    padding: 22px 16px 18px !important;
    overflow: hidden !important;
  }
  .app-main { margin-left: 220px !important; }
  .app-rail .rail-brand,
  .app-rail .rail-nav,
  .app-rail .rail-status { width: 188px !important; }
  .app-rail .rail-brand-copy,
  .app-rail .nav-item span:not(.nav-glyph),
  .app-rail .rail-status span:last-child {
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
  }
  .app-rail .nav-item,
  .app-rail:hover .nav-item,
  .app-rail:focus-within .nav-item,
  .app-rail:not(:hover):not(:focus-within) .nav-item {
    width: 188px !important;
    height: 54px !important;
    grid-template-columns: 38px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 7px 9px !important;
  }
  .nav-glyph { width: 34px !important; height: 34px !important; }
  .app-rail:not(:hover):not(:focus-within) .nav-item em { position: static !important; }
}

@media (min-width: 781px) and (max-width: 1024px) {
  .app-rail,
  .app-rail:hover,
  .app-rail:focus-within { width: 76px !important; padding: 16px 10px !important; overflow: hidden !important; }
  .app-main { margin-left: 76px !important; }
  .app-rail .rail-brand,
  .app-rail .rail-nav { width: 54px !important; }
  .app-rail .rail-brand-copy,
  .app-rail .nav-item span:not(.nav-glyph),
  .app-rail .rail-status { display: none !important; }
  .app-rail .nav-item,
  .app-rail:hover .nav-item,
  .app-rail:focus-within .nav-item,
  .app-rail:not(:hover):not(:focus-within) .nav-item {
    width: 54px !important;
    height: 48px !important;
    grid-template-columns: 1fr !important;
    place-items: center !important;
    padding: 6px !important;
  }
}

@media (max-width: 780px) {
  .app-rail,
  .app-rail:hover,
  .app-rail:focus-within {
    width: 100% !important;
    background: rgba(248,249,250,.97) !important;
    border-bottom: 1px solid var(--hub-line) !important;
    box-shadow: 0 8px 26px rgba(30,36,46,.07) !important;
  }
  .rail-brand { border-bottom: 0 !important; }
  .nav-item.active { background: var(--hub-dark) !important; }
}

/* ---------- Global controls ---------- */
.btn {
  border: 1px solid var(--hub-dark) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  background: var(--hub-dark) !important;
  box-shadow: none !important;
}
.btn:hover {
  color: #ffffff !important;
  border-color: #2b2f39 !important;
  background: #2b2f39 !important;
  box-shadow: none !important;
}
.btn.secondary {
  color: var(--hub-ink-2) !important;
  border-color: var(--hub-line-strong) !important;
  background: #ffffff !important;
}
.btn.secondary:hover {
  color: var(--hub-ink) !important;
  border-color: rgba(23,26,36,.30) !important;
  background: #eef1f4 !important;
}
.btn.success { color: #ffffff !important; border-color: #14795b !important; background: #14795b !important; }
.btn.danger { color: #b72e50 !important; border-color: rgba(183,46,80,.22) !important; background: #fff0f3 !important; }
.btn.danger:hover { color: #ffffff !important; border-color: #bd3657 !important; background: #bd3657 !important; }
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible { outline: 2px solid #20a9b2 !important; outline-offset: 2px !important; }

.badge,
.pill,
.status-pill {
  color: #596676 !important;
  border: 1px solid var(--hub-line) !important;
  border-radius: 6px !important;
  background: #f0f3f5 !important;
  box-shadow: none !important;
}
.status-GREEN,
.status-APPROVED { color: #14795b !important; border-color: rgba(20,121,91,.18) !important; background: #e8f7f1 !important; }
.status-YELLOW,
.status-PENDING_REVIEW { color: #976200 !important; border-color: rgba(151,98,0,.18) !important; background: #fff5dc !important; }
.status-RED,
.status-REJECTED,
.status-INVALIDATED { color: #b72e50 !important; border-color: rgba(183,46,80,.18) !important; background: #fff0f3 !important; }

.roadmap-filter,
.matching-filter,
.matching-source-filter,
.triage-filter,
.p0-map-lever-filter button,
.p0-map-tabs button,
.p0-focus-window-toggle button {
  color: #687483 !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  background: transparent !important;
  box-shadow: none !important;
}
.roadmap-filter:hover,
.matching-filter:hover,
.matching-source-filter:hover,
.triage-filter:hover,
.p0-map-lever-filter button:hover,
.p0-map-tabs button:hover,
.p0-focus-window-toggle button:hover { color: var(--hub-ink) !important; background: #eef1f4 !important; }
.roadmap-filter.active,
.matching-filter.active,
.matching-source-filter.active,
.triage-filter.active,
.p0-map-lever-filter button.active,
.p0-map-tabs button.active,
.p0-focus-window-toggle button.active { color: #ffffff !important; border-color: var(--hub-dark) !important; background: var(--hub-dark) !important; }

input,
textarea,
select {
  color: #273342 !important;
  border-color: var(--hub-line-strong) !important;
  background: #eef1f4 !important;
  box-shadow: inset 0 1px 3px rgba(17,19,25,.04) !important;
  color-scheme: light !important;
}
input::placeholder,
textarea::placeholder { color: #8a95a2 !important; }

/* ---------- Light content surfaces ---------- */
.tower-card,
.catalog-card,
.program-card,
.governance-card,
.progress-lane,
.source-card-panel,
.source-card,
.exec-weekly-card,
.exec-digest-card,
.exec-lever-card,
.p0-risk-row,
.p0-risk-filter-rail,
.p0-risk-queue-panel,
.p0-risk-inspector,
.p0-map-board,
.p0-map-stage-board,
.p0-map-empty-metrics,
.roadmap-board,
.panel,
.section-card,
.triage-workspace,
.conflict-workspace,
.matching-workspace,
.shadow-source-card,
.p0-focus-main-card,
.p0-focus-side-card,
.p0-metric-detail,
.base-filter-bar,
.exec-funnel,
.exec-triage-portfolio,
.tracker-metrics > div,
.exec-digest-metric,
.exec-digest-bullet,
.exec-approved-item,
.exec-attention-item,
.exec-source-mini,
.p0-map-initiative-card,
.p0-map-action-list > button,
.p0-map-action-list > div,
.p0-risk-work-item,
.p0-risk-filter-card,
.processing-priority-item,
.tracker-card,
.change-item,
.action-item,
.risk-item {
  color: var(--hub-ink) !important;
  border-color: var(--hub-line) !important;
  background: var(--hub-surface) !important;
  box-shadow: var(--hub-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
  filter: none !important;
}
.tower-card::before,
.tower-card::after,
.exec-weekly-card::before,
.p0-map-board::before,
.section-card::before { opacity: 0 !important; }

/* ---------- Hero hierarchy ---------- */
.exec-hero,
.processing-hero,
.roadmap-intro,
.p0-map-command-main,
.p0-map-cockpit-hero,
.p0-risk-hero {
  color: #ffffff !important;
  border-color: rgba(255,255,255,.08) !important;
  border-radius: 14px !important;
  background: var(--hub-dark) !important;
  box-shadow: 0 18px 44px rgba(35,40,51,.12) !important;
}
/* Launch progress is a page intro, not another black command slab. */
.tracker-priority {
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 12px !important;
  align-items: stretch !important;
  padding: 20px 22px !important;
  border: 1px solid var(--hub-line) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.86) !important;
  box-shadow: var(--hub-shadow) !important;
}
.tracker-priority-copy {
  align-content: center !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--hub-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.tracker-priority-copy h2 {
  color: var(--hub-ink) !important;
  background: linear-gradient(102deg,#111318 0%,#171a24 55%,#237c70 82%,#c73558 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tracker-priority-copy p { color: #657283 !important; }
.tracker-priority-actions {
  min-width: 190px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ---------- Launch tracker internals ---------- */
.base-filter-bar {
  border-color: var(--hub-line) !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: var(--hub-shadow) !important;
}
.base-filter-bar > div strong { color: var(--hub-ink-2) !important; }
.base-filter-bar > div span,
.base-filter-bar label { color: var(--hub-muted) !important; }
.progress-board { gap: 12px !important; }
.progress-lane { overflow: hidden !important; }
.progress-lane-head { border-bottom-color: var(--hub-line) !important; background: #f7f9fa !important; }
.progress-lane-head h3 { color: var(--hub-ink) !important; }
.progress-lane-head small { color: var(--hub-muted) !important; }
.progress-lane-body { background: rgba(248,249,250,.56) !important; }
.tracker-card { background: #ffffff !important; }
.tracker-card strong { color: #263543 !important; }
.tracker-card > em { color: var(--hub-cyan) !important; }
.tracker-card-facts span {
  color: #334252 !important;
  border: 1px solid var(--hub-line) !important;
  background: #f1f4f6 !important;
}
.tracker-card-facts b { color: #7d8896 !important; }
.tracker-mini-progress { background: #e3e8ec !important; }
.tracker-mini-progress span { background: linear-gradient(90deg,var(--hub-cyan),var(--hub-green)) !important; box-shadow: none !important; }
.signal-mini-badge,
.lever-badge,
.match-CONFIRMED,
.match-PENDING,
.match-UNMATCHED {
  border-color: var(--hub-line) !important;
  border-radius: 6px !important;
  color: #546272 !important;
  background: #eef2f4 !important;
}

/* ---------- Tables and lists ---------- */
.p0-focus-export-table,
.source-table-list,
.codebox { border-color: var(--hub-line) !important; background: #ffffff !important; }
.p0-focus-export-table th { color: #576676 !important; background: #eef2f5 !important; }
.p0-focus-export-table td { color: #263543 !important; border-color: var(--hub-line) !important; }
.empty { color: #7e8996 !important; }

@media (max-width: 900px) {
  .tracker-priority { grid-template-columns: 1fr !important; }
  .tracker-priority-actions { min-width: 0 !important; }
}

/* ---------- Operating desktop homepage ---------- */
body.operating-desktop-mode {
  overflow: hidden;
  background: #f6f7f8 !important;
}
body.operating-desktop-mode .app-rail,
body.operating-desktop-mode .app-command,
body.operating-desktop-mode #error { display: none !important; }
body.operating-desktop-mode .app-main {
  margin-left: 0 !important;
  padding: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  overflow: hidden !important;
}
body.operating-desktop-mode .view-root {
  width: 100vw;
  height: 100dvh;
  overflow: hidden;
}
.operating-desktop {
  --desktop-ink: #111319;
  position: relative;
  isolation: isolate;
  width: 100%;
  height: 100%;
  min-height: 680px;
  overflow: hidden;
  color: var(--desktop-ink);
  background:
    radial-gradient(circle at 12% 72%, rgba(254,44,85,.16), transparent 30rem),
    radial-gradient(circle at 88% 38%, rgba(13,174,128,.17), transparent 31rem),
    linear-gradient(145deg,#f5f6f8,#fbfbfc 53%,#f1f3f4);
}
.operating-dot-grid { display:none!important; }
.operating-desktop::before,
.operating-desktop::after {
  content:"";
  position:absolute;
  z-index:-1;
  width:52vw;
  height:52vw;
  border-radius:50%;
  filter:blur(56px);
  opacity:.25;
  pointer-events:none;
  animation:desktopGlow 14s ease-in-out infinite alternate;
}
.operating-desktop::before { left:-25vw;bottom:-27vw;background:#ff7896; }
.operating-desktop::after { right:-25vw;top:-24vw;background:#60dfbf;animation-direction:alternate-reverse; }
@keyframes desktopGlow { from{transform:translate3d(-2vw,-1vh,0) scale(.92)} to{transform:translate3d(7vw,5vh,0) scale(1.08)} }
.operating-desktop-brand {
  position:absolute;
  left:clamp(24px,3vw,52px);
  top:clamp(22px,3vw,46px);
  display:grid;
  gap:2px;
}
.operating-desktop-brand span { font-size:18px;font-weight:900;letter-spacing:-.04em; }
.operating-desktop-brand small { color:#798391;font-family:var(--font-data);font-size:7px;letter-spacing:.16em; }
.operating-desktop-center {
  position:absolute;
  left:50%;
  top:46%;
  width:min(590px,52vw);
  transform:translate(-50%,-50%);
  text-align:center;
  pointer-events:none;
}
.operating-desktop-center > span { color:#148b91;font-family:var(--font-data);font-size:8px;font-weight:850;letter-spacing:.18em; }
.operating-desktop-center h1 { margin:10px 0 0;color:#111319;font-size:clamp(54px,7vw,108px);line-height:.76;letter-spacing:-.085em;font-weight:800; }
.operating-desktop-center h1 i { font-family:"Didot","Bodoni 72","Baskerville",serif;font-weight:400;letter-spacing:-.055em; }
.operating-desktop-center p { max-width:48ch;margin:24px auto 0;color:#65717f;font-size:11px;line-height:1.65; }
.desktop-reset {
  position:absolute;
  right:clamp(22px,3vw,48px);
  top:clamp(22px,3vw,44px);
  z-index:7;
  padding:7px 10px;
  border:1px solid rgba(17,19,25,.1);
  border-radius:8px;
  color:#667281;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(14px);
}
.desktop-reset:hover { color:#171a24;background:#fff; }
.operating-window-layer { position:absolute;inset:0; }
.operating-window {
  position:absolute;
  z-index:2;
  left:var(--window-x);
  top:var(--window-y);
  width:min(var(--window-w),calc(100vw - 32px));
  overflow:hidden;
  border:1px solid rgba(17,19,25,.12);
  border-radius:16px;
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 48px rgba(29,35,45,.10),inset 0 1px rgba(255,255,255,.9);
  backdrop-filter:blur(18px) saturate(120%);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  animation:desktopWindowIn 720ms cubic-bezier(.16,1,.3,1) both;
  transition:box-shadow 180ms ease,transform 180ms ease,border-color 180ms ease;
}
.operating-window:nth-child(2){animation-delay:70ms}.operating-window:nth-child(3){animation-delay:130ms}.operating-window:nth-child(4){animation-delay:190ms}.operating-window:nth-child(5){animation-delay:250ms}.operating-window:nth-child(6){animation-delay:310ms}
@keyframes desktopWindowIn { from{opacity:0;transform:translateY(22px) scale(.95);filter:blur(7px)} to{opacity:1;transform:none;filter:none} }
.operating-window:hover { transform:translateY(-3px);border-color:rgba(20,139,145,.25);box-shadow:0 24px 60px rgba(29,35,45,.15),inset 0 1px #fff; }
.operating-window.dragging { z-index:12;cursor:grabbing;transform:scale(1.025);box-shadow:0 30px 76px rgba(29,35,45,.22); }
.operating-window > header {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:10px 11px;
  border-bottom:1px solid rgba(17,19,25,.075);
  cursor:grab;
}
.operating-window > header span { color:#148b91;font-family:var(--font-data);font-size:7px;font-weight:850; }
.operating-window > header strong { color:#263543;font-size:10px;letter-spacing:.02em; }
.operating-window > header button { width:26px;height:26px;border:0;border-radius:7px;color:#4f5d6b;background:#eef1f4; }
.operating-window > header button:hover { color:#fff;background:#171920; }
.operating-window-body { padding:13px 14px 14px; }
.operating-window-body p { margin:9px 0 0;color:#6c7887;font-size:8px;line-height:1.5; }
.operating-window.pink { border-bottom:3px solid #ef7895; }.operating-window.cyan { border-bottom:3px solid #50d4db; }.operating-window.green { border-bottom:3px solid #49caa0; }.operating-window.violet { border-bottom:3px solid #9581ea; }.operating-window.amber { border-bottom:3px solid #e9ac43; }.operating-window.slate { border-bottom:3px solid #718294; }
.desktop-big-number { display:flex;align-items:baseline;gap:9px; }
.desktop-big-number b { color:#161a22;font-family:var(--font-data);font-size:38px;line-height:.9;letter-spacing:-.07em; }
.desktop-big-number span { color:#687482;font-size:10px;font-weight:700; }
.desktop-stage-line { display:grid;grid-template-columns:repeat(3,1fr);gap:7px; }
.desktop-stage-line span { display:grid;gap:4px;padding:8px;border-radius:9px;background:#eef2f4;color:#687482;font-size:7px; }
.desktop-stage-line b { color:#1f2c39;font-family:var(--font-data);font-size:20px; }
.desktop-region-pair { display:grid;grid-template-columns:1fr 1fr;gap:8px; }
.desktop-region-pair span { display:grid;gap:5px;padding:9px;border-radius:9px;background:#eef4f3;color:#667482;font-family:var(--font-data);font-size:7px; }
.desktop-region-pair b { color:#14795b;font-size:24px; }
.operating-dock {
  position:absolute;
  z-index:20;
  left:50%;
  bottom:22px;
  display:flex;
  align-items:flex-end;
  gap:7px;
  padding:8px;
  border:1px solid rgba(17,19,25,.11);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  box-shadow:0 16px 46px rgba(25,30,39,.14),inset 0 1px rgba(255,255,255,.95);
  backdrop-filter:blur(22px) saturate(130%);
  transform:translateX(-50%);
}
.operating-dock button { position:relative;width:52px;height:52px;display:grid;place-items:center;border:0;border-radius:13px;color:#657382;background:#eef1f4;transition:transform 220ms cubic-bezier(.2,.8,.2,1),background 160ms,color 160ms;transform-origin:50% 100%; }
.operating-dock button:hover { z-index:2;color:#fff;background:#171920;transform:translateY(-10px) scale(1.18); }
.operating-dock button:has(+ button:hover),.operating-dock button:hover + button { transform:translateY(-4px) scale(1.07); }
.operating-dock button.active { color:#fff;background:#171920; }
.operating-dock b { font-family:var(--font-data);font-size:15px; }
.operating-dock span { position:absolute;bottom:-22px;padding:3px 6px;border-radius:5px;color:#fff;background:#171920;font-size:7px;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity 140ms,transform 140ms; }
.operating-dock button:hover span { opacity:1;transform:none; }

@media (max-width:1100px), (max-height:700px) {
  body.operating-desktop-mode { overflow:auto; }
  body.operating-desktop-mode .app-main,
  body.operating-desktop-mode .view-root { width:100%!important;height:auto!important;min-height:100dvh!important;overflow:visible!important; }
  .operating-desktop { min-height:100dvh;height:auto;padding:22px 16px 106px;overflow:visible; }
  .operating-desktop-brand,.desktop-reset { position:relative;left:auto;right:auto;top:auto; }
  .operating-desktop-brand { margin-bottom:36px; }
  .desktop-reset { position:absolute;right:16px;top:18px; }
  .operating-desktop-center { position:relative;left:auto;top:auto;width:auto;transform:none;text-align:left;margin-bottom:32px; }
  .operating-desktop-center h1 { font-size:56px;line-height:.82; }
  .operating-desktop-center p { margin:20px 0 0; }
  .operating-window-layer { position:relative;display:grid;gap:12px; }
  .operating-window { position:relative;left:auto!important;top:auto!important;width:100%!important;animation:none; }
  .operating-window > header { cursor:default; }
  .operating-dock { position:fixed;left:50%;bottom:12px;max-width:calc(100vw - 20px);overflow-x:auto; }
  .operating-dock button { flex:0 0 46px;width:46px;height:46px; }
}

@media (prefers-reduced-motion:reduce) {
  .operating-desktop::before,.operating-desktop::after,.operating-window { animation:none!important; }
  .operating-dock button { transition:none!important; }
}

/* ---------- Local reference typography ---------- */
@font-face {
  font-family: "CNOB Montserrat";
  src: url("/fonts/Montserrat-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CNOB Noto Sans SC";
  src: url("/fonts/NotoSansSC-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CNOB EB Garamond";
  src: url("/fonts/EBGaramond-Variable.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CNOB EB Garamond";
  src: url("/fonts/EBGaramond-Italic-Variable.woff2") format("woff2");
  font-weight: 400 800;
  font-style: italic;
  font-display: swap;
}
:root {
  --font-display: "CNOB Montserrat", "CNOB Noto Sans SC", "PingFang SC", sans-serif;
  --font-body: "CNOB Noto Sans SC", "PingFang SC", sans-serif;
  --font-editorial: "CNOB EB Garamond", "Times New Roman", serif;
}
body,button,input,select,textarea { font-family:var(--font-body); }
h1,h2,h3,h4,.nav-item strong,.rail-brand-copy strong,.btn { font-family:var(--font-display); }
.view-eyebrow,.hero-kicker,.nav-item small,.rail-brand-copy small,.badge,.pill,.status-pill { font-family:var(--font-display); }
.operating-desktop-center h1 { font-family:var(--font-display); }
.operating-desktop-center h1 i { font-family:var(--font-editorial);font-weight:500; }
.mark svg .ct-editorial { font-family:var(--font-editorial); }

/* ---------- Insights Hub secondary-workspace navigation ---------- */
body:not(.operating-desktop-mode) .app-rail {
  background:rgba(244,245,247,.97)!important;
  box-shadow:none!important;
}
@media(min-width:1025px) {
  body:not(.operating-desktop-mode) .app-rail,
  body:not(.operating-desktop-mode) .app-rail:hover,
  body:not(.operating-desktop-mode) .app-rail:focus-within {
    width:76px!important;
    padding:18px 10px!important;
    border-right:1px solid rgba(23,26,36,.08)!important;
  }
  body:not(.operating-desktop-mode) .app-main { margin-left:76px!important; }
  body:not(.operating-desktop-mode) .app-rail .rail-brand { width:54px!important;padding:2px 3px 18px!important;justify-content:center!important; }
  body:not(.operating-desktop-mode) .app-rail .rail-brand-copy,
  body:not(.operating-desktop-mode) .app-rail .rail-status,
  body:not(.operating-desktop-mode) .app-rail .nav-item span:not(.nav-glyph),
  body:not(.operating-desktop-mode) .app-rail .nav-item em { display:none!important; }
  body:not(.operating-desktop-mode) .app-rail .rail-nav { width:54px!important;gap:7px!important; }
  body:not(.operating-desktop-mode) .app-rail .nav-item,
  body:not(.operating-desktop-mode) .app-rail:hover .nav-item,
  body:not(.operating-desktop-mode) .app-rail:focus-within .nav-item,
  body:not(.operating-desktop-mode) .app-rail:not(:hover):not(:focus-within) .nav-item {
    position:relative!important;
    width:54px!important;
    height:50px!important;
    grid-template-columns:1fr!important;
    place-items:center!important;
    padding:6px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body:not(.operating-desktop-mode) .app-rail .nav-item.active { background:transparent!important; }
  body:not(.operating-desktop-mode) .app-rail .nav-item.active::before {
    content:""!important;display:block!important;position:absolute!important;left:-10px!important;top:12px!important;bottom:12px!important;width:3px!important;border-radius:0 3px 3px 0!important;background:linear-gradient(180deg,#45dce8,#f05a7e)!important;
  }
  body:not(.operating-desktop-mode) .app-rail .nav-glyph,
  body:not(.operating-desktop-mode) .app-rail .nav-item:hover .nav-glyph,
  body:not(.operating-desktop-mode) .app-rail .nav-item.active .nav-glyph {
    width:34px!important;height:34px!important;border:0!important;border-radius:9px!important;color:#7a8694!important;background:transparent!important;box-shadow:none!important;
  }
  body:not(.operating-desktop-mode) .app-rail .nav-item:hover .nav-glyph { color:#171a24!important;background:#e8ebef!important; }
  body:not(.operating-desktop-mode) .app-rail .nav-item.active .nav-glyph { color:#171a24!important;background:#fff!important;box-shadow:0 7px 20px rgba(30,36,46,.10)!important; }
}

/* Secondary page header adopts Insights Hub's quiet tool bar */
body:not(.operating-desktop-mode) .app-command {
  padding:18px clamp(16px,2.4vw,34px) 15px!important;
  margin:-18px calc(clamp(18px,2.5vw,38px) * -1) 18px!important;
  border-bottom:1px solid rgba(23,26,36,.075)!important;
  background:rgba(248,249,250,.92)!important;
  box-shadow:none!important;
}
body:not(.operating-desktop-mode) .app-command h1 { font-size:clamp(26px,3vw,43px);font-weight:780;letter-spacing:-.055em; }
body:not(.operating-desktop-mode) .view-eyebrow { font-size:7px;letter-spacing:.17em; }
body:not(.operating-desktop-mode) .app-command p:last-child { max-width:70ch;margin-top:5px;font-size:10px; }

/* Analysis modules mirror Insights Hub's spacious white canvases */
body:not(.operating-desktop-mode) .tower-card,
body:not(.operating-desktop-mode) .panel,
body:not(.operating-desktop-mode) .section-card,
body:not(.operating-desktop-mode) .p0-map-board,
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 {
  border-radius:15px!important;
  border-color:rgba(23,26,36,.085)!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(30,36,46,.065)!important;
}
body:not(.operating-desktop-mode) .tower-card-head,
body:not(.operating-desktop-mode) .panel-header,
body:not(.operating-desktop-mode) .section-title,
body:not(.operating-desktop-mode) .p0-map-section-head {
  padding:15px 17px!important;
  background:#fff!important;
}

@media(max-width:780px){
  body:not(.operating-desktop-mode) .app-command { margin:-12px -10px 14px!important;padding:15px 12px!important; }
}

/* Final numbered Insights Hub rail */
@media(min-width:781px) {
  body:not(.operating-desktop-mode) .app-rail .nav-glyph { display:none!important; }
  body:not(.operating-desktop-mode) .app-rail .nav-item::after {
    content:attr(data-index)!important;
    display:grid!important;
    place-items:center;
    width:34px;
    height:34px;
    color:#87919e;
    font-family:var(--font-display);
    font-size:10px;
    font-weight:750;
  }
  body:not(.operating-desktop-mode) .app-rail .nav-item:hover::after { color:#171a24; }
  body:not(.operating-desktop-mode) .app-rail .nav-item.active::after { color:#171a24; }
}
.operating-dock button b { width:23px;height:23px;display:grid;place-items:center; }
.operating-dock button b svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }

/* ---------- Final navigation architecture v17 ---------- */
body:not(.operating-desktop-mode) .app-rail { display:none!important; }
body:not(.operating-desktop-mode) .app-main { margin-left:0!important;padding-bottom:112px!important; }
body:not(.operating-desktop-mode) .app-command { padding-left:clamp(72px,7vw,112px)!important; }
body:not(.operating-desktop-mode) .app-command::after {
  content:"CNOB"!important;
  display:block!important;
  position:absolute!important;
  left:clamp(18px,2.8vw,42px)!important;
  top:22px!important;
  color:#173343!important;
  font-family:var(--font-display)!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
}
.shared-workspace-dock { position:fixed!important;z-index:75!important; }
.shared-workspace-dock button b { width:23px;height:23px;display:grid;place-items:center; }
.shared-workspace-dock button b svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }

/* Product naming and simplified desktop title */
.operating-desktop-brand { animation:brandBreath 4.8s ease-in-out infinite; }
.operating-desktop-brand .desktop-cnob-mark { color:#173343;font-family:var(--font-display);font-size:20px;font-weight:900; }
.operating-desktop-brand small { color:#697685;font-family:var(--font-body);font-size:9px;letter-spacing:.04em; }
.operating-desktop-center { top:47%; }
.operating-desktop-center > span { letter-spacing:.19em; }
.operating-desktop-center h1 { display:flex;align-items:baseline;justify-content:center;gap:.12em;font-size:clamp(54px,7vw,104px);line-height:.9;white-space:nowrap; }
.operating-desktop-center h1 i { font-size:1.04em; }
.desktop-reset { display:none!important; }

/* Persistent breathing system inspired by both references */
@keyframes brandBreath { 0%,100%{opacity:.78;transform:translateY(0)} 50%{opacity:1;transform:translateY(-1px)} }
@keyframes windowBreath { 0%,100%{box-shadow:0 18px 48px rgba(29,35,45,.09),inset 0 1px rgba(255,255,255,.9)} 50%{box-shadow:0 22px 58px rgba(29,35,45,.145),0 0 0 1px rgba(49,191,200,.06),inset 0 1px #fff} }
@keyframes dockBreath { 0%,100%{box-shadow:0 16px 46px rgba(25,30,39,.13),inset 0 1px rgba(255,255,255,.95)} 50%{box-shadow:0 19px 58px rgba(25,30,39,.19),0 0 0 1px rgba(49,191,200,.08),inset 0 1px #fff} }
@keyframes activeDockBreath { 0%,100%{transform:translateY(0);box-shadow:0 0 0 rgba(49,191,200,0)} 50%{transform:translateY(-2px);box-shadow:0 8px 20px rgba(49,191,200,.22)} }
.operating-window:not(.dragging) { animation:desktopWindowIn 720ms cubic-bezier(.16,1,.3,1) both,windowBreath 6.8s ease-in-out 1.2s infinite; }
.operating-window:nth-child(2){animation-delay:70ms,1.7s}.operating-window:nth-child(3){animation-delay:130ms,2.2s}.operating-window:nth-child(4){animation-delay:190ms,2.7s}.operating-window:nth-child(5){animation-delay:250ms,3.2s}.operating-window:nth-child(6){animation-delay:310ms,3.7s}
.operating-dock { animation:dockBreath 5.8s ease-in-out infinite; }
.operating-dock button.active { animation:activeDockBreath 3.8s ease-in-out infinite; }
.mark svg .ct-orb { animation:ctOrbPulse 3.4s ease-in-out infinite!important; }

@media(max-width:900px){
  .operating-desktop-center h1 { justify-content:flex-start;flex-wrap:wrap;white-space:normal;font-size:52px; }
  body:not(.operating-desktop-mode) .app-command { padding-left:64px!important; }
  body:not(.operating-desktop-mode) .app-command::after { left:14px!important;top:18px!important;font-size:12px!important; }
}
@media(max-width:580px){
  .operating-desktop-center h1 { display:block;font-size:54px; }
  .operating-desktop-center h1 i { display:block; }
  .shared-workspace-dock,.operating-dock { width:calc(100vw - 20px);justify-content:flex-start; }
}
@media(prefers-reduced-motion:reduce){
  .operating-desktop-brand,.operating-window,.operating-dock,.operating-dock button.active,.mark svg .ct-orb { animation:none!important; }
}

/* ---------- Final typography system v18 ---------- */
@font-face {
  font-family:"CNOB Inter";
  src:url("/fonts/Inter-Variable.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family:"CNOB Plus Jakarta Sans";
  src:url("/fonts/PlusJakartaSans-Variable.woff2") format("woff2");
  font-weight:200 800;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family:"CNOB Plus Jakarta Sans";
  src:url("/fonts/PlusJakartaSans-Italic-Variable.woff2") format("woff2");
  font-weight:200 800;
  font-style:italic;
  font-display:swap;
}
@font-face {
  font-family:"CNOB JetBrains Mono";
  src:url("/fonts/JetBrainsMono-Variable.woff2") format("woff2");
  font-weight:100 800;
  font-style:normal;
  font-display:swap;
}
:root {
  --font-display:"CNOB Inter","CNOB Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --font-body:"CNOB Plus Jakarta Sans","CNOB Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --font-data:"CNOB JetBrains Mono","SFMono-Regular",Consolas,monospace;
  --font-editorial:"CNOB Inter","CNOB Noto Sans SC","PingFang SC",sans-serif;
}
html,body { font-family:var(--font-body)!important;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased; }
button,input,select,textarea { font-family:var(--font-body)!important; }
h1,h2,h3,h4,h5,h6,
.app-command h1,
.operating-desktop-center h1,
.operating-desktop-center h1 i,
.operating-window > header strong,
.panel-title,
.section-title,
.tower-card-head h3,
.p0-map-section-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 { font-family:var(--font-display)!important;font-style:normal!important; }
.operating-desktop-center h1 i { font-weight:430!important;letter-spacing:-.065em!important; }
.operating-desktop-center h1 { font-weight:820!important; }
.app-command h1 { font-weight:780!important; }
.nav-item strong,.rail-brand-copy strong,.btn { font-family:var(--font-display)!important; }
.view-eyebrow,.hero-kicker,.nav-item small,.rail-brand-copy small,.badge,.pill,.status-pill,
.operating-window > header span,.operating-desktop-center > span { font-family:var(--font-body)!important; }
.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-hero h2 strong,.p0-risk-metric b,.p0-risk-bucket b,
.p0-map-command-main h2 strong,.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,.p0-focus-wow,
.record-hero-stats b,.matching-summary strong,.shadow-metric b,.system-status-strip b {
  font-family:var(--font-display)!important;
  font-variant-numeric:tabular-nums lining-nums;
}
.codebox,pre,code,.confidence,.rail-meta,.record-link small,.linked-signal-row small,
.p0-chart-grid text,.p0-chart-week,.p0-chart-target-label,.p0-chart-value,.p0-chart-facet-title {
  font-family:var(--font-data)!important;
}
/* Improved hierarchy and spacing for the selected fonts */
body { font-weight:430;letter-spacing:-.006em; }
p { line-height:1.62; }
h1,h2,h3 { text-wrap:balance; }
.app-command h1 { line-height:.98; }
.tower-card-head h3,.panel-title,.section-title { font-weight:700;letter-spacing:-.02em; }
.nav-item strong { font-weight:680!important;letter-spacing:-.015em; }
.btn { font-weight:680!important;letter-spacing:-.01em; }
.badge,.pill,.status-pill { font-weight:590!important;letter-spacing:-.005em; }
.operating-window-body p { font-family:var(--font-body)!important; }

/* ---------- Visual weight rebalance v19 ---------- */
/* The secondary workspaces are light analysis pages. Black is reserved for controls, not content slabs. */
body:not(.operating-desktop-mode) .exec-hero,
body:not(.operating-desktop-mode) .processing-hero,
body:not(.operating-desktop-mode) .tracker-priority-copy,
body:not(.operating-desktop-mode) .roadmap-intro,
body:not(.operating-desktop-mode) .p0-map-command-main,
body:not(.operating-desktop-mode) .p0-map-cockpit-hero,
body:not(.operating-desktop-mode) .p0-risk-hero {
  --ice:#17202b;
  --ice-soft:#3f4d5d;
  --steel:#687687;
  --steel-dim:#8b95a2;
  --grid-line:rgba(23,26,36,.08);
  --grid-line-strong:rgba(23,26,36,.13);
  position:relative;
  overflow:hidden;
  color:#17202b!important;
  border:1px solid rgba(23,26,36,.09)!important;
  background:
    radial-gradient(circle at 92% 10%,rgba(49,191,200,.13),transparent 25rem),
    radial-gradient(circle at 4% 100%,rgba(240,90,126,.09),transparent 23rem),
    rgba(255,255,255,.88)!important;
  box-shadow:0 16px 44px rgba(31,37,47,.075),inset 0 1px rgba(255,255,255,.96)!important;
}
body:not(.operating-desktop-mode) .exec-hero::before,
body:not(.operating-desktop-mode) .exec-hero::after,
body:not(.operating-desktop-mode) .processing-hero::before,
body:not(.operating-desktop-mode) .tracker-priority-copy::before,
body:not(.operating-desktop-mode) .roadmap-intro::before,
body:not(.operating-desktop-mode) .p0-map-command-main::before,
body:not(.operating-desktop-mode) .p0-map-cockpit-hero::before { display:none!important; }
body:not(.operating-desktop-mode) .exec-hero h2,
body:not(.operating-desktop-mode) .exec-hero h3,
body:not(.operating-desktop-mode) .exec-hero strong,
body:not(.operating-desktop-mode) .processing-hero h2,
body:not(.operating-desktop-mode) .processing-hero h3,
body:not(.operating-desktop-mode) .processing-hero strong,
body:not(.operating-desktop-mode) .tracker-priority-copy h2,
body:not(.operating-desktop-mode) .tracker-priority-copy h3,
body:not(.operating-desktop-mode) .tracker-priority-copy strong,
body:not(.operating-desktop-mode) .roadmap-intro h2,
body:not(.operating-desktop-mode) .roadmap-intro h3,
body:not(.operating-desktop-mode) .roadmap-intro strong,
body:not(.operating-desktop-mode) .p0-map-command-main h2,
body:not(.operating-desktop-mode) .p0-map-command-main h3,
body:not(.operating-desktop-mode) .p0-map-command-main strong,
body:not(.operating-desktop-mode) .p0-map-cockpit-hero h2,
body:not(.operating-desktop-mode) .p0-map-cockpit-hero h3,
body:not(.operating-desktop-mode) .p0-map-cockpit-hero strong,
body:not(.operating-desktop-mode) .p0-risk-hero h2,
body:not(.operating-desktop-mode) .p0-risk-hero h3,
body:not(.operating-desktop-mode) .p0-risk-hero strong { color:#17202b!important;text-shadow:none!important; }
body:not(.operating-desktop-mode) .exec-hero p,
body:not(.operating-desktop-mode) .processing-hero p,
body:not(.operating-desktop-mode) .tracker-priority-copy p,
body:not(.operating-desktop-mode) .roadmap-intro p,
body:not(.operating-desktop-mode) .p0-map-command-main p,
body:not(.operating-desktop-mode) .p0-map-cockpit-hero p,
body:not(.operating-desktop-mode) .p0-risk-hero p { color:#687687!important; }

/* Main page titles: less mass, more character. */
.operating-desktop-center h1 {
  font-size:clamp(48px,5.4vw,82px)!important;
  font-weight:720!important;
  letter-spacing:-.075em!important;
  line-height:.94!important;
  background:linear-gradient(104deg,#161821 0%,#202a35 42%,#147f78 73%,#c53c5e 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 10px 30px rgba(31,38,48,.05));
}
.operating-desktop-center h1 i {
  font-weight:430!important;
  letter-spacing:-.055em!important;
}
body:not(.operating-desktop-mode) .app-command h1 {
  font-size:clamp(27px,2.7vw,40px)!important;
  font-weight:700!important;
  line-height:1.02!important;
}
body:not(.operating-desktop-mode) .tracker-priority-copy h2,
body:not(.operating-desktop-mode) .roadmap-intro h2,
body:not(.operating-desktop-mode) .processing-hero h2,
body:not(.operating-desktop-mode) .p0-map-cockpit-hero h2,
body:not(.operating-desktop-mode) .p0-risk-hero h2 {
  font-size:clamp(29px,3.4vw,48px)!important;
  font-weight:690!important;
  letter-spacing:-.055em!important;
  background:linear-gradient(102deg,#151821 0%,#25303a 48%,#177f78 78%,#c43b5d 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* P0 portfolio: replace the black wall with a light strategic overview. */
body:not(.operating-desktop-mode) .p0-map-command-grid {
  grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);
  gap:12px;
}
body:not(.operating-desktop-mode) .p0-map-command-main {
  padding:24px!important;
  border-top:3px solid #ee7895!important;
}
body:not(.operating-desktop-mode) .p0-map-command-main h2 strong {
  color:#c43b5d!important;
  -webkit-text-fill-color:#c43b5d!important;
  font-size:clamp(48px,5.4vw,74px)!important;
}
body:not(.operating-desktop-mode) .p0-map-command-main h2 span {
  color:#243342!important;
  -webkit-text-fill-color:#243342!important;
  font-size:clamp(20px,2.5vw,32px)!important;
}
body:not(.operating-desktop-mode) .p0-map-stage-board {
  gap:1px!important;
  border:1px solid rgba(23,26,36,.09)!important;
  background:rgba(23,26,36,.08)!important;
  box-shadow:0 14px 38px rgba(31,37,47,.065)!important;
}
body:not(.operating-desktop-mode) .p0-map-stage-board div {
  min-height:98px!important;
  background:rgba(255,255,255,.93)!important;
}
body:not(.operating-desktop-mode) .p0-map-stage-board span { color:#778392!important; }
body:not(.operating-desktop-mode) .p0-map-stage-board b { color:#243342!important; }
body:not(.operating-desktop-mode) .p0-map-stage-board div:nth-child(1) b { color:#b9790b!important; }
body:not(.operating-desktop-mode) .p0-map-stage-board div:nth-child(2) b { color:#7564c7!important; }
body:not(.operating-desktop-mode) .p0-map-stage-board div:nth-child(3) b { color:#cf3d61!important; }
body:not(.operating-desktop-mode) .p0-map-stage-board div:nth-child(4) b { color:#168a69!important; }
body:not(.operating-desktop-mode) .p0-map-stage-board div:nth-child(5) b { color:#31a9b2!important; }
body:not(.operating-desktop-mode) .p0-map-stage-board small { color:#99a3af!important; }

/* Give light pages a more lively but controlled design rhythm. */
body:not(.operating-desktop-mode) .tower-card,
body:not(.operating-desktop-mode) .p0-map-board,
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 {
  background:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(250,251,252,.94))!important;
}
body:not(.operating-desktop-mode) .tower-card:nth-child(3n+1),
body:not(.operating-desktop-mode) .catalog-card:nth-child(3n+1),
body:not(.operating-desktop-mode) .program-card:nth-child(3n+1) { border-top:2px solid rgba(49,191,200,.55)!important; }
body:not(.operating-desktop-mode) .tower-card:nth-child(3n+2),
body:not(.operating-desktop-mode) .catalog-card:nth-child(3n+2),
body:not(.operating-desktop-mode) .program-card:nth-child(3n+2) { border-top:2px solid rgba(117,100,199,.45)!important; }
body:not(.operating-desktop-mode) .tower-card:nth-child(3n),
body:not(.operating-desktop-mode) .catalog-card:nth-child(3n),
body:not(.operating-desktop-mode) .program-card:nth-child(3n) { border-top:2px solid rgba(207,61,97,.42)!important; }

@media(max-width:900px){
  .operating-desktop-center h1 { font-size:48px!important; }
  body:not(.operating-desktop-mode) .p0-map-command-grid { grid-template-columns:1fr; }
}

/* Roadmap polish v20: pale metric cards and readable calendar data. */
body:not(.operating-desktop-mode) .roadmap-summary { gap:10px; }
body:not(.operating-desktop-mode) .roadmap-summary span {
  min-width:116px;
  padding:13px 15px;
  border:1px solid rgba(23,126,131,.12)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.96),0 8px 24px rgba(31,37,47,.045)!important;
}
body:not(.operating-desktop-mode) .roadmap-summary span:nth-child(1) { background:linear-gradient(145deg,#eaf9f7,#fff)!important; }
body:not(.operating-desktop-mode) .roadmap-summary span:nth-child(2) { background:linear-gradient(145deg,#f3f0fb,#fff)!important; }
body:not(.operating-desktop-mode) .roadmap-summary span:nth-child(3) { background:linear-gradient(145deg,#fff0f4,#fff)!important; }
body:not(.operating-desktop-mode) .roadmap-summary b {
  color:#243342!important;
  -webkit-text-fill-color:#243342!important;
  font-size:24px;
}
body:not(.operating-desktop-mode) .roadmap-summary small { color:#748191!important;font-size:9px;font-weight:620; }

/* Product detail drawer v21: light workspace and smoother motion. */
.record-drawer {
  opacity:0;
  visibility:hidden;
  transition:opacity 260ms ease,visibility 0s linear 320ms;
}
.record-drawer.is-open,
.record-drawer.is-closing {
  visibility:visible;
  transition-delay:0s;
}
.record-drawer.is-open { opacity:1; }
.record-drawer.is-closing { opacity:0; }
.record-drawer-backdrop {
  background:rgba(36,43,53,.22)!important;
  backdrop-filter:blur(8px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(8px) saturate(108%)!important;
  transition:opacity 300ms ease;
}
.record-drawer-panel,
.liquid-record-panel {
  --ice:#17202b;
  --ice-soft:#3f4d5d;
  --steel:#687687;
  --steel-dim:#8b95a2;
  --grid-line:rgba(23,26,36,.075);
  --grid-line-strong:rgba(23,26,36,.12);
  width:min(820px,calc(100vw - 28px))!important;
  color:#17202b!important;
  border-left:1px solid rgba(23,26,36,.09)!important;
  border-radius:22px 0 0 22px;
  background:
    radial-gradient(circle at 92% 5%,rgba(49,191,200,.12),transparent 25rem),
    radial-gradient(circle at 0 100%,rgba(240,90,126,.075),transparent 24rem),
    rgba(248,250,251,.98)!important;
  box-shadow:-26px 0 72px rgba(34,42,52,.16),inset 0 1px rgba(255,255,255,.96)!important;
  backdrop-filter:blur(30px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(118%)!important;
  animation:none!important;
  transform:translate3d(48px,0,0) scale(.992);
  opacity:.35;
  transition:transform 440ms cubic-bezier(.16,1,.3,1),opacity 260ms ease;
  will-change:transform,opacity;
}
.record-drawer.is-open .record-drawer-panel {
  transform:translate3d(0,0,0) scale(1);
  opacity:1;
}
.record-drawer.is-closing .record-drawer-panel {
  transform:translate3d(34px,0,0) scale(.995);
  opacity:0;
  transition-duration:280ms;
  transition-timing-function:cubic-bezier(.4,0,1,1);
}
.record-drawer-head,
.liquid-record-head {
  position:sticky;
  top:0;
  z-index:8;
  padding:22px 24px!important;
  border-bottom:1px solid rgba(23,26,36,.08)!important;
  background:rgba(249,250,251,.86)!important;
  backdrop-filter:blur(20px) saturate(120%);
  -webkit-backdrop-filter:blur(20px) saturate(120%);
}
.record-drawer-head h2,
.liquid-record-head h2 {
  color:#17202b!important;
  background:linear-gradient(102deg,#151821 0%,#25303a 54%,#177f78 82%,#c43b5d 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.record-drawer-head p { color:#748191!important; }
.record-drawer-head .btn.secondary {
  color:#344252!important;
  border-color:rgba(23,26,36,.12)!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 6px 18px rgba(31,37,47,.06)!important;
}
.record-drawer-head .btn.secondary:hover { color:#17202b!important;background:#eef3f4!important;border-color:rgba(23,126,131,.22)!important; }
.record-drawer-body,
.liquid-record-body {
  gap:14px!important;
  padding:16px 18px 28px!important;
  background:transparent!important;
  scroll-behavior:smooth;
}
.record-hero-card {
  border:1px solid rgba(23,126,131,.12)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 90% 4%,rgba(49,191,200,.12),transparent 18rem),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(242,249,248,.94))!important;
  box-shadow:0 14px 36px rgba(31,37,47,.065),inset 0 1px #fff!important;
}
.record-hero-card::after { display:none!important; }
.record-hero-copy h3 { color:#253442!important; }
.record-hero-copy p { color:#687687!important; }
.record-hero-stats div {
  border:1px solid rgba(23,126,131,.10)!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:inset 0 1px #fff!important;
}
.record-hero-stats div:nth-child(1) { background:#eaf9f7!important; }
.record-hero-stats div:nth-child(2) { background:#f3f0fb!important; }
.record-hero-stats div:nth-child(3) { background:#fff0f4!important; }
.record-hero-stats b { color:#253442!important; }
.record-hero-stats span { color:#748191!important; }
.record-hero-progress { border-color:rgba(23,126,131,.12)!important;background:#edf1f3!important; }
.record-hero-progress > small { color:#243342!important; }
.record-drawer .section-card {
  border:1px solid rgba(23,26,36,.085)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 12px 32px rgba(31,37,47,.055),inset 0 1px #fff!important;
}
.record-drawer .section-title { background:rgba(255,255,255,.86)!important;border-bottom-color:rgba(23,26,36,.075)!important; }
.record-fact {
  border-color:rgba(23,26,36,.075)!important;
  background:#f3f6f7!important;
  box-shadow:inset 0 1px rgba(255,255,255,.9)!important;
}
.record-fact:nth-child(4n+1),.record-fact:nth-child(4n+2) { background:#edf8f6!important; }
.record-fact b { color:#8994a1!important; }
.record-fact span { color:#405064!important; }
.record-copy-stack b { color:#687687!important; }
.record-copy-stack p { color:#405064!important; }
.record-link,.linked-signal-row,.record-timeline-card,.record-timeline-summary span {
  border-color:rgba(23,26,36,.075)!important;
  background:#f5f7f8!important;
  box-shadow:none!important;
}
.record-link:hover,.linked-signal-row:hover { border-color:rgba(23,126,131,.22)!important;background:#eef9f7!important; }
.record-link span,.linked-signal-row span,.record-timeline-card>strong { color:#354657!important; }
.record-link small,.linked-signal-row small,.record-timeline-card>span,.record-timeline-card>p,.record-timeline-top time { color:#778493!important; }
.record-timeline-summary b { color:#243342!important; }
.record-timeline-summary small { color:#8793a0!important; }
.record-timeline-marker { border-color:#fff!important; }
.record-timeline-fields em { color:#657283!important;border-color:rgba(23,26,36,.08)!important;background:#edf1f3!important; }
.record-meta-card { opacity:1!important; }
@media(max-width:760px){
  .record-drawer-panel,.liquid-record-panel{width:100vw!important;border-radius:0!important}
  .record-drawer-head,.liquid-record-head{padding:16px!important}
  .record-drawer-body,.liquid-record-body{padding:10px 10px 24px!important}
}
@media(prefers-reduced-motion:reduce){
  .record-drawer,.record-drawer-panel{transition:none!important}
}

/* Launch overview v22: match the Roadmap's single-layer light intro. */
body:not(.operating-desktop-mode) .tracker-overview-intro {
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:24px!important;
  align-items:center!important;
  padding:22px 24px!important;
  border:1px solid rgba(23,26,36,.09)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(49,191,200,.13),transparent 24rem),
    radial-gradient(circle at 4% 100%,rgba(240,90,126,.07),transparent 22rem),
    rgba(255,255,255,.9)!important;
  box-shadow:0 14px 38px rgba(31,37,47,.06),inset 0 1px rgba(255,255,255,.96)!important;
}
body:not(.operating-desktop-mode) .tracker-overview-intro .tracker-priority-copy {
  min-width:0;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body:not(.operating-desktop-mode) .tracker-overview-intro .tracker-priority-copy h2 {
  margin:6px 0 0!important;
  font-size:clamp(34px,4vw,54px)!important;
}
body:not(.operating-desktop-mode) .tracker-overview-intro .tracker-priority-copy p {
  margin:12px 0 0!important;
  color:#687687!important;
}
body:not(.operating-desktop-mode) .tracker-priority-summary {
  align-self:center;
}
body:not(.operating-desktop-mode) .tracker-priority-summary span:nth-child(1) { background:linear-gradient(145deg,#eaf9f7,#fff)!important; }
body:not(.operating-desktop-mode) .tracker-priority-summary span:nth-child(2) { background:linear-gradient(145deg,#f3f0fb,#fff)!important; }
body:not(.operating-desktop-mode) .tracker-priority-summary span:nth-child(3) { background:linear-gradient(145deg,#fff0f4,#fff)!important; }
.base-filter-bar.overview-filters {
  grid-template-columns:minmax(170px,1fr) minmax(150px,220px) minmax(260px,1.5fr) auto!important;
}
@media(max-width:900px){
  body:not(.operating-desktop-mode) .tracker-overview-intro{grid-template-columns:1fr!important}
  body:not(.operating-desktop-mode) .tracker-priority-summary{width:100%}
}
@media(max-width:560px){
  .base-filter-bar.overview-filters{grid-template-columns:1fr!important}
}

/* Roadmap timeline v23: polished phase ribbons, crisp milestones, readable metadata. */
body:not(.operating-desktop-mode) .roadmap-board {
  --roadmap-ink:#253443;
  --roadmap-muted:#73808e;
  --roadmap-line:rgba(31,43,56,.075);
  --roadmap-recruit:#e7a934;
  --roadmap-recruit-deep:#a96a08;
  --roadmap-test:#7868d8;
  --roadmap-test-deep:#5142ae;
  --roadmap-alpha:#775ed2;
  --roadmap-beta:#d89525;
  --roadmap-ga:#218765;
  --roadmap-build:#71808d;
  --roadmap-unknown:#87939d;
  overflow:auto;
  border-color:rgba(25,38,52,.11)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(37,47,58,.075),inset 0 1px rgba(255,255,255,.98)!important;
}
body:not(.operating-desktop-mode) .roadmap-board-head {
  min-height:58px;
  background:linear-gradient(180deg,#fbfcfd 0%,#f5f7f9 100%);
  box-shadow:0 1px rgba(255,255,255,.9),0 8px 22px rgba(34,45,57,.035);
}
body:not(.operating-desktop-mode) .roadmap-title-cell,
body:not(.operating-desktop-mode) .roadmap-priority-head { padding-block:13px; }
body:not(.operating-desktop-mode) .roadmap-title-cell strong {
  color:var(--roadmap-ink);
  font-size:13px;
  font-weight:700;
  letter-spacing:-.02em;
}
body:not(.operating-desktop-mode) .roadmap-title-cell small {
  margin-top:5px;
  color:var(--roadmap-muted);
  font-size:9px;
  font-weight:540;
}
body:not(.operating-desktop-mode) .roadmap-priority-head {
  color:#7d8996;
  font-size:9px;
  font-weight:650;
  letter-spacing:.04em;
}
body:not(.operating-desktop-mode) .roadmap-calendar-head {
  min-height:58px;
  background-color:transparent;
  background-image:linear-gradient(90deg,transparent calc(33.333% - 1px),rgba(31,43,56,.075) calc(33.333% - 1px),rgba(31,43,56,.075) 33.333%,transparent 33.333%,transparent calc(66.666% - 1px),rgba(31,43,56,.075) calc(66.666% - 1px),rgba(31,43,56,.075) 66.666%,transparent 66.666%);
}
body:not(.operating-desktop-mode) .roadmap-month strong {
  color:#364555;
  font-size:11px;
  font-weight:720;
  letter-spacing:-.01em;
}
body:not(.operating-desktop-mode) .roadmap-month small {
  margin-top:3px;
  color:#98a2ad;
  font-family:var(--font-data)!important;
  font-size:9px;
  font-weight:600;
  letter-spacing:.12em;
}
body:not(.operating-desktop-mode) .roadmap-body { background:#fff; }
body:not(.operating-desktop-mode) .roadmap-group,
body:not(.operating-desktop-mode) .roadmap-row { border-bottom-color:var(--roadmap-line); }
body:not(.operating-desktop-mode) .roadmap-group-label {
  padding:14px 12px;
  border-right-color:rgba(31,43,56,.085);
  background:linear-gradient(145deg,#edf8f5 0%,#f4faf9 72%,#fff 100%);
}
body:not(.operating-desktop-mode) .roadmap-group-label strong {
  color:#2e4550;
  font-size:12px;
  font-weight:700;
  letter-spacing:-.018em;
}
body:not(.operating-desktop-mode) .roadmap-group-label small {
  margin-top:6px;
  color:#7f9699;
  font-family:var(--font-body)!important;
  font-size:9px;
  font-weight:600;
}
body:not(.operating-desktop-mode) .roadmap-row {
  min-height:66px;
  transition:background var(--motion-fast) ease,box-shadow var(--motion-fast) ease;
}
body:not(.operating-desktop-mode) .roadmap-row:hover {
  background:linear-gradient(90deg,rgba(31,142,139,.045),rgba(255,255,255,0) 54%);
  box-shadow:inset 3px 0 rgba(31,142,139,.28);
}
body:not(.operating-desktop-mode) .roadmap-product { padding:10px 12px; }
body:not(.operating-desktop-mode) .roadmap-product strong {
  color:var(--roadmap-ink);
  font-size:11px;
  font-weight:680;
  line-height:1.38;
  letter-spacing:-.012em;
}
body:not(.operating-desktop-mode) .roadmap-product small {
  margin-top:5px;
  color:var(--roadmap-muted);
  font-size:9.5px;
  font-weight:520;
  line-height:1.42;
}
body:not(.operating-desktop-mode) .roadmap-priority {
  min-width:31px;
  padding:4px 6px;
  border-color:rgba(31,43,56,.1);
  border-radius:7px;
  color:#687583;
  background:#f3f5f7;
  font-family:var(--font-body)!important;
  font-size:9px;
  font-weight:700;
  line-height:1;
  box-shadow:inset 0 1px rgba(255,255,255,.95);
}
body:not(.operating-desktop-mode) .roadmap-priority.priority-P0 { color:#496b9e;background:#eaf1fc;border-color:#ccdcf5; }
body:not(.operating-desktop-mode) .roadmap-priority.priority-P1 { color:#5d6976;background:#f0f3f5;border-color:#dce2e7; }
body:not(.operating-desktop-mode) .roadmap-priority.priority-P2 { color:#7a858f;background:#f8f9fa;border-color:#e7eaed; }
body:not(.operating-desktop-mode) .roadmap-track {
  overflow:visible;
  border-left-color:rgba(31,43,56,.075);
  background-image:linear-gradient(90deg,transparent calc(33.333% - 1px),rgba(31,43,56,.065) calc(33.333% - 1px),rgba(31,43,56,.065) 33.333%,transparent 33.333%,transparent calc(66.666% - 1px),rgba(31,43,56,.065) calc(66.666% - 1px),rgba(31,43,56,.065) 66.666%,transparent 66.666%);
}
body:not(.operating-desktop-mode) .roadmap-track::after {
  top:50%;
  border-top:1px solid rgba(64,78,91,.075);
}
body:not(.operating-desktop-mode) .roadmap-segment {
  top:22px;
  height:8px;
  min-width:8px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px;
  background:linear-gradient(180deg,#98a4af 0%,#6f7c88 100%);
  box-shadow:0 3px 8px rgba(45,57,69,.14),inset 0 1px rgba(255,255,255,.38),inset 0 -1px rgba(22,32,42,.08);
  transition:filter var(--motion-fast) ease,transform var(--motion-fast) var(--ease-control),box-shadow var(--motion-fast) ease;
}
body:not(.operating-desktop-mode) .roadmap-row:hover .roadmap-segment {
  filter:saturate(1.08);
  transform:translateY(-1px);
  box-shadow:0 5px 12px rgba(45,57,69,.18),inset 0 1px rgba(255,255,255,.45);
}
body:not(.operating-desktop-mode) .roadmap-segment b {
  bottom:12px;
  min-height:17px;
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border:1px solid color-mix(in srgb,currentColor 18%,transparent);
  border-radius:6px;
  background:#fff;
  color:#495767;
  font-family:var(--font-body)!important;
  font-size:9px;
  font-weight:720;
  line-height:1;
  letter-spacing:.015em;
  box-shadow:0 3px 9px rgba(35,47,58,.09);
}
body:not(.operating-desktop-mode) .roadmap-segment.recruitment {
  top:18px;
  color:var(--roadmap-recruit-deep);
  background:linear-gradient(180deg,#f4c35e 0%,var(--roadmap-recruit) 100%);
}
body:not(.operating-desktop-mode) .roadmap-segment.testing {
  top:39px;
  color:var(--roadmap-test-deep);
  background:linear-gradient(180deg,#9b8bea 0%,var(--roadmap-test) 100%);
}
body:not(.operating-desktop-mode) .roadmap-segment.alpha,
body:not(.operating-desktop-mode) .roadmap-milestone.alpha { --milestone-color:var(--roadmap-alpha);background:var(--roadmap-alpha); }
body:not(.operating-desktop-mode) .roadmap-segment.beta,
body:not(.operating-desktop-mode) .roadmap-milestone.beta { --milestone-color:var(--roadmap-beta);background:var(--roadmap-beta); }
body:not(.operating-desktop-mode) .roadmap-segment.ga,
body:not(.operating-desktop-mode) .roadmap-milestone.ga { --milestone-color:var(--roadmap-ga);background:var(--roadmap-ga); }
body:not(.operating-desktop-mode) .roadmap-segment.build,
body:not(.operating-desktop-mode) .roadmap-milestone.build { --milestone-color:var(--roadmap-build);background:var(--roadmap-build); }
body:not(.operating-desktop-mode) .roadmap-segment.unknown,
body:not(.operating-desktop-mode) .roadmap-milestone.unknown { --milestone-color:var(--roadmap-unknown);background:var(--roadmap-unknown); }
body:not(.operating-desktop-mode) .roadmap-segment.fallback { top:30px; }
body:not(.operating-desktop-mode) .roadmap-milestone {
  top:27px;
  width:13px;
  height:13px;
  border:3px solid #fff;
  transform:translateX(-50%) rotate(45deg);
  border-radius:4px;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--milestone-color) 48%,transparent),0 5px 12px color-mix(in srgb,var(--milestone-color) 28%,transparent);
}
body:not(.operating-desktop-mode) .roadmap-milestone b {
  left:9px;
  top:-11px;
  min-height:18px;
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border:1px solid color-mix(in srgb,var(--milestone-color) 22%,transparent);
  border-radius:6px;
  background:#fff;
  color:color-mix(in srgb,var(--milestone-color) 82%,#18232d);
  font-family:var(--font-body)!important;
  font-size:9px;
  font-weight:760;
  line-height:1;
  letter-spacing:.01em;
  box-shadow:0 4px 12px rgba(35,47,58,.1);
  transform:rotate(-45deg);
  transform-origin:left center;
}
body:not(.operating-desktop-mode) .roadmap-signal-count {
  right:9px;
  bottom:7px;
  padding:3px 6px;
  border-radius:999px;
  color:#278c94;
  background:#eaf8f8;
  font-family:var(--font-body)!important;
  font-size:9px;
  font-weight:670;
  line-height:1;
  letter-spacing:.01em;
}
body:not(.operating-desktop-mode) .roadmap-today {
  width:2px;
  background:linear-gradient(180deg,rgba(232,87,116,.8),rgba(232,87,116,.24));
  box-shadow:0 0 0 1px rgba(255,255,255,.55),0 0 14px rgba(232,87,116,.18);
}
body:not(.operating-desktop-mode) .roadmap-today b {
  top:5px;
  left:6px;
  padding:3px 6px;
  border:1px solid rgba(198,55,85,.13);
  border-radius:6px;
  color:#bd3657;
  background:#fff0f3;
  font-family:var(--font-body)!important;
  font-size:9px;
  font-weight:700;
  box-shadow:0 3px 9px rgba(183,46,80,.08);
}
@media(max-width:560px){
  body:not(.operating-desktop-mode) .roadmap-row{min-height:64px}
  body:not(.operating-desktop-mode) .roadmap-product strong{font-size:10px}
  body:not(.operating-desktop-mode) .roadmap-product small{font-size:8px}
}

.loading-view {
  min-height: min(560px, calc(100dvh - 160px));
  display: grid;
  place-content: center;
  gap: 8px;
  text-align: center;
  color: #697685;
}
.loading-view span { font-size: 14px; font-weight: 700; }
.loading-view strong { color: #168b91; font-family: var(--font-data); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }

/* Workspace loading v105: branded, lightweight and compositor-only. */
.loading-view {
  position: relative;
  isolation: isolate;
  min-height: min(680px, calc(100dvh - 142px));
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(22, 139, 145, .08);
  border-radius: 30px;
  background:
    radial-gradient(circle at 12% 88%, rgba(255, 115, 151, .14), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(73, 218, 199, .15), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(244,249,249,.92));
  box-shadow: inset 0 1px rgba(255,255,255,.98), 0 24px 70px rgba(35,53,66,.07);
  color: #172431;
  text-align: center;
}
.loading-atmosphere {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
.loading-atmosphere i {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #28b8bb;
  box-shadow: 0 0 0 7px rgba(40,184,187,.08);
  opacity: .28;
  animation: loading-orbit-dot 4.8s ease-in-out infinite;
}
.loading-atmosphere i:nth-child(1) { left: 20%; top: 28%; }
.loading-atmosphere i:nth-child(2) { right: 21%; top: 32%; animation-delay: -1.6s; background:#d65b7b; }
.loading-atmosphere i:nth-child(3) { left: 31%; bottom: 18%; animation-delay: -3.2s; background:#7564b8; }
.loading-console {
  width: min(520px, calc(100% - 40px));
  display: grid;
  justify-items: center;
  padding: 44px 42px 34px;
  border: 1px solid rgba(29,49,62,.09);
  border-radius: 28px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 24px 70px rgba(33,50,64,.10), inset 0 1px rgba(255,255,255,.98);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
  animation: loading-console-enter 480ms cubic-bezier(.16,1,.3,1) both;
}
.loading-radar {
  position: relative;
  width: 116px;
  height: 116px;
  display: grid;
  place-items: center;
  margin-bottom: 24px;
  border: 1px solid rgba(21,139,145,.16);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(33,190,186,.12), rgba(255,255,255,.74) 58%, rgba(255,255,255,.1) 59%);
  overflow: hidden;
}
.loading-radar b {
  position: relative;
  z-index: 3;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(145deg,#162532,#1b8d8c);
  box-shadow: 0 9px 24px rgba(19,115,118,.24);
  font-family: var(--font-display);
  font-size: 14px;
  letter-spacing: -.04em;
}
.loading-radar-ring {
  position: absolute;
  inset: 50%;
  width: 24px;
  height: 24px;
  margin: -12px;
  border: 1px solid rgba(22,139,145,.28);
  border-radius: 50%;
  animation: loading-radar-pulse 2.4s cubic-bezier(.2,.65,.3,1) infinite;
}
.loading-radar-ring.ring-two { animation-delay: -.8s; }
.loading-radar-ring.ring-three { animation-delay: -1.6s; }
.loading-radar-sweep {
  position: absolute;
  inset: 7px;
  border-radius: 50%;
  background: conic-gradient(from 20deg, transparent 0 76%, rgba(29,170,169,.26) 91%, transparent 100%);
  animation: loading-radar-spin 2.2s linear infinite;
}
.loading-kicker {
  color: #178b91;
  font-family: var(--font-data);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .18em;
}
.loading-copy h2 {
  margin: 9px 0 7px;
  color: #172431;
  font-family: var(--font-display);
  font-size: clamp(25px, 2.6vw, 36px);
  font-weight: 740;
  letter-spacing: -.045em;
}
.loading-copy p {
  margin: 0;
  color: #758392;
  font-size: 12px;
}
.loading-progress {
  width: min(320px, 82%);
  height: 4px;
  margin: 27px 0 21px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8eef0;
}
.loading-progress i {
  width: 42%;
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(90deg,#29b5b8,#6a8fd0,#db6685);
  animation: loading-progress-run 1.45s cubic-bezier(.65,0,.35,1) infinite;
  will-change: transform;
}
.loading-stages {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
}
.loading-stages > span {
  min-width: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  column-gap: 8px;
  align-items: center;
  padding: 10px 11px;
  border: 1px solid rgba(29,49,62,.07);
  border-radius: 12px;
  background: rgba(246,249,250,.86);
  text-align: left;
  animation: loading-stage-pulse 2.1s ease-in-out infinite;
  animation-delay: calc(var(--loading-order) * 180ms);
}
.loading-stages > span > i {
  grid-row: 1 / 3;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #21a8ad;
  box-shadow: 0 0 0 5px rgba(33,168,173,.09);
}
.loading-stages b { overflow:hidden;color:#425260;font-size:10px;text-overflow:ellipsis;white-space:nowrap; }
.loading-stages small { color:#9aa5af;font-family:var(--font-data);font-size:7px;letter-spacing:.08em;text-transform:uppercase; }
.loading-preview {
  position: absolute;
  left: 7%;
  right: 7%;
  bottom: 34px;
  z-index: -1;
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 12px;
  opacity: .42;
}
.loading-preview > span {
  min-height: 70px;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(32,52,66,.07);
  border-radius: 15px;
  background: rgba(255,255,255,.58);
  animation: loading-preview-breathe 2.3s ease-in-out infinite;
  animation-delay: calc(var(--loading-order) * 120ms);
}
.loading-preview i,.loading-preview b,.loading-preview em { display:block;border-radius:999px;background:#dce5e8; }
.loading-preview i { width:24%;height:5px;background:#8dd5d4; }
.loading-preview b { width:76%;height:8px; }
.loading-preview em { width:48%;height:6px; }
@keyframes loading-console-enter { from { opacity:0;transform:translateY(12px) scale(.985); } to { opacity:1;transform:translateY(0) scale(1); } }
@keyframes loading-radar-spin { to { transform:rotate(360deg); } }
@keyframes loading-radar-pulse { 0% { opacity:.8;transform:scale(.7); } 100% { opacity:0;transform:scale(4.5); } }
@keyframes loading-progress-run { 0% { transform:translateX(-115%); } 55% { transform:translateX(110%); } 100% { transform:translateX(245%); } }
@keyframes loading-stage-pulse { 0%,100% { opacity:.55;transform:translateY(0); } 45% { opacity:1;transform:translateY(-2px); } }
@keyframes loading-preview-breathe { 0%,100% { opacity:.45;transform:translateY(0); } 50% { opacity:.9;transform:translateY(-3px); } }
@keyframes loading-orbit-dot { 0%,100% { opacity:.18;transform:translate3d(0,0,0) scale(.8); } 50% { opacity:.55;transform:translate3d(0,-8px,0) scale(1); } }
@media (max-width:700px) {
  .loading-view { min-height: calc(100dvh - 126px);border-radius:22px; }
  .loading-console { width:calc(100% - 28px);padding:34px 20px 26px;border-radius:22px; }
  .loading-radar { width:96px;height:96px;margin-bottom:20px; }
  .loading-stages { grid-template-columns:1fr; }
  .loading-preview { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .loading-console,.loading-radar-ring,.loading-radar-sweep,.loading-progress i,.loading-stages > span,.loading-preview > span,.loading-atmosphere i { animation:none !important; }
  .loading-progress i { width:68%;transform:none; }
}

/* Premium loading view v107: structure-aware skeleton + control-tower radar. */
.loading-control-tower {
  min-height: min(720px, calc(100dvh - 126px));
  padding: clamp(24px, 4vw, 54px);
  place-items: stretch;
  background:
    radial-gradient(circle at 12% 18%, rgba(39,190,194,.18), transparent 30%),
    radial-gradient(circle at 88% 84%, rgba(227,96,128,.16), transparent 34%),
    linear-gradient(145deg, #f8fcfc, #eef7f7 54%, #fff7fa);
}
.loading-control-tower::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(20,139,145,.055) 1px, transparent 1px),
    linear-gradient(0deg, rgba(20,139,145,.04) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: radial-gradient(circle at 50% 45%, #000, transparent 72%);
  opacity: .72;
}
.loading-grid-surface {
  position: absolute;
  inset: 6% 5%;
  border: 1px solid rgba(21,139,145,.08);
  border-radius: 34px;
  background: rgba(255,255,255,.30);
  box-shadow: inset 0 1px rgba(255,255,255,.85);
}
.loading-shell {
  position: relative;
  z-index: 1;
  min-height: 520px;
  display: grid;
  grid-template-columns: minmax(260px, .82fr) minmax(180px, .5fr) minmax(420px, 1.35fr);
  align-items: center;
  gap: clamp(18px, 2.2vw, 34px);
}
.loading-command-card,
.loading-board {
  min-width: 0;
  border: 1px solid rgba(26,47,61,.10);
  background: rgba(255,255,255,.78);
  box-shadow: 0 28px 80px rgba(36,55,69,.11), inset 0 1px rgba(255,255,255,.96);
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
}
.loading-command-card {
  position: relative;
  align-self: stretch;
  display: grid;
  align-content: center;
  gap: 16px;
  padding: clamp(24px, 3vw, 40px);
  overflow: hidden;
  border-radius: 30px;
  color: #f7fbfc;
  background:
    radial-gradient(circle at 94% 12%, rgba(60,196,199,.24), transparent 15rem),
    radial-gradient(circle at 8% 96%, rgba(222,93,127,.28), transparent 18rem),
    linear-gradient(145deg, #111a25, #193040 64%, #204a53);
}
.loading-command-card::after {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  right: -120px;
  bottom: -150px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  box-shadow: 0 0 0 44px rgba(255,255,255,.018), 0 0 0 88px rgba(255,255,255,.012);
}
.loading-kicker {
  color: #6ce0e1;
  font-family: var(--font-data);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .18em;
}
.loading-command-card h2 {
  margin: 0;
  max-width: 9em;
  font-family: var(--font-display);
  font-size: clamp(34px, 4.1vw, 58px);
  font-weight: 760;
  line-height: .98;
  letter-spacing: -.065em;
}
.loading-command-card p {
  max-width: 30em;
  margin: 0;
  color: #b9c7d1;
  font-size: 13px;
  line-height: 1.75;
}
.loading-radar-stage {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 18px;
}
.loading-radar-stage > strong {
  color: #168b91;
  font-family: var(--font-data);
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.loading-radar {
  width: clamp(142px, 14vw, 194px);
  height: clamp(142px, 14vw, 194px);
  box-shadow: 0 26px 70px rgba(23,139,145,.14), inset 0 1px rgba(255,255,255,.95);
}
.loading-radar-crosshair,
.loading-radar-crosshair::before {
  content: "";
  position: absolute;
  inset: 50% 16px auto;
  height: 1px;
  background: rgba(22,139,145,.16);
}
.loading-radar-crosshair::before {
  inset: auto;
  left: 50%;
  top: -70px;
  width: 1px;
  height: 140px;
  transform: translateX(-.5px);
}
.loading-board {
  padding: 18px;
  border-radius: 28px;
}
.loading-board-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 6px 16px;
  color: #172431;
}
.loading-board-head span {
  font-family: var(--font-data);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.loading-board-head em {
  padding: 6px 9px;
  border-radius: 999px;
  color: #168b91;
  background: rgba(22,139,145,.08);
  font-family: var(--font-data);
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
}
.loading-lanes {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(28,45,59,.08);
  border-radius: 18px;
  background: rgba(28,45,59,.08);
}
.loading-lanes section {
  min-width: 0;
  min-height: 310px;
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 14px 12px;
  background: linear-gradient(180deg, #fff, #f8fbfb);
  animation: loading-lane-rise 1.9s ease-in-out infinite;
  animation-delay: calc(var(--loading-order) * 120ms);
}
.loading-lanes header {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 40px;
}
.loading-lanes header i {
  color: #27a7ad;
  font-family: var(--font-data);
  font-size: 8px;
  font-style: normal;
  letter-spacing: .08em;
}
.loading-lanes header b {
  overflow: hidden;
  color: #243241;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.loading-lanes section > div {
  display: grid;
  gap: 9px;
  min-height: 88px;
  padding: 12px;
  overflow: hidden;
  border: 1px solid rgba(28,45,59,.07);
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 9px 24px rgba(35,54,68,.055);
}
.loading-lanes section > div > span,
.loading-lanes section > div > strong,
.loading-lanes section > div > em {
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 999px;
  background: #e9eff1;
}
.loading-lanes section > div > span { width: 36%; height: 10px; }
.loading-lanes section > div > strong { width: 82%; height: 13px; }
.loading-lanes section > div > em { width: 54%; height: 8px; }
.loading-lanes section > div > span::after,
.loading-lanes section > div > strong::after,
.loading-lanes section > div > em::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.86), transparent);
  transform: translateX(-110%);
  animation: loading-shimmer 1.65s ease-in-out infinite;
  animation-delay: calc(var(--loading-order) * 90ms);
}
.loading-signal-dots i {
  position: absolute;
  z-index: 1;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #27b7ba;
  opacity: .24;
  transform: translate3d(calc((var(--dot) * 7vw) + 6vw), calc(((var(--dot) % 5) * 14vh) + 10vh), 0);
  animation: loading-dot-drift 5.8s ease-in-out infinite;
  animation-delay: calc(var(--dot) * -180ms);
}
.loading-signal-dots i:nth-child(3n) { background:#d96382; }
.loading-signal-dots i:nth-child(4n) { background:#7564b8; }
@keyframes loading-shimmer { 0% { transform: translateX(-110%); } 58%,100% { transform: translateX(120%); } }
@keyframes loading-lane-rise { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes loading-dot-drift { 0%,100% { opacity:.12; transform: translate3d(calc((var(--dot) * 7vw) + 6vw), calc(((var(--dot) % 5) * 14vh) + 10vh), 0) scale(.75); } 50% { opacity:.45; transform: translate3d(calc((var(--dot) * 7vw) + 7vw), calc(((var(--dot) % 5) * 14vh) + 8vh), 0) scale(1); } }
@media (max-width: 1100px) {
  .loading-shell { grid-template-columns: 1fr; }
  .loading-command-card { align-self: auto; }
  .loading-radar-stage { order: -1; }
  .loading-board { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .loading-lanes section,
  .loading-lanes section > div > span::after,
  .loading-lanes section > div > strong::after,
  .loading-lanes section > div > em::after,
  .loading-signal-dots i { animation: none !important; }
}

/* ========================================================================== 
   Sales weekly command center
   Mirrors the P0 Map's light operating canvas, dark command surface and
   stage-based information rhythm while keeping Sales content reviewable.
   ========================================================================== */
body.sales-weekly-mode {
  --sales-ink: #172431;
  --sales-ink-soft: #46586a;
  --sales-muted: #7c8996;
  --sales-line: rgba(30, 54, 70, .10);
  --sales-line-strong: rgba(30, 54, 70, .16);
  --sales-canvas: #eef6f6;
  --sales-surface: rgba(255, 255, 255, .88);
  --sales-dark: #142332;
  --sales-dark-raised: #1b3041;
  --sales-cyan: #22aeb5;
  --sales-cyan-soft: rgba(34, 174, 181, .10);
  --sales-rose: #d74f73;
  --sales-amber: #c58b22;
  --sales-green: #168a69;
  background:
    radial-gradient(circle at 2% 12%, rgba(34,174,181,.11), transparent 25rem),
    radial-gradient(circle at 97% 5%, rgba(215,79,115,.08), transparent 28rem),
    linear-gradient(180deg, #f5f9f9 0, var(--sales-canvas) 38rem, #f5f7f8 100%) !important;
}
body.sales-weekly-mode .app-command {
  border-bottom-color: rgba(30,54,70,.08) !important;
  background: rgba(248,251,251,.78) !important;
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
}
body.sales-weekly-mode .view-root {
  max-width: 1540px;
  margin-inline: auto;
}
body.sales-weekly-mode .hero-kicker {
  color: var(--sales-cyan) !important;
  font-family: var(--font-data) !important;
  font-size: 8px !important;
  font-weight: 850;
  letter-spacing: .16em !important;
}
body.sales-weekly-mode .tower-card-head {
  min-height: 58px;
  padding: 13px 16px !important;
  border-bottom: 1px solid var(--sales-line) !important;
  background: rgba(255,255,255,.5) !important;
}
body.sales-weekly-mode .tower-card-head.compact { min-height: 50px; }
body.sales-weekly-mode .tower-card-head h3 {
  color: var(--sales-ink) !important;
  font-size: 15px !important;
  letter-spacing: -.025em;
}
body.sales-weekly-mode .tower-card-head h3 small {
  display: block;
  margin-top: 4px;
  color: var(--sales-muted) !important;
  font-family: var(--font-data);
  font-size: 7px !important;
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sales-map-toolbar {
  position: relative;
  z-index: 12;
  display: grid;
  grid-template-columns: minmax(260px, 390px) minmax(420px, 680px) minmax(68px, auto);
  gap: 12px;
  align-items: stretch;
  margin-bottom: 14px;
  padding: 10px 12px;
  border: 1px solid var(--sales-line);
  border-radius: 22px;
  background: rgba(255,255,255,.64);
  box-shadow: 0 16px 42px rgba(35,55,69,.055), inset 0 1px rgba(255,255,255,.92);
  backdrop-filter: blur(18px) saturate(122%);
  -webkit-backdrop-filter: blur(18px) saturate(122%);
}
.sales-period-card {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 4px 12px;
  align-items: center;
  min-height: 58px;
  padding: 9px 12px;
  border: 1px solid var(--sales-line);
  border-radius: 15px;
  background: rgba(255,255,255,.72);
}
.sales-period-card span {
  grid-column: 1/-1;
  color: var(--sales-cyan);
  font-family: var(--font-data);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.sales-period-card strong {
  min-width: 0;
  overflow: hidden;
  color: var(--sales-ink);
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales-period-card small {
  padding: 4px 7px;
  border-radius: 8px;
  color: var(--sales-muted);
  background: #eef3f4;
  font-family: var(--font-data);
  font-size: 7px;
}
.sales-workspace-tabs {
  display: flex;
  min-width: 0;
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--sales-line);
  border-radius: 14px;
  background: rgba(237,243,244,.72);
}
.sales-workspace-tabs button {
  flex: 1 0 auto;
  min-width: 108px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 9px 12px;
  border: 1px solid transparent;
  border-radius: 11px;
  color: var(--sales-muted);
  background: transparent;
  transition: color 180ms ease, background 180ms ease, transform 280ms var(--ease-enter), box-shadow 180ms ease;
}
.sales-workspace-tabs button:hover { color: var(--sales-ink); background: rgba(255,255,255,.72); }
.sales-workspace-tabs button:active { transform: translateY(1px); }
.sales-workspace-tabs button.active {
  color: #fff;
  background: var(--sales-dark);
  box-shadow: 0 9px 24px rgba(20,35,50,.16), inset 0 1px rgba(255,255,255,.08);
}
.sales-workspace-tabs button i {
  color: currentColor;
  opacity: .64;
  font-family: var(--font-data);
  font-size: 6px;
  font-style: normal;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sales-workspace-tabs button span { font-size: 10px; font-weight: 760; white-space: nowrap; }
.sales-toolbar-meta {
  display: grid;
  place-items: center;
  align-content: center;
  padding: 4px 8px;
}
.sales-toolbar-meta b { color: var(--sales-ink); font-family: var(--font-data); font-size: 20px; line-height: 1; }
.sales-toolbar-meta span { margin-top: 5px; color: var(--sales-muted); font-family: var(--font-data); font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }

.sales-command-grid {
  display: grid;
  grid-template-columns: minmax(0,.82fr) minmax(560px,1.18fr);
  gap: 14px;
  margin-bottom: 14px;
}
.sales-command-main {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 190px;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 24px;
  border: 1px solid rgba(21,55,70,.24);
  border-radius: 26px;
  color: #fff;
  background:
    radial-gradient(circle at 96% 0, rgba(34,174,181,.26), transparent 20rem),
    radial-gradient(circle at 4% 100%, rgba(215,79,115,.22), transparent 18rem),
    linear-gradient(145deg, var(--sales-dark), #183344 72%, #1b4b50);
  box-shadow: 0 24px 70px rgba(36,55,69,.16), inset 0 1px rgba(255,255,255,.12);
}
.sales-command-main::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 260px;
  height: 260px;
  right: -110px;
  bottom: -155px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  box-shadow: 0 0 0 42px rgba(255,255,255,.018), 0 0 0 84px rgba(255,255,255,.011);
}
.sales-command-main::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(108deg, transparent 0%, rgba(255,255,255,.08) 43%, transparent 55%);
  transform: translateX(-90%);
  animation: sales-command-sheen 10s var(--ease-enter) infinite;
}
.sales-command-main .hero-kicker { color: #6ce0e1 !important; }
.sales-command-main h2 { display: flex; align-items: baseline; gap: 12px; margin: 5px 0 2px; }
.sales-command-main h2 strong { color: #ff668b; font-family: var(--font-data); font-size: clamp(48px,5.5vw,78px); line-height: .9; letter-spacing: -.08em; }
.sales-command-main h2 span { color: #f1f7fb; font-size: clamp(19px,2.2vw,31px); letter-spacing: -.05em; }
.sales-command-main p { max-width: 62ch; margin: 0; color: #b7c8d4; font-size: 11px; line-height: 1.72; }
.sales-command-status { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 8px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.1); }
.sales-command-status span { color: #b7c8d4; font-size: 9px; }
.sales-command-status b { padding: 5px 8px; border: 1px solid rgba(108,224,225,.24); border-radius: 8px; color: #6ce0e1; background: rgba(108,224,225,.08); font-family: var(--font-data); font-size: 8px; }
.sales-stage-board {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--sales-line);
  border-radius: 26px;
  background: var(--sales-line);
  box-shadow: 0 18px 48px rgba(35,55,69,.07), inset 0 1px #fff;
}
.sales-stage-board > div {
  position: relative;
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 18px;
  background: rgba(255,255,255,.91);
  animation: sales-stage-in 620ms var(--ease-enter) both;
  animation-delay: calc(var(--sales-stage) * 75ms);
}
.sales-stage-board > div::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  height: 2px;
  background: linear-gradient(90deg, var(--sales-cyan), rgba(34,174,181,.08));
  transform-origin: left;
  animation: sales-stage-line 850ms var(--ease-enter) both;
  animation-delay: calc(180ms + var(--sales-stage) * 90ms);
}
.sales-stage-board span { display: flex; align-items: center; gap: 7px; color: var(--sales-ink); font-size: 10px; font-weight: 750; }
.sales-stage-board span i { color: var(--sales-cyan); font-family: var(--font-data); font-size: 7px; font-style: normal; }
.sales-stage-board b { color: var(--sales-ink); font-family: var(--font-data); font-size: clamp(30px,3vw,46px); line-height: 1; letter-spacing: -.06em; }
.sales-stage-board small { min-height: 22px; color: var(--sales-muted); font-size: 8px; line-height: 1.35; }

.sales-workspace-grid {
  display: grid;
  grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr);
  gap: 14px;
  align-items: start;
}
body.sales-weekly-mode .weekly-digest-shell,
body.sales-weekly-mode .sales-workspace-rail,
body.sales-weekly-mode .sales-main-list,
body.sales-weekly-mode .sales-side-panel,
body.sales-weekly-mode .sales-operation-board {
  border: 1px solid var(--sales-line) !important;
  border-radius: 24px !important;
  background: var(--sales-surface) !important;
  box-shadow: 0 18px 48px rgba(35,55,69,.065), inset 0 1px rgba(255,255,255,.94) !important;
  backdrop-filter: blur(16px) saturate(120%);
  -webkit-backdrop-filter: blur(16px) saturate(120%);
}
body.sales-weekly-mode .weekly-digest-shell { margin: 0; overflow: hidden; }
.sales-workspace-rail { position: sticky; top: 108px; min-width: 0; overflow: hidden; }
.sales-rail-divider { height: 1px; background: var(--sales-line); }
body.sales-weekly-mode .weekly-digest-preview { gap: 18px; padding: 20px; }
body.sales-weekly-mode .weekly-digest-preview > header { align-items: center; }
body.sales-weekly-mode .weekly-digest-preview h3 { color: var(--sales-ink) !important; font-size: clamp(25px,3vw,42px); line-height: 1.05; letter-spacing: -.055em; }
body.sales-weekly-mode .weekly-digest-preview header p { max-width: 70ch; color: var(--sales-ink-soft) !important; font-size: 11px; line-height: 1.7; }
body.sales-weekly-mode .sales-status-stack .badge {
  border-color: var(--sales-line) !important;
  border-radius: 8px !important;
  color: var(--sales-ink-soft) !important;
  background: #f0f4f5 !important;
  box-shadow: none !important;
}
body.sales-weekly-mode .sales-status-stack .status-APPROVED,
body.sales-weekly-mode .sales-status-stack .status-READY_FOR_REVIEW { color: var(--sales-green) !important; background: rgba(22,138,105,.08) !important; }
body.sales-weekly-mode .sales-status-stack .status-NEEDS_CONTEXT,
body.sales-weekly-mode .sales-status-stack .status-TRANSLATION_PENDING_REVIEW { color: var(--sales-amber) !important; background: rgba(197,139,34,.09) !important; }
body.sales-weekly-mode .weekly-digest-summary {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--sales-line);
  border-radius: 17px;
  background: var(--sales-line);
}
body.sales-weekly-mode .weekly-digest-summary span { min-height: 92px; align-content: center; padding: 15px; border: 0; border-radius: 0; background: rgba(248,251,251,.94); }
body.sales-weekly-mode .weekly-digest-summary b { color: var(--sales-ink) !important; font-family: var(--font-data); font-size: 32px; line-height: 1; letter-spacing: -.055em; }
body.sales-weekly-mode .weekly-digest-summary small { margin-top: 7px; color: var(--sales-muted) !important; font-size: 9px; }
body.sales-weekly-mode .weekly-digest-sections { grid-template-columns: 1fr; gap: 10px; }
body.sales-weekly-mode .weekly-digest-sections > section {
  position: relative;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--sales-line);
  border-radius: 17px;
  background: rgba(248,251,251,.72);
  animation: sales-panel-in 620ms var(--ease-enter) both;
  animation-delay: calc(var(--section-order) * 70ms);
}
body.sales-weekly-mode .weekly-digest-sections > section > header { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 9px; align-items: center; padding: 12px 14px; border-bottom: 1px solid var(--sales-line); background: rgba(255,255,255,.74); }
body.sales-weekly-mode .weekly-digest-sections > section > header span { color: var(--sales-cyan); font-family: var(--font-data); font-size: 8px; }
body.sales-weekly-mode .weekly-digest-sections h4 { margin: 0; color: var(--sales-ink) !important; font-size: 13px; }
body.sales-weekly-mode .weekly-digest-sections > section > header b { min-width: 24px; color: var(--sales-muted); font-family: var(--font-data); font-size: 9px; text-align: right; }
body.sales-weekly-mode .weekly-digest-sections > section > div { padding: 14px; }
body.sales-weekly-mode .weekly-digest-sections > section > div + div { margin: 0; border-top: 1px solid var(--sales-line); }
body.sales-weekly-mode .weekly-digest-sections strong { color: var(--sales-ink) !important; font-size: 13px; }
body.sales-weekly-mode .weekly-digest-sections p { color: var(--sales-ink-soft) !important; font-size: 10px; line-height: 1.55; }
body.sales-weekly-mode .weekly-digest-sections small { color: var(--sales-muted) !important; font-size: 8px; }
.sales-digest-empty { min-height: 150px; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 18px; align-items: center; padding: 22px; border: 1px dashed var(--sales-line-strong); border-radius: 18px; background: rgba(245,249,249,.8); }
.sales-digest-empty > span { color: rgba(34,174,181,.24); font-family: var(--font-data); font-size: 72px; line-height: .8; letter-spacing: -.08em; }
.sales-digest-empty strong { color: var(--sales-ink); font-size: 15px; }
.sales-digest-empty p { margin: 6px 0 0; color: var(--sales-muted); font-size: 10px; line-height: 1.55; }

body.sales-weekly-mode .digest-flow-list,
body.sales-weekly-mode .digest-version-list { gap: 0; padding: 0; }
body.sales-weekly-mode .digest-flow-item,
body.sales-weekly-mode .weekly-digest-version {
  position: relative;
  gap: 5px;
  padding: 13px 15px 13px 18px;
  border: 0;
  border-bottom: 1px solid var(--sales-line);
  border-radius: 0;
  background: transparent;
  transition: background 180ms ease, transform 260ms var(--ease-enter);
}
body.sales-weekly-mode .digest-flow-item::before,
body.sales-weekly-mode .weekly-digest-version::before { content: ""; position: absolute; left: 0; top: 12px; bottom: 12px; width: 2px; border-radius: 2px; background: #c6d1d7; }
body.sales-weekly-mode .digest-flow-item.included::before,
body.sales-weekly-mode .weekly-digest-version.APPROVED::before { background: var(--sales-green); }
body.sales-weekly-mode .digest-flow-item.blocked::before { background: var(--sales-amber); }
body.sales-weekly-mode .digest-flow-item:hover,
body.sales-weekly-mode .weekly-digest-version:hover { background: rgba(34,174,181,.045); transform: translateX(2px); }
body.sales-weekly-mode .digest-flow-item span,
body.sales-weekly-mode .weekly-digest-version span { color: var(--sales-cyan) !important; font-family: var(--font-data); font-size: 7px; letter-spacing: .08em; }
body.sales-weekly-mode .digest-flow-item strong,
body.sales-weekly-mode .weekly-digest-version strong { color: var(--sales-ink) !important; font-size: 11px; }
body.sales-weekly-mode .digest-flow-item small,
body.sales-weekly-mode .weekly-digest-version small,
body.sales-weekly-mode .digest-flow-item ul { color: var(--sales-muted) !important; font-size: 8px; }

.sales-layout { grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); }
body.sales-weekly-mode .sales-main-list,
body.sales-weekly-mode .sales-side-panel { overflow: hidden; }
body.sales-weekly-mode .sales-candidate-list { gap: 10px; padding: 12px; }
body.sales-weekly-mode .sales-candidate-card {
  gap: 12px;
  padding: 15px;
  border: 1px solid var(--sales-line);
  border-radius: 18px;
  background: rgba(248,251,251,.76);
  box-shadow: none;
  transition: transform 320ms var(--ease-enter), border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
body.sales-weekly-mode .sales-candidate-card:hover { transform: translateY(-2px); border-color: rgba(34,174,181,.28); background: #fff; box-shadow: 0 16px 38px rgba(35,55,69,.08); }
body.sales-weekly-mode .sales-candidate-card.caution { box-shadow: inset 2px 0 var(--sales-amber); }
body.sales-weekly-mode .sales-candidate-card.safe { box-shadow: inset 2px 0 var(--sales-green); }
body.sales-weekly-mode .sales-candidate-head h3 { color: var(--sales-ink) !important; font-size: 18px; }
body.sales-weekly-mode .sales-candidate-head p,
body.sales-weekly-mode .sales-explain p,
body.sales-weekly-mode .sales-card-grid p { color: var(--sales-ink-soft) !important; font-size: 10px; }
body.sales-weekly-mode .sales-card-grid { grid-template-columns: 1.1fr 1.1fr .8fr; gap: 1px; overflow: hidden; border: 1px solid var(--sales-line); border-radius: 14px; background: var(--sales-line); }
body.sales-weekly-mode .sales-card-grid section { padding: 11px; border: 0; border-radius: 0; background: rgba(255,255,255,.85); }
body.sales-weekly-mode .sales-card-grid b,
body.sales-weekly-mode .sales-explain b,
body.sales-weekly-mode .sales-say-grid b { color: var(--sales-ink) !important; font-size: 10px; }
body.sales-weekly-mode .sales-review-gate { padding: 11px 12px; border-color: rgba(197,139,34,.2); border-radius: 13px; background: rgba(197,139,34,.06); }
body.sales-weekly-mode .sales-review-gate.ready { border-color: rgba(22,138,105,.18); background: rgba(22,138,105,.05); }
body.sales-weekly-mode .sales-review-gate b { color: var(--sales-ink) !important; font-size: 10px; }
body.sales-weekly-mode .sales-review-gate p,
body.sales-weekly-mode .sales-review-gate ul,
body.sales-weekly-mode .sales-review-checklist label { color: var(--sales-ink-soft) !important; font-size: 9px; }
.sales-candidate-details { overflow: hidden; border: 1px solid var(--sales-line); border-radius: 13px; background: rgba(255,255,255,.64); }
.sales-candidate-details > summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 12px; color: var(--sales-ink); cursor: pointer; list-style: none; }
.sales-candidate-details > summary::-webkit-details-marker { display: none; }
.sales-candidate-details > summary span { font-size: 10px; font-weight: 760; }
.sales-candidate-details > summary small { color: var(--sales-muted); font-size: 8px; }
.sales-candidate-details > summary::after { content: "+"; color: var(--sales-cyan); font-family: var(--font-data); font-size: 16px; transition: transform 220ms ease; }
.sales-candidate-details[open] > summary::after { transform: rotate(45deg); }
.sales-candidate-detail-body { display: grid; gap: 9px; padding: 0 10px 10px; }
body.sales-weekly-mode .sales-explain,
body.sales-weekly-mode .sales-say-grid section { border-color: var(--sales-line); background: rgba(247,250,250,.9); }
body.sales-weekly-mode .sales-say-grid ul,
body.sales-weekly-mode .sales-explain ul { color: var(--sales-ink-soft) !important; font-size: 9px; }
body.sales-weekly-mode .sales-evidence summary { color: var(--sales-cyan); font-size: 9px; }
body.sales-weekly-mode .sales-candidate-foot { color: var(--sales-muted); font-family: var(--font-data); font-size: 7px; }
body.sales-weekly-mode .sales-source-list { gap: 0; padding: 0; }
body.sales-weekly-mode .sales-source-candidate { gap: 5px; padding: 13px 15px; border: 0; border-bottom: 1px solid var(--sales-line); border-radius: 0; background: transparent; }
body.sales-weekly-mode .sales-source-candidate strong { color: var(--sales-ink) !important; }
body.sales-weekly-mode .sales-source-candidate small,
body.sales-weekly-mode .sales-source-candidate em { color: var(--sales-muted) !important; }

.sales-operations-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); gap: 14px; }
.sales-operation-board { min-width: 0; overflow: hidden; }
.sales-operation-board.wide { grid-column: 1/-1; }
.sales-operation-list,.sales-feedback-list { display: grid; gap: 0; }
.sales-operation-row,.sales-feedback-list > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px 12px; padding: 13px 15px; border-bottom: 1px solid var(--sales-line); }
.sales-operation-row span { min-width: 0; display: flex; align-items: center; gap: 8px; }
.sales-operation-row i { padding: 3px 6px; border-radius: 7px; color: var(--sales-green); background: rgba(22,138,105,.08); font-family: var(--font-data); font-size: 7px; font-style: normal; }
.sales-operation-row strong,.sales-feedback-list strong { color: var(--sales-ink); font-size: 11px; }
.sales-operation-row small,.sales-feedback-list small { color: var(--sales-muted); font-size: 8px; }
.sales-operation-row em { grid-column: 1/-1; overflow: hidden; color: var(--sales-muted); font-family: var(--font-data); font-size: 7px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.sales-feedback-list span { color: var(--sales-cyan); font-family: var(--font-data); font-size: 7px; font-weight: 800; }
body.sales-weekly-mode .digest-mini-metrics,
body.sales-weekly-mode .sales-engagement-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 14px; overflow: hidden; border: 1px solid var(--sales-line); border-radius: 15px; background: var(--sales-line); }
body.sales-weekly-mode .digest-mini-metrics span,
body.sales-weekly-mode .sales-engagement-metrics span { display: grid; gap: 4px; padding: 13px; background: rgba(250,252,252,.96); }
body.sales-weekly-mode .digest-mini-metrics b,
body.sales-weekly-mode .sales-engagement-metrics b { color: var(--sales-ink) !important; font-family: var(--font-data); font-size: 22px; }
body.sales-weekly-mode .digest-mini-metrics small,
body.sales-weekly-mode .sales-engagement-metrics small { color: var(--sales-muted) !important; font-size: 8px; }

body.sales-weekly-mode .weekly-digest-editor { border-color: var(--sales-line); background: rgba(247,250,250,.78); }
body.sales-weekly-mode .weekly-digest-editor summary { color: var(--sales-cyan); }
body.sales-weekly-mode .weekly-editor-grid label,
body.sales-weekly-mode .weekly-editor-item label { color: var(--sales-ink-soft); }
body.sales-weekly-mode .weekly-editor-grid input,
body.sales-weekly-mode .weekly-editor-grid textarea,
body.sales-weekly-mode .weekly-editor-item input,
body.sales-weekly-mode .weekly-editor-item textarea {
  border-color: var(--sales-line);
  color: var(--sales-ink);
  background: #fff;
}
body.sales-weekly-mode .weekly-editor-grid input:focus-visible,
body.sales-weekly-mode .weekly-editor-grid textarea:focus-visible,
body.sales-weekly-mode .weekly-editor-item input:focus-visible,
body.sales-weekly-mode .weekly-editor-item textarea:focus-visible { outline: 2px solid rgba(34,174,181,.35); outline-offset: 1px; }
body.sales-weekly-mode .weekly-editor-item { border-color: var(--sales-line); background: rgba(255,255,255,.7); }
body.sales-weekly-mode .weekly-editor-item h4 { color: var(--sales-ink); }

@keyframes sales-command-sheen { 0%,72% { transform: translateX(-90%); } 100% { transform: translateX(105%); } }
@keyframes sales-stage-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@keyframes sales-stage-line { from { transform:scaleX(0); opacity:0; } to { transform:scaleX(1); opacity:1; } }
@keyframes sales-panel-in { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }

@media(max-width:1180px) {
  .sales-map-toolbar { grid-template-columns: minmax(260px,1fr) minmax(420px,1.4fr); }
  .sales-toolbar-meta { display:none; }
  .sales-command-grid,.sales-workspace-grid,.sales-operations-grid { grid-template-columns:1fr; }
  .sales-workspace-rail { position:relative; top:auto; }
  .sales-layout { grid-template-columns:1fr; }
}
@media(max-width:780px) {
  .sales-map-toolbar { grid-template-columns:1fr; padding:9px; }
  .sales-workspace-tabs { overflow-x:auto; }
  .sales-workspace-tabs button { min-width:104px; }
  .sales-command-grid { grid-template-columns:1fr; }
  .sales-stage-board { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sales-command-main { min-height:170px; padding:19px; }
  .sales-command-main h2 { align-items:flex-start; flex-direction:column; }
  body.sales-weekly-mode .weekly-digest-summary,
  body.sales-weekly-mode .sales-card-grid,
  body.sales-weekly-mode .sales-say-grid,
  body.sales-weekly-mode .digest-mini-metrics,
  body.sales-weekly-mode .sales-engagement-metrics { grid-template-columns:1fr; }
  .sales-candidate-head { grid-template-columns:1fr; }
  .sales-status-stack { justify-content:flex-start; }
  .sales-candidate-details > summary { align-items:flex-start; flex-direction:column; }
}
@media(max-width:480px) {
  .sales-stage-board { grid-template-columns:1fr; }
  .sales-period-card { grid-template-columns:1fr auto; }
  .sales-period-card span { grid-column:1/-1; }
  .sales-card-actions { align-items:stretch; flex-direction:column; }
  .sales-card-actions .btn { width:100%; }
}
@media(prefers-reduced-motion:reduce) {
  .sales-command-main::after,
  .sales-stage-board > div,
  .sales-stage-board > div::after,
  body.sales-weekly-mode .weekly-digest-sections > section { animation:none!important; }
  .sales-workspace-tabs button,
  body.sales-weekly-mode .sales-candidate-card,
  body.sales-weekly-mode .digest-flow-item,
  body.sales-weekly-mode .weekly-digest-version { transition:none!important; }
}

/* Customer-facing product landscape for Sales. */
.sales-landscape-grid {
  display: grid;
  grid-template-columns: minmax(0,1.36fr) minmax(300px,.64fr);
  gap: 14px;
  align-items: start;
}
.sales-landscape-main,
.sales-landscape-side {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--sales-line);
  border-radius: 24px;
  background: var(--sales-surface);
  box-shadow: 0 18px 48px rgba(35,55,69,.065), inset 0 1px rgba(255,255,255,.94);
  backdrop-filter: blur(16px) saturate(120%);
  -webkit-backdrop-filter: blur(16px) saturate(120%);
}
.sales-landscape-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 14px; }
.sales-landscape-card {
  position: relative;
  min-width: 0;
  display: grid;
  gap: 14px;
  padding: 18px;
  overflow: hidden;
  border: 1px solid var(--sales-line);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(249,252,252,.78));
  box-shadow: 0 12px 34px rgba(35,55,69,.055);
  animation: sales-panel-in 640ms var(--ease-enter) both;
  animation-delay: calc(var(--landscape-order) * 75ms);
  transition: transform 320ms var(--ease-enter), border-color 180ms ease, box-shadow 180ms ease;
}
.sales-landscape-card::before {
  content: "";
  position: absolute;
  inset: auto -80px -120px auto;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(34,174,181,.14), transparent 67%);
  pointer-events: none;
}
.sales-landscape-card:hover { transform: translateY(-2px); border-color: rgba(34,174,181,.32); box-shadow: 0 20px 48px rgba(35,55,69,.095); }
.sales-landscape-card.confirm { border-color: rgba(197,139,34,.22); }
.sales-landscape-card.confirm::before { background: radial-gradient(circle, rgba(197,139,34,.15), transparent 67%); }
.sales-landscape-card.ready { border-color: rgba(22,138,105,.22); }
.sales-landscape-card.risk { border-color: rgba(215,79,115,.22); }
.sales-landscape-card > header { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.sales-landscape-card > header span { color: var(--sales-cyan); font-family: var(--font-data); font-size: 8px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.sales-landscape-card > header strong { flex: 0 0 auto; padding: 5px 8px; border-radius: 999px; color: var(--sales-ink-soft); background: #edf3f4; font-size: 9px; }
.sales-landscape-card.confirm > header strong { color: var(--sales-amber); background: rgba(197,139,34,.09); }
.sales-landscape-card.ready > header strong { color: var(--sales-green); background: rgba(22,138,105,.08); }
.sales-landscape-card.risk > header strong { color: var(--sales-rose); background: rgba(215,79,115,.08); }
.sales-landscape-card h3 { margin: 0; color: var(--sales-ink); font-size: clamp(20px,2vw,28px); line-height: 1.12; letter-spacing: -.045em; }
.landscape-one-line { margin: 0; color: var(--sales-ink-soft); font-size: 12px; line-height: 1.65; }
.landscape-customer-strip {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--sales-line);
  border-radius: 15px;
  background: var(--sales-line);
}
.landscape-customer-strip div { min-width: 0; display: grid; gap: 5px; padding: 12px; background: rgba(248,251,251,.92); }
.landscape-customer-strip span,
.landscape-talk-track span { color: var(--sales-muted); font-family: var(--font-data); font-size: 7px; letter-spacing: .12em; text-transform: uppercase; }
.landscape-customer-strip b { color: var(--sales-ink); font-size: 11px; line-height: 1.45; }
.landscape-talk-track { display: grid; gap: 8px; }
.landscape-talk-track section { padding: 12px; border: 1px solid var(--sales-line); border-radius: 15px; background: rgba(255,255,255,.58); }
.landscape-talk-track p { margin: 7px 0 0; color: var(--sales-ink-soft); font-size: 11px; line-height: 1.58; }
.sales-landscape-card footer { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-top: 2px; }
.sales-landscape-card footer span { color: var(--sales-muted); font-family: var(--font-data); font-size: 8px; }
.landscape-source-stack { display: grid; gap: 0; }
body.sales-weekly-mode .landscape-source-stack .sales-source-candidate { border-bottom: 1px solid var(--sales-line); }
@media(max-width:1180px){ .sales-landscape-grid,.sales-landscape-list{grid-template-columns:1fr}.sales-landscape-side{position:relative;top:auto} }
@media(max-width:780px){ .landscape-customer-strip{grid-template-columns:1fr}.sales-landscape-card footer{align-items:stretch;flex-direction:column}.sales-landscape-card footer .btn{width:100%} }

/* Product landscape: customer-facing explanation layer. */
.sales-landscape-card .landscape-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: -4px;
}
.sales-landscape-card .landscape-tag-row i {
  padding: 5px 8px;
  border: 1px solid var(--sales-line);
  border-radius: 999px;
  color: var(--sales-ink-soft);
  background: rgba(255,255,255,.72);
  font-family: var(--font-data);
  font-size: 8px;
  font-style: normal;
  line-height: 1;
}
.landscape-value-map {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--sales-line);
  border-radius: 16px;
  background: var(--sales-line);
}
.landscape-value-map div {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 7px;
  min-height: 112px;
  padding: 12px;
  background: rgba(250,252,252,.96);
}
.landscape-value-map div:first-child {
  background: linear-gradient(145deg, rgba(34,174,181,.08), rgba(255,255,255,.94));
}
.landscape-value-map div:nth-child(2) {
  background: linear-gradient(145deg, rgba(118,100,199,.07), rgba(255,255,255,.94));
}
.landscape-value-map div:nth-child(3) {
  background: linear-gradient(145deg, rgba(22,138,105,.07), rgba(255,255,255,.94));
}
.landscape-value-map span {
  color: var(--sales-cyan);
  font-family: var(--font-data);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.landscape-value-map b {
  color: var(--sales-ink);
  font-size: 11px;
  line-height: 1.48;
}
body.sales-weekly-mode .sales-landscape-main .tower-card-head h3 {
  font-size: 18px !important;
}
body.sales-weekly-mode .sales-landscape-list {
  grid-template-columns: minmax(0,1fr);
}
body.sales-weekly-mode .sales-landscape-card {
  grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr);
  align-items: start;
}
body.sales-weekly-mode .sales-landscape-card > header,
body.sales-weekly-mode .sales-landscape-card > h3,
body.sales-weekly-mode .sales-landscape-card > .landscape-tag-row,
body.sales-weekly-mode .sales-landscape-card > .landscape-one-line,
body.sales-weekly-mode .sales-landscape-card > footer {
  grid-column: 1;
}
body.sales-weekly-mode .sales-landscape-card > .landscape-value-map,
body.sales-weekly-mode .sales-landscape-card > .landscape-customer-strip,
body.sales-weekly-mode .sales-landscape-card > .landscape-talk-track {
  grid-column: 2;
}
body.sales-weekly-mode .sales-landscape-card > .landscape-value-map { grid-row: 1 / span 3; }
body.sales-weekly-mode .sales-landscape-card > .landscape-customer-strip { grid-row: 4; }
body.sales-weekly-mode .sales-landscape-card > .landscape-talk-track { grid-row: 5; }
body.sales-weekly-mode .sales-landscape-card > footer { align-self: end; }
@media(max-width:1180px){
  body.sales-weekly-mode .sales-landscape-card { grid-template-columns: 1fr; }
  body.sales-weekly-mode .sales-landscape-card > header,
  body.sales-weekly-mode .sales-landscape-card > h3,
  body.sales-weekly-mode .sales-landscape-card > .landscape-tag-row,
  body.sales-weekly-mode .sales-landscape-card > .landscape-one-line,
  body.sales-weekly-mode .sales-landscape-card > footer,
  body.sales-weekly-mode .sales-landscape-card > .landscape-value-map,
  body.sales-weekly-mode .sales-landscape-card > .landscape-customer-strip,
  body.sales-weekly-mode .sales-landscape-card > .landscape-talk-track { grid-column: auto; grid-row: auto; }
}
@media(max-width:780px){ .landscape-value-map { grid-template-columns: 1fr; } }

.sales-product-spotlight {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr);
  gap: 14px;
  align-items: stretch;
  margin-bottom: 14px;
  padding: 18px;
  border: 1px solid rgba(21,55,70,.16);
  border-radius: 28px;
  background:
    radial-gradient(circle at 8% 0, rgba(34,174,181,.18), transparent 22rem),
    radial-gradient(circle at 100% 100%, rgba(215,79,115,.10), transparent 24rem),
    rgba(255,255,255,.72);
  box-shadow: 0 24px 68px rgba(35,55,69,.08), inset 0 1px rgba(255,255,255,.95);
  backdrop-filter: blur(18px) saturate(126%);
  -webkit-backdrop-filter: blur(18px) saturate(126%);
}
.sales-product-spotlight::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  right: -170px;
  top: -180px;
  border: 1px solid rgba(34,174,181,.14);
  border-radius: 50%;
  box-shadow: 0 0 0 58px rgba(34,174,181,.035), 0 0 0 116px rgba(215,79,115,.025);
  pointer-events: none;
}
.spotlight-copy {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: center;
  gap: 12px;
  min-height: 260px;
  padding: 18px;
  border-radius: 23px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0, rgba(34,174,181,.25), transparent 20rem),
    linear-gradient(145deg, var(--sales-dark), #193646 74%, #1f5155);
  box-shadow: inset 0 1px rgba(255,255,255,.12);
}
.spotlight-copy h2 {
  max-width: 13em;
  margin: 0;
  color: #fff;
  font-size: clamp(30px,4.4vw,58px);
  line-height: .98;
  letter-spacing: -.065em;
}
.spotlight-copy p {
  max-width: 58ch;
  margin: 0;
  color: #bfd2dc;
  font-size: 12px;
  line-height: 1.72;
}
.spotlight-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 3px; }
.spotlight-tags i {
  padding: 6px 9px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  color: #d9f6f7;
  background: rgba(255,255,255,.07);
  font-family: var(--font-data);
  font-size: 8px;
  font-style: normal;
}
.spotlight-story-board {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--sales-line);
  border-radius: 23px;
  background: var(--sales-line);
}
.spotlight-story-board section {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 10px;
  min-height: 260px;
  padding: 20px;
  background: rgba(255,255,255,.9);
}
.spotlight-story-board section:nth-child(1) { background: linear-gradient(180deg, #fff, #edf8f8); }
.spotlight-story-board section:nth-child(2) { background: linear-gradient(180deg, #fff, #f4f2fb); }
.spotlight-story-board section:nth-child(3) { background: linear-gradient(180deg, #fff, #eef8f3); }
.spotlight-story-board span {
  color: var(--sales-cyan);
  font-family: var(--font-data);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.spotlight-story-board strong {
  color: var(--sales-ink);
  font-size: clamp(14px,1.5vw,19px);
  line-height: 1.45;
  letter-spacing: -.025em;
}
@media(max-width:1180px){ .sales-product-spotlight{grid-template-columns:1fr}.spotlight-story-board section{min-height:170px} }
@media(max-width:780px){ .spotlight-story-board{grid-template-columns:1fr}.spotlight-copy{min-height:220px}.spotlight-copy h2{font-size:34px} }