body[data-theme="fit-light"]{--green:#b84a12;--dark:#292c30;--accent:#ee702a;--bg:#f5f4f1;--surface:#fff;--soft:#faf8f5;--selected:#fff0e5;--line:#e4e1dc;--ink:#303337;--muted:#696e72;--sale:#a94717;--control:#fff;--shadow:0 3px 18px #272b3010}
body[data-theme="fit-dark"]{color-scheme:dark;--green:#ffac75;--dark:#f0f1f2;--accent:#f48136;--bg:#202226;--surface:#292c31;--soft:#2e3238;--selected:#443328;--line:#44484e;--ink:#edf0f2;--muted:#b6bdc5;--sale:#ffb782;--control:#30343a;--shadow:0 3px 18px #00000018}
body[data-theme="calm-green"]{--green:#26744f;--dark:#183b2e;--accent:#35845e;--bg:#f2f5f3;--surface:#fff;--soft:#f7faf8;--selected:#eaf3ee;--line:#dfe7e2;--ink:#293c32;--muted:#64766a;--sale:#26744f;--control:#fff;--shadow:0 3px 18px #183b2e08}
body{background:var(--bg);color:var(--ink);--muted: #696e72}body[data-theme="fit-dark"]{--muted:#b6bdc5}
aside,header,.panel,.metric,dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}
.panel,.metric{box-shadow:var(--shadow)}
aside{border-top:5px solid var(--accent)}header{border-bottom-color:var(--line)}
.logo{color:var(--dark)}.logo span{color:var(--accent)}
button,input,select,textarea,.field input,.field select,.filters input,.filters select{background:var(--control);color:var(--ink);border-color:var(--line)}
button:hover{background:var(--selected)}button.primary,.primary{background:var(--accent);color:#201e1b;border-color:var(--accent);font-weight:800}.primary:hover{filter:brightness(.95);background:var(--accent)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
nav button{color:var(--muted)}nav button.active,nav button:hover{background:var(--selected);color:var(--green)}nav em{background:var(--surface);color:var(--ink)}
.sub,small,.workspace,.navlabel,header,.recent,.notice,.mini p,.field label,footer,.filters,.sectionhead p,dialog p,td small,.profile small{color:var(--muted)}
.searchbox{background:var(--soft);border-color:var(--line)}.searchbox input{background:transparent;color:var(--ink)}
.metricicon,.badge,.pill,.addbtn{background:var(--selected);color:var(--green);border-color:var(--line)}
.badge.orange{background:var(--selected);color:var(--sale)}
th{background:var(--soft);color:var(--muted)}td{border-color:var(--line)}.bestrow{background:var(--soft)}.stock,.sale{color:var(--sale)}
.suppliericon{background:var(--soft);color:var(--muted)}.textbtn,.recent a,.signout{color:var(--green)}
.profile,.sectionhead,.filters,.sidebottom{border-color:var(--line)}dialog h2,dialog h3{color:var(--ink)}dialog::backdrop{background:#10141999;backdrop-filter:blur(4px)}
#toast{background:var(--dark);color:var(--bg)}
.appearance{padding:26px;margin-bottom:24px;max-width:1000px}.appearance h2{margin:0 0 8px;font-size:23px}.appearance>p{margin-bottom:22px}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.theme-card{display:flex;flex-direction:column;text-align:left;padding:18px;gap:12px;border-radius:10px;min-width:0}.theme-card strong{font-size:17px}.theme-card small{font-size:14px;line-height:1.6;flex:1}.theme-card[aria-pressed="true"]{border:2px solid var(--accent);padding:17px;background:var(--selected)}.theme-state{font-size:14px;font-weight:700;color:var(--green)}.theme-swatch{height:64px;display:flex;width:100%;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#f5f4f1}.theme-swatch i:nth-child(1){width:23%;background:#303337}.theme-swatch i:nth-child(2){width:57%;background:#fff}.theme-swatch i:nth-child(3){width:20%;background:#ee702a}[data-preview="fit-dark"] .theme-swatch i:nth-child(1){background:#202226}[data-preview="fit-dark"] .theme-swatch i:nth-child(2){background:#34383f}[data-preview="fit-dark"] .theme-swatch i:nth-child(3){background:#f48136}[data-preview="calm-green"] .theme-swatch i:nth-child(1){background:#26744f}[data-preview="calm-green"] .theme-swatch i:nth-child(2){background:#f2f5f3}[data-preview="calm-green"] .theme-swatch i:nth-child(3){background:#b6d7c3}
@media(max-width:750px){.theme-options{grid-template-columns:1fr}.appearance{padding:20px}}@media(max-width:1100px){.offers-table td::before{color:var(--muted)}}
.metric .icon,.profile i,.workspace span,.live,td button.add{background:var(--selected);color:var(--green);border-color:var(--line)}td.sale{color:var(--sale)}.best{background:var(--soft)}.supplier i{background:var(--soft);color:var(--muted)}.field textarea{background:var(--control);color:var(--ink);border-color:var(--line)}header strong,.headerRight{color:var(--ink)}.eyebrow,.metric .hint,.sidebottom p,.empty,.statusline,.markup,.card p,.field{color:var(--muted)}a.signout{background:var(--accent);color:#201e1b}button:hover{border-color:var(--accent)}
body p.sub,body .profile small,body .sidebottom p,body td small,body .sectionhead p,body .recent,body .notice,body .metric small,body .metric .hint{color:var(--muted)}
body .offers-table td[data-label]::before{color:var(--muted)}
.supplier-picks{border:0;padding:0 0 20px;margin:0 0 22px;border-bottom:1px solid var(--line);min-width:0}.supplier-picks legend{font-size:15px;font-weight:800;color:var(--ink);margin-bottom:12px;padding:0}.supplier-picks legend span{font-weight:400;color:var(--muted);margin-left:12px}.supplier-pick-list{display:flex;flex-wrap:wrap;gap:9px}.supplier-pick{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:8px;padding:10px 13px;cursor:pointer;min-height:44px;font-weight:700;font-size:15px}.supplier-pick.is-picked{border-color:var(--accent);background:var(--selected);color:var(--ink)}.supplier-pick input{width:18px;height:18px;margin:0;accent-color:var(--accent);cursor:inherit}.supplier-pick small{font-size:12px;font-weight:400}.supplier-pick.is-unavailable{opacity:.6;cursor:not-allowed}.supplier-pick-help{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:13px}.supplier-pick-help .textbtn{font-size:13px}.supplier-pick:focus-within{outline:2px solid var(--accent);outline-offset:3px}.saving .supplier-pick{pointer-events:none;opacity:.65}@media(max-width:750px){.supplier-pick{flex:1 0 130px}.supplier-pick-help>span{width:100%}}
.employee-permissions{border:1px solid var(--line);border-radius:8px;margin:18px 0;padding:16px}.employee-permissions legend{font-weight:700;padding:0 8px}.employee-permissions .check{margin:12px 0;align-items:center;font-size:15px}.employee-permissions input{width:18px;height:18px;accent-color:var(--accent)}input[readonly]{opacity:.7}
.dashboard-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.dashboard-controls select{padding:10px 15px;border:1px solid var(--line);border-radius:7px}.dashboard-controls small{margin-left:auto}.dashboard-banner{border-left:4px solid var(--accent);background:var(--selected);border-radius:8px;padding:16px 20px;margin-bottom:22px;display:grid;gap:6px;font-size:14px}.dashboard-banner span{color:var(--muted)}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.dashboard-metrics .metric{margin:0;min-width:0;padding:20px}.dashboard-metrics .metric b{font-size:25px;overflow-wrap:anywhere}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dashboard-grid>.panel{min-width:0}.dashboard-table{white-space:normal;table-layout:auto}.dashboard-table td{overflow-wrap:anywhere}.dashboard-table th{white-space:normal}.dashboard-debt{color:var(--sale);font-weight:800}.dashboard-alerts{margin-top:18px}.dashboard-alerts button{display:flex;width:100%;gap:16px;align-items:center;text-align:left;margin-bottom:12px;padding:15px;background:var(--soft)}.dashboard-alerts button>b{font-size:25px;color:var(--green)}.dashboard-alerts button>span:first-of-type{flex:1}.dashboard-alerts small,.dashboard-recent small{display:block;font-weight:400}.dashboard-purpose{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.dashboard-purpose>div{padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:8px;display:grid;gap:8px}.dashboard-purpose b{font-size:20px}.dashboard-trend{display:grid;gap:12px;margin-top:25px;max-height:380px;overflow:auto}.dashboard-trend>div{display:flex;gap:15px;align-items:center}.dashboard-trend span{height:12px;background:var(--soft);border-radius:5px;flex:1;overflow:hidden}.dashboard-trend i{height:100%;display:block;background:var(--accent);border-radius:5px}.dashboard-trend b{font-size:14px;min-width:100px;text-align:right}.dashboard-recent{padding:8px 20px}.dashboard-recent button{display:flex;justify-content:space-between;gap:16px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:17px 0;background:transparent}.payment-list{display:grid;gap:12px;margin-top:15px}.payment-list>div{display:flex;justify-content:space-between;padding:12px;background:var(--soft);border-radius:6px}@media(max-width:1300px){.dashboard-metrics{grid-template-columns:1fr 1fr}}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.panel{margin-bottom:0}.dashboard-grid{margin-bottom:22px}}@media(max-width:550px){.dashboard-metrics{grid-template-columns:1fr}.dashboard-purpose{grid-template-columns:1fr}.dashboard-controls small{margin-left:0}.dashboard-table td,.dashboard-table th{padding:12px 9px;font-size:14px}}
[hidden]{display:none!important}
.cross-brand-controls{padding:18px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:12px}.cross-brand-controls>details{width:min(100%,460px);position:relative}.cross-brand-controls summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:center;padding:12px 15px;border:1px solid var(--line);border-radius:7px;background:var(--control);font-size:15px}.cross-brand-controls summary::-webkit-details-marker{display:none}.cross-brand-controls summary>b{font-size:14px;color:var(--green);margin-left:auto}.cross-brand-controls summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.cross-brand-menu{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:14px;margin-top:8px;box-shadow:var(--shadow)}.cross-brand-menu>input{width:100%;padding:11px;border:1px solid var(--line);border-radius:6px}.cross-brand-menu #cross-brand-options{max-height:260px;overflow:auto;margin:12px 0}.cross-brand-menu label{display:flex;align-items:center;gap:10px;padding:9px 5px;cursor:pointer;min-height:42px}.cross-brand-menu label:hover{background:var(--soft)}.cross-brand-menu input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);margin:0}.cross-brand-menu label span{flex:1;font-weight:700;font-size:15px}.cross-brand-menu label small{font-size:13px}.cross-brand-actions{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;gap:8px}.cross-brand-actions button{font-size:14px}.cross-brand-chips,.cross-brand-status,.cross-brand-controls>.error{width:100%}.cross-brand-chips{display:flex;gap:7px;flex-wrap:wrap}.cross-brand-status{color:var(--green);font-size:14px}@media(max-width:600px){.cross-brand-controls{padding:16px}.cross-brand-controls>details{width:100%}.cross-brand-controls summary{flex-wrap:wrap}.cross-brand-actions{flex-wrap:wrap}}