/* Rozliczenia — dziedziczy tokeny i bazę z tablica.css; tu tylko to, czego tablica nie ma. */
:root{ --c-podpisana:#2f7d4f; --c-umowa:#c27c0e; --c-oferta:#9aa3ad; --green-soft:#e2f2e8 }
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){ --c-podpisana:#5cc488; --c-umowa:#f2c36b; --c-oferta:#6c727a; --green-soft:#183323 }}
:root[data-theme="dark"]{ --c-podpisana:#5cc488; --c-umowa:#f2c36b; --c-oferta:#6c727a; --green-soft:#183323 }

.nav a+a{margin-left:4px}
.notice{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;max-width:560px}
.notice h2{margin:0 0 6px;font:600 20px var(--display)}
.notice .acts{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.btn.primary{background:var(--fg);color:var(--bg);border-color:var(--fg);text-decoration:none}
a.btn{text-decoration:none;display:inline-block}

.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:16px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:2px;border-top:4px solid var(--line);min-width:0}
.tile .l{color:var(--muted);font-size:12px}
.tile b{font:600 26px/1.1 var(--display);font-variant-numeric:tabular-nums}
.tile .s{color:var(--muted);font-size:12px}
.tile.podpisana{border-top-color:var(--c-podpisana)} .tile.etap_umowy{border-top-color:var(--c-umowa)}
.tile.oferta{border-top-color:var(--c-oferta)} .tile.saldo{border-top-color:var(--accent)}

.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:16px;min-width:0}
.ph{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px}
.panel h2{font:600 18px var(--display);letter-spacing:.05em;text-transform:uppercase;margin:0;display:inline}
.panel h3{font:600 15px var(--display);letter-spacing:.04em;text-transform:uppercase;margin:14px 0 6px}
.panel h4{font:600 13px var(--body);margin:14px 0 4px;color:var(--muted)}
.hint{color:var(--muted);font-size:12.5px}
.warn{background:var(--amber-soft);color:var(--fg);border-radius:8px;padding:6px 10px;font-size:13px}
.warnc{color:var(--amber);font-weight:500}
.dim{color:var(--muted);font-size:12px}
.muted{opacity:.55}
.msel{font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center}
select,input[type=text],input[type=date],input[type=month]{background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:5px 8px;font:13px var(--body);min-width:0}

.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--muted);margin-bottom:8px}
.sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.sw.podpisana,.fseg.podpisana{background:var(--c-podpisana)} .sw.etap_umowy,.fseg.etap_umowy{background:var(--c-umowa)}
.sw.oferta,.fseg.oferta{background:var(--c-oferta)}
.future{display:grid;gap:6px}
.frow{display:grid;grid-template-columns:130px minmax(0,1fr) minmax(0,auto);gap:10px;align-items:center;font-size:13px}
.fm{text-transform:capitalize}
.fbar{display:flex;height:16px;background:var(--grey-soft);border-radius:4px;overflow:hidden;gap:2px}
.fseg{height:100%}
.fv{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)} .fv b{color:var(--fg)}
@media (max-width:640px){.frow{grid-template-columns:1fr;gap:3px}.fv{white-space:normal}}

.mgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px}
@media (max-width:900px){.mgrid{grid-template-columns:1fr}}
.mcol{min-width:0}
.result{background:var(--surface-2);border-radius:10px;padding:4px 14px 14px}
.kvs{display:grid;gap:3px}
.kvs.box{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px}
.kv{display:flex;justify-content:space-between;gap:10px;font-size:13px;flex-wrap:wrap}
.kv b{font-variant-numeric:tabular-nums;font-weight:600;text-align:right}
.kv.big b{font-size:16px}
.result .btn{margin-top:6px}

.items{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:4px;font-size:13px}
.items li{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.items b{font-variant-numeric:tabular-nums}
.x{border:0;background:none;color:var(--red);font:12px var(--body);cursor:pointer;text-decoration:underline;margin-left:auto;padding:0}
.addform{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 8px}
.addform input[name=amount]{width:110px}
.addform input[name=note]{flex:1 1 160px}
.addform.settings{flex-direction:column;align-items:flex-start;gap:8px}
.addform.settings label{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}

.tablewrap{overflow-x:auto;max-width:100%}
.t{width:100%;border-collapse:collapse;font-size:13px}
.t th{text-align:left;font:600 11.5px var(--body);letter-spacing:.03em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 8px;white-space:nowrap}
.t td{border-bottom:1px solid var(--line);padding:6px 8px;vertical-align:top}
.t td.r,.t.num td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.t.num th:not(:first-child){text-align:right}
.t td:first-child{white-space:nowrap}
.t.small td{padding:4px 6px}
.t a{color:var(--fg);font-weight:500}
#statusTabs{margin-bottom:10px}

details.panel summary{cursor:pointer;list-style:none}
details.panel summary::-webkit-details-marker{display:none}
details.panel summary h2::after{content:" ▸";color:var(--muted)}
details[open].panel summary h2::after{content:" ▾"}
.log{font-size:12px;padding-left:18px;margin:12px 0 0;display:grid;gap:2px;word-break:break-word}

.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:10px;font-size:13px;max-width:calc(100vw - 32px);z-index:10}
@media (max-width:640px){.wrap{padding-inline:16px}}
.items li.pending{background:var(--amber-soft);border-radius:6px;padding:3px 6px}
.tag{font-size:11.5px;color:var(--amber);font-weight:500}
.items .btn{padding:2px 10px;font-size:12px}