/* Overview (redesign 6 Oct 2026) · rendered by overview.js · tokens from styles.css */
#view-overview{gap:28px}

/* 1 · problems only */
.ov-attn{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;padding-block:11px;padding-inline:16px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:13px}
.ov-ok{display:flex;align-items:center;gap:9px;font-weight:700;margin-right:6px}
.ov-ok i{width:9px;height:9px;border-radius:50%;background:var(--pos);box-shadow:0 0 0 4px color-mix(in srgb,var(--pos) 18%,transparent)}
.ov-ok.bad i{background:var(--warn);box-shadow:0 0 0 4px color-mix(in srgb,var(--warn) 18%,transparent)}
.ov-chip{display:inline-flex;align-items:center;gap:6px;padding-block:4px;padding-inline:10px;border-radius:999px;font-size:12.5px;border:1px solid var(--line-strong);color:var(--muted)}
.ov-chip b{color:var(--text);font-weight:600}
.ov-chip.w{border-color:color-mix(in srgb,var(--warn) 40%,transparent);background:color-mix(in srgb,var(--warn) 9%,transparent);color:var(--text)}
.ov-chip.w>b:first-child{color:var(--warn);font-weight:700}

/* 2 · money */
.ov-money{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ov-money>div{background:var(--surface);padding-block:18px;padding-inline:20px;display:flex;flex-direction:column;gap:6px;min-width:0}
.ov-money .eyebrow{margin:0}
.ov-money .big{font-family:var(--mono);font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.ov-money .big small{font-size:13px;color:var(--muted);margin-left:6px;font-weight:500}
.ov-money .mid{font-family:var(--mono);font-size:24px;font-weight:600;line-height:1.15}
.ov-money .sub{font-size:12px;color:var(--muted)}
.ov-kv{display:flex;gap:14px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.ov-kv b{font-family:var(--mono);font-weight:600}
.ov-split{display:flex;height:6px;border-radius:3px;overflow:hidden;gap:2px;background:var(--line);margin-top:2px}
.ov-split span{height:100%}
.ov-leg{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.ov-leg span{display:inline-flex;align-items:center;gap:5px}
.ov-leg i{width:7px;height:7px;border-radius:2px}
.ov-leg b{color:var(--text);font-weight:600}
@media (max-width:1100px){.ov-money{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ov-money{grid-template-columns:1fr}}

/* 3 · profit and loss per period */
.ov-master .sec-head{margin-bottom:12px}
.ov-tools,.ac-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ov-mstats{display:flex;gap:8px 22px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-bottom:6px}
.ov-mstats b{font-family:var(--mono);font-weight:600}
.ov-master .note{margin-top:6px}

/* 4 · account cards */
.ov-accts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.ov-acct{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding-block:14px;padding-inline:16px;display:flex;flex-direction:column;gap:11px;cursor:pointer;min-width:0}
.ov-acct:hover{border-color:var(--line-strong)}
.ov-acct[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}
.ov-acct:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ov-acct .hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}
.ov-acct .hd>i{width:9px;height:9px;border-radius:3px;flex:none}
.ov-acct .hd b{font-size:14.5px}
.ov-acct .hd .tg{margin-left:auto;display:inline-flex;gap:6px;align-items:center}
.ov-acct .eq{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ov-acct .eq .v{font-size:22px;font-weight:600}
.ov-acct .eq .num:last-child{margin-left:auto;font-size:14px;font-weight:600}
.ov-acct .bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--line);gap:2px}
.ov-acct .bar span{height:100%}
.ov-acct .lg{display:flex;flex-direction:column;gap:4px;font-size:12.5px}
.ov-acct .lg>div{display:flex;align-items:center;gap:7px;min-width:0}
.ov-acct .lg i{width:8px;height:8px;border-radius:2px;flex:none}
.ov-acct .lg .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.ov-acct .lg .pc{color:var(--muted);font-size:11.5px}
.ov-acct .lg .pl{font-size:12px;min-width:70px;text-align:right}
.ov-acct .ft{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:8px;border-top:1px solid var(--line);padding-top:10px;align-items:end}
.ov-acct .ft div{display:flex;flex-direction:column;gap:1px;min-width:0}
.ov-acct .ft span{font-size:11px;color:var(--muted)}
.ov-acct .ft b{font-size:13px;font-weight:600}
.ov-acct .lnk{background:none;border:0;padding:0;color:var(--faint);font-size:11.5px;cursor:pointer;text-decoration:underline dotted}
.ov-acct .lnk:hover{color:var(--accent)}
.ov-testout{margin:0;white-space:pre-wrap;font-family:var(--mono);font-size:11.5px;color:var(--muted);background:var(--raised);border-radius:8px;padding-block:8px;padding-inline:10px;cursor:auto}
.ov-testout.bad{color:var(--neg)}

/* 5 · strategies + per-account lines */
.ov-two{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:1150px){.ov-two{grid-template-columns:minmax(0,1fr)}}
.ov-panel .sec-head{margin-bottom:8px}
.ov-table td{padding-block:7px}
.ov-table tfoot td{color:var(--muted);border-bottom:0;border-top:1px solid var(--line-strong)}
.ov-sn{display:inline-flex;align-items:center;gap:7px;color:var(--text);text-decoration:none;max-width:270px}
.ov-sn:hover b{color:var(--accent)}
.ov-sn i{width:8px;height:8px;border-radius:2px;flex:none}
.ov-sn .n{font-family:var(--mono);color:var(--faint);font-size:11.5px}
.ov-sn b{font-weight:600;overflow:hidden;text-overflow:ellipsis}
.ov-mini{display:inline-block;width:52px;height:5px;border-radius:3px;background:var(--line);vertical-align:middle;margin-left:8px;position:relative;overflow:hidden}
.ov-mini span{position:absolute;top:0;bottom:0}
.ov-dry{margin-top:6px}
.ov-dry summary{cursor:pointer;color:var(--muted);font-size:12.5px;padding-block:10px;padding-inline:10px;list-style:none;border-top:1px solid var(--line)}
.ov-dry summary::-webkit-details-marker{display:none}
.ov-dry summary::before{content:"▸ ";color:var(--faint)}
.ov-dry[open] summary::before{content:"▾ "}
.ov-dry tr.dry td{color:var(--muted)}
.ov-dry tr.dry .ov-sn b{font-weight:500;color:var(--muted)}
.ov-golink{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between;padding-block:13px;padding-inline:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);text-decoration:none;font-size:13.5px}
.ov-golink b{color:var(--text);font-weight:600}
.ov-golink .go{color:var(--accent);font-weight:600}
.ov-golink:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
@media (prefers-reduced-motion:no-preference){.ov-acct,.ov-golink{transition:border-color .15s,box-shadow .15s}}