/* ST SHOP — Amber Studio. Kanit UI, Orbitron brand, two complete appearances. */
:root{--st-surface:#ffffffd6;--st-surface-solid:#fff;--st-surface-soft:#fcf6f2;--st-input:#fffbf8;--st-bg:#fcf6f2;--st-fg:#342d28;--st-subtle:#857467;--st-border:#eae6e3;--st-accent:#cf6412;--st-accent-soft:#fff1e7;--st-cyan:#e57621;--st-shadow:0 14px 36px #54494012,0 2px 7px #54494008,inset 0 1px 0 #fff;--st-hover:#fff5ee;--st-nav:#7f6f62;--ink:var(--st-fg);--secondary:var(--st-subtle);--glass:var(--st-surface);--line:var(--st-border);--blue:#cf6412;--elevation:var(--st-shadow);--header-height:68px;--side-width:228px;color-scheme:light}
:root[data-appearance=dark]{--st-surface:#2a2521df;--st-surface-solid:#2a2521;--st-surface-soft:#352e29;--st-input:#231e1b;--st-bg:#171412;--st-fg:#fff5ed;--st-subtle:#c3b9b2;--st-border:#4b413a;--st-accent:#feb176;--st-accent-soft:#4f3019;--st-shadow:0 18px 42px #00000035,0 2px 7px #00000020,inset 0 1px 0 #ffffff0a;--st-hover:#403832;--st-nav:#c9c0b9;color-scheme:dark}
html{scrollbar-color:var(--st-border) transparent;scrollbar-width:thin;scroll-padding-top:145px}
body{background:radial-gradient(ellipse at 8% 0%,#fd893117,transparent 42%),radial-gradient(ellipse at 100% 34%,#fda76610,transparent 40%),radial-gradient(ellipse at 58% 100%,#e879240c,transparent 35%),var(--st-bg)!important;color:var(--st-fg);font-family:Kanit,Tahoma,sans-serif;letter-spacing:0;min-height:100dvh}
body[data-st-stage=auth]{background:radial-gradient(ellipse at 8% 10%,#fd893125,transparent 42%),radial-gradient(ellipse at 95% 85%,#fda96820,transparent 45%),var(--st-bg)!important}
button,input,textarea,select{font-family:Kanit,Tahoma,sans-serif}
button{font-weight:500;border-radius:12px;transition:background .18s,box-shadow .18s,transform .18s}
button:not(.soft):not(.danger):not(.product-tile):not([data-page]):not([data-kind]):not([data-appearance-choice]):not(.ios-select-option){background:linear-gradient(115deg,#cf6412,#b75408);color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--st-accent);outline-offset:3px}
button:disabled{opacity:.5}
input,select,textarea{background:var(--st-input)!important;border:1px solid var(--st-border)!important;color:var(--st-fg)!important;color-scheme:inherit!important;box-shadow:inset 0 1px 2px #00000005!important;border-radius:12px;min-height:44px}
input::placeholder,textarea::placeholder{color:var(--st-subtle)!important;opacity:.85}
input[readonly],input:disabled,select:disabled,textarea:disabled{background:var(--st-surface-soft)!important;color:var(--st-subtle)!important}
input[type=checkbox],input[type=radio]{accent-color:#e67016;background:transparent!important;min-height:0}
input[type=range]{border:0!important;background:transparent!important;box-shadow:none!important}
input:-webkit-autofill{-webkit-text-fill-color:var(--st-fg)!important;caret-color:var(--st-fg)!important;-webkit-box-shadow:0 0 0 1000px var(--st-input) inset!important}
option{color:var(--st-fg);background:var(--st-surface-solid)}
label,h1,h2,h3,h4,b,strong{color:var(--st-fg)}
small,.hint,.muted{color:var(--st-subtle)}
.panel,.card,.mini-metric,.score-card,.slip-section,.slip-hero{background:var(--st-surface)!important;border:1px solid var(--st-border)!important;box-shadow:var(--st-shadow)!important;color:var(--st-fg);border-radius:20px;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2)}
.panel{padding:22px}.panel h2,.panel h3,.card h3{color:var(--st-fg)}
.soft,.panel .soft,dialog .soft,.slip-section .soft{background:var(--st-surface-soft)!important;border:1px solid var(--st-border)!important;color:var(--st-fg)!important;box-shadow:0 2px 5px #00000006!important}
.soft:hover:not(:disabled),.panel .soft:hover:not(:disabled){background:var(--st-hover)!important}
.soft.active,.panel .soft.active{color:var(--st-accent)!important;background:var(--st-accent-soft)!important}
.danger{background:#b52f50!important;border-color:#b52f50!important;color:#fff!important}
.notice,.msg,.panel .notice,.panel .msg,.calc-preview,.stock-preview{background:var(--st-accent-soft)!important;border-color:var(--st-border)!important;color:var(--st-fg)!important;border-radius:13px}
.empty,.empty strong{color:var(--st-subtle)}
aside{width:var(--side-width);background:var(--st-surface)!important;border-right:1px solid var(--st-border);box-shadow:8px 0 35px #00000004;padding:26px 16px;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
.brand{gap:9px;margin:0 5px 24px}.brand-symbol{width:37px;height:39px;border-radius:12px;background:linear-gradient(145deg,#eb7318,#b15107)!important;color:#fff!important;border-color:#ffffff29;box-shadow:0 6px 14px #d55d022a,inset 0 1px 0 #ffffff50;font-size:13px}
.brand-word{font:600 15px Orbitron,sans-serif;color:var(--st-fg)!important;letter-spacing:-.8px}.brand-word b{color:#eb7216!important}
.version-pill{background:var(--st-accent-soft);border-color:var(--st-border);color:var(--st-accent);font-size:10px;padding:2px 6px}
.navlabel{font-size:11px;letter-spacing:.2px;color:var(--st-subtle);margin:23px 12px 9px}
nav button{border-radius:12px;padding:10px 12px;min-height:43px;margin:4px 0;color:var(--st-nav);background:transparent!important;font-size:13px;position:relative}
nav button.active{background:var(--st-accent-soft)!important;color:var(--st-accent)!important;box-shadow:none;font-weight:500}
nav button.active::before{content:'';position:absolute;left:-16px;width:3px;height:22px;border-radius:0 5px 5px 0;background:linear-gradient(#fda968,#fd7b18)}
nav button:hover:not(.active){background:var(--st-hover)!important;color:var(--st-fg)}
.nav-icon{width:18px;height:18px;stroke-width:1.7}
.bottom{border-top:1px solid var(--st-border);margin:24px 3px 0;padding-top:16px;color:var(--st-subtle)}
.connection-card{background:var(--st-surface-soft);border:1px solid var(--st-border);box-shadow:none;border-radius:12px;padding:11px 10px}.connection-card strong,.connection-card small{color:var(--st-subtle)}
.connection-dot{background:#37bd91;box-shadow:0 0 0 3px #30cfa014;margin-left:3px;margin-right:8px}
.workspace>.topbar{background:var(--st-surface)!important;border-bottom:1px solid var(--st-border);box-shadow:0 3px 18px #00000004;min-height:68px;padding:12px 28px;gap:10px}
.topbar #breadcrumb{font-size:12px;color:var(--st-subtle)}
.topbar-right{gap:10px}.topbar #who{background:var(--st-surface-soft)!important;color:var(--st-fg)!important;border-color:var(--st-border);padding:7px 10px;border-radius:9px}
.topbar #logout{background:transparent!important;color:var(--st-subtle)!important;border:1px solid var(--st-border);border-radius:10px;min-height:38px}
.topbar .topbar-right #status,.header-clock{color:var(--st-subtle)}
main{padding:24px 28px 36px;max-width:1840px}
.heading{margin-bottom:18px}.title-icon{border:1px solid var(--st-border);background:var(--st-accent-soft);color:var(--st-accent);width:45px;height:45px;border-radius:14px;box-shadow:0 5px 12px #ce63120c}
.title-line h2{font-size:26px;font-weight:500}.title-line small{color:var(--st-subtle);font-size:12px}
.trade-switch{background:var(--st-surface)!important;border:1px solid var(--st-border);border-radius:17px;padding:6px;gap:6px;top:calc(var(--header-height) + 8px);box-shadow:0 6px 20px #0000000a,inset 0 1px 0 #ffffff10;margin-bottom:24px}
.trade-switch button{background:transparent!important;color:var(--st-subtle);min-height:45px;border-radius:11px;font-size:14px}
.trade-switch button.active{background:linear-gradient(110deg,#cf6412,#b75408)!important;color:#fff;box-shadow:0 4px 10px #cf64122c,inset 0 1px 0 #ffffff22}
.sale-hero{display:grid;grid-template-columns:1fr;gap:0}.pos-metrics{gap:14px;margin-bottom:22px}
.mini-metric{padding:17px 19px;overflow:hidden;position:relative;min-height:110px}
.mini-metric::after{content:'';width:90px;height:90px;position:absolute;right:-38px;top:-38px;border:16px solid #eb731808;border-radius:50%;pointer-events:none}
.mini-metric small{font-size:12px;color:var(--st-subtle);gap:8px}.mini-metric small .nav-icon{color:var(--st-accent);width:16px;height:16px}
.mini-metric b{font-size:26px;line-height:1.3;margin:10px 0 6px;font-weight:500;color:var(--st-fg);letter-spacing:-.5px}.mini-metric>span{font-size:11px;color:var(--st-subtle)}
.mini-metric.metric-net{background:linear-gradient(115deg,var(--st-accent-soft),var(--st-surface))!important;border-color:var(--st-border)!important}.mini-metric.metric-net b{color:var(--st-accent)}
.grid{gap:20px}.pos-layout{grid-template-columns:minmax(0,1fr) minmax(340px,385px);align-items:start}
.catalog .panel{min-height:380px}.catalog-top h3{font-size:17px;margin-bottom:0}.catalog-top{margin-bottom:18px}.catalog-top>span{color:var(--st-subtle);font-size:12px}
.catalog-filters{gap:12px}.catalog-filters select{margin-bottom:14px}.top-search{background:var(--st-input)!important;border:1px solid var(--st-border)!important}.top-search input{background:transparent!important;color:var(--st-fg)!important;border:0!important;box-shadow:none!important;margin:0;min-width:0}.top-search-icon{color:var(--st-subtle)}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:15px;align-items:start}
.product-tile{border:1px solid var(--st-border)!important;background:var(--st-surface-solid)!important;color:var(--st-fg);box-shadow:0 7px 20px #00000009!important;border-radius:18px;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden}
.product-tile:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 13px 26px #d561081a!important;border-color:#feb47c!important}
.product-tile.selected{border:2px solid #f38531!important;box-shadow:0 0 0 3px #f37c2115,0 8px 22px #d561081c!important}
.product-tile:disabled{opacity:.68}.tile-cover{background:radial-gradient(ellipse at 15% 0%,#fd8b341e,transparent 70%),linear-gradient(140deg,var(--st-surface-soft),var(--st-surface-solid))!important;height:144px;border-bottom:1px solid var(--st-border)}
.tile-cover .server-logo,.tile-cover .server-logo-fallback{width:78px;height:78px;border-radius:21px;background:#fff;box-shadow:0 9px 22px #381c0720,0 0 0 5px #ffffff0d;border:1px solid #f1efed}
.tile-body{padding:15px 16px 17px}.tile-title{color:var(--st-fg)!important;font-size:16px;font-weight:500;margin:0 0 13px}.tile-stock{margin-bottom:12px}.tile-stock b{color:var(--st-accent)!important;font-size:25px}.tile-stock small,.tile-sales{color:var(--st-subtle)!important}.tile-sales{border-color:var(--st-border);font-size:11px}.tile-sales b{color:var(--st-accent)!important}
.tile-tag{background:var(--st-surface)!important;color:var(--st-subtle)!important;border:1px solid var(--st-border);font-size:10px;border-radius:6px}
.tile-ready{background:#dff5ea!important;color:#076342!important;border:1px solid #9bdabf;font-size:10px}.tile-soldout{background:#fbe5eb!important;color:#a12648!important;border:1px solid #f1b6c5;font-size:10px}
[data-appearance=dark] .tile-ready{background:#133d32!important;color:#80e0b7!important;border-color:#2c6652}[data-appearance=dark] .tile-soldout{background:#442234!important;color:#ffa7bd!important;border-color:#774055}
.tile-check{color:#fff!important;background:#e26e16!important;box-shadow:0 3px 9px #cf641228;bottom:93px}
.checkout-title{border-bottom:1px solid var(--st-border);padding-bottom:15px;margin-bottom:17px}.checkout-title h3{font-size:18px;margin:0}.checkout-title .small{font-size:11px;min-height:34px;padding:5px 9px}
.checkout label{font-size:12px;color:var(--st-subtle);line-height:1.5}.checkout input,.checkout select{margin-top:6px;margin-bottom:13px;min-height:43px}.checkout .row{gap:11px}.checkout .wide{min-height:46px}
#discountFields.st-discount{border:1px solid var(--st-border);border-radius:12px;padding:0 12px;margin:3px 0 14px;background:var(--st-surface-soft)}
.st-discount>summary{padding:11px 0;cursor:pointer;color:var(--st-fg);font-size:12px;list-style:none;display:flex;justify-content:space-between;align-items:center}.st-discount>summary::-webkit-details-marker{display:none}.st-discount>summary::after{content:'+';font:18px/1 Kanit}.st-discount[open]>summary::after{content:'−'}.st-discount[open]>summary{border-bottom:1px solid var(--st-border);margin-bottom:12px}
.calc-preview{font-size:12px;line-height:1.7;padding:12px}.trade-no-slip{padding:10px 12px;background:var(--st-surface-soft);border:1px solid var(--st-border);border-radius:11px}
.scroll,table{border-color:var(--st-border)}thead{background:var(--st-surface-soft)!important}th{color:var(--st-subtle)!important}td{color:var(--st-fg);border-color:var(--st-border)!important}tbody tr:hover{background:var(--st-hover)}
.badge{background:var(--st-accent-soft);color:var(--st-accent);border-color:var(--st-border)}
dialog,#modal,.ios-select-dialog,.ios-select-sheet{background:var(--st-surface-solid)!important;color:var(--st-fg)!important;border:1px solid var(--st-border)!important;box-shadow:0 30px 80px #00000030;border-radius:23px}
dialog::backdrop{background:#1d100670;backdrop-filter:blur(8px)}
.dialoghead{border-color:var(--st-border)}
.ios-select-trigger{background:var(--st-input)!important;color:var(--st-fg)!important;border-color:var(--st-border)!important}.ios-select-dialog button,.ios-select-sheet button{color:var(--st-fg);background:transparent!important}.ios-select-option[aria-selected=true],.ios-select-option.selected{background:var(--st-accent-soft)!important;color:var(--st-accent)!important}
.command-toast{background:var(--st-surface-solid)!important;border-color:var(--st-border)!important;color:var(--st-fg)!important}.command-toast button{background:transparent!important;color:var(--st-subtle)!important}
.slip-section-heading h3,.slip-preview-title,.slip-help,.slip-note,.slip-template-controls>label,.slip-section label{color:var(--st-fg)}
.slip-upload-zone,.slip-paste-target,.post-preview,.stock-post-preview,.post-builder-preview,.studio-preview{background:var(--st-surface-soft)!important;border-color:var(--st-border)!important;color:var(--st-fg)!important}
.slip-upload-zone strong,.slip-upload-zone span,.slip-upload-zone small{color:var(--st-subtle)}
.st-appearance{display:inline-flex;align-items:center;padding:3px;gap:2px;background:var(--st-surface-soft);border:1px solid var(--st-border);border-radius:12px;flex:0 0 auto}
.st-appearance button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:31px;padding:5px 9px;border:0;border-radius:8px;background:transparent!important;box-shadow:none;color:var(--st-subtle)!important;font-size:11px;white-space:nowrap}
.st-appearance button[aria-pressed=true]{background:var(--st-surface-solid)!important;color:var(--st-accent)!important;box-shadow:0 2px 6px #0000000d}
.st-appearance svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#stAppearanceDock{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));z-index:80}
#login{display:grid;grid-template-columns:1fr 1fr;gap:0;width:min(1000px,calc(100% - 56px));max-width:none;min-height:580px;margin:clamp(72px,12vh,130px) auto 35px;padding:0;overflow:hidden;text-align:left;border-radius:30px;background:var(--st-surface)!important;box-shadow:0 28px 80px #5c351718,0 3px 10px #5c351708!important}
.st-login-art{padding:44px 36px;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;border-right:1px solid var(--st-border);background:radial-gradient(ellipse at 12% 3%,#fd882f24,transparent 62%),radial-gradient(ellipse at 95% 95%,#feab6b18,transparent 65%),var(--st-surface-soft)}
.st-login-art::before{content:'';position:absolute;width:360px;height:360px;border:1px solid #feb67e35;border-radius:50%;right:-120px;top:100px;z-index:-1;box-shadow:0 0 0 45px #f6812708,0 0 0 90px #f6812705}
.st-art-wordmark{display:flex;align-items:center;gap:10px;font:600 18px Orbitron,sans-serif;color:var(--st-fg)}.st-art-wordmark img{height:40px;width:40px;border-radius:12px;box-shadow:0 6px 14px #763f1520}
.st-art-wordmark b{color:#f07517;font-weight:600}.st-art-kicker{margin-top:7px;margin-left:50px;font:10px Orbitron,sans-serif;letter-spacing:2px;color:var(--st-subtle)}
.st-login-orb{display:grid;place-items:center;position:relative;width:174px;height:174px;margin:42px auto 31px;border-radius:42px;background:linear-gradient(145deg,#ffffffa6,#ffe6d355);border:1px solid #ffffff8f;box-shadow:0 20px 35px #c3580724,inset 0 1px 0 #fff;transform:rotate(-8deg)}
.st-login-orb::before{content:'';position:absolute;inset:-14px;border:1px solid #fda96842;border-radius:52px;transform:rotate(17deg)}
.st-login-orb img{height:108px;width:108px;transform:rotate(8deg);filter:drop-shadow(0 10px 10px #3a1b0326);border-radius:27px}
[data-appearance=dark] .st-login-orb{background:linear-gradient(145deg,#6e432366,#3d2615);border-color:#f39d5b42;box-shadow:0 20px 50px #00000035,inset 0 1px 0 #ffffff1a}
.st-login-art h1{font-size:31px;line-height:1.5;letter-spacing:-.7px;margin:0 0 10px;font-weight:500;color:var(--st-fg)}.st-login-art h1 span{color:var(--st-accent)}
.st-art-caption{font-size:13px;line-height:1.9;color:var(--st-subtle);margin:0 0 25px}.st-art-footer{margin-top:auto;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.st-art-footer span{font-size:10px;color:var(--st-subtle);padding:5px 9px;background:var(--st-surface);border:1px solid var(--st-border);border-radius:7px}
.st-login-content{padding:41px 39px 25px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.st-login-content .loginbrand{justify-content:start;margin-bottom:26px;gap:10px}.st-login-content .loginbrand .brand-word{font-size:21px;color:var(--st-fg)!important;letter-spacing:-.8px}.st-login-content .loginbrand .brand-symbol,.st-login-content .loginbrand .shop-brand-logo{width:40px;height:41px;border-radius:12px}
#login .st-login-content h3{text-align:left;font-size:23px;line-height:1.4;margin:0 0 7px;font-weight:500}.st-login-content>.hint{text-align:left;font-size:12px;line-height:1.8;color:var(--st-subtle);margin:0 0 23px}
#loginForm label{font-size:12px;font-weight:400;color:var(--st-subtle)}#loginForm input{margin-top:6px;margin-bottom:16px;min-height:46px}#loginPin{font-family:Kanit,sans-serif;font-size:23px;letter-spacing:9px;text-align:center;padding-right:3px;line-height:1.3}
.st-login-preferences{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 15px}.st-login-preferences .pin-reveal,.st-login-preferences .st-remember{display:flex;align-items:center;gap:6px;line-height:1.4;font-size:11px!important;margin:0;color:var(--st-subtle)}
#loginForm .st-login-preferences input{width:16px;height:16px;min-height:0;margin:0;flex:none}
.st-login-content .login-keypad{margin:0 0 18px;font-size:12px;color:var(--st-subtle)}.pin-keypad{margin:12px 0 0}.pin-keypad button{background:var(--st-surface-soft)!important;color:var(--st-fg)!important;border-color:var(--st-border);box-shadow:none}
#loginForm button.wide{min-height:46px;border-radius:12px;box-shadow:0 7px 16px #cb5c0720;font-size:14px;display:flex;align-items:center;justify-content:center;gap:12px}
#loginForm button.wide::after{content:'→';font-size:19px}.st-login-content .login-help{font-size:11px;color:var(--st-subtle);margin:20px 0 0;border-top:1px solid var(--st-border);padding-top:14px}.st-login-content .login-help p{font-size:12px;color:var(--st-subtle);margin-top:10px}
#loginMsg{font-size:12px;margin-top:10px;color:#a62d4a}#loginMsg:empty{display:none}[data-appearance=dark] #loginMsg{color:#ffa3b8}
.st-login-note{font-size:10px;line-height:1.8;color:var(--st-subtle);margin:20px 0 0;opacity:.85}
#firstSetup{width:min(620px,calc(100% - 28px));margin:85px auto 30px;padding:30px}.first-setup h1{font-size:28px}.first-setup .setup-caption{font-size:13px;color:var(--st-subtle)}.setup-kicker{color:var(--st-accent)!important;font:11px Orbitron,sans-serif;letter-spacing:1.7px}
label:has(select[name=theme]){display:none}
@media(min-width:1450px){.sale-hero{grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.sale-hero .heading{padding-top:20px}.pos-layout{grid-template-columns:minmax(0,1fr) minmax(350px,400px)}.pos-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}}
@media(min-width:1101px){#quickStock{max-height:calc(100dvh - 430px);min-height:220px;overflow-y:auto;padding:3px 5px 8px 3px;scrollbar-width:thin}.checkout{position:sticky;top:calc(var(--header-height) + 80px)}}
@media(max-width:1400px){:root{--side-width:210px}.brand{gap:7px}.brand-word{font-size:14px}.brand-symbol{height:34px;width:32px}.panel{padding:20px}.pos-layout{grid-template-columns:minmax(0,1fr) minmax(330px,360px)}.mini-metric{padding:15px;min-height:104px}.mini-metric b{font-size:24px}.header-clock{display:none}}
@media(max-width:1100px){:root{--header-height:68px}.workspace{margin-left:0}aside{display:none}#menuToggle{display:block}.workspace>.topbar{padding:11px 20px;min-height:68px}main{padding:22px 20px 35px}.pos-layout{grid-template-columns:minmax(0,1fr) minmax(330px,365px)}.st-appearance button{padding:5px 7px}.pos-metrics{gap:12px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}
@media(max-width:850px){.pos-layout{grid-template-columns:minmax(0,1fr)}.checkout{position:static}.product-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.pos-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.sale-hero{display:block}.catalog .panel{min-height:0}.catalog .panel:has(.product-grid){min-height:300px}#login{width:min(540px,calc(100% - 32px));grid-template-columns:minmax(0,1fr);min-height:0;margin:82px auto 24px}.st-login-art{display:none}.st-login-content{padding:32px 34px 26px}.st-login-content .loginbrand{margin-bottom:25px}.topbar #who{max-width:95px}.topbar-right{gap:7px}}
@media(max-width:600px){:root{--header-height:64px}.workspace>.topbar{padding:10px max(13px,env(safe-area-inset-right)) 10px max(13px,env(safe-area-inset-left));min-height:64px;gap:7px}.topbar #breadcrumb{font-size:11px}.topbar #who,.topbar #status{display:none}.topbar-right{gap:6px}.topbar #logout{min-height:36px;font-size:10px;padding:6px 8px}.topbar .st-appearance span{display:none}.topbar .st-appearance button{min-width:40px;padding:6px;min-height:40px}.topbar .st-appearance{padding:1px;border-radius:11px}#menuToggle{min-height:44px;padding:6px 9px;font-size:11px}.topbar .st-appearance svg{width:14px;height:14px}main{padding:17px max(13px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(13px,env(safe-area-inset-left))}.trade-switch{top:calc(var(--header-height) + 5px);gap:4px;padding:5px;margin-bottom:19px;border-radius:14px}.trade-switch button{font-size:11px;min-height:54px;border-radius:9px;padding:6px 2px;gap:3px}.trade-switch .nav-icon{height:17px;width:17px}.title-line h2{font-size:24px}.title-icon{height:40px;width:40px;border-radius:12px}.title-line small{font-size:11px}.pos-metrics{gap:10px}.mini-metric{padding:13px;min-height:100px;border-radius:16px}.mini-metric small{font-size:11px}.mini-metric b{font-size:23px;margin:8px 0 5px}.mini-metric>span{font-size:10px}.panel,.catalog .panel{padding:17px;border-radius:17px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tile-cover{height:123px}.tile-cover .server-logo,.tile-cover .server-logo-fallback{width:67px;height:67px;border-radius:18px}.tile-body{padding:12px 12px 14px}.tile-title{font-size:15px;margin-bottom:11px}.tile-stock b{font-size:22px}.tile-stock small,.tile-sales{font-size:10px}.tile-tag,.tile-ready,.tile-soldout{font-size:9px}.tile-check{bottom:82px}.checkout .row{gap:10px}.st-login-content{padding:28px 24px 24px}#login{width:calc(100% - 28px);border-radius:23px}.st-login-content .loginbrand .brand-word{font-size:20px}#stAppearanceDock{top:max(17px,env(safe-area-inset-top));right:16px}.st-login-preferences{gap:8px}.st-appearance button{min-height:33px}.checkout{scroll-margin-top:140px}#firstSetup{padding:23px 20px}.command-toast{border-radius:15px}}
@media(max-width:359px){.topbar #breadcrumb{max-width:77px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-title{font-size:14px}.tile-stock b{font-size:20px}.mini-metric b{font-size:21px}.mini-metric small .nav-icon{display:none}.st-login-content{padding:25px 19px 22px}.st-login-preferences{align-items:start;gap:10px}.st-login-preferences label{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{#stAppearanceDock,.st-appearance{display:none!important}body{background:#fff!important;color:#000!important}.panel{box-shadow:none!important}}

/* Tablet keeps the checkout alongside a compact catalog. */
@media(min-width:768px) and (max-width:850px){.pos-layout{grid-template-columns:minmax(0,1fr) 330px}.pos-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-metric{padding:13px;min-height:100px}.mini-metric b{font-size:23px}.mini-metric small{font-size:11px}.mini-metric>span{font-size:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog .panel{padding:16px}.tile-cover{height:120px}.tile-cover .server-logo{height:65px;width:65px}.tile-body{padding:12px}.tile-title{font-size:14px}.tile-stock b{font-size:22px}.tile-stock small,.tile-sales{font-size:10px}}
[data-appearance=dark] #dailyChart svg text,[data-appearance=dark] #donut svg text{fill:var(--st-subtle)}