/* ============================================================================
 * Kairos Superadmin — Commercial Operations workspace visual system (SA-COMMERCIAL-A1)
 *
 * Builds ON TOP OF superadmin-components.css (badges/state/table/drawer/toolbar/
 * field primitives) and superadmin-kairos-skin.css (dark identity). Adds only the
 * patterns specific to Commercial: pipeline stage, weighted value, next-action,
 * overdue indicator, proposal/agreement status, service package, customer health
 * (explainable dimensions, never a single fabricated score), renewal urgency,
 * communication status, data-health severity, KPI strip, and a responsive
 * detail-tab nav (scrollable row + mobile <select> fallback, matching the
 * pattern proven on Superadmin Schools).
 *
 * Load ORDER: after superadmin-components.css, before superadmin-kairos-skin.css
 * (same convention as superadmin-components.css itself), so the skin remains the
 * final identity authority and these classes are never remapped by it — only the
 * token vars they consume are.
 * ==========================================================================*/

:root {
  --bg: #f5f6fb; --panel: #fff; --primary: #4b2aad; --primary2: #5c39c0; --text: #1f2430;
  --muted: #69707d; --line: #e7e9f2; --accent: #ece5ff; --good: #dff5e8; --warn: #fff4d6;
  --danger: #ffe2e2; --sidebar-w: 224px; --topbar-h: 76px; --sidebar-collapsed: 78px;
  --cw-radius: 12px;
  --cw-touch: 44px;
}

/* ── Shell chrome (mirrors the site-wide Superadmin shell — see
      public/superadmin/schools/index.html — extracted here so every Commercial
      preview page loads one shared file instead of repeating ~80 lines each) ── */
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; font-family: Arial, sans-serif; background: var(--bg); color: var(--text); overflow: hidden; }
.app-shell { display: grid; grid-template-columns: var(--sidebar-w) 1fr; height: 100vh; }
body.sidebar-collapsed .app-shell { grid-template-columns: var(--sidebar-collapsed) 1fr !important; }
.sidebar {
  background: linear-gradient(180deg, #3d238f, #5a38b4);
  color: #fff; padding: 18px 14px; height: 100vh; overflow: auto; border-radius: 0 18px 18px 0;
  display: flex; flex-direction: column; position: relative;
}
.brand-wrap { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; text-decoration: none; color: #fff; }
.brand-copy { display: flex; flex-direction: column; line-height: 1.05; }
.brand-text { font-size: 18px; font-weight: 800; letter-spacing: .08em; }
.brand-subtitle { font-size: 10px; font-weight: 700; letter-spacing: .12em; opacity: .82; text-transform: uppercase; margin-top: 4px; }
.portal-chip {
  display: inline-flex; align-items: center; padding: 8px 12px; border-radius: 999px;
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.14);
  font-size: 12px; font-weight: 700; margin-bottom: 14px;
}
.nav { flex: 1 1 auto; }
.nav a {
  display: flex; align-items: center; gap: 10px; color: #fff; text-decoration: none;
  padding: 11px 12px; border-radius: 12px; margin-bottom: 6px; opacity: .95; font-size: 14px; position: relative;
}
.nav a.active { background: rgba(255,255,255,.16); font-weight: 700; }
.nav-icon { width: 18px; display: inline-flex; justify-content: center; flex-shrink: 0; font-size: 15px; }
.sidebar-footer-row {
  margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.14);
  display: flex; justify-content: space-between; align-items: center; gap: 10px;
}
.sidebar-toggle {
  width: 32px; height: 32px; border-radius: 10px; border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.10); color: #fff; cursor: pointer;
  display: flex; align-items: center; justify-content: center; font-size: 13px;
}
.sidebar-brand-footer { display: flex; align-items: center; justify-content: flex-start; }
.sidebar-brand-mark { display: block; width: 28px; max-width: 28px; height: auto; opacity: .95; pointer-events: none; }
body.sidebar-collapsed .brand-copy, body.sidebar-collapsed .brand-text,
body.sidebar-collapsed .brand-subtitle, body.sidebar-collapsed .portal-chip,
body.sidebar-collapsed .nav-label { display: none !important; }
body.sidebar-collapsed .brand-wrap { justify-content: center; }
body.sidebar-collapsed .nav a { justify-content: center; padding-left: 10px; padding-right: 10px; }
body.sidebar-collapsed .sidebar-footer-row { flex-direction: column; justify-content: center; align-items: center; gap: 8px; }
.right-column { display: grid; grid-template-rows: var(--topbar-h) 1fr; height: 100vh; min-width: 0; }
.topbar {
  background: #fff; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between;
  align-items: center; padding: 12px 18px; gap: 16px; min-width: 0;
}
.topbar-left, .topbar-right { display: flex; align-items: center; gap: 12px; }
.school-logo, .user-avatar { width: 40px; height: 40px; border-radius: 999px; overflow: hidden; background: #ece5ff; flex-shrink: 0; }
.school-logo img, .user-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.school-name, .user-name { font-weight: 700; font-size: 15px; color: var(--text); line-height: 1.1; }
.school-sub, .user-role { font-size: 11px; color: var(--muted); line-height: 1.1; }
.user-box { display: flex; align-items: center; gap: 8px; background: #fafafe; border: 1px solid var(--line); border-radius: 14px; padding: 6px 8px; }
.page-content { overflow: auto; min-height: 0; min-width: 0; padding: 24px 28px 40px; background:linear-gradient(180deg,#f8f7fd 0,#f5f6fb 280px); }
@media (max-width: 900px) {
  .app-shell { grid-template-columns: 1fr; height: auto; }
  .sidebar { display: none; }
  html, body { overflow: visible; }
  .right-column { height: auto; grid-template-rows: auto 1fr; }
  .page-content { overflow: visible; }
}

/* ── Commercial workspace hero header (mirrors .swk-head from Schools) ────── */
/* SA-COMMERCIAL-UX: flat Operations-Center-style header (matches /superadmin/home/
 * and the redesigned Schools module — replaces the prior purple gradient hero). */
.cw-head {
  background:linear-gradient(135deg,#fff 0%,#fbf9ff 66%,#f1ebff 100%); color: inherit; border-radius: 20px;
  border:1px solid #e4def4; box-shadow:0 18px 42px rgba(62,35,143,.08);
  padding:24px; margin-bottom: 18px; display: flex; justify-content: space-between;
  align-items: flex-start; gap: 18px; flex-wrap: wrap;
}
.cw-head h1 { margin: 0 0 7px; font-size: clamp(27px,3vw,36px); font-weight: 800; letter-spacing: -.04em; color:#25194d; }
.cw-head p { margin: 0; max-width: 760px; line-height: 1.55; font-size: 13.5px; color: var(--muted, #69707d); opacity: 1; }
.cw-eyebrow { font-size: 11px; font-weight: 800; color: var(--muted, #69707d); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 6px; }
.cw-crumb { font-size: 12px; margin:0 0 14px!important; }
.cw-crumb a { color: var(--muted, #69707d); text-decoration: none; }
.cw-crumb a:hover { text-decoration: underline; }
.cw-crumb .cw-crumb-current { color: var(--text, #1f2430); font-weight: 700; }
.cw-command__copy{position:relative;padding-left:52px;max-width:820px}.cw-command__mark{position:absolute;left:0;top:1px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#4b2aad;color:#fff;font-size:24px;box-shadow:0 8px 20px rgba(75,42,173,.24)}
.cw-command__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:360px}.cw-command__actions-label{width:100%;text-align:right;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800;color:var(--muted)}
.cw-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid #dcd5ef;border-radius:11px;background:#fff;color:#392477;text-decoration:none;font-size:12.5px;font-weight:800}.cw-action:hover{border-color:#4b2aad;background:#f7f3ff}.cw-action--primary{background:#4b2aad;border-color:#4b2aad;color:#fff}.cw-action--primary:hover{background:#3d238f;color:#fff}
.cw-dock-shell{margin-bottom:18px;padding:12px 14px 0;border:1px solid #e3deef;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,24,62,.05)}.cw-dock-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 3px 9px;color:#2d2350}.cw-dock-head strong{font-size:12px;text-transform:uppercase;letter-spacing:.06em}.cw-dock-head span{font-size:11.5px;color:var(--muted)}
.cw-workspace-nav { display:flex;gap:5px;overflow-x:auto;padding:0;margin:0;border-top:1px solid var(--line,#e7e9f2); }
.cw-workspace-nav a { display:inline-flex;align-items:center;gap:7px;min-height:46px;padding:9px 13px;border-radius:0;color:var(--muted,#69707d);text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap;border-bottom:3px solid transparent; }
.cw-workspace-nav a:hover { background:var(--accent,#ece5ff);color:var(--primary,#4b2aad); }
.cw-workspace-nav a.active { background:#f7f3ff;color:var(--primary,#4b2aad);border-bottom-color:var(--primary,#4b2aad); }
.cw-nav-count { min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#c0392b;color:#fff;font-size:10px;line-height:20px;text-align:center; }
.cw-workspace-nav a.active .cw-nav-count { background:#fff;color:#8a1c1c; }

/* === KPI strip ============================================================ */
.cw-kpi-strip {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px; margin-bottom: 16px;
}
.cw-kpi {
  position:relative;overflow:hidden;padding: 18px; border-radius: 16px;
  border: 1px solid #e3deef; background: var(--panel, #fff);box-shadow:0 8px 24px rgba(31,24,62,.05);
}
.cw-kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#4b2aad,#8b6cdb)}
.cw-kpi__label { font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--muted, #69707d); }
.cw-kpi__value { font-size: 26px; font-weight: 800; color: var(--text, #1f2430); margin-top: 4px; }
.cw-kpi__meta { font-size: 12px; color: var(--muted, #69707d); margin-top: 2px; }
.cw-kpi--unavailable .cw-kpi__value { color: var(--muted, #69707d); font-size: 15px; }

/* === Pipeline stage chip (Opportunity.stage) =============================== */
/* One neutral shape + label per stage — color is never the only signal, and no
 * stage is styled to imply completion percentage (stages are not a progress bar). */
.cw-stage {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700;
  border: 1px solid var(--line, #e7e9f2); background: var(--accent, rgba(167,139,250,.14));
  color: var(--text, #1f2430); white-space: nowrap;
}
.cw-stage--discovery, .cw-stage--solution_design { color: var(--sa-info-fg, #5c39c0); }
.cw-stage--proposal_preparation, .cw-stage--proposal_sent { color: var(--sa-warn-fg, #a9761a); }
.cw-stage--negotiation, .cw-stage--verbal_commitment { color: var(--sa-warn-fg, #a9761a); background: var(--warn, #fff4d6); }
.cw-stage--won { color: var(--sa-good-fg, #1f9d7a); background: var(--good, #dff5e8); }
.cw-stage--lost { color: var(--muted, #69707d); background: transparent; border-style: dashed; }
.cw-stage--paused { color: var(--sa-warn-fg, #a9761a); background: transparent; border-style: dashed; }

/* === Weighted value (estimated_value x probability — reference only) ======= */
/* Every value carries currency + "reference only" — never a bare number that
 * could be mistaken for real, committed revenue. */
.cw-value { font-variant-numeric: tabular-nums; font-weight: 700; }
.cw-value__ref-tag {
  display: inline-block; margin-left: 6px; font-size: 10px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .03em; color: var(--muted, #69707d);
}
.cw-value--unavailable { color: var(--muted, #69707d); font-weight: 400; font-style: italic; }

/* === Next-action / overdue indicator ======================================= */
.cw-next-action { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text, #1f2430); }
.cw-next-action__due { font-weight: 700; }
.cw-overdue {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 800;
  color: var(--sa-danger-fg, #c0392b); background: var(--danger, #ffe2e2);
  border: 1px solid var(--sa-danger-fg, #c0392b);
}
.cw-overdue::before { content: "●"; font-size: 8px; }
.cw-no-next-action { color: var(--sa-warn-fg, #a9761a); font-size: 12px; font-style: italic; }

/* === Proposal / Agreement status ============================================ */
.cw-proposal-status--draft, .cw-proposal-status--drafting { color: var(--muted, #69707d); }
.cw-proposal-status--sent, .cw-proposal-status--internal_review { color: var(--sa-info-fg, #5c39c0); }
.cw-proposal-status--negotiation, .cw-proposal-status--revision_requested { color: var(--sa-warn-fg, #a9761a); }
.cw-proposal-status--accepted, .cw-proposal-status--approved { color: var(--sa-good-fg, #1f9d7a); }
.cw-proposal-status--rejected, .cw-proposal-status--declined, .cw-proposal-status--expired,
.cw-proposal-status--withdrawn { color: var(--muted, #69707d); text-decoration: line-through; text-decoration-thickness: 1px; }

.cw-agreement-status--contracting, .cw-agreement-status--implementation { color: var(--sa-info-fg, #5c39c0); }
.cw-agreement-status--active { color: var(--sa-good-fg, #1f9d7a); }
.cw-agreement-status--at_risk { color: var(--sa-warn-fg, #a9761a); }
.cw-agreement-status--renewal_due { color: var(--sa-warn-fg, #a9761a); font-weight: 800; }
.cw-agreement-status--churned { color: var(--sa-danger-fg, #c0392b); }

/* === Service package chip =================================================== */
.cw-service-chip {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 2px 9px; border-radius: 999px; font-size: 11px; font-weight: 700;
  background: var(--accent, rgba(167,139,250,.14)); color: var(--text, #1f2430);
  border: 1px solid var(--line, #e7e9f2);
}
.cw-service-chip-list { display: flex; flex-wrap: wrap; gap: 6px; }

/* === Customer health — EXPLAINABLE DIMENSIONS, never one fabricated score === */
.cw-health-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}
.cw-health-dim {
  padding: 10px 12px; border-radius: 10px; border: 1px solid var(--line, #e7e9f2);
  background: var(--panel, #fff);
}
.cw-health-dim__label { font-size: 11px; font-weight: 700; color: var(--muted, #69707d); text-transform: uppercase; letter-spacing: .03em; }
.cw-health-dim__value { font-size: 13px; font-weight: 800; margin-top: 4px; }
.cw-health-dim--green .cw-health-dim__value { color: var(--sa-good-fg, #1f9d7a); }
.cw-health-dim--yellow .cw-health-dim__value { color: var(--sa-warn-fg, #a9761a); }
.cw-health-dim--red .cw-health-dim__value { color: var(--sa-danger-fg, #c0392b); }
.cw-health-dim--unavailable .cw-health-dim__value { color: var(--muted, #69707d); font-weight: 400; font-style: italic; }

/* === Renewal urgency ========================================================= */
.cw-renewal-urgency {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700;
  border: 1px solid var(--line, #e7e9f2);
}
.cw-renewal-urgency--not_due { color: var(--muted, #69707d); }
.cw-renewal-urgency--upcoming { color: var(--sa-info-fg, #5c39c0); }
.cw-renewal-urgency--review_started, .cw-renewal-urgency--proposal_preparation,
.cw-renewal-urgency--proposal_sent { color: var(--sa-warn-fg, #a9761a); }
.cw-renewal-urgency--negotiation { color: var(--sa-warn-fg, #a9761a); background: var(--warn, #fff4d6); }
.cw-renewal-urgency--renewed { color: var(--sa-good-fg, #1f9d7a); background: var(--good, #dff5e8); }
.cw-renewal-urgency--churned { color: var(--sa-danger-fg, #c0392b); background: var(--danger, #ffe2e2); }
.cw-renewal-urgency--extended, .cw-renewal-urgency--paused { color: var(--muted, #69707d); border-style: dashed; }

/* === Communication status (render-not-send discipline) ====================== */
.cw-comm-status { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; }
.cw-comm-status--not_sent, .cw-comm-status--proposed { color: var(--muted, #69707d); }
.cw-comm-status--blocked { color: var(--sa-warn-fg, #a9761a); }
.cw-comm-status--current { color: var(--sa-good-fg, #1f9d7a); }
.cw-comm-status--unavailable { color: var(--muted, #69707d); font-style: italic; }

/* === Data Health severity (5-level, matches Schools A5 precedent) =========== */
.cw-severity-critical { color: #8a1c1c; background: #ffe2e2; }
.cw-severity-high { color: #b42318; background: #ffe2e2; }
.cw-severity-medium { color: #9a6700; background: #fff4d6; }
.cw-severity-low { color: #444; background: #eef0fa; }
.cw-severity-informational { color: var(--primary, #4b2aad); background: #ece5ff; }
.cw-severity-critical, .cw-severity-high, .cw-severity-medium, .cw-severity-low, .cw-severity-informational {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 2px 9px; border-radius: 999px; font-size: 11px; font-weight: 800;
  text-transform: uppercase; letter-spacing: .02em;
}

/* === Attention / issue queue row ============================================= */
.cw-queue-row { display: grid; grid-template-columns: 1.4fr 1.6fr .8fr .7fr .8fr 1fr; gap: 10px; align-items: center; }
@media (max-width: 900px) { .cw-queue-row { grid-template-columns: 1fr; gap: 4px; } }

/* === State-honesty meaning panel (adapted from the preview's .pv-meaning) === */
.cw-meaning {
  margin: 10px 0 16px; padding: 12px 14px; border-radius: 10px;
  border: 1px dashed var(--line, #e7e9f2); background: var(--accent, rgba(167,139,250,.08));
  font-size: 12.5px; color: var(--muted, #69707d);
}
.cw-meaning strong { color: var(--text, #1f2430); }
.cw-blocked-tag {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 2px 8px; border-radius: 999px; font-size: 10.5px; font-weight: 800;
  text-transform: uppercase; letter-spacing: .02em;
  color: var(--sa-warn-fg, #a9761a); background: var(--warn, #fff4d6);
  border: 1px solid var(--sa-warn-fg, #a9761a);
}

/* === Responsive detail-tab nav (proven pattern: scrollable row + mobile select) */
.cw-detail-nav { position: relative; margin-bottom: 14px; }
.cw-detail-nav .cw-tabbar {
  display: flex; gap: 6px; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden;
  scrollbar-width: thin; -webkit-overflow-scrolling: touch; padding-bottom: 2px;
}
.cw-tabbar button {
  min-height: var(--cw-touch); padding: 8px 14px; border-radius: 10px 10px 0 0;
  border: 1px solid var(--line, #e7e9f2); border-bottom: none; background: transparent;
  color: var(--muted, #69707d); font: inherit; font-weight: 700; cursor: pointer; white-space: nowrap;
}
.cw-tabbar button[aria-selected="true"] { color: var(--primary, #4b2aad); background: var(--panel, #fff); border-color: var(--primary, #4b2aad); }
.cw-detail-nav-select { display: none; }
@media (max-width: 560px) {
  .cw-detail-nav .cw-tabbar { display: none; }
  .cw-detail-nav-select {
    display: block; width: 100%; min-height: var(--cw-touch);
    padding: 9px 12px; border-radius: 10px; border: 1px solid var(--line, #e7e9f2);
    background: var(--panel, #fff); color: var(--text, #1f2430); font: inherit;
  }
}

/* === Card / grid layout helpers (shared across all Commercial screens) ====== */
/* min-width:0 overrides the grid/flex-item default of min-width:auto, which
   otherwise refuses to shrink a cell below its content's min-content width —
   the classic cause of "my page overflows on mobile even though everything
   LOOKS responsive." Found via the SA-COMMERCIAL-A1 responsive sweep. */
.cw-card { padding: 18px; border-radius: 16px; border: 1px solid #e3deef; background: var(--panel, #fff); min-width: 0;box-shadow:0 8px 24px rgba(31,24,62,.05); }
.cw-card + .cw-card { margin-top: 12px; }
.cw-card__title { font-size: 14px; font-weight: 800; color: var(--text, #1f2430); margin: 0 0 10px; }
.cw-grid-2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.cw-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 900px) { .cw-grid-2, .cw-grid-3 { grid-template-columns: minmax(0, 1fr); } }
.cw-kv { display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--line, #e7e9f2); font-size: 13px; min-width: 0; }
/* Labels are short, known words ("Owner", "Prospect") and must never break
   mid-word (found doing so inside narrow Pipeline cards during A1R visual
   review); values can be long (institution names, service lists) and need
   the wrap-safety min-width:0 fix from the A1 responsive pass. */
.cw-kv__k { white-space: nowrap; flex-shrink: 0; }
/* Modifier for the rare inverted case: a long dynamic value (an institution or
   opportunity name) used as the key/left side of a row, with a short chip on
   the right — e.g. Customer Success's "Expansion opportunities" list. */
.cw-kv__k--wrap { white-space: normal; overflow-wrap: break-word; min-width: 0; flex-shrink: 1; }
.cw-kv__v { min-width: 0; overflow-wrap: break-word; }
.cw-kv:last-child { border-bottom: 0; }
.cw-kv__k { color: var(--muted, #69707d); }
.cw-kv__v { color: var(--text, #1f2430); font-weight: 700; text-align: right; }

.sa-table-wrap{margin-top:14px!important;border:1px solid #e3deef!important;border-radius:16px!important;background:#fff;box-shadow:0 8px 24px rgba(31,24,62,.05);overflow:hidden}.sa-table thead th{background:#f7f4fc!important;color:#443766!important;text-transform:uppercase;letter-spacing:.045em;font-size:10.5px}.sa-table tbody tr:hover{background:#fbf9ff}.cw-card select{min-height:42px;border:1px solid #dcd5ef;border-radius:10px;background:#fff;color:var(--text);padding:8px 34px 8px 11px}.sa-state{border-radius:16px!important}

@media(max-width:700px){.page-content{padding:18px 14px 32px}.cw-head{padding:19px}.cw-command__copy{padding-left:0}.cw-command__mark{position:static;margin-bottom:12px}.cw-command__actions{width:100%;max-width:none;justify-content:flex-start}.cw-command__actions-label{text-align:left}.cw-dock-head span{display:none}}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

/* Commercial dark workspace — aligned with Superadmin Home and Content. */
.page-content {
  background:
    radial-gradient(circle at 88% 4%, rgba(124,77,255,.13), transparent 28%),
    linear-gradient(180deg, #100c25 0%, #0d0a1f 48%, #090716 100%);
}
.cw-crumb, .cw-crumb a { color: var(--kairos-muted, #a9a3c4); }
.cw-crumb .cw-crumb-current { color: var(--kairos-text, #f4f1ff); }
.cw-head {
  background:
    radial-gradient(circle at 84% 10%, rgba(167,139,250,.23), transparent 40%),
    linear-gradient(145deg, rgba(36,18,99,.92), rgba(22,17,48,.88));
  border-color: rgba(167,139,250,.30);
  box-shadow: 0 18px 48px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08);
}
.cw-head h1 { color: var(--kairos-text, #f4f1ff); }
.cw-head p, .cw-eyebrow { color: var(--kairos-muted, #a9a3c4); }
.cw-command__mark {
  background: linear-gradient(135deg,#5b4bd6,#8d72ff);
  box-shadow: 0 0 24px rgba(167,139,250,.30), inset 0 1px 0 rgba(255,255,255,.18);
}
.cw-command__actions-label { color: var(--kairos-muted, #a9a3c4); }
.cw-action {
  background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.14);
  color: var(--kairos-text, #f4f1ff); box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.cw-action:hover { background: rgba(167,139,250,.14); border-color: rgba(167,139,250,.45); }
.cw-action--primary { background: linear-gradient(135deg,#5b4bd6,#7b6cf6); border-color: transparent; color:#fff; }
.cw-action--primary:hover { background: linear-gradient(135deg,#6a5ae5,#9186f8); }
.cw-dock-shell, .cw-card, .cw-kpi, .sa-table-wrap {
  background: linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
  background-color: rgba(22,17,48,.78);
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.07);
}
.cw-dock-head { color: var(--kairos-text, #f4f1ff); }
.cw-dock-head span { color: var(--kairos-muted, #a9a3c4); }
.cw-workspace-nav { border-top-color: rgba(255,255,255,.10); }
.cw-workspace-nav a { color: var(--kairos-muted, #a9a3c4); }
.cw-workspace-nav a:hover { background: rgba(167,139,250,.10); color: var(--kairos-text, #f4f1ff); }
.cw-workspace-nav a.active { background: rgba(167,139,250,.14); color: var(--kairos-sa, #a78bfa); border-bottom-color: var(--kairos-sa, #a78bfa); }
.cw-kpi::before { background: linear-gradient(#7c4dff,#a78bfa); box-shadow:0 0 16px rgba(167,139,250,.5); }
.cw-kpi__label, .cw-kpi__meta, .cw-meaning, .cw-kv__k { color: var(--kairos-muted, #a9a3c4); }
.cw-kpi__value, .cw-card__title, .cw-kv__v { color: var(--kairos-text, #f4f1ff); }
.cw-kv { border-bottom-color: rgba(255,255,255,.08); }
.cw-meaning { background: rgba(167,139,250,.07); border-color: rgba(167,139,250,.28); }
.cw-card select { background:#161130; border-color:rgba(255,255,255,.14); color:var(--kairos-text,#f4f1ff); }
.sa-table thead th { background:rgba(167,139,250,.09)!important; color:var(--kairos-muted,#a9a3c4)!important; }
.sa-table tbody tr:hover { background:rgba(167,139,250,.07); }
.sa-table th, .sa-table td { border-color:rgba(255,255,255,.08)!important; }
.sa-table td { color:var(--kairos-text,#f4f1ff); }

/* Commercial Overview runtime dashboard. */
.co-dashboard{display:grid;gap:16px}.co-livebar{min-height:42px;padding:0 4px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--kairos-muted,#a9a3c4);font-size:11.5px}.co-livebar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.co-livebar strong{color:var(--kairos-text,#f4f1ff);font-size:12px}.co-livebar__dot{width:8px;height:8px;border-radius:50%;background:#4fd1c5;box-shadow:0 0 12px rgba(79,209,197,.7)}.co-refresh{min-height:36px;padding:7px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:var(--kairos-text,#f4f1ff);font-family:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer}.co-refresh:hover{border-color:rgba(167,139,250,.5);background:rgba(167,139,250,.1)}
.co-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.co-kpi{position:relative;min-height:126px;padding:17px;display:flex;align-items:flex-start;gap:13px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.22)}.co-kpi::after{content:"";position:absolute;width:90px;height:90px;right:-35px;bottom:-45px;border-radius:50%;background:var(--co-tone);filter:blur(18px);opacity:.22}.co-kpi__icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;color:var(--co-ink);background:color-mix(in srgb,var(--co-tone) 18%,transparent);border:1px solid color-mix(in srgb,var(--co-tone) 42%,transparent);font-weight:900}.co-kpi div{display:grid;gap:4px;min-width:0}.co-kpi div>span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:var(--kairos-muted,#a9a3c4)}.co-kpi strong{font-size:29px;line-height:1;color:var(--kairos-text,#f4f1ff)}.co-kpi small{font-size:10.5px;color:var(--kairos-muted,#a9a3c4)}.co-kpi--violet{--co-tone:#a78bfa;--co-ink:#c4b5fd}.co-kpi--cyan{--co-tone:#4db6ff;--co-ink:#7dd3fc}.co-kpi--amber{--co-tone:#f2b134;--co-ink:#facc15}.co-kpi--green{--co-tone:#4fd1c5;--co-ink:#5eead4}
.co-main-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px}.co-secondary-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px}.co-panel{min-width:0;padding:19px;border-radius:20px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(155deg,rgba(255,255,255,.085),rgba(255,255,255,.018));background-color:rgba(22,17,48,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 40px rgba(0,0,0,.22)}.co-panel--attention{background:radial-gradient(circle at 100% 0,rgba(124,77,255,.16),transparent 42%),linear-gradient(155deg,rgba(255,255,255,.085),rgba(255,255,255,.018)),rgba(22,17,48,.76)}.co-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.co-panel__head h2{margin:3px 0 0;font-size:17px;color:var(--kairos-text,#f4f1ff)}.co-panel__head>a{color:var(--kairos-sa,#a78bfa);font-size:11.5px;font-weight:800;text-decoration:none}.co-kicker{font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--kairos-muted,#a9a3c4)}
.co-attention-list{display:grid;gap:9px}.co-attention{display:grid;grid-template-columns:38px minmax(0,1fr) auto 14px;align-items:center;gap:11px;padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035);color:inherit;text-decoration:none}.co-attention:hover{background:rgba(167,139,250,.08);border-color:rgba(167,139,250,.28)}.co-attention__icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(167,139,250,.11);color:#c4b5fd;font-weight:900}.co-attention>span:nth-child(2){display:grid;gap:3px}.co-attention strong{font-size:12.5px;color:var(--kairos-text,#f4f1ff)}.co-attention small{font-size:10.5px;color:var(--kairos-muted,#a9a3c4)}.co-attention b{min-width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(167,139,250,.13);color:#c4b5fd}.co-attention>i{color:var(--kairos-muted,#a9a3c4);font-style:normal}.co-attention--danger b,.co-attention--urgent b{background:rgba(255,141,141,.12);color:#ffabab}.co-attention--warn b{background:rgba(242,177,52,.12);color:#f2b134}.co-attention--clear b{background:rgba(79,209,197,.12);color:#4fd1c5}
.co-funnel{display:grid;gap:12px}.co-funnel__row{display:grid;gap:6px}.co-funnel__row>div,.co-stage-card>div{display:flex;justify-content:space-between;gap:10px;color:var(--kairos-muted,#a9a3c4);font-size:11.5px}.co-funnel__row strong,.co-stage-card strong{color:var(--kairos-text,#f4f1ff)}.co-funnel__row>i,.co-stage-card>i{display:block;height:5px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.co-funnel__row>i::after,.co-stage-card>i::after{content:"";display:block;width:var(--co-fill);height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b4bd6,#a78bfa);box-shadow:0 0 10px rgba(167,139,250,.4)}
.co-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.co-stage-card{display:grid;gap:8px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}.co-value-block{margin-top:15px;padding-top:14px;border-top:1px solid rgba(255,255,255,.09)}.co-value-block>span{display:block;margin-bottom:8px;font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--kairos-muted,#a9a3c4)}.co-value-block>small{display:block;margin-top:8px;color:var(--kairos-muted,#a9a3c4);font-size:9.5px}.co-currency{display:flex;justify-content:space-between;gap:12px;padding:7px 0;color:var(--kairos-text,#f4f1ff);font-size:12px}.co-currency span{color:var(--kairos-muted,#a9a3c4)}.co-empty{padding:15px;border:1px dashed rgba(255,255,255,.12);border-radius:12px;color:var(--kairos-muted,#a9a3c4);font-size:11px;text-align:center}
.co-health{display:grid;gap:18px}.co-health__score{display:flex;align-items:center;gap:12px;padding:14px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09)}.co-health__score>span{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;font-size:20px;font-weight:900}.co-health__score.is-clear>span{background:rgba(79,209,197,.13);color:#4fd1c5}.co-health__score.has-issues>span{background:rgba(255,141,141,.12);color:#ff9b9b}.co-health__score>div{display:grid;gap:4px}.co-health__score strong{color:var(--kairos-text,#f4f1ff);font-size:13px}.co-health__score small{color:var(--kairos-muted,#a9a3c4);font-size:10.5px;line-height:1.4}.co-health__levels{display:grid;gap:8px}.co-health__levels span{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:11.5px;color:var(--kairos-muted,#a9a3c4)}.co-health__levels i{width:7px;height:7px;border-radius:50%}.co-health__levels i.high{background:#ff8d8d}.co-health__levels i.medium{background:#f2b134}.co-health__levels i.low{background:#7b6cf6}.co-health__levels b{color:var(--kairos-text,#f4f1ff)}
@media(max-width:1100px){.co-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.co-main-grid,.co-secondary-grid{grid-template-columns:1fr}}@media(max-width:620px){.co-kpis{grid-template-columns:1fr}.co-livebar{align-items:flex-start}.co-stage-grid{grid-template-columns:1fr}.co-attention{grid-template-columns:36px minmax(0,1fr) auto}.co-attention>i{display:none}.co-panel{padding:15px}.co-panel__head{display:grid}.co-panel__head>a{justify-self:start}}

/* Compact editorial page heading: no hero surface. */
.cw-head--plain{display:block;padding:4px 0 10px;margin-bottom:10px;border:0;background:none;box-shadow:none}.cw-head--plain h1{font-size:clamp(27px,3vw,34px);margin-bottom:6px}.cw-head--plain p{max-width:780px}.cw-head--plain .cw-eyebrow{display:block;margin-bottom:7px;color:var(--kairos-sa,#a78bfa)}

/* Commercial Inbox — personal queue + shared team intake. */
.ci-workspace{margin-bottom:14px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.018)),rgba(22,17,48,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 36px rgba(0,0,0,.2);overflow:hidden}.ci-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid rgba(255,255,255,.1)}.ci-tab{position:relative;display:grid;gap:4px;padding:16px 18px;border:0;background:transparent;color:var(--kairos-muted,#a9a3c4);text-align:left;font-family:inherit;cursor:pointer}.ci-tab+ .ci-tab{border-left:1px solid rgba(255,255,255,.08)}.ci-tab::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:transparent}.ci-tab span{font-size:13px;font-weight:800}.ci-tab small{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-tab.active{color:var(--kairos-text,#f4f1ff);background:rgba(167,139,250,.075)}.ci-tab.active::after{background:linear-gradient(90deg,#7c4dff,#a78bfa);box-shadow:0 0 12px rgba(167,139,250,.45)}.ci-toolbar{min-height:58px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.ci-toolbar>div{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--kairos-muted,#a9a3c4)}.ci-toolbar strong{color:var(--kairos-text,#f4f1ff)}.ci-live-dot{width:7px;height:7px;border-radius:50%;background:#4fd1c5;box-shadow:0 0 9px rgba(79,209,197,.65)}.ci-toolbar label{display:flex;align-items:center;gap:8px;color:var(--kairos-muted,#a9a3c4);font-size:10.5px;font-weight:800}.ci-toolbar select{min-height:38px;padding:7px 30px 7px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#161130;color:var(--kairos-text,#f4f1ff)}
@media(max-width:620px){.ci-tabs{grid-template-columns:1fr}.ci-tab+.ci-tab{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.ci-toolbar{align-items:flex-start;flex-direction:column}.ci-toolbar label,.ci-toolbar select{width:100%}}

/* Agenda and list modules. */
.ag-overview-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.ag-overview-strip>div{position:relative;display:grid;gap:4px;padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(22,17,48,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.18)}.ag-overview-strip span{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--kairos-muted,#a9a3c4)}.ag-overview-strip strong{font-size:25px;line-height:1.1;color:var(--kairos-text,#f4f1ff)}.ag-overview-strip small{font-size:10.5px;color:var(--kairos-muted,#a9a3c4)}.ag-overview-strip .ag-runtime-live{color:#4fd1c5}.ag-toolbar{padding:10px!important;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(22,17,48,.72)}.ag-pill,.ag-btn{border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.05)!important;color:var(--kairos-muted,#a9a3c4)!important;font-family:inherit}.ag-pill:hover,.ag-btn:hover{background:rgba(167,139,250,.12)!important;color:var(--kairos-text,#f4f1ff)!important;border-color:rgba(167,139,250,.4)!important}.ag-pill.on{background:rgba(167,139,250,.16)!important;color:var(--kairos-text,#f4f1ff)!important;border-color:rgba(167,139,250,.45)!important;box-shadow:inset 0 -2px 0 #a78bfa}.ag-pending{background:#ff8d8d!important;color:#140d2d!important}.cw-route--prospects .cw-card,.cw-route--pipeline .cw-card{display:flex;align-items:center;gap:10px;margin-bottom:14px}.cw-route--prospects .cw-card label,.cw-route--pipeline .cw-card label{color:var(--kairos-muted,#a9a3c4)!important}.cw-route--data-health .cw-kpi-strip{margin-top:4px}
@media(max-width:700px){.ag-overview-strip{grid-template-columns:1fr}.ag-toolbar{overflow-x:auto;flex-wrap:nowrap!important}.ag-pill{white-space:nowrap}.cw-route--prospects .cw-card,.cw-route--pipeline .cw-card{align-items:flex-start;flex-direction:column}.cw-route--prospects .cw-card select,.cw-route--pipeline .cw-card select{width:100%}}

/* High-contrast links and Prospect operations. */
.page-content a{color:#c4b5fd}.page-content a:hover{color:#fff}.sa-table td a{color:#f4f1ff;text-decoration-color:rgba(196,181,253,.55);text-underline-offset:3px}.sa-table td a:hover{color:#c4b5fd}.cw-route--prospects .sa-table{min-width:960px;table-layout:auto}.cw-route--prospects .sa-table th:nth-child(1){min-width:220px}.cw-route--prospects .sa-table th:nth-child(4){min-width:180px}.cw-route--prospects .sa-table th:nth-child(5){min-width:150px}.cw-route--prospects .sa-table th:nth-child(6){min-width:220px}.cp-org-link{display:block;font-weight:850;font-size:13px;text-decoration:none}.cp-meta,.cp-website,.cp-link-state,.cp-priority{display:block;margin-top:5px;font-size:10.5px;color:var(--kairos-muted,#a9a3c4)}.cp-website{color:#c4b5fd!important}.cp-qualification{font-size:11.5px;color:var(--kairos-text,#f4f1ff)}.cp-priority{text-transform:uppercase;letter-spacing:.06em}.cp-contact{overflow-wrap:anywhere}.cp-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cp-action{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 9px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.05);color:#f4f1ff!important;font-family:inherit;font-size:10.5px;font-weight:700;line-height:1;text-decoration:none!important;cursor:pointer;white-space:nowrap}.cp-action:hover{background:rgba(167,139,250,.13);border-color:rgba(167,139,250,.45)}.cp-action--primary{background:rgba(124,77,255,.32);border-color:rgba(167,139,250,.45)}.cp-action:disabled{opacity:.38;cursor:not-allowed}.cp-dialog{width:min(500px,calc(100vw - 28px));padding:0;border:1px solid rgba(167,139,250,.35);border-radius:20px;background:#161130;color:var(--kairos-text,#f4f1ff);box-shadow:0 28px 80px rgba(0,0,0,.62)}.cp-dialog::backdrop{background:rgba(4,3,12,.72);backdrop-filter:blur(4px)}.cp-dialog form{display:grid;gap:14px;padding:20px}.cp-dialog__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cp-dialog__head span{font-size:9.5px;text-transform:uppercase;letter-spacing:.09em;color:#a78bfa;font-weight:900}.cp-dialog__head h2{margin:4px 0 0;font-size:20px}.cp-dialog__head button{border:0;background:transparent;color:#f4f1ff;font-size:17px;cursor:pointer}.cp-dialog label{display:grid;gap:7px;font-size:11px;font-weight:800;color:var(--kairos-muted,#a9a3c4)}.cp-dialog input{width:100%;min-height:43px;padding:9px 11px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:#0f0b25;color:#f4f1ff;font:inherit}.cp-dialog__actions{display:flex;justify-content:flex-end;gap:8px}.cp-dialog__actions button{min-height:39px;padding:8px 13px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.06);color:#f4f1ff;font-weight:800;cursor:pointer}.cp-dialog__actions .primary{background:linear-gradient(135deg,#5b4bd6,#7b6cf6);border-color:transparent}.cp-dialog__error{margin:0;padding:9px 11px;border-radius:10px;background:rgba(255,141,141,.1);color:#ffabab;font-size:11px}
.pd-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.pd-summary>div{display:grid;align-content:start;gap:6px;min-height:122px;padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(22,17,48,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.18)}.pd-summary span{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--kairos-muted,#a9a3c4)}.pd-summary strong{font-size:15px;color:var(--kairos-text,#f4f1ff);overflow-wrap:anywhere}.pd-summary small{font-size:10.5px;color:var(--kairos-muted,#a9a3c4)}.pd-summary button{justify-self:start;padding:0;border:0;background:transparent;color:#c4b5fd;font-family:inherit;font-size:11px;font-weight:800;line-height:1.2;cursor:pointer}.pd-summary>div>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}@media(max-width:800px){.pd-summary{grid-template-columns:1fr}}