@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/fonts/InterVariable.woff2") format("woff2")}
@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url("/assets/fonts/SoraVariable.woff2") format("woff2")}
h1,h2,h3{font-family:Sora,Inter,system-ui,sans-serif;font-weight:600}

:root{color-scheme:light;--bg:#f4f7ff;--surface:#ffffff;--surface-alt:#eaf0fc;--text:#142341;--muted:#50617f;--accent:#075bc4;--action:#075bc4;--on-action:#ffffff;--border:#7c8fae;--focus:#4c5bff;--selected:#e3eaff;--selected-border:#6676d9;--item-edge:#4c5bff;--info-bg:#e8f3ff;--info-text:#16477b;--warning-bg:#fff3d4;--warning-text:#704400;--warning-border:#c29135;--error-bg:#fff0f0;--error-text:#a12d35;--error-border:#d29b9f;--success:#16704d;--shadow:#173f7c12;--backdrop:#05081699;--brand-start:#075bc4;--brand-end:#6444c9}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#050816;--surface:#081022;--surface-alt:#14203b;--text:#f7faff;--muted:#aab7d7;--accent:#6cbcff;--action:#008bff;--on-action:#050816;--border:#536a92;--focus:#00e5ff;--selected:#202c59;--selected-border:#8a92ff;--item-edge:#8a5cff;--info-bg:#112c47;--info-text:#b8dfff;--warning-bg:#382c12;--warning-text:#ffda88;--warning-border:#977435;--error-bg:#381b28;--error-text:#ffb3bb;--error-border:#ab6471;--success:#65ddb0;--shadow:#008bff12;--backdrop:#050816bb;--brand-start:#008bff;--brand-end:#8a5cff}}
:root[data-theme="dark"]{color-scheme:dark;--bg:#050816;--surface:#081022;--surface-alt:#14203b;--text:#f7faff;--muted:#aab7d7;--accent:#6cbcff;--action:#008bff;--on-action:#050816;--border:#536a92;--focus:#00e5ff;--selected:#202c59;--selected-border:#8a92ff;--item-edge:#8a5cff;--info-bg:#112c47;--info-text:#b8dfff;--warning-bg:#382c12;--warning-text:#ffda88;--warning-border:#977435;--error-bg:#381b28;--error-text:#ffb3bb;--error-border:#ab6471;--success:#65ddb0;--shadow:#008bff12;--backdrop:#050816bb;--brand-start:#008bff;--brand-end:#8a5cff}
:root{--divider:#dfe5ef;--control:#edf1f7;--control-hover:#e1e8f2;--control-pressed:#d5deec;--elevation:0 2px 4px #14234104,0 10px 30px #14234108;--action-shadow:0 3px 8px #075bc426;--action-hover:#064fae;--action-pressed:#04438f}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--divider:#25314b;--control:#1a2741;--control-hover:#263653;--control-pressed:#314463;--elevation:0 2px 4px #00000018,0 10px 30px #00000024;--action-shadow:0 3px 10px #008bff20;--action-hover:#24a0ff;--action-pressed:#54b5ff}}
:root[data-theme="dark"]{--divider:#25314b;--control:#1a2741;--control-hover:#263653;--control-pressed:#314463;--elevation:0 2px 4px #00000018,0 10px 30px #00000024;--action-shadow:0 3px 10px #008bff20;--action-hover:#24a0ff;--action-pressed:#54b5ff}
.theme-toggle{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;min-height:48px;min-width:48px;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);color:var(--text);cursor:pointer;touch-action:manipulation}
.theme-toggle svg{display:block;pointer-events:none}
.theme-toggle .theme-icon-sun,.theme-toggle[aria-pressed="true"] .theme-icon-moon{display:none}
.theme-toggle[aria-pressed="true"] .theme-icon-sun{display:block}
.theme-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.brand-mark,.mark{background:linear-gradient(135deg,var(--brand-start),var(--brand-end));color:var(--on-action)}
input::placeholder{color:var(--muted);opacity:1}
input{accent-color:var(--action)}
button,a,input,select{ -webkit-tap-highlight-color:transparent }
button{transition:background-color 150ms ease,border-color 150ms ease,box-shadow 150ms ease,transform 120ms ease}
button:not(:disabled):active{transform:translateY(1px)}
button:disabled{opacity:1;box-shadow:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(prefers-reduced-motion:reduce){button{transition:none}button:not(:disabled):active{transform:none}}

:root{--glass-light:#ffffffb8;--glass-rim:#ffffffed;--glass-edge:#b7c5de;--glass-shadow:#173f7c20;--glass-wash:#ffffffeb;--glass-primary:radial-gradient(ellipse 90% 115% at 50% -35%,#ffffff43 0%,#ffffff20 45%,#ffffff00 75%),linear-gradient(180deg,#1d4b88 0%,#203f7c 67%,#493093 100%);--glass-on-primary:#ffffff;--glass-primary-edge:#456dc2;--glass-primary-shadow:inset 0 1px #ffffffd6,inset 0 -3px #0a174ba6,0 3px 5px #112d6660,0 7px 12px #224d9320;--glass-primary-light:#ffffffd6;--glass-primary-shade:#0a174ba6;--glass-primary-elevation:#254d9a52;--glass-primary-hover:radial-gradient(ellipse 90% 115% at 50% -35%,#ffffff43 0%,#ffffff20 45%,#ffffff00 75%),linear-gradient(180deg,#235393 0%,#284888 67%,#54399f 100%);--glass-primary-active:radial-gradient(ellipse 90% 115% at 50% -35%,#ffffff43 0%,#ffffff20 45%,#ffffff00 75%),linear-gradient(180deg,#163c73 0%,#1a356c 67%,#3a267e 100%);--glass-active-shade:#101c4938;--glass-active-light:#ffffff40;--glass-primary-solid:#174f9f;--glass-shine:#ffffffd9;--glass-secondary:radial-gradient(ellipse 90% 115% at 50% -35%,var(--glass-shine),#ffffff00 75%),linear-gradient(180deg,#ffffff 0%,#eef3fb 64%,#e3ebf8 100%);--glass-secondary-hover:radial-gradient(ellipse 90% 115% at 50% -35%,var(--glass-shine),#ffffff00 75%),linear-gradient(180deg,#ffffff 0%,#f4f7fd 64%,#eaf0fb 100%);--glass-secondary-active:radial-gradient(ellipse 90% 115% at 50% -35%,var(--glass-shine),#ffffff00 75%),linear-gradient(180deg,#dbe5f4 0%,#e5edf9 64%,#d4dff0 100%);--glass-control-rim:#ffffff;--glass-control-depth:#7c95ba70;--glass-control-elevation:#23457526}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--glass-light:#ffffff12;--glass-rim:#ffffff38;--glass-edge:#41516e;--glass-shadow:#00000055;--glass-wash:#081022ef;--glass-shine:#ffffff28;--glass-secondary:radial-gradient(ellipse 90% 115% at 50% -35%,var(--glass-shine),#ffffff00 75%),linear-gradient(180deg,#304460 0%,#233852 64%,#162b45 100%);--glass-secondary-hover:radial-gradient(ellipse 90% 115% at 50% -35%,var(--glass-shine),#ffffff00 75%),linear-gradient(180deg,#384e6d 0%,#2a405d 64%,#1c334f 100%);--glass-secondary-active:radial-gradient(ellipse 90% 115% at 50% -35%,var(--glass-shine),#ffffff00 75%),linear-gradient(180deg,#1b2e49 0%,#1c304a 64%,#11243d 100%);--glass-control-rim:#bbd9ff75;--glass-control-depth:#000000a0;--glass-control-elevation:#00000070}}
:root[data-theme="dark"]{--glass-light:#ffffff12;--glass-rim:#ffffff38;--glass-edge:#41516e;--glass-shadow:#00000055;--glass-wash:#081022ef;--glass-shine:#ffffff28;--glass-secondary:radial-gradient(ellipse 90% 115% at 50% -35%,var(--glass-shine),#ffffff00 75%),linear-gradient(180deg,#304460 0%,#233852 64%,#162b45 100%);--glass-secondary-hover:radial-gradient(ellipse 90% 115% at 50% -35%,var(--glass-shine),#ffffff00 75%),linear-gradient(180deg,#384e6d 0%,#2a405d 64%,#1c334f 100%);--glass-secondary-active:radial-gradient(ellipse 90% 115% at 50% -35%,var(--glass-shine),#ffffff00 75%),linear-gradient(180deg,#1b2e49 0%,#1c304a 64%,#11243d 100%);--glass-control-rim:#bbd9ff75;--glass-control-depth:#000000a0;--glass-control-elevation:#00000070}

.square-import{margin-bottom:24px}.square-import>button{margin-bottom:16px}.square-rows{display:grid;gap:12px;max-height:480px;overflow:auto;margin:20px 0}.square-rows article{border:1px solid var(--border);border-radius:10px;padding:16px;overflow-wrap:anywhere}.square-rows p{margin:5px 0;font-size:14px}.square-rows .check{margin:0 0 8px}.square-rows .error{color:var(--error-text)}#square-open{margin-bottom:20px}#square-file{padding:12px}.square-import h3{font-family:Sora,Inter,system-ui,sans-serif}
.square-import{border-radius:18px}.square-import>p{max-width:75ch;font-size:14px;color:var(--muted);line-height:1.7}
.square-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0;padding:0}.square-steps li{display:flex;align-items:flex-start;gap:12px;min-width:0}.square-steps li>span{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:var(--selected);color:var(--accent);font-size:13px;font-weight:700}.square-import h4{font-size:14px;margin:4px 0 8px;font-weight:650}.square-steps p,.square-transfer p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.square-transfer{padding:18px 20px;background:var(--bg);border-radius:14px;margin:20px 0}.square-transfer h4:not(:first-child){margin-top:18px}.square-import .square-limits{font-size:14px}
@media(max-width:700px){.square-steps{grid-template-columns:1fr;gap:18px}.square-transfer{padding:16px}}
.square-import #square-file{padding:10px;border-radius:14px;background:var(--bg);border:1px dashed var(--border);min-height:72px;line-height:2}
#square-file::file-selector-button{font:inherit;font-weight:600;background:var(--control);color:var(--text);border:0;border-radius:10px;padding:10px 14px;min-height:48px;margin-right:12px;cursor:pointer}
#square-file::file-selector-button:hover{background:var(--control-hover)}
.square-rows{gap:10px;padding:3px;margin-inline:-3px;overscroll-behavior:contain}
.square-rows article{background:var(--surface);border-color:var(--divider);border-radius:14px;padding:18px}
.square-rows article:has(input:checked){border-color:var(--selected-border)}
.square-rows .check{background:transparent;padding:0;min-height:48px;align-items:flex-start;line-height:1.6}.square-rows .check input{margin-top:2px;flex-shrink:0}
#square-status:not(:empty){padding:14px 16px;background:var(--info-bg);color:var(--info-text);border-radius:12px;font-size:14px;line-height:1.6}
.square-import>.row{padding-top:8px}.square-import>.row .primary{flex:2}.square-import>.row button{height:auto;white-space:normal}
@media(max-width:480px){#square-file::file-selector-button{display:block;margin-bottom:8px}.square-import>.row{gap:10px}.square-rows article{padding:14px}}

:root{font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg);}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;background:var(--surface);border-bottom:1px solid var(--border)}h1{font-size:23px;margin:4px 0}h2{margin:0 0 12px;font-size:25px}h3{margin:0 0 20px}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase}main{max-width:1260px;margin:auto;padding:24px}p{line-height:1.55}button,input,select{font:inherit}button,a{touch-action:manipulation}button{min-height:48px;padding:12px 20px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--accent);cursor:pointer;font-weight:650}button:disabled{opacity:.5;cursor:default}.primary{background:var(--action);color:var(--on-action);border-color:var(--action)}a{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input,select{width:100%;padding:13px;border:1px solid var(--border);border-radius:8px;min-height:48px;color:var(--text);background:var(--surface)}input:disabled{background:var(--surface-alt)}label{display:block;font-size:14px;font-weight:600;margin-bottom:17px}label input,label select{margin-top:7px}.check{display:flex;align-items:center;gap:10px}.check input{width:22px;min-height:22px;margin:0}.card{border:1px solid var(--border);padding:26px;background:var(--surface);border-radius:15px}.narrow{max-width:480px;margin:6vh auto}.narrow button{width:100%}.muted{font-size:13px;color:var(--muted)}.intro,.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0 24px}.intro p,.section-title p{margin:0;color:var(--muted)}.warning{padding:18px;background:var(--warning-bg);border-radius:10px;color:var(--warning-text)}nav{display:flex;gap:10px;margin:28px 0}nav .active{background:var(--selected);border-color:var(--selected-border)}.columns{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start}.list{display:grid;gap:12px}.entry{display:flex;justify-content:space-between;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.entry h3{margin:0 0 7px}.entry p{margin:3px 0;color:var(--muted);font-size:14px;overflow-wrap:anywhere}.entry button{align-self:center;flex-shrink:0}.row{display:flex;gap:12px}.row>*{flex:1;min-width:0}#notice:empty{display:none}#notice{padding:14px 18px;background:var(--info-bg);border-radius:10px}#notice.error{background:var(--error-bg);color:var(--error-text)}#pair-result{overflow-wrap:anywhere}.empty{padding:36px;color:var(--muted);border:1px dashed var(--border);border-radius:12px;text-align:center}@media(max-width:850px){.columns{grid-template-columns:1fr}.intro,.section-title{align-items:flex-start}main{padding:18px}.card{padding:20px}.entry{padding:16px}header{padding:18px}.section-title h2{font-size:22px}}
/* Shared visual language for the manager and the paired register. */
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}header{padding:20px max(24px,calc((100vw - 1212px)/2));gap:16px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-mark{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:13px;background:var(--action);color:var(--on-action);font:30px Georgia,serif}.eyebrow{font-weight:750;color:var(--muted);font-size:10px}h1{font-weight:650;letter-spacing:-.5px}h2{font-weight:650;letter-spacing:-.5px}h3{font-size:18px;line-height:1.4}.intro h2,.entry h3,.card h3{overflow-wrap:anywhere}.intro>div,.section-title>div,.entry>div{min-width:0}.intro a{display:flex;align-items:center;justify-content:center;min-height:48px;flex-shrink:0;padding:12px 18px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:650;text-decoration:none}.intro{padding-bottom:24px;border-bottom:1px solid var(--border)}#scope{margin-top:8px;overflow-wrap:anywhere;font-size:14px}nav{width:fit-content;max-width:100%;padding:5px;gap:4px;background:var(--surface-alt);border-radius:14px}nav button{border-color:transparent;background:transparent;min-width:112px}nav .active{background:var(--surface);border-color:var(--border);box-shadow:0 2px 5px var(--shadow)}.section-title p{font-size:14px;line-height:1.6;max-width:730px}.section-title button{flex-shrink:0}.card{box-shadow:0 4px 18px var(--shadow)}.card h3{padding-bottom:16px;border-bottom:1px solid var(--border)}.card .primary{width:100%}#archive-product{width:100%;margin-top:12px;color:var(--error-text);background:var(--error-bg);border-color:var(--error-border)}.narrow{margin:7vh auto;padding:32px;box-shadow:0 18px 55px var(--shadow)}.narrow h2{font-size:28px}.narrow p{color:var(--muted);font-size:14px}.narrow form{margin-top:26px}label{line-height:1.4}input,select{font-size:16px}.check{min-height:48px;padding:10px 12px;background:var(--surface-alt);border-radius:10px}.check input{accent-color:var(--accent);flex-shrink:0}.entry{align-items:center}.entry h3{font-size:17px;font-weight:650}.entry button{font-size:13px;padding:12px 16px}.entry p{line-height:1.6}.warning{border:1px solid var(--warning-border);font-size:14px;line-height:1.6}.empty{background:var(--surface-alt);line-height:1.7;font-size:14px}#notice{border:1px solid var(--border);font-size:14px;line-height:1.6}#notice.error{border-color:var(--error-border)}#pair-result:not(:empty){padding:14px;background:var(--info-bg);border:1px solid var(--border);border-radius:10px;font-size:14px}#pair-result a{display:block;min-height:48px;line-height:1.6}.muted{line-height:1.6}@media(hover:hover){button:not(:disabled):hover,.intro a:hover{filter:brightness(.96)}}@media(max-width:850px){header{padding:18px}.columns{gap:18px}.intro{padding-bottom:20px}.narrow{padding:26px}}@media(max-width:480px){header{align-items:flex-start;padding:16px}.brand{gap:10px}.brand-mark{width:40px;height:40px;font-size:26px}h1{font-size:19px}main{padding:16px}.intro,.section-title{flex-direction:column;gap:14px}.intro a,.section-title>button{width:100%}nav{width:100%}nav button{flex:1;min-width:0;padding:12px 8px}.entry{flex-direction:column;align-items:stretch;gap:12px}.entry button{align-self:stretch}.row{flex-direction:column;gap:0}.narrow{margin:4vh auto;padding:24px 20px}.card{padding:20px}.section-title{margin-top:24px}}

@media(max-width:480px){nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}nav button{width:100%;min-width:0}}#barcode-camera{max-width:560px;width:calc(100% - 32px);max-height:90vh;overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:18px;padding:24px}#barcode-camera::backdrop{background:var(--backdrop)}#barcode-video[hidden]{display:none}#barcode-video{display:block;width:100%;max-height:50vh;object-fit:contain;background:var(--surface-alt);border-radius:10px}.header-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.login-appearance{display:flex;justify-content:flex-end;margin-bottom:20px}.login-appearance .theme-toggle{margin-top:0}.brand-mark,.mark{background:linear-gradient(135deg,var(--brand-start),var(--brand-end));color:var(--on-action)}dialog input{background:var(--surface);color:var(--text)}summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.product-draft-return{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;margin-bottom:16px;border:1px solid var(--selected-border);border-radius:14px;background:var(--surface)}.product-draft-return p{margin:0;overflow-wrap:anywhere}.product-draft-return button{flex-shrink:0}#product-back{margin-bottom:20px}#product-title,#product-count{scroll-margin-top:24px}#product-form{scroll-margin-top:24px}@media(max-width:480px){.product-draft-return{align-items:stretch;flex-direction:column}}.product-library{min-width:0}.product-filters{padding:18px;background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;margin-bottom:16px}.product-filters>label{margin-bottom:14px}.product-filters .row{gap:12px}.product-filters .row label{margin-bottom:0}.product-results{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.product-results p{font-size:13px;color:var(--muted);margin:0}.product-results button{padding:10px 12px;font-size:13px}.entry.selected{border-color:var(--selected-border);background:var(--selected);box-shadow:inset 4px 0 var(--selected-border)}#product-editor-status{overflow-wrap:anywhere;margin:-6px 0 20px}#product-discard{max-width:480px;width:calc(100% - 32px);padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text)}#product-discard::backdrop{background:var(--backdrop)}#product-discard .row{gap:12px}@media(max-width:480px){.product-results{align-items:center}.product-filters{padding:14px}}
.setup{padding:20px 24px;border:1px solid var(--border);border-radius:14px;background:var(--surface-alt);margin:24px 0}.setup h3{margin:0 0 12px}.setup p{margin:12px 0 0}#first-sale-steps{display:flex;flex-wrap:wrap;gap:10px}#first-sale-steps>p{flex-basis:100%;margin:0}.setup-step{display:flex;flex-wrap:wrap;gap:10px;max-width:100%}.setup-step>p{flex-basis:100%}.setup-step button{max-width:100%;overflow-wrap:anywhere}#product-details{border-block:1px solid var(--border);margin:8px 0 20px;padding:4px 0}#product-details>summary{min-height:48px;padding:14px 0;font-weight:650;cursor:pointer}#product-details fieldset{border:1px solid var(--border);border-radius:10px;padding:16px;margin:0 0 18px;min-width:0}
.history-filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface-alt)}.history-filters>label{margin:0}.history-filter-actions{display:flex;align-items:end;gap:10px}.history-filter-actions .primary{width:auto}.history-advanced{grid-column:1/-1;border-top:1px solid var(--border)}.history-advanced>summary{min-height:48px;padding:14px 0;font-size:14px;font-weight:650;cursor:pointer}.history-advanced-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:0 16px}.history-advanced-fields>p{grid-column:1/-1;margin:0 0 18px}.history-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;padding:18px 22px}.history-card>h3,.history-card>.history-payment,.history-card>.history-created{grid-column:1}.history-card>.receipt-actions{grid-column:2;grid-row:1/4;align-self:center}.history-card>.receipt-actions:has(.receipt-confirmation){grid-row:auto;grid-column:1/-1}.history-card>.muted,.history-card>.sale-details{grid-column:1/-1}.history-card>p:empty{display:none}@media(max-width:600px){.history-filters{grid-template-columns:1fr}.history-filter-actions>button{flex:1;min-width:0;padding-inline:12px}.history-card{display:block;padding:16px}.history-card>.receipt-actions{margin-top:8px}}.receipt-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.receipt-actions a{display:flex;align-items:center;min-height:48px;padding:12px 0;font-weight:650}.receipt-confirmation{flex-basis:100%;padding:16px;background:var(--info-bg);border:1px solid var(--border);border-radius:10px;overflow-wrap:anywhere}.receipt-confirmation button{margin-right:10px}.sale-details>summary{min-height:48px;padding:14px 0;font-weight:650;cursor:pointer;overflow-wrap:anywhere}.sale-details{border-top:1px solid var(--border);margin-top:12px}.history-card h3{margin:0;padding-bottom:6px;font-size:16px}.history-card h4{margin:16px 0 8px;font-size:14px}.history-payment{margin:6px 0 4px;font-weight:650;overflow-wrap:anywhere}.history-created{margin:0 0 4px}.history-card-summary{margin:12px 0;font-size:14px;overflow-wrap:anywhere}.history-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px 18px;margin:0}.history-fact{min-width:0;overflow-wrap:anywhere}.history-fact dt{font-size:12px;line-height:1.4;color:var(--muted)}.history-fact dd{margin:3px 0 0;font-size:14px;line-height:1.45}.history-items{padding-left:20px;margin:0 0 16px;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.history-items li+li{margin-top:6px}.history-status{padding:14px 0;border-top:1px solid var(--border)}.history-timeline{border-top:1px solid var(--border)}.history-timeline summary{min-height:48px;padding:14px 0;font-size:14px;font-weight:650;cursor:pointer;overflow-wrap:anywhere}.history-timeline-content{padding:0 0 14px}.history-timeline-content dl+dl{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}

/* Utility controls recede; the form's commit action carries the brand color. */
header,.intro{border-color:var(--divider)}
button,.intro a{border:1px solid transparent;border-radius:12px;background:var(--control);color:var(--text);font-weight:600;box-shadow:none;letter-spacing:.02em}
button:disabled{background:var(--control);color:var(--muted);opacity:1;border-color:transparent;box-shadow:none}
button.primary{background:var(--action);color:var(--on-action);border-color:transparent;box-shadow:var(--action-shadow)}
button.primary:disabled{background:var(--control);color:var(--muted);box-shadow:none}
input,select{border-radius:12px;transition:border-color 150ms ease,box-shadow 150ms ease}
.card,.entry{border-color:var(--divider);border-radius:18px;box-shadow:var(--elevation)}
.entry{padding:20px 22px}.entry button{background:var(--control);color:var(--text);padding-inline:20px}
.card h3,#product-details,.history-advanced,.sale-details,.history-timeline,.history-status,.history-timeline-content dl+dl{border-color:var(--divider)}
.card h3{padding-bottom:20px}.card label{font-size:14px;font-weight:600}
.intro{margin-top:20px;padding-bottom:28px}.intro h2{font-size:30px;letter-spacing:-.8px}
.intro a{background:var(--surface);box-shadow:var(--elevation);border-color:var(--divider)}
nav{padding:5px;background:var(--control);border-radius:16px;gap:4px}
nav button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:11px;font-size:14px}
nav button.active{background:var(--surface);border-color:var(--divider);color:var(--text);box-shadow:0 2px 5px var(--shadow)}
.product-filters,.history-filters{background:var(--surface);border-color:var(--divider);border-radius:18px;padding:20px}
.product-results button,#signout{background:transparent;color:var(--muted)}
.entry.selected{border-color:var(--selected-border);background:var(--surface);box-shadow:inset 4px 0 var(--selected-border),var(--elevation)}
.check{background:var(--control);border-radius:12px;padding:12px;gap:12px}
.setup{background:var(--surface);border-color:var(--divider);border-radius:18px;padding:24px;box-shadow:var(--elevation)}
.setup h3{font-size:19px;letter-spacing:-.3px}.setup-step{padding:4px 0}
.section-title{margin-block:28px 22px}.section-title h2{font-size:24px;margin-bottom:8px}
#archive-product{background:transparent;border-color:transparent;color:var(--error-text)}
.empty{border-color:var(--divider);background:var(--surface);border-style:solid;border-radius:18px;padding:40px 24px}
@media(hover:hover){button:not(:disabled):hover,.intro a:hover{filter:none;background:var(--control-hover)}button.primary:not(:disabled):hover{background:var(--action-hover)}nav .active:not(:disabled):hover{background:var(--surface)}}
button:not(:disabled):active,.intro a:active{background:var(--control-pressed);box-shadow:none}button.primary:not(:disabled):active{background:var(--action-pressed)}
@media(max-width:480px){.intro h2{font-size:26px}.card,.product-filters,.setup{padding:20px}.entry{padding:18px}.section-title{margin-block:24px 18px}nav button{font-size:13px}}
@media(prefers-reduced-motion:reduce){input,select{transition:none}}

button:not(.item):not(.favorite):not(.link):not(.tip):not(.quantity button),.intro a{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:600;letter-spacing:.02em;overflow-wrap:anywhere}
button.link,button.tip,nav button,.catalog nav button{font-weight:600;letter-spacing:.02em}
label,.card label,.search span,.terminal{font-size:14px;font-weight:500;letter-spacing:.02em}
input,select,textarea,.catalog .search input{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:400;letter-spacing:.005em}
#staff-pin,#device-code,#cashier-pin{letter-spacing:normal}
.quantity button{font-size:20px}
header{background:linear-gradient(180deg,var(--glass-light),transparent),var(--surface);box-shadow:inset 0 1px var(--glass-rim),0 3px 18px var(--glass-shadow)}
.theme-toggle,button.secondary,button.tip,.quantity button,button.custom,.intro a,button:not(.item):not(.favorite):not(.link):not(.charge):not(.primary):not(dialog button){background-image:var(--glass-secondary);border-color:var(--glass-edge);box-shadow:inset 0 1px var(--glass-control-rim),inset 0 -3px var(--glass-control-depth),0 4px 7px var(--glass-control-elevation)}
.theme-toggle:not(:disabled):hover,button.secondary:not(:disabled):hover,button.tip:not(:disabled):hover,.quantity button:not(:disabled):hover,button.custom:not(:disabled):hover,.intro a:not(:disabled):hover,button:not(.item):not(.favorite):not(.link):not(.charge):not(.primary):not(dialog button):not(:disabled):hover{background-image:var(--glass-secondary-hover)}
.theme-toggle:not(:disabled):active,button.secondary:not(:disabled):active,button.tip:not(:disabled):active,.quantity button:not(:disabled):active,button.custom:not(:disabled):active,.intro a:not(:disabled):active,button:not(.item):not(.favorite):not(.link):not(.charge):not(.primary):not(dialog button):not(:disabled):active{background-image:var(--glass-secondary-active);box-shadow:inset 0 2px 4px var(--glass-control-depth),inset 0 1px var(--glass-control-rim)}
nav{background-image:linear-gradient(180deg,var(--glass-light),transparent);border:1px solid var(--divider);box-shadow:inset 0 1px var(--glass-light),0 2px 8px var(--glass-shadow)}
nav button:not(.active):not(:disabled){background-image:none!important;border-color:transparent!important;box-shadow:none!important}
nav button.active,.tip.active{background-image:var(--glass-secondary);box-shadow:inset 0 1px var(--glass-control-rim),inset 0 -3px var(--glass-control-depth),0 4px 7px var(--glass-control-elevation);border-color:var(--selected-border)}
button.charge:not(:disabled),button.primary:not(:disabled),dialog button:not(.secondary):not(:disabled){background:var(--glass-primary);color:var(--glass-on-primary);border:1px solid var(--glass-primary-edge);box-shadow:var(--glass-primary-shadow)}
button.charge:not(:disabled):hover,button.primary:not(:disabled):hover,dialog button:not(.secondary):not(:disabled):hover{background:var(--glass-primary-hover);color:var(--glass-on-primary)}
button.charge:not(:disabled):active,button.primary:not(:disabled):active,dialog button:not(.secondary):not(:disabled):active{background:var(--glass-primary-active);color:var(--glass-on-primary);box-shadow:inset 0 2px 5px var(--glass-active-shade),inset 0 1px var(--glass-active-light)}
button:disabled{background-image:none!important;box-shadow:none!important}
.payment-actions{background:linear-gradient(180deg,var(--glass-light),transparent),var(--surface);border-radius:16px;box-shadow:inset 0 1px var(--glass-rim)}
@supports(backdrop-filter:blur(12px)){header,nav{background-color:var(--glass-wash);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){header,nav{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}button,.intro a{background-image:none!important;box-shadow:none!important}button.charge:not(:disabled),button.primary:not(:disabled),dialog button:not(.secondary):not(:disabled){background:var(--glass-primary-solid)!important;color:var(--glass-on-primary)}}
@media(forced-colors:active){header,nav,.payment-actions{background:Canvas;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}button,.intro a{background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;box-shadow:none!important}button:disabled{color:GrayText!important;border-color:GrayText!important}nav button.active,.tip.active{outline:2px solid Highlight;outline-offset:-3px}}