/* Accountability console (/public-money/accountability). Colors come from tokens.css, so dark mode follows. */
.acct{--hi:#C2392D;--wa:#8A5600}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .acct{--hi:var(--salmon);--wa:#F2C94C}}
:root[data-theme="dark"] .acct{--hi:var(--salmon);--wa:#F2C94C}

.acct-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0 8px}
.acct-stats>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
.acct-stats b{font-family:var(--f-data);font-size:1.35rem;color:var(--navy);line-height:1.2}
.acct-stats span{font-size:.8rem;color:var(--muted)}

.acct-filters{flex-wrap:wrap}
.acct-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.acct-card{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:var(--r);overflow:hidden}
.acct-card.s-high{border-left-color:var(--hi)}
.acct-card.s-warn{border-left-color:var(--amber)}
.acct-card.s-info{border-left-color:var(--blue)}
.acct-open{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:5px;width:100%;padding:12px 14px;cursor:pointer}
.acct-open:hover{background:var(--sunken)}
.acct-open:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.acct-top{display:flex;gap:8px;align-items:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.acct-stage{font-weight:600;color:var(--navy)}
.acct-src::before{content:"·";margin-right:8px}
.acct-n{font-weight:600;font-size:1rem;color:var(--ink);line-height:1.35}
.acct-m{font-size:.82rem;color:var(--muted)}
.acct-f{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.acct-amt{margin-left:auto;font-family:var(--f-data);font-size:.92rem;color:var(--ink)}

.acct-chip{display:inline-block;font-size:.72rem;line-height:1.5;padding:1px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.acct-chip.high{color:var(--hi);border-color:color-mix(in srgb,var(--hi) 45%,transparent);background:color-mix(in srgb,var(--hi) 7%,transparent)}
.acct-chip.warn{color:var(--wa);border-color:color-mix(in srgb,var(--wa) 45%,transparent);background:color-mix(in srgb,var(--amber) 9%,transparent)}
.acct-chip.info{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 40%,transparent)}
.acct-chip.none{color:var(--faint)}

.acct-d{border-top:1px solid var(--line);padding:4px 14px 14px}
.acct-body h3{font-size:.95rem;margin:18px 0 8px}
.acct-phase{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0;margin:12px 0}
.acct-phase li{border-top:4px solid var(--line);padding-top:6px;font-size:.8rem;display:flex;flex-direction:column}
.acct-phase li.on{border-top-color:var(--navy)}
.acct-phase li span{color:var(--muted);font-family:var(--f-data);font-size:.76rem}

.acct-cost{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.acct-cr{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:.8rem}
.acct-cr span{color:var(--muted)}
.acct-cr i{display:block;height:12px;border-radius:0 4px 4px 0;background:var(--faint)}
.acct-cr.now i{background:var(--navy)}
.acct-cr.now.up i{background:var(--hi)}
.acct-cr b{font-family:var(--f-data);font-weight:500;white-space:nowrap}
.acct-cr em{font-style:normal;color:var(--muted);margin-left:4px}
.acct-tot{color:var(--muted)}

.acct-flags li{padding:6px 0;border-bottom:1px solid var(--line);font-size:.88rem}
.acct-flags li:last-child{border-bottom:0}

.acct-tl{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--line)}
.acct-tl li{position:relative;display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:12px;padding:8px 0;font-size:.86rem}
.acct-tl li::before{content:"";position:absolute;left:-20px;top:13px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--faint)}
.acct-tl li.k-award::before,.acct-tl li.k-approval::before{border-color:var(--navy);background:var(--navy)}
.acct-tl li.k-change::before{border-color:var(--amber);background:var(--amber)}
.acct-tl li.k-vote::before{border-color:var(--blue)}
.acct-tl li.k-complete::before{border-color:#1F7A4D;background:#1F7A4D}
.acct-tl li.k-budget::before,.acct-tl li.k-estimate::before{border-style:dashed}
.acct-tl li.side{opacity:.82}
.acct-when{font-family:var(--f-data);font-size:.76rem;color:var(--muted);padding-top:2px}
.acct-what{display:flex;flex-direction:column;gap:2px;min-width:0}
.acct-k{font-style:normal;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.acct-what b{font-family:var(--f-data);font-weight:600}
.acct-who,.acct-s{font-size:.78rem;color:var(--muted)}
.acct-mem{font-size:.78rem}
.acct-mem summary{cursor:pointer;color:var(--blue)}

.acct-gl li,.acct-gaps li{padding:8px 0;border-bottom:1px solid var(--line);font-size:.86rem}
.acct-gl .pill,.acct-gaps .pill{margin-top:4px;display:inline-block}
.acct-rs{font-weight:600}
.acct-rs.not_sent{color:var(--muted)}
.acct-rs.sent{color:var(--wa)}
.acct-rs.replied{color:#1F7A4D}
.acct-rep{margin:8px 0;padding:10px 14px;border-left:3px solid var(--blue);background:var(--sunken);border-radius:6px;font-size:.88rem}
.acct-rep cite{display:block;font-style:normal;color:var(--muted);font-size:.78rem;margin-top:4px}

.acct-rule{border-bottom:1px solid var(--line);padding:8px 0}
.acct-rule summary{cursor:pointer}
.acct-rule dl{margin:8px 0 4px;font-size:.88rem}
.acct-rule dt{font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-top:8px}
.acct-rule dd{margin:2px 0 0}

@media (max-width:720px){
  .acct-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .acct-stats>div:last-child{grid-column:1 / -1}
  .acct-cr{grid-template-columns:minmax(0,1fr) auto}
  .acct-cr i{grid-column:1 / -1;grid-row:2}
  .acct-tl li{grid-template-columns:1fr;gap:2px}
  .acct-phase li{font-size:.72rem}
}
@media print{.acct-filters,#acMore,.acct-share{display:none}}
