/* Overrides that bring the CSU and CBU workspaces onto the Cubedup Intel palette. Loaded after each page's own styles. */
:root{
  --paper:#fbfaf7; --ink:#1a1d21; --ink-2:#3b4048; --muted:#62676e; --rule:#e4e0d8; --rule-strong:#1a1d21; --shade:#f3f0ea; --field:#ffffff;
  --accent:#2f4b66; --accent-ink:#fff; --accent-tint:#e8eef4; --accent-soft:#b9cadb; --pos:#3f6f52; --pos-tint:#e5efe8; --neg:#9c4a34; --neg-tint:#f6e7e1; --warn:#76580f; --warn-tint:#f5eedb;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --paper:#121417; --ink:#e9e7e3; --ink-2:#c9c6c0; --muted:#9a9ea4; --rule:#2b2f35; --rule-strong:#e9e7e3; --shade:#1d2126; --field:#15181b;
  --accent:#8fb0cf; --accent-ink:#0f1a26; --accent-tint:#1c2733; --accent-soft:#3d5570; --pos:#8fbf9f; --pos-tint:#1b2a21; --neg:#d99a85; --neg-tint:#2e1f1a; --warn:#d6b66a; --warn-tint:#2b2617}}
:root[data-theme="dark"]{
  --paper:#121417; --ink:#e9e7e3; --ink-2:#c9c6c0; --muted:#9a9ea4; --rule:#2b2f35; --rule-strong:#e9e7e3; --shade:#1d2126; --field:#15181b;
  --accent:#8fb0cf; --accent-ink:#0f1a26; --accent-tint:#1c2733; --accent-soft:#3d5570; --pos:#8fbf9f; --pos-tint:#1b2a21; --neg:#d99a85; --neg-tint:#2e1f1a; --warn:#d6b66a; --warn-tint:#2b2617}

.mast img{display:none!important}
.mast{border-bottom:1px solid var(--rule)!important}
.blk{border-top:1px solid var(--rule)!important;padding-top:14px}
.blk h2{color:var(--ink)}
input,select{border:1px solid var(--rule)!important;border-radius:3px;padding:6px 8px!important;background:var(--field)}
input:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-tint);background:var(--field)!important}
td input{width:104px!important}
thead th{background:var(--shade);border-bottom:1px solid var(--rule)!important;padding-top:7px!important;padding-bottom:7px!important}
tr.sub td{border-top:1px solid var(--ink-2)!important}
tr.tot td{border-top:2px solid var(--ink)!important;border-bottom:2px solid var(--ink)!important;background:var(--shade)}
.rec{border:0!important;border-left:4px solid var(--accent)!important;background:var(--accent-tint);border-radius:0 3px 3px 0;padding:14px 16px!important}
.rec.pos{border-left-color:var(--pos)!important;background:var(--pos-tint)}
.rec.warn{border-left-color:var(--warn)!important;background:var(--warn-tint)}
.rec.neg{border-left-color:var(--neg)!important;background:var(--neg-tint)}
.rec b{font-size:24px!important}
.kv tr.key td{background:var(--accent-tint);color:var(--ink)}
.kv tr.key td:first-child{padding-left:8px!important}
.matrix td.base{background:var(--accent)!important;color:var(--accent-ink)!important}
.ff .bar{fill:var(--accent-soft)!important;stroke:var(--accent)!important}
.ff .ceil{stroke:var(--neg)!important;stroke-width:2!important;stroke-dasharray:4 3}
button{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-ink)!important;border-radius:3px!important}
button.alt{background:transparent!important;color:var(--ink)!important;border-color:var(--rule)!important}
a{color:var(--accent)}
.summary{top:calc(env(safe-area-inset-top,0px) + 68px)!important}
#riskt td:nth-child(2),#riskt td:nth-child(3){font-weight:500}
/* Shell controls inside the calculator pages keep the app's own button and field styles */
.ci-deal select.inline,.ci-deal select{width:auto!important;min-width:0;padding:6px 8px!important;font-size:13px}
.ci-deal label{display:inline!important}
button.btn.ghost,.ci-deal button.btn.ghost,dialog.ci button.btn.ghost{background:transparent!important;color:var(--ink)!important;border-color:var(--rule)!important}
button.btn.quiet{background:transparent!important;color:var(--accent)!important;border-color:transparent!important}
.ci-bar input,.ci-deal input{width:auto}

/* Committee view */
body.board .doc{max-width:968px!important}
body.board .cols{grid-template-columns:minmax(0,1fr)!important}
body.board #ff svg{max-width:620px;display:block}
body.board .cols > :not(.summary){display:none!important}
body.board .summary{position:static!important}
body.board #finblk .form, body.board .actions, body.board .ci-guide{display:none!important}
body.board .rec b{font-size:28px!important}
button[aria-pressed="true"].btn.ghost{background:var(--accent-tint)!important;color:var(--accent)!important;border-color:var(--accent)!important}