/* bill decoder (tariff level). Tokens from style.css; controls follow .ix-ctl look */
.dcpage .dc-box{display:grid;gap:12px}
.dcpage .dc-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 14px}
.dcpage .dc-form label{display:block;font-size:.85rem;color:var(--ink2);margin-bottom:3px}
.dcpage .dc-form input,.dcpage .dc-form select{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg);color:var(--ink);font:inherit}
.dcpage .dc-kv{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg2);margin-bottom:6px}
.dcpage .dc-kv b{font-variant-numeric:tabular-nums;text-align:right}
.dcpage .dc-lines{margin:10px 0}
.dcpage .dc-flags{list-style:none;padding:0;margin:10px 0;display:grid;gap:8px}
.dcpage .dc-flags li{padding:10px 14px;border-left:6px solid var(--line);background:var(--bg2);border-radius:var(--r-card)}
.dcpage .dc-flags li.dc-warn{border-left-color:var(--hi-edge)}
.dcpage .dc-flags li.dc-ok{border-left-color:var(--ink2)}
.dcpage .dc-err{font-weight:600}
.dcpage .dc-receipt{display:block;width:100%;height:auto;max-width:640px}
.dcpage .dc-receipt .r-paper{fill:var(--bg2);stroke:var(--line)}
.dcpage .dc-receipt text{fill:var(--ink);font-family:ui-monospace,Menlo,Consolas,monospace}
.dcpage .dc-receipt .r-h{font-size:17px;font-weight:700}
.dcpage .dc-receipt .r-s{font-size:12px;fill:var(--ink2)}
.dcpage .dc-receipt .r-l,.dcpage .dc-receipt .r-a{font-size:14px}
.dcpage .dc-receipt .r-t{font-size:16px;font-weight:700}
.dcpage .dc-receipt .r-rule{stroke:var(--ink2);stroke-dasharray:4 3}
.dcpage .dc-receipt .r-bar-e{fill:var(--s4,#9ab)}
.dcpage .dc-receipt .r-bar-f{fill:var(--hi-edge)}