/* InvoiceSeth — "invoice book" UI. Tokens switch per user: Logo palette (default) / Khadi. */
:root{
  --primary:#9E0B1C;--primary-dark:#7A0613;--on-primary:#fff;--ink:#000C2D;--paper:#FBF7EF;--tint:#F6E3D5;--tint-ink:#9E0B1C;--link:#9E0B1C;
  --rail-bg:#fff;--rail-border:#E6DFCF;--rail-fg:#5B627A;--rail-hover:#FBF7EF;--rail-on-bg:#F6E3D5;--rail-on-fg:#9E0B1C;--rail-grp:#8A90A3;--brand-fg:#000C2D;--mark-bg:#9E0B1C;--mark-fg:#fff;
  --line:#E6DFCF;--line2:#D4CBB6;--muted:#8A90A3;--muted2:#5B627A;--surface:#fff;--surface2:#FCFAF5;--hover:#F8F3E8;--bar:#9E0B1C;--aging1:#E2B3B8;
  --paid:#1E8E5A;--paid-bg:#E2F4EA;--partial:#8A5E07;--partial-bg:#FBF1DC;--haldi:#D99A1E;--danger:#B3261E;--danger-bg:#FBE9E7;--conv:#5B3FA6;--conv-bg:#ECE8F8;--draft-bg:#F3EBDA;
  --font:"IBM Plex Sans",system-ui,sans-serif;--cond:"IBM Plex Sans Condensed",sans-serif;
}
[data-theme=khadi]{
  --primary:#E08A1E;--primary-dark:#C97A14;--on-primary:#fff;--ink:#15171C;--paper:#F5F4F1;--tint:#E6E8EC;--tint-ink:#23272F;--link:#23272F;
  --rail-bg:#23272F;--rail-border:#23272F;--rail-fg:#C5C8CF;--rail-hover:#2E333D;--rail-on-bg:#3A3F4A;--rail-on-fg:#fff;--rail-grp:#8B919E;--brand-fg:#fff;--mark-bg:#E08A1E;--mark-fg:#fff;
  --line:#E3E4E1;--bar:#23272F;--aging1:#C5C8CF;
}
html{font-size:15px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.45}
a{color:var(--link);text-decoration:none}a:hover{color:var(--primary-dark)}
.app{display:flex;flex-wrap:wrap;min-height:100vh}
.rail{width:236px;background:var(--rail-bg);border-right:1px solid var(--rail-border);padding:18px 14px}
.main{flex:999 1 560px;min-width:0}
.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;font-family:var(--cond);font-weight:700;font-size:20px;color:var(--brand-fg)}
.brand img{height:38px;width:auto;display:block}.brand img.mark{background:none;border-radius:0;object-fit:contain}
.mark{width:32px;height:32px;border-radius:8px;background:var(--mark-bg);color:var(--mark-fg);display:grid;place-items:center;font-weight:700;font-size:17px;flex:none}
.grp{margin-top:14px}.grp>span{display:block;font-size:11px;color:var(--rail-grp);padding:0 10px 6px;font-weight:600}
.rail a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--rail-fg);font-weight:500}
.rail a:hover{background:var(--rail-hover);color:var(--rail-on-fg)}.rail a.on{background:var(--rail-on-bg);color:var(--rail-on-fg)}
.rail svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.cnt{margin-left:auto;font-size:11px;background:var(--danger-bg);color:var(--danger);border-radius:999px;padding:1px 7px;font-weight:600}
.top{display:flex;align-items:center;gap:10px;padding:14px 28px;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}
.top h1{margin:0;font-family:var(--cond);font-size:22px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}
.top form{display:contents}
.sp{flex:1}
.org{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--tint-ink);color:var(--tint-ink);border-radius:6px;padding:5px 10px;font-weight:600;background:var(--surface);font-size:14px}
.plan-chip{padding:4px 9px;border-radius:999px;font-size:12px}
.org small{font-weight:500;color:var(--muted);font-size:12px}
.avatar{width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;border:0}
.content{padding:24px 28px 48px;max-width:1480px}
@media (max-width:900px){.rail{width:100%;border-right:0;border-bottom:1px solid var(--rail-border);padding:12px}.rail .grp{display:inline-block;margin:6px 8px 0 0;vertical-align:top}.content{padding:16px}.top{padding:12px 16px}}

/* Buttons (Bootstrap class names mapped to tokens) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:8px 14px;font-weight:600;font-size:14px;line-height:1.3;border:1px solid var(--line2);background:var(--surface);color:var(--muted2);font-family:inherit;box-shadow:none}
.btn:hover{background:var(--paper);color:var(--ink);border-color:var(--line2)}
.btn-sm{padding:5px 10px;font-size:13px;border-radius:7px}.btn-lg{padding:12px 18px;font-size:15px}
.btn-dark,.btn-primary,.btn.pri{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.btn-dark:hover,.btn-primary:hover,.btn.pri:hover,.btn-dark:focus,.btn-primary:focus{background:var(--primary-dark);border-color:var(--primary-dark);color:var(--on-primary)}
.btn-success{background:var(--paid);border-color:var(--paid);color:#fff}.btn-success:hover{background:#17724A;border-color:#17724A;color:#fff}
.btn-warning{background:var(--partial-bg);border-color:#E8D3A4;color:var(--partial)}.btn-warning:hover{background:#F5E6C2;color:var(--partial)}
.btn-outline-danger{color:var(--danger);border-color:#E8B8B3}.btn-outline-danger:hover{background:var(--danger-bg);color:var(--danger);border-color:#E8B8B3}
.btn-link{border:0;background:none;padding:0;font-weight:500}.btn-link:hover{background:none}
.btn-check:focus+.btn,.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:none}
.btn-close:focus{box-shadow:none}

/* Forms */
label,.form-label{font-size:12.5px;font-weight:600;color:var(--muted2);margin-bottom:5px}
.form-control,.form-select{height:40px;border:1px solid var(--line2);border-radius:8px;padding:0 10px;font:inherit;font-size:14px;background:var(--surface);color:var(--ink)}
textarea.form-control,pre.form-control{height:auto;padding:8px 10px}
.form-control-sm,.form-select-sm{height:34px;font-size:13.5px;padding:0 8px}
.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent);outline:0}
.form-text,.hint{font-size:12px;color:var(--muted)}
.form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}
.form-check-input:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent);border-color:var(--primary)}
.input-group .btn{border-color:var(--line2)}

/* Sheets (cards) and tables */
.card,.sheet{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 2px rgba(22,33,62,.06),0 8px 24px -16px rgba(22,33,62,.25)}
.card-header,.sh{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);font-weight:600;background:transparent;border-radius:10px 10px 0 0}
.card-body,.sb{padding:18px}
.card-footer{padding:12px 18px;border-top:1px solid var(--line);background:var(--surface2);border-radius:0 0 10px 10px}
.card>.table{margin:0}
.table{--bs-table-bg:transparent;border-collapse:collapse;width:100%;color:var(--ink);margin:0}
.table thead th{font-size:12px;font-weight:600;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line2);background:var(--surface2);text-align:left;white-space:nowrap;vertical-align:middle}
.table td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle;background:transparent;box-shadow:none}
.table tbody tr:last-child td{border-bottom:0}.table-hover tbody tr:hover td{background:var(--hover)}
.table .ml{font-weight:600;color:var(--ink)}.table .sub,.sub{display:block;font-size:12.5px;color:var(--muted);font-weight:400}
.table-sm td,.table-sm th{padding:7px 10px}
.card .table thead th:first-child{border-top-left-radius:10px}.card .table thead th:last-child{border-top-right-radius:10px}
.num,.table thead th.num{text-align:right;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.pill{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;line-height:1.5;white-space:nowrap}
.p-final{background:var(--tint);color:var(--tint-ink)}.p-partial{background:var(--partial-bg);color:var(--partial)}.p-paid{background:var(--paid-bg);color:var(--paid)}.p-draft{background:var(--draft-bg);color:var(--muted2)}.p-cancelled{background:var(--danger-bg);color:var(--danger)}.p-converted{background:var(--conv-bg);color:var(--conv)}
.tag{display:inline-block;font-size:11.5px;font-weight:600;padding:1px 6px;border-radius:4px;border:1px solid var(--line2);color:var(--muted2);background:var(--surface);white-space:nowrap}
.od{color:var(--danger);font-weight:600}
.av{width:30px;height:30px;border-radius:8px;background:var(--tint);color:var(--tint-ink);display:inline-grid;place-items:center;font-weight:700;font-size:12px;margin-right:10px;vertical-align:middle;flex:none}
.alert{border-radius:10px;border:1px solid var(--line);font-size:14px;padding:10px 14px}
.alert-success{background:var(--paid-bg);color:var(--paid);border-color:#BFE3CE}.alert-danger{background:var(--danger-bg);color:var(--danger);border-color:#EFC2BD}
.dropdown-menu{border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px -12px rgba(22,33,62,.35);font-size:14px;padding:6px}
.dropdown-item{border-radius:6px;padding:7px 10px;font-weight:500}.dropdown-item:hover{background:var(--paper);color:var(--ink)}.dropdown-item.active,.dropdown-item:active{background:var(--tint);color:var(--tint-ink)}
.modal-content{border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px -16px rgba(22,33,62,.45)}
.modal-header{border-bottom:1px solid var(--line);padding:16px 18px 12px}.modal-title{font-family:var(--cond);font-size:19px;font-weight:700}.modal-footer{border-top:1px solid var(--line)}
code{font-family:var(--font);background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:13px;color:var(--ink)}
.text-muted{color:var(--muted)!important}.text-danger{color:var(--danger)!important}.text-success{color:var(--paid)!important}.text-primary{color:var(--primary)!important}
hr{border-color:var(--line);opacity:1}

/* Filters, segments, pagination */
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px}
.filters .form-control,.filters .form-select{width:auto;height:38px}
.seg{display:inline-flex;background:var(--surface);border:1px solid var(--line2);border-radius:8px;padding:3px;gap:2px}
.seg a{padding:6px 12px;border-radius:6px;font-weight:500;color:var(--muted2);font-size:14px}
.seg a:hover{background:var(--paper);color:var(--ink)}.seg a.on{background:var(--ink);color:#fff}
.sum{display:flex;gap:28px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line)}
.sum div{font-size:13px;color:var(--muted2)}.sum b{display:block;font-family:var(--cond);font-size:22px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.foot{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface2);border-radius:0 0 10px 10px;font-size:13px;color:var(--muted)}
.pg{display:inline-flex;gap:4px}.pg a{min-width:30px;height:30px;display:grid;place-items:center;border-radius:6px;color:var(--muted2);padding:0 6px}.pg a.on{background:var(--ink);color:#fff}
.wrap{overflow-x:auto}
.subnav{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px}
.subnav a{padding:7px 12px;border-radius:8px;font-weight:500;color:var(--muted2);font-size:14px}.subnav a.on{background:var(--ink);color:#fff}

/* Dashboard */
.money-xl{font-family:var(--cond);font-size:48px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.money-l{font-family:var(--cond);font-size:26px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.stat small{display:block;color:var(--muted);font-size:12.5px;font-weight:500;margin-bottom:4px}
.aging{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--line);margin:16px 0 10px}.aging span{display:block;height:100%}
.leg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.leg div{font-size:13px;color:var(--muted2)}.leg b{display:block;font-family:var(--cond);font-size:18px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.leg i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}
.a1{background:var(--aging1)}.a2{background:#D99A1E}.a3{background:#E07B3C}.a4{background:#B3261E}
.c-p{color:var(--tint-ink)}
.chart{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:8px}
.m{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.bars{display:flex;gap:3px;align-items:flex-end;width:100%;height:100%;justify-content:center}
.bar{width:38%;max-width:22px;border-radius:3px 3px 0 0;background:var(--bar);min-height:2px}.bar.rx{background:var(--paid)}
.lbl{font-size:12px;color:var(--muted)}
.legend{font-size:12.5px;color:var(--muted2);display:flex;gap:14px;font-weight:500}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px}
.g5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.s3{grid-column:span 3}.s2{grid-column:span 2}
@media (max-width:1100px){.g5{grid-template-columns:1fr}.s3,.s2{grid-column:auto}.leg{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Invoice form */
.doc-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(300px,1fr);gap:16px;align-items:start}
.doc-grid aside{position:sticky;top:20px;display:flex;flex-direction:column;gap:16px}
@media (max-width:1100px){.doc-grid{grid-template-columns:1fr}.doc-grid aside{position:static}}
.lines{min-width:960px}
.lines th{font-size:12px;font-weight:600;color:var(--muted);padding:9px 8px;border-bottom:1px solid var(--line2);background:var(--surface2);text-align:left;white-space:nowrap}
.lines td{padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.lines .form-control,.lines .form-select{height:36px;padding:0 8px;font-size:14px}
.lines textarea.form-control{height:auto;min-height:36px;padding:6px 8px}
.lines .num .form-control{text-align:right}
.lines .ix{color:var(--muted);font-size:13px;padding-top:16px;text-align:center}
.lines .amt{padding-top:16px;font-weight:600}
.rm{border:0;background:none;color:var(--danger);font-size:20px;cursor:pointer;padding:8px 4px;line-height:1}
.tot{width:100%;border-collapse:collapse}.tot td{padding:9px 16px;border-bottom:1px solid var(--line)}
.tot tr.g td{background:var(--ink);color:#fff;font-weight:700;font-size:17px;border:0}
.words{font-size:13px;color:var(--muted2);padding:10px 16px;border-top:1px solid var(--line);background:var(--surface2);border-radius:0 0 10px 10px}
.mode{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--tint-ink);background:var(--tint);border-radius:6px;padding:3px 8px;font-weight:600}
.party{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px dashed var(--line2);border-radius:8px;margin-top:8px;background:var(--surface2);font-size:13.5px;color:var(--muted2)}
.party .av{width:36px;height:36px;font-size:13px}
details.card>summary{list-style:none;cursor:pointer}details.card>summary::-webkit-details-marker{display:none}

/* Invoice view */
.view-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:16px;align-items:start}
@media (max-width:1100px){.view-grid{grid-template-columns:1fr}}
.stamp{display:inline-block;font-family:var(--cond);font-weight:700;font-size:14px;letter-spacing:.14em;text-transform:uppercase;padding:2px 9px;border:2.5px solid currentColor;border-radius:4px;transform:rotate(-4deg);opacity:.9;vertical-align:middle}
.st-paid{color:var(--paid)}.st-partial{color:var(--partial)}.st-final{color:var(--tint-ink)}.st-draft{color:var(--muted)}.st-cancelled{color:var(--danger)}.st-converted{color:var(--conv)}
.bal{background:var(--ink);color:#fff;border-radius:10px;padding:18px 20px}
.bal small{color:#B8C2DA;font-size:12.5px;display:block}
.bal .b{font-family:var(--cond);font-size:34px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.bal .bar{height:8px;border-radius:4px;background:rgba(255,255,255,.18);overflow:hidden;margin:12px 0 6px;width:auto;max-width:none}.bal .bar span{display:block;height:100%;background:var(--paid)}
.kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}.kv:last-child{border-bottom:0}.kv span:first-child{color:var(--muted2);flex:none}
.tl{list-style:none;margin:0;padding:4px 18px}.tl li{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13.5px;align-items:flex-start}.tl li:last-child{border-bottom:0}
.dot{width:10px;height:10px;border-radius:50%;margin-top:6px;flex:none}
.tabs{display:flex;gap:4px;padding:8px 10px 0;border-bottom:1px solid var(--line);background:var(--surface2);border-radius:10px 10px 0 0}
.tabs a{padding:8px 12px;font-size:13.5px;font-weight:600;color:var(--muted2);border-bottom:2px solid transparent}.tabs a.on{color:var(--tint-ink);border-color:var(--tint-ink)}

/* Settings */
.orgs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.orgcard{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-weight:600;font-size:14px}
.orgcard small{display:block;font-weight:500;color:var(--muted);font-size:12px}
.orgcard.on{border-color:var(--primary);background:var(--tint);color:var(--tint-ink)}.orgcard.dash{border-style:dashed;color:var(--muted2);font-weight:500}
.logo{width:34px;height:34px;border-radius:8px;background:var(--mark-bg);color:var(--mark-fg);display:grid;place-items:center;font-family:var(--cond);font-weight:700;font-size:16px;flex:none}
.themes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.theme{border:2px solid var(--line);border-radius:10px;padding:10px;color:var(--ink);background:var(--surface);text-align:left;font:inherit;cursor:pointer}
.theme.on{border-color:var(--primary);background:var(--tint)}
.theme .sw{display:flex;gap:4px;margin-bottom:8px}.theme .sw i{height:18px;flex:1;border-radius:4px;display:block}
.theme b{display:block;font-size:13.5px}.theme small{color:var(--muted);font-size:12px}
.theme input{position:absolute;opacity:0}
.drop{border:1.5px dashed var(--line2);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;color:var(--muted2);font-size:13.5px;background:var(--surface2);cursor:pointer;font-weight:400;margin:0}
.drop:hover{border-color:var(--primary)}.drop .file-name{color:var(--ink);font-weight:600}
.swatches{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.swatch{width:30px;height:30px;border-radius:8px;border:2px solid transparent;cursor:pointer;padding:0;position:relative}
.swatch.on{outline:2px solid var(--ink);outline-offset:2px}
.swatch.custom{background:var(--surface);border-color:var(--line2);display:grid;place-items:center;font-size:14px;color:var(--muted2);margin:0}.swatch.custom input{position:absolute;inset:0;opacity:0;cursor:pointer}
.tog{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink);font-weight:400;margin:0;cursor:pointer}.tog:last-child{border-bottom:0}
.form-check-input[role=switch],.form-switch .form-check-input{width:38px;height:22px;margin:0;border-radius:11px;background-color:var(--line2);border:0;flex:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");background-position:left center;background-repeat:no-repeat;background-size:contain;transition:background-position .15s;cursor:pointer}
.form-check-input[role=switch]:checked{background-color:var(--primary);background-position:right center}
.dim{opacity:.45}
.nav-pills .nav-link{color:var(--muted2);font-weight:500;border-radius:8px;padding:7px 12px}.nav-pills .nav-link.active{background:var(--ink);color:#fff}

/* Confirm dialog */
.dlg{border:1px solid var(--line);border-radius:14px;padding:0;max-width:420px;width:calc(100% - 32px);box-shadow:0 24px 60px -16px rgba(22,33,62,.45);color:var(--ink);background:var(--surface)}
.dlg::backdrop{background:rgba(22,33,62,.45);backdrop-filter:blur(2px)}
.dlg form{margin:0;padding:20px 22px 18px}
.dlg h3{font-family:var(--cond);font-size:20px;font-weight:700;margin:0 0 6px}
.dlg p{margin:0;color:var(--muted2);font-size:14px;line-height:1.5}
.dlg-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:#9A1F18;border-color:#9A1F18;color:#fff}

/* Platform console: same system, dark rail so staff always know which app they are in */
/* console rail: charcoal, maroon only on the active item; white logo when assets/logo-white.png exists */
.console .rail{background:#1C1F26;border-color:#1C1F26;display:flex;flex-direction:column}
.console .brand{color:#fff;display:block}.console .brand img.wordmark{height:40px;width:auto;display:block}.console .brand small{display:block;margin-top:6px;font-family:var(--cond);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#9CA3B2;font-weight:600}.console .mark{background:#fff;color:var(--primary)}
.console .grp>span{color:#8B919E}.console .rail a{color:#D7DAE1}.console .rail a:hover{background:rgba(255,255,255,.08);color:#fff}.console .rail a.on{background:var(--primary);color:#fff}
.console .top{border-bottom:2px solid var(--primary)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
dl.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;padding:0;margin:0;border:0;font-size:14px}dl.kv dt{color:var(--muted2);font-weight:500;white-space:nowrap}dl.kv dd{margin:0;word-break:break-word}
.top .back{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line2);border-radius:9px;color:var(--ink);background:var(--surface);flex:none;margin-right:2px}.top .back:hover{background:var(--surface2)}.console .top .back{color:var(--ink)}
/* password eye toggle (assets/pwtoggle.js) */
.pwwrap{position:relative;display:block}.pwwrap input{padding-right:40px!important;width:100%}
.pweye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;padding:6px;color:#8A90A3;cursor:pointer;line-height:0;border-radius:6px}.pweye:hover{color:#000C2D}.pweye:focus-visible{outline:2px solid #F0A000}