/* Visual theme of the hosted build. Same layout, field order and class names as before, but its own look:
   a dark slate header with the product mark and underline tabs, rounded buttons in the brand colour, section titles with
   a left accent bar, neutral table rules and a system/Inter type stack. Colours come from src/brand.js through the
   --primary / --accent custom properties set at boot (core.js applyBrand). Single light theme on purpose. */
:root{
  --primary:#1d5f7a; --accent:#d97706;
  --header-height:44px; --input-border-color:#d6dbe1; --input-border-color-hover:var(--primary); --box-shadow:0 6px 24px rgba(16,32,48,.12);
  --text-color:#3b4652; --input-height:24px;
  --bg:#ffffff; --fg:#111827; --page-bg:#f3f5f8; --header:#1f2a37; --blue:var(--primary); --btn-blue:var(--primary); --btn-blue-h:color-mix(in srgb,var(--primary) 85%,#000); --btn-gray:#6b7280; --btn-gray-h:#4b5563;
  --btn-red:#b42318; --orange:var(--accent); --rule-orange:color-mix(in srgb,var(--primary) 55%,#fff); --cell-border:#e5e9ee; --th-bg:#f3f5f8; --filters-bg:#f8fafc; --filters-border:#d6dde6; --caption-bg:#f6f8fa; --red:#c2410c;
  --ink:#111827; --ink-2:#374151; --ink-3:#6b7280; --line:#e5e9ee; --line-2:#cfd6de;
  --f-ui:Inter,"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif; --f-v:var(--f-ui); color-scheme:light;
}
*{box-sizing:border-box}
html{font-size:14px}
body{background:var(--bg);color:var(--fg);font-family:var(--f-ui);margin:0;overflow-y:scroll}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--header)}
a,.link{color:var(--blue);cursor:pointer;text-decoration:none}
/* header */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--header);height:var(--header-height);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding-left:max(0px,env(safe-area-inset-left,0px));padding-right:max(0px,env(safe-area-inset-right,0px));box-shadow:0 1px 0 rgba(255,255,255,.06),0 2px 10px rgba(0,0,0,.18)}
.brand{display:flex;align-items:center;gap:8px;color:#fff;padding:0 14px 0 16px;height:var(--header-height);font-weight:700;letter-spacing:.2px;white-space:nowrap}
.brand svg{color:var(--primary);filter:brightness(1.35)}
.brand-name{font-size:1rem}
.site-header-tabs{display:flex;white-space:nowrap;overflow-x:auto;scrollbar-width:none;height:var(--header-height);align-items:stretch}
.site-header-tabs::-webkit-scrollbar{display:none}
.site-header-tabs a{display:block;height:var(--header-height)}
.tabtop{color:#cbd5e1;height:var(--header-height);line-height:calc(var(--header-height) - 3px);font-weight:600;font-size:.78rem;letter-spacing:.6px;padding:0 12px;text-transform:uppercase;cursor:pointer;user-select:none;border-bottom:3px solid transparent}
.tabtop:hover{color:#fff;background:rgba(255,255,255,.06)}
a[aria-current="page"] > .tabtop{color:#fff;border-bottom-color:var(--accent);cursor:default}
.top-right-controls{display:flex;column-gap:8px;padding-right:12px;align-items:center}
.calculator{display:grid;height:26px;width:26px;align-items:center;justify-items:center;color:#fff;cursor:pointer;background:var(--accent);border:0;border-radius:6px;padding:0}
.hsearch{display:flex;align-items:center;height:26px;border-radius:6px;overflow:hidden;background:#fff}
.hsearch input{height:26px;border:0;outline:0;width:150px;min-width:0;font:13px var(--f-ui);padding:0 6px;color:#333;background:#fff}
.hsearch .go{background:var(--primary);color:#fff;height:26px;width:26px;display:grid;place-items:center;cursor:pointer;border:0;padding:0}
.hsearch .ico{background:#eef2f6;height:26px;width:26px;display:grid;place-items:center;color:#555}
.avatar{height:28px;width:28px;border-radius:50%;background:var(--accent);color:#fff;font:600 14px var(--f-ui);display:grid;place-items:center;cursor:pointer;margin-left:2px;border:0;padding:0}
.menu-pop{position:absolute;right:10px;top:calc(var(--header-height) + env(safe-area-inset-top,0px));background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--box-shadow);min-width:220px;z-index:30;overflow:hidden}
.menu-pop .names{padding:8px 30px 8px 16px;color:var(--ink);font-weight:600;font-size:14px;border-bottom:1px solid var(--line);white-space:nowrap}
.menu-pop .item{cursor:pointer;display:grid;grid-template-columns:36px 1fr;align-items:center;height:38px;color:var(--ink-2)}
.menu-pop .item:hover{background:#f3f5f8}
.menu-pop .item > span:first-child{text-align:center;color:var(--ink-3)}
.store-note{padding:6px 12px;font-size:12px;color:#666;border-top:1px solid var(--line)}
/* page */
main{min-height:60vh;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));padding-block:0 40px}
.page{padding:10px 0}
.filters{border:1px solid var(--filters-border);background:var(--filters-bg);border-radius:8px;padding:6px 10px 8px;display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.filters .fcap{font-size:small;font-weight:600;color:var(--ink-3);margin-left:2px;display:block}
.filters .grow{flex:1;min-width:160px}
.filter-text,.filter-select{height:26px;margin:0;font-weight:400;font-size:13.5px;color:#333;padding:0 6px;outline:none;font-family:var(--f-ui);border:1px solid var(--line-2);border-radius:6px;background:#fff;width:100%}
.fbtn{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line-2);border-radius:6px;background:#fff;color:var(--ink-2);cursor:pointer;font:13px var(--f-ui);padding:0 10px;height:26px;user-select:none}
.fbtn:hover{border-color:var(--primary);color:var(--primary)}
.add-button{display:inline-grid;justify-items:center;border:0;border-radius:8px;font:600 .72rem var(--f-ui);user-select:none;padding:5px 8px;color:#fff;background:var(--btn-blue);text-align:center;cursor:pointer;line-height:1;min-width:56px}
.add-button svg{width:20px;height:20px;margin-bottom:2px}
.add-button:hover{background:var(--btn-blue-h)}
.pager{display:inline-flex;align-items:center;gap:4px;margin-left:auto}
.pager button{border:1px solid var(--line-2);border-radius:6px;background:#fff;font:x-small var(--f-ui);height:24px;width:24px;cursor:pointer;color:#333}
.pager button:disabled{border-color:var(--line);color:#bbb;cursor:default}
.pager span{font-size:small;margin:0 4px;color:#333}
.pager select{outline:none;border:1px solid var(--line-2);border-radius:6px;height:24px;color:#333;font-size:12px;background:#fff}
/* list tables */
.tablewrap{overflow-x:auto}
table.main-list{border-collapse:collapse;width:100%;min-width:700px}
table.main-list thead tr{border-top:1px solid var(--cell-border);border-bottom:2px solid var(--rule-orange)}
table.main-list th{background:var(--th-bg);color:var(--ink-3);border:1px solid var(--cell-border);height:24px;font-family:var(--f-ui);text-transform:uppercase;font-size:.72rem;letter-spacing:.5px;white-space:nowrap;padding:3px 10px;font-weight:600}
table.main-list td{border:1px solid var(--cell-border);height:28px;vertical-align:middle;padding:2px 6px;color:#374151;text-align:center}
table.main-list td.l{text-align:left;padding-left:8px}
table.main-list td.r{text-align:right;padding-right:8px}
table.main-list tbody tr:nth-child(even){background:#fafbfc}
table.main-list tbody tr.clickable:hover{background:color-mix(in srgb,var(--primary) 8%,#fff);cursor:pointer}
table.main-list .mono{font-variant-numeric:tabular-nums}
.empty-msg{padding:6px 2px;font-style:italic;font-size:1.05rem;color:var(--ink-2)}
.chip{display:inline-grid;align-items:center;justify-items:center;height:20px;width:20px;border:2px solid var(--primary);border-radius:50%;cursor:pointer;font:700 10px var(--f-ui);color:var(--ink-2);user-select:none}
.chip:hover{background:var(--primary);color:#fff}
.ibtn{display:inline-grid;place-items:center;border:1px solid var(--line-2);border-radius:6px;color:var(--ink-2);cursor:pointer;user-select:none;height:24px;width:28px;background:#fff;vertical-align:middle}
.ibtn:hover{color:#fff;background:var(--btn-blue);border-color:var(--btn-blue)}
.ibtn.red:hover{background:var(--btn-red);border-color:var(--btn-red)}
.ibtn svg{width:14px;height:14px}
/* buttons */
.nx-button{padding:4px 12px;font-family:var(--f-ui);font-size:.8rem;font-weight:600;cursor:pointer;border:none;border-radius:6px;color:#fff;outline:none;background:var(--btn-blue);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;line-height:1.3;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.nx-button:hover{background:var(--btn-blue-h)}
.nx-button.gray{background:var(--btn-gray)}.nx-button.gray:hover{background:var(--btn-gray-h)}
.nx-button.red{background:var(--btn-red)}.nx-button.red:hover{background:#912018}
.nx-button.orange{background:var(--accent)}
.nx-button.small{padding:2px 10px;font-size:.7rem}
.nx-button:disabled{background:#b6bcc6!important;cursor:default!important;opacity:.8;box-shadow:none}
.nx-button svg{width:12px;height:12px}
.toggle-buttons{display:flex}
.toggle-buttons > div{width:80px;color:#fff;user-select:none;height:24px;font-size:.85rem;line-height:24px;text-align:center;background:var(--btn-gray);cursor:pointer}
.toggle-buttons > div:first-child{border-radius:6px 0 0 6px}
.toggle-buttons > div:last-child{border-radius:0 6px 6px 0}
.toggle-buttons > div.active{background:var(--btn-blue);cursor:default}
.toggle-buttons > div:not(.active):hover{background:var(--btn-gray-h)}
/* inputs */
.nx-text,.nx-select,.nx-date,.nx-textarea{height:var(--input-height);border-radius:5px;margin:0;border:1px solid var(--input-border-color);font-weight:400;font-size:13.5px;color:#222;padding:0 5px;text-overflow:ellipsis;outline:none;font-family:var(--f-ui);background:#fff;width:150px;max-width:100%}
.nx-text.w60{width:60px}.nx-text.w80{width:80px}.nx-text.w100{width:100px}.nx-text.w120{width:120px}.nx-text.w200{width:200px}.nx-text.w260{width:260px}.nx-text.wfull,.nx-select.wfull,.nx-textarea.wfull{width:100%}
.nx-select.wauto{width:auto;min-width:60px}
.nx-text.r{text-align:right}
.nx-textarea{height:auto;min-height:44px;resize:vertical;padding:3px 5px}
.nx-text[readonly],.nx-text.ro{background:#f3f5f8}
.nx-text:focus,.nx-select:focus,.nx-textarea:focus,.nx-date:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}
.nx-text:hover,.nx-select:hover,.nx-textarea:hover{border-color:var(--input-border-color-hover)}
.nx-date{width:134px;font-size:12.5px}
input[type=checkbox],input[type=radio]{accent-color:var(--primary);margin:0 4px 0 2px;vertical-align:middle}
.hint{font-size:11px;color:#777;margin-left:6px}
.hint.ok{color:#1d7a4c}.hint.warn{color:#9a5b00}.hint.bad{color:var(--btn-red)}
/* sections */
.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px;align-items:start}
.cols > div{min-width:0}
.cols.c21{grid-template-columns:2fr 1fr}
@media (max-width:900px){.cols,.cols.c21{grid-template-columns:minmax(0,1fr)}}
.section{display:block;width:100%;margin-bottom:14px}
.section > header{border-left:4px solid var(--primary);border-bottom:1px solid var(--line);text-align:left;letter-spacing:.6px;font-size:.78rem;font-weight:700;padding:3px 0 3px 8px;text-transform:uppercase;color:var(--ink);display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-height:22px;flex-wrap:wrap;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 7%,#fff),#fff 60%)}
.section > header .hr{display:flex;gap:6px;align-items:center;text-transform:none;letter-spacing:0;font-size:.8rem;font-weight:400;flex-wrap:wrap}
.section > header em{text-transform:none;letter-spacing:0;font-weight:400;margin-left:4px;color:var(--ink-3)}
.cd{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:24px}
.cd > div:first-child{background:var(--caption-bg);border-bottom:1px solid #fff;padding:3px 0 3px 6px;display:flex;align-items:center;font-weight:500;font-size:.9rem;color:var(--ink-2)}
.cd > div:not(:first-child){background:#fff;border-bottom:1px solid var(--line);padding:2px 4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.cd.hl > div:first-child{background:#e9edf2}.cd.hl > div:not(:first-child){background:#f6f8fa}
.cd.red > div:first-child{color:var(--red)}
.cd .val{font-weight:600;color:#222}
.cd .val.red{color:var(--red)}
.cd.n > div:first-child{width:210px}
.cd span.r{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.money{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.cd .money{display:flex;align-items:center;gap:4px}
.cd .money .nx-text{width:110px;text-align:right;font-variant-numeric:tabular-nums}
.cd .money .nx-text.ro{font-weight:600}
@media (max-width:560px){.cd{grid-template-columns:130px minmax(0,1fr)}}
.subtab-bar{background:#fff;padding-left:4px;border-bottom:2px solid var(--line);display:flex;flex-wrap:wrap;gap:2px}
.subtab{display:inline-block;padding:7px 16px 5px;font-weight:600;font-family:var(--f-ui);color:var(--ink-3);user-select:none;border-radius:6px 6px 0 0;cursor:pointer;font-size:.85rem;border-bottom:3px solid transparent;margin-bottom:-2px}
.subtab:not(.active):hover{background:#f3f5f8;color:var(--ink)}
.subtab.active{color:var(--primary);border-bottom-color:var(--primary);cursor:default}
.cartabs{background:#fff;padding-left:8px;display:flex;flex-wrap:wrap;border-bottom:2px solid var(--line)}
.cartab{font-family:var(--f-ui);font-weight:600;font-size:.85rem;color:var(--ink-3);user-select:none;height:32px;line-height:32px;display:inline-block;padding:0 16px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px}
.cartab:hover{background:#f3f5f8;color:var(--ink)}
.cartab.active{cursor:default;color:var(--primary);border-bottom-color:var(--primary)}
.info-bar{border:1px solid var(--filters-border);background:var(--filters-bg);border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-height:36px}
.info-bar .info-part{white-space:nowrap;color:var(--ink-2);font-family:var(--f-ui)}
.info-bar .info-part .caption{font-size:x-small;font-weight:700;letter-spacing:.4px}
.info-bar .info-part .info{font-size:smaller;font-weight:700;color:var(--red)}
.info-bar .right{margin-left:auto;display:flex;gap:6px;align-items:center}
.car-info{font-weight:700;color:var(--red);font-family:var(--f-ui);font-size:.95rem}
.save-ind{font-size:11px;color:#cbd5e1;font-family:var(--f-ui)}
.save-ind.saving{color:#fbbf24}.save-ind.err{color:#fca5a5}
/* dialogs */
.dlg-wrap{position:fixed;inset:0;display:grid;grid-template-rows:1fr auto 2fr;justify-items:center;background:rgba(15,23,42,.35);z-index:20;padding:0 8px}
.dlg{grid-row:2/3;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--box-shadow);max-height:92vh;overflow-y:auto;max-width:100%}
.dlg > .title{padding:8px 10px;font-size:1.05rem;font-weight:600;display:grid;grid-template-columns:1fr auto;align-items:center;color:var(--ink)}
.dlg > .title .x{cursor:pointer;border-radius:5px;padding:2px 8px;font-size:.9rem;color:#555}
.dlg > .title .x:hover{color:#fff;background:var(--btn-red)}
.dlg > .body{padding:10px 20px;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}
.dlg > .footer{padding:8px 10px 10px;display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.dlg .nx-info{background:color-mix(in srgb,var(--primary) 10%,#fff);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 30%,#fff);border-radius:6px;text-align:center;padding:5px;margin-bottom:8px}
.nx-error{background:#fef3f2;color:#b42318;border:1px solid #fda29b;border-radius:6px;padding:4px 8px}
.err-txt{color:var(--red);font-style:italic}
.dlg-list{max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:6px}
.lookup-item{padding:3px 20px 3px 10px;cursor:pointer;white-space:nowrap;color:#333}
.lookup-item:hover{background:#eef2f6}
.lkp{position:relative}
.lkp .panel{position:absolute;z-index:40;background:#fff;border:1px solid var(--line);box-shadow:var(--box-shadow);min-width:220px;max-height:220px;overflow-y:auto}
/* notes & attachments */
.notebox{border:1px solid var(--line);border-radius:6px;min-height:220px;max-height:340px;overflow-y:auto}
.note-item{border-bottom:1px solid var(--line);padding:4px 0 4px 8px;color:var(--ink-2)}
.note-item > div:first-child{font-weight:600;font-size:.82rem;margin-bottom:2px;color:var(--ink-3)}
.note-head{display:flex;gap:4px;align-items:center;margin-bottom:4px}
.note-head .nf{height:24px;width:24px;display:grid;place-items:center;color:#fff;background:var(--btn-gray);font:700 12px var(--f-ui);cursor:pointer;border-radius:5px}
.note-head .nf.on{background:var(--btn-blue)}
.note-head input{flex:1}
.att-list{border:1px solid var(--line);border-radius:6px;min-height:160px}
.att-item{padding:4px 6px;display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;border-bottom:1px solid var(--line);color:var(--ink-2)}
.att-item a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* tasks calendar */
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid var(--line);color:var(--ink-2)}
.cal .dh{text-align:center;border-bottom:1px solid var(--line);font-weight:600;font-size:.85rem;padding:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-3);text-transform:uppercase;letter-spacing:.4px}
.cal .day{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:78px;padding:2px;font-size:.85rem}
.cal .day.out{background:#f8fafc;color:#9aa3af}
.cal .day.today{background:color-mix(in srgb,var(--accent) 12%,#fff)}
.cal .day .dt{text-align:center;font-weight:500;font-size:.85rem;overflow:hidden;white-space:nowrap}
.cal .task{border:1px solid color-mix(in srgb,var(--primary) 50%,#fff);border-radius:4px;padding:0 4px 2px;margin-top:2px;cursor:pointer;font-size:.8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cal .task.open{border-color:#f0a8a0;background:#fef3f2;color:#912018}
.cal .task.done{background:#f3f5f8;color:var(--primary)}
.month-nav{display:inline-flex;align-items:center;gap:4px}
.month-nav button{border:1px solid var(--line-2);border-radius:6px;background:#fff;height:26px;width:26px;cursor:pointer;color:#333}
.month-nav .ttl{font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-2);width:130px;text-align:center}
/* settings */
.settings{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:70vh}
@media (max-width:760px){.settings{grid-template-columns:minmax(0,1fr)}}
.settings .pane{min-width:0}
.row-flex{min-width:0}
@media (max-width:560px){.cal .dh{font-size:.7rem}.cal .day .dt{font-size:.7rem}}
.left-tabs{background:#f3f5f8;color:var(--ink-2);border-radius:8px 0 0 8px}
.left-tab-header{border-bottom:2px solid var(--primary);letter-spacing:.8px;font-size:.72rem;font-weight:700;margin:12px 0 4px;padding-left:20px;text-transform:uppercase;color:var(--ink-3)}
.left-tab-item{height:32px;line-height:32px;border-left:4px solid transparent;padding-left:26px;cursor:pointer}
.left-tab-item:hover{background:#fafbfc}
.left-tab-item.selected{border-left-color:var(--accent);background:#fff;font-weight:600;cursor:default;color:var(--ink)}
.settings .pane{padding:4px 10px 10px 30px}
/* misc */
.red-t{color:var(--red)}
.bold{font-weight:bold}
.mono{font-variant-numeric:tabular-nums}
.small{font-size:12px}
.muted{color:#6b7280}
.row-flex{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.box-frame{border:2px solid var(--red);padding:4px 6px}
.sum-grid{display:grid;grid-template-columns:180px 1fr 1fr;gap:4px 10px;align-items:start}
@media (max-width:700px){.sum-grid{grid-template-columns:1fr}}
.fin-item-caption{background:#f6f8fa;padding:3px 10px;font-weight:500;font-size:.95rem;border-bottom:1px solid #fff}
.fin-item-data{height:26px;border-bottom:1px solid var(--line);padding:0 6px;text-align:right;display:grid;align-items:center;font-variant-numeric:tabular-nums}
.fin-box{border:2px solid var(--primary);border-radius:8px;margin-top:4px;overflow:hidden}
.fin-box > .ttl{font-weight:700;font-size:.9rem;letter-spacing:.5px;color:#fff;background:var(--primary);padding:3px 8px}
.forms-list{display:grid;grid-template-columns:auto auto;gap:6px 8px;align-items:center;justify-content:start}
.forms-list .nx-button{width:180px;justify-content:center}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));background:#1f2a37;color:#fff;padding:9px 16px;border-radius:8px;font-size:13px;z-index:50;max-width:calc(100% - 32px);box-shadow:var(--box-shadow)}
.import-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center}
.imp-table{border-collapse:collapse;width:100%;font-size:13px}
.imp-table th,.imp-table td{border:1px solid var(--line);padding:3px 6px;text-align:left}
.imp-table th{background:var(--th-bg);font-weight:600}
.warn-box{background:#fffaeb;color:#7a5a12;border:1px solid #fedf89;border-radius:6px;padding:6px 10px;margin:8px 0}
.focus-ring:focus-visible{outline:2px solid var(--primary)}
button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* statistics */
.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:14px}
.stat-tile{border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:#fff;box-shadow:0 1px 3px rgba(16,32,48,.06)}
.stat-val{font-size:1.6rem;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums}
.stat-label{font-size:.8rem;font-weight:600;color:var(--ink-2);text-transform:uppercase;letter-spacing:.4px}
.bar{height:10px;border-radius:5px;background:var(--primary);min-width:2px;opacity:.85}
@media (max-width:760px){.brand-name{display:none}.brand{padding:0 8px 0 10px}.hsearch input{width:84px}.tabtop{padding:0 9px;font-size:.72rem}.top-right-controls{column-gap:6px;padding-right:6px}}
.quote .cols{gap:0 24px}.quote .cd{grid-template-columns:200px minmax(0,1fr)}