body[data-workspace-active="money"] [data-cc-content] { --tch-workspace-scope: money; }

/* Money owner experience -------------------------------------------------- */
:where(body[data-workspace-active="money"]) .cc-money-cockpit {
  --money-ink: #17201d;
  --money-muted: #65716c;
  --money-line: #dfe5e2;
  --money-soft: #f4f6f5;
  --money-green: #17664f;
  --money-amber: #8a5a10;
  --money-red: #a53f39;
  --money-blue: #315f7d;
  color: var(--money-ink);
  letter-spacing: 0;
  gap: 0;
}

:where(body[data-workspace-active="money"]) .cc-money-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-width: 0;
  padding: 4px 0 16px;
  border-bottom: 1px solid var(--money-line);
}

:where(body[data-workspace-active="money"]) .cc-money-toolbar > div:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

:where(body[data-workspace-active="money"]) .cc-money-toolbar strong { color: var(--money-ink); font-size: 16px; }
:where(body[data-workspace-active="money"]) .cc-money-toolbar span { color: var(--money-muted); font-size: 12px; overflow-wrap: anywhere; }

:where(body[data-workspace-active="money"]) .cc-money-toolbar-actions,
:where(body[data-workspace-active="money"]) .cc-money-period-tabs {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

:where(body[data-workspace-active="money"]) .cc-money-period-tabs {
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--money-line);
  border-radius: 8px;
  background: var(--money-soft);
}

:where(body[data-workspace-active="money"]) .cc-money-period-tabs button {
  min-width: 62px;
  min-height: 36px;
  padding: 7px 12px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--money-muted);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

:where(body[data-workspace-active="money"]) .cc-money-period-tabs button:hover,
:where(body[data-workspace-active="money"]) .cc-money-period-tabs button.active,
:where(body[data-workspace-active="money"]) .cc-money-period-tabs button[aria-pressed="true"] {
  background: #ffffff;
  color: var(--money-ink);
}

:where(body[data-workspace-active="money"]) .cc-money-period-tabs button.active,
:where(body[data-workspace-active="money"]) .cc-money-period-tabs button[aria-pressed="true"] { box-shadow: 0 1px 3px rgba(23, 32, 29, .12); }

:where(body[data-workspace-active="money"]) .cc-money-period-tabs button:focus-visible,
:where(body[data-workspace-active="money"]) .cc-money-quality-button:focus-visible { outline: 3px solid rgba(49, 95, 125, .3); outline-offset: 2px; }

:where(body[data-workspace-active="money"]) .cc-money-first-viewport {
  display: grid;
  gap: 24px;
  padding: 30px 0 24px;
  border-bottom: 1px solid var(--money-line);
}

:where(body[data-workspace-active="money"]) .cc-money-decision-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
}

:where(body[data-workspace-active="money"]) .cc-money-decision-copy > div { min-width: 0; }
:where(body[data-workspace-active="money"]) .cc-money-decision-copy h2 {
  max-width: 960px;
  margin: 5px 0 0;
  color: var(--money-ink);
  font-size: 28px;
  font-weight: 760;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

:where(body[data-workspace-active="money"]) .cc-money-decision-copy .cc-button { min-width: 190px; justify-content: center; white-space: normal; }

:where(body[data-workspace-active="money"]) .cc-money-owner-signals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

:where(body[data-workspace-active="money"]) .cc-money-owner-signal {
  min-width: 0;
  border: 1px solid var(--money-line);
  border-top: 3px solid #99a49f;
  border-radius: 6px;
  background: #ffffff;
  padding: 18px;
}

:where(body[data-workspace-active="money"]) .cc-money-owner-signal.is-good { border-top-color: var(--money-green); }
:where(body[data-workspace-active="money"]) .cc-money-owner-signal.is-watch { border-top-color: var(--money-amber); }
:where(body[data-workspace-active="money"]) .cc-money-owner-signal.is-bad { border-top-color: var(--money-red); }
:where(body[data-workspace-active="money"]) .cc-money-owner-signal > span {
  display: block;
  color: var(--money-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

:where(body[data-workspace-active="money"]) .cc-money-owner-signal > strong {
  display: block;
  margin: 9px 0 15px;
  color: var(--money-ink);
  font-size: 27px;
  font-variant-numeric: tabular-nums;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

:where(body[data-workspace-active="money"]) .cc-money-signal-meta { display: grid; gap: 9px; margin: 0; }
:where(body[data-workspace-active="money"]) .cc-money-signal-meta > div {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 9px;
  border-top: 1px solid var(--money-line);
  padding-top: 9px;
}

:where(body[data-workspace-active="money"]) .cc-money-signal-meta dt,
:where(body[data-workspace-active="money"]) .cc-money-signal-meta dd { margin: 0; font-size: 11px; line-height: 1.4; }
:where(body[data-workspace-active="money"]) .cc-money-signal-meta dt { color: var(--money-muted); font-weight: 800; }
:where(body[data-workspace-active="money"]) .cc-money-signal-meta dd { color: var(--money-ink); overflow-wrap: anywhere; }
:where(body[data-workspace-active="money"]) .cc-money-signal-meta [data-money-data-confidence].is-good dd { color: var(--money-green); }
:where(body[data-workspace-active="money"]) .cc-money-signal-meta [data-money-data-confidence].is-blocked dd { color: var(--money-red); }

:where(body[data-workspace-active="money"]) .cc-money-evidence-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  border-top: 1px solid var(--money-line);
  padding-top: 14px;
  color: var(--money-muted);
  font-size: 11px;
  line-height: 1.4;
}

:where(body[data-workspace-active="money"]) .cc-money-evidence-line > span { min-width: 0; overflow-wrap: anywhere; }
:where(body[data-workspace-active="money"]) .cc-money-quality-button {
  flex: 0 0 auto;
  border: 0;
  border-bottom: 1px solid currentColor;
  background: transparent;
  color: var(--money-blue);
  padding: 3px 0;
  font-size: 12px;
  font-weight: 800;
}

:where(body[data-workspace-active="money"]) .cc-money-below-fold {
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  gap: 18px;
  align-items: start;
  min-width: 0;
  padding-top: 22px;
}

:where(body[data-workspace-active="money"]) .cc-money-section {
  min-width: 0;
  border: 1px solid var(--money-line);
  border-radius: 8px;
  background: #ffffff;
  padding: 22px;
}

:where(body[data-workspace-active="money"]) .cc-money-section + .cc-money-section,
:where(body[data-workspace-active="money"]) .cc-money-below-fold + .cc-money-section { margin-top: 18px; }
:where(body[data-workspace-active="money"]) .cc-money-section .cc-section-head { margin-bottom: 16px; }
:where(body[data-workspace-active="money"]) .cc-money-section .cc-section-head h3 { margin: 0 0 4px; color: var(--money-ink); font-size: 18px; line-height: 1.28; }
:where(body[data-workspace-active="money"]) .cc-money-section .cc-section-head p { color: var(--money-muted); font-size: 12px; }

:where(body[data-workspace-active="money"]) .cc-money-exception-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
:where(body[data-workspace-active="money"]) .cc-money-exception-list li {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 10px;
  border-top: 1px solid var(--money-line);
  padding: 14px 0;
}

:where(body[data-workspace-active="money"]) .cc-money-exception-list li:first-child { border-top: 0; padding-top: 2px; }
:where(body[data-workspace-active="money"]) .cc-money-exception-list li > span {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid #b9c3be;
  border-radius: 50%;
  color: var(--money-muted);
  font-size: 11px;
  font-weight: 800;
}

:where(body[data-workspace-active="money"]) .cc-money-exception-list strong,
:where(body[data-workspace-active="money"]) .cc-money-exception-list p,
:where(body[data-workspace-active="money"]) .cc-money-exception-list small { overflow-wrap: anywhere; }
:where(body[data-workspace-active="money"]) .cc-money-exception-list strong { color: var(--money-ink); font-size: 13px; }
:where(body[data-workspace-active="money"]) .cc-money-exception-list p { margin: 3px 0 0; color: var(--money-muted); font-size: 12px; line-height: 1.42; }
:where(body[data-workspace-active="money"]) .cc-money-exception-list small { grid-column: 2; color: var(--money-blue); font-size: 10px; font-weight: 800; text-transform: uppercase; }

:where(body[data-workspace-active="money"]) .cc-money-scorecard { min-width: 0; overflow: hidden; border: 1px solid var(--money-line); border-radius: 6px; }
:where(body[data-workspace-active="money"]) .cc-money-score-head,
:where(body[data-workspace-active="money"]) .cc-money-score-row {
  display: grid;
  grid-template-columns: minmax(110px, .85fr) minmax(90px, .68fr) minmax(130px, 1fr) minmax(150px, 1.25fr);
  gap: 14px;
  align-items: center;
  min-width: 0;
}

:where(body[data-workspace-active="money"]) .cc-money-score-head { min-height: 42px; padding: 0 14px; background: var(--money-soft); color: var(--money-muted); font-size: 11px; font-weight: 800; }
:where(body[data-workspace-active="money"]) .cc-money-score-row { min-height: 58px; border-top: 1px solid var(--money-line); padding: 9px 14px; font-size: 12px; }
:where(body[data-workspace-active="money"]) .cc-money-score-row > * { min-width: 0; overflow-wrap: anywhere; }
:where(body[data-workspace-active="money"]) .cc-money-score-row > strong,
:where(body[data-workspace-active="money"]) .cc-money-score-row > b { color: var(--money-ink); }
:where(body[data-workspace-active="money"]) .cc-money-score-row > b { font-variant-numeric: tabular-nums; }
:where(body[data-workspace-active="money"]) .cc-money-score-row > span,
:where(body[data-workspace-active="money"]) .cc-money-score-row > em { color: var(--money-muted); font-style: normal; }

:where(body[data-workspace-active="money"]) .cc-money-secondary-cash > summary,
:where(body[data-workspace-active="money"]) .cc-money-scenario > summary { cursor: pointer; color: var(--money-ink); font-size: 14px; font-weight: 850; }
:where(body[data-workspace-active="money"]) .cc-money-known-list { display: grid; margin-top: 14px; }
:where(body[data-workspace-active="money"]) .cc-money-known-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  border-top: 1px solid var(--money-line);
  padding: 12px 0;
}

:where(body[data-workspace-active="money"]) .cc-money-known-list span { display: grid; gap: 3px; min-width: 0; }
:where(body[data-workspace-active="money"]) .cc-money-known-list strong,
:where(body[data-workspace-active="money"]) .cc-money-known-list b { color: var(--money-ink); font-size: 12px; }
:where(body[data-workspace-active="money"]) .cc-money-known-list small { color: var(--money-muted); font-size: 11px; line-height: 1.4; }
:where(body[data-workspace-active="money"]) .cc-money-known-list b { text-align: right; font-variant-numeric: tabular-nums; }

:where(body[data-workspace-active="money"]) .cc-money-scenario-body { padding-top: 18px; }
:where(body[data-workspace-active="money"]) .cc-money-scenario-grid { display: grid; grid-template-columns: minmax(230px, 1fr) minmax(240px, .9fr); gap: 24px; align-items: start; }
:where(body[data-workspace-active="money"]) .cc-money-scenario-controls { display: grid; gap: 18px; }
:where(body[data-workspace-active="money"]) .cc-money-scenario-controls label { display: grid; gap: 8px; }
:where(body[data-workspace-active="money"]) .cc-money-scenario-controls label > span { display: flex; justify-content: space-between; gap: 12px; color: var(--money-muted); font-size: 12px; font-weight: 760; }
:where(body[data-workspace-active="money"]) .cc-money-scenario-controls input[type="range"] { width: 100%; accent-color: var(--money-green); }
:where(body[data-workspace-active="money"]) .cc-money-scenario-results { display: grid; border-top: 1px solid var(--money-line); }
:where(body[data-workspace-active="money"]) .cc-money-scenario-results > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; border-bottom: 1px solid var(--money-line); padding: 12px 0; }
:where(body[data-workspace-active="money"]) .cc-money-scenario-results span,
:where(body[data-workspace-active="money"]) .cc-money-scenario-safety,
:where(body[data-workspace-active="money"]) .cc-money-empty { color: var(--money-muted); font-size: 11px; line-height: 1.45; }
:where(body[data-workspace-active="money"]) .cc-money-scenario-results strong { color: var(--money-ink); font-variant-numeric: tabular-nums; }
:where(body[data-workspace-active="money"]) .cc-money-scenario-safety { margin: 18px 0 0; border-top: 1px solid var(--money-line); padding-top: 13px; }

:where(body[data-workspace-active="money"]) .cc-money-decision-quality { display: grid; gap: 0; }
:where(body[data-workspace-active="money"]) .cc-money-quality-row { display: grid; gap: 6px; border-top: 1px solid var(--money-line); padding: 15px 0; }
:where(body[data-workspace-active="money"]) .cc-money-quality-row:first-child { border-top: 0; padding-top: 2px; }
:where(body[data-workspace-active="money"]) .cc-money-quality-row > div { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; }
:where(body[data-workspace-active="money"]) .cc-money-quality-row strong,
:where(body[data-workspace-active="money"]) .cc-money-quality-row span,
:where(body[data-workspace-active="money"]) .cc-money-quality-row p,
:where(body[data-workspace-active="money"]) .cc-money-quality-row small { overflow-wrap: anywhere; }
:where(body[data-workspace-active="money"]) .cc-money-quality-row strong { color: var(--money-ink); font-size: 13px; }
:where(body[data-workspace-active="money"]) .cc-money-quality-row span { color: var(--money-green); font-size: 11px; font-weight: 800; }
:where(body[data-workspace-active="money"]) .cc-money-quality-row.is-warn span { color: var(--money-red); }
:where(body[data-workspace-active="money"]) .cc-money-quality-row p,
:where(body[data-workspace-active="money"]) .cc-money-quality-row small { margin: 0; color: var(--money-muted); font-size: 11px; line-height: 1.45; }

:where(body[data-workspace-active="money"]) .cc-money-no-write { border-left: 3px solid var(--money-blue); background: #eef4f7; padding: 11px 13px; color: #294f67; font-size: 11px; line-height: 1.45; }
:where(body[data-workspace-active="money"]) .cc-money-technical-proof > summary { cursor: pointer; color: var(--money-blue); font-size: 12px; font-weight: 800; }
:where(body[data-workspace-active="money"]) .cc-money-technical-proof-body { display: grid; gap: 22px; padding-top: 16px; }
:where(body[data-workspace-active="money"]) .cc-money-technical-proof-body h4 { margin: 0 0 8px; color: var(--money-ink); font-size: 13px; }

:where(body[data-workspace-active="money"]) .cc-drawer .cc-money-source-grid,
:where(body[data-workspace-active="money"]) .cc-drawer .cc-money-unlock-grid,
:where(body[data-workspace-active="money"]) .cc-drawer .cc-money-blocker-list { grid-template-columns: 1fr; gap: 0; }
:where(body[data-workspace-active="money"]) .cc-drawer .cc-money-source-card,
:where(body[data-workspace-active="money"]) .cc-drawer .cc-money-unlock-card,
:where(body[data-workspace-active="money"]) .cc-drawer .cc-money-blocker,
:where(body[data-workspace-active="money"]) .cc-drawer .cc-money-proof-chain,
:where(body[data-workspace-active="money"]) .cc-drawer .cc-money-safe-tier {
  border: 0;
  border-bottom: 1px solid var(--money-line);
  border-radius: 0;
  background: transparent;
  padding: 14px 0;
  box-shadow: none;
}

:where(body[data-workspace-active="money"]) .cc-drawer .cc-money-source-card:last-child,
:where(body[data-workspace-active="money"]) .cc-drawer .cc-money-unlock-card:last-child,
:where(body[data-workspace-active="money"]) .cc-drawer .cc-money-blocker:last-child { border-bottom: 0; }

@media (max-width: 1060px) {
  :where(body[data-workspace-active="money"]) .cc-money-owner-signals,
  :where(body[data-workspace-active="money"]) .cc-money-below-fold { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  :where(body[data-workspace-active="money"]) .cc-money-decision-copy { grid-template-columns: 1fr; align-items: start; }
  :where(body[data-workspace-active="money"]) .cc-money-decision-copy .cc-button { width: fit-content; }
  :where(body[data-workspace-active="money"]) .cc-money-scorecard { overflow: visible; border: 0; }
  :where(body[data-workspace-active="money"]) .cc-money-score-head { display: none; }
  :where(body[data-workspace-active="money"]) .cc-money-score-row { grid-template-columns: minmax(0, 1fr) minmax(90px, 42%); gap: 6px 12px; border: 1px solid var(--money-line); border-bottom: 0; padding: 12px; }
  :where(body[data-workspace-active="money"]) .cc-money-score-row:last-child { border-bottom: 1px solid var(--money-line); }
  :where(body[data-workspace-active="money"]) .cc-money-score-row > :nth-child(2) { text-align: right; }
  :where(body[data-workspace-active="money"]) .cc-money-score-row > :nth-child(3) { grid-column: 1; }
  :where(body[data-workspace-active="money"]) .cc-money-score-row > :nth-child(4) { grid-column: 2; grid-row: 2; text-align: right; }
  :where(body[data-workspace-active="money"]) .cc-money-scenario-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  body[data-workspace-active="money"] .cc-top {
    min-height: 48px;
    padding: 8px 14px;
  }
  body[data-workspace-active="money"] .cc-top-actions,
  body[data-workspace-active="money"] .cc-top .cc-eyebrow,
  body[data-workspace-active="money"] .cc-top [data-cc-purpose] { display: none; }
  :where(body[data-workspace-active="money"]) .cc-money-toolbar { align-items: flex-start; padding: 10px 0; }
  :where(body[data-workspace-active="money"]) .cc-money-toolbar > div:first-child { display: none; }
  :where(body[data-workspace-active="money"]) .cc-money-period-tabs,
  :where(body[data-workspace-active="money"]) .cc-money-period-tabs button,
  :where(body[data-workspace-active="money"]) .cc-money-decision-copy .cc-button { width: 100%; }
  :where(body[data-workspace-active="money"]) .cc-money-period-tabs button { min-width: 0; }
  :where(body[data-workspace-active="money"]) .cc-money-first-viewport { gap: 10px; padding-top: 14px; }
  :where(body[data-workspace-active="money"]) .cc-money-decision-copy { gap: 10px; }
  :where(body[data-workspace-active="money"]) .cc-money-decision-copy h2 { font-size: 20px; line-height: 1.16; }
  :where(body[data-workspace-active="money"]) .cc-money-owner-signals { gap: 6px; }
  :where(body[data-workspace-active="money"]) .cc-money-owner-signal {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 10px;
    padding: 10px;
  }
  :where(body[data-workspace-active="money"]) .cc-money-owner-signal > span { align-self: center; font-size: 10px; }
  :where(body[data-workspace-active="money"]) .cc-money-owner-signal > strong {
    align-self: center;
    margin: 0;
    font-size: 19px;
    text-align: right;
  }
  :where(body[data-workspace-active="money"]) .cc-money-signal-meta {
    grid-column: 1 / -1;
    gap: 4px;
    margin-top: 2px;
  }
  :where(body[data-workspace-active="money"]) .cc-money-signal-meta > div {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 6px;
    padding-top: 4px;
  }
  :where(body[data-workspace-active="money"]) .cc-money-signal-meta dt,
  :where(body[data-workspace-active="money"]) .cc-money-signal-meta dd { font-size: 10px; line-height: 1.3; }
  :where(body[data-workspace-active="money"]) .cc-money-section {
    padding: 16px;
  }
  :where(body[data-workspace-active="money"]) .cc-money-known-list > div { grid-template-columns: 1fr; }
  :where(body[data-workspace-active="money"]) .cc-money-quality-row > div { display: grid; }
  :where(body[data-workspace-active="money"]) .cc-money-evidence-line {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 8px;
    padding-top: 8px;
    font-size: 10px;
  }
  :where(body[data-workspace-active="money"]) .cc-money-score-row { grid-template-columns: 1fr; }
  :where(body[data-workspace-active="money"]) .cc-money-score-row > :nth-child(2),
  :where(body[data-workspace-active="money"]) .cc-money-score-row > :nth-child(4) { text-align: left; }
  :where(body[data-workspace-active="money"]) .cc-money-score-row > :nth-child(3),
  :where(body[data-workspace-active="money"]) .cc-money-score-row > :nth-child(4) { grid-column: 1; grid-row: auto; }
}