/* 19-r226.css — v1.19.226: solid pages and dialogs, invoice date, report drill-down, print levels */

/* ── solid surfaces: the old tokens were see-through, so pages and dialogs showed what was behind them ── */
:root{--bg2:#0b1612;--bg3:#0d1a13;--bg4:#12241a;--glass-blur:0px;--glass-blur-sm:0px;--modal-bg:#10201a}
html.light{--bg2:#e9f0ec;--bg3:#e3eee8;--bg4:#d6e4dc;--modal-bg:#f6faf8}
html.silk{--bg2:#131416;--bg3:#17181a;--bg4:#1e1f21;--card:#17181b;--surface:#17181b;--pop-bg:#1a1b1f;--modal-bg:#16171b}
html.silk.light{--bg2:#f8f9f9;--bg3:#f6f7f8;--bg4:#fbfbfc;--card:#ffffff;--surface:#ffffff;--pop-bg:#ffffff;--modal-bg:#ffffff}
.modal{background:var(--modal-bg)!important}
.ov{-webkit-backdrop-filter:none;backdrop-filter:none}
html.silk .modal,html.silk .sidebar,html.silk .mobile-bar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.silk .sidebar,html.silk .mobile-bar{background:var(--bg2)}
html.silk .ov{background:rgba(0,0,0,.66)}
html.silk.light .ov{background:rgba(40,44,54,.42)}
/* the title bar with the red X: solid, and placed by ovEnsureBar to fit each dialog's own padding */
.modal > .ov-bar{background:var(--modal-bg);-webkit-backdrop-filter:none;backdrop-filter:none}
.wn-modal > .ov-bar{border-radius:0;margin:0!important;top:0!important}
html.light .wn-card{background:var(--bg4)}

/* ── invoice date ── */
.idt-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 10px;padding:8px 10px;border-radius:10px;background:var(--bg4);border:1px solid var(--border)}
.idt-wrap label{font-size:12.5px;font-weight:800;color:var(--cream2)}
.idt-wrap input[type=date]{flex:0 1 170px;min-width:140px;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--cream);font:inherit;color-scheme:dark}
html.light .idt-wrap input[type=date],html.silk.light .idt-wrap input[type=date]{color-scheme:light}
.idt-wrap.is-old{border-color:#c98a2e;background:rgba(201,138,46,.12)}
.idt-note{font-size:11.5px;font-weight:700;color:#c98a2e}
.idt-tag{display:inline-block;margin-inline-start:6px;padding:1px 7px;border-radius:9px;font-size:10.5px;font-weight:800;color:#c98a2e;background:rgba(201,138,46,.14);border:1px solid rgba(201,138,46,.45);white-space:nowrap}
.idt-late{margin:10px 0;padding:10px 12px;border-radius:10px;border:1px dashed #c98a2e;background:rgba(201,138,46,.08)}
.idt-late-t{font-size:12.5px;font-weight:900;color:#c98a2e;margin-bottom:6px}
.idt-late-row{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:3px 0;color:var(--cream2)}

/* ── drill-down: every number you can open ── */
.dd-num{cursor:pointer;border-radius:6px;transition:background .15s,box-shadow .15s}
.dd-num:hover,.dd-num:focus-visible{background:rgba(18,200,135,.1);box-shadow:0 0 0 1px rgba(18,200,135,.35);outline:none}
.dd-hint{display:block;font-size:10px;font-weight:600;color:var(--muted);margin-top:2px}
.dd-list{display:flex;flex-direction:column;gap:6px}
.dd-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:10px;background:var(--bg4);border:1px solid var(--border)}
.dd-row.dd-click{cursor:pointer}
.dd-row.dd-click:hover{border-color:var(--gold2)}
.dd-main{min-width:0;flex:1}
.dd-t{font-size:13px;font-weight:800;color:var(--cream)}
.dd-s{font-size:11px;color:var(--muted);margin-top:2px}
.dd-v{font-size:14px;font-weight:600;white-space:nowrap;direction:ltr}
.dd-v.dd-bold{font-size:16px;font-weight:900}
.dd-pos{color:var(--green)}
.dd-neg{color:#e46a6a}
.dd-total{display:flex;justify-content:space-between;margin-top:10px;padding:11px 12px;border-radius:10px;background:var(--bg3);border:1px solid var(--gold2);font-weight:900;font-size:15px}
.dd-empty{padding:18px;text-align:center;color:var(--muted);font-size:13px}

/* ── print levels ── */
.plv{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:8px 0}
.plv-t{font-size:12px;font-weight:800;color:var(--cream2);margin-inline-end:4px}
.plv-b{position:relative;display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:20px;border:1px solid var(--border);background:var(--bg4);color:var(--cream2);font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.plv-b.on{border-color:var(--gold2);color:var(--gold2);box-shadow:0 0 0 1px var(--gold2) inset}
.plv-b.lock{opacity:.6}
.plv-b .plv-n{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:10.5px;background:var(--bg3);border:1px solid var(--border)}
.plv-b.on .plv-n{background:var(--gold2);color:#080f0d;border-color:var(--gold2)}
.plv-b .plv-max{font-size:9.5px;padding:0 5px;border-radius:7px;background:linear-gradient(135deg,#f5c542,#c8ccd4);color:#111}

/* ── report chart: wheel zoom and drag ── */
.chz-bar{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:8px;flex-wrap:wrap}
.chz-hint{font-size:11px;color:var(--muted);margin-inline-end:auto}
.chz-b{min-width:30px;height:28px;padding:0 9px;border-radius:8px;border:1px solid var(--border);background:var(--bg4);color:var(--cream);font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.chz-b:hover{border-color:var(--gold2);color:var(--gold2)}
.chz-b.chz-r{font-size:11.5px}
.chz-lv{min-width:38px;text-align:center;font-size:12px;font-weight:800;color:var(--gold2);direction:ltr}
.chart-canvas-wrap{cursor:grab}
.chart-canvas-wrap.chz-drag{cursor:grabbing;user-select:none}
.idt-late-n{font-size:11px;color:#c98a2e;margin-top:4px}