/* Amber Studio: dense glass, flat surfaces and soft external shadows. */
:root{
 --st-bg:#f5f2ed;--st-surface:rgba(255,254,252,.91);--st-surface-solid:#fffefc;
 --st-surface-soft:#f1ede7;--st-input:#faf8f4;--st-fg:#292623;--st-subtle:#72685e;
 --st-border:#e3dcd2;--st-accent:#a94708;--st-accent-soft:#fff0df;--st-cyan:#f58225;
 --st-hover:#f7e9dc;--st-nav:#605a54;--st-shadow:0 12px 30px #5138170c,0 3px 9px #51381705;
 --st-primary:linear-gradient(112deg,#ffac48 0%,#ff8b28 48%,#f57418 100%);
 --st-primary-ink:#29190c;--st-panel:var(--st-surface-solid);--st-panel-2:var(--st-surface-soft);
 --st-line:var(--st-border);--st-text:var(--st-fg);--st-muted:var(--st-subtle);
 --st-blue:var(--st-accent);--st-green:#187c58;--ink:var(--st-fg);--secondary:var(--st-subtle);
 --glass:var(--st-surface);--line:var(--st-border);--blue:#ee781c;--elevation:var(--st-shadow);
 --pos-surface:var(--st-surface);--pos-ink:var(--st-fg);--pos-muted:var(--st-subtle);
 --sidebar:260px;--side-width:260px;--header-height:74px;--shop-accent:#f58225;--shop-rgb:245,130,37;
 font-size:16px;line-height:1.55;color-scheme:light
}
:root[data-appearance=dark]{
 --st-bg:#151617;--st-surface:rgba(34,35,37,.93);--st-surface-solid:#242527;
 --st-surface-soft:#2b2c2f;--st-input:#202123;--st-fg:#f4f0eb;--st-subtle:#b4aea6;
 --st-border:#414142;--st-accent:#ffac61;--st-accent-soft:#402e20;--st-hover:#33302d;
 --st-nav:#d1cbc4;--st-shadow:0 14px 32px #00000024,0 3px 9px #00000015;
 --st-green:#78d3a9;color-scheme:dark
}
body,body[data-st-stage=auth]{background:radial-gradient(ellipse at 72% 0%,#f582250b,transparent 48%),var(--st-bg)!important;color:var(--st-fg);font-size:16px;font-weight:400}
button,input,select,textarea{font-size:16px;font-weight:400;letter-spacing:0}
button{box-shadow:none!important;transform:none!important;border-radius:11px;min-height:43px}
button:hover:not(:disabled){filter:none!important}
button:not(.soft):not(.danger):not(.product-tile):not([data-page]):not([data-kind]):not([data-appearance-choice]):not(.ios-select-option):not([role=tab]){background:var(--st-primary);color:var(--st-primary-ink);font-weight:500}
button b,button strong,button small{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--st-accent);outline-offset:3px}
input,select,textarea{box-shadow:none!important;border-radius:10px;min-height:44px;border-color:var(--st-border)!important;background:var(--st-input)!important;color:var(--st-fg)!important;font-size:16px}
input[type=checkbox],input[type=radio]{accent-color:#f58225;box-shadow:none!important}
input[type=range]{accent-color:#f58225;min-height:24px;background:transparent!important}
h1,h2,h3,h4,b,strong{font-weight:500}h2{font-size:28px}h3{font-size:19px}
label{font-size:15px;color:var(--st-subtle)}small,.hint,.muted{font-size:14px;color:var(--st-subtle)}
.panel,.card,.mini-metric,.score-card,.slip-section,.slip-hero,.dashboard-kpi{background:var(--st-surface)!important;box-shadow:var(--st-shadow)!important;border:1px solid var(--st-border)!important;border-radius:18px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--st-fg)}
.panel{padding:22px}.soft,.panel .soft,dialog .soft,.slip-section .soft{background:var(--st-surface-soft)!important;color:var(--st-fg)!important;border-color:var(--st-border)!important;box-shadow:none!important;font-weight:400}
.soft.active,.panel .soft.active{background:var(--st-accent-soft)!important;color:var(--st-accent)!important}
.soft:hover:not(:disabled),.panel .soft:hover:not(:disabled){background:var(--st-hover)!important}
.notice,.msg,.calc-preview,.stock-preview{background:var(--st-accent-soft)!important;border-color:var(--st-border)!important;color:var(--st-fg)!important}
aside{width:var(--sidebar);padding:24px 15px 16px;background:var(--st-surface)!important;box-shadow:6px 0 24px #00000008;border-color:var(--st-border)}
aside .brand{padding:0 9px 18px;margin:0;gap:12px}.brand .shop-brand-logo{width:48px;height:48px}
.shop-brand-logo{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.brand-word[data-shop-name]{font:600 20px Orbitron,Kanit,sans-serif!important;letter-spacing:-.4px;color:var(--st-fg)!important;line-height:1.3}
aside nav .navlabel{font-size:12px;color:var(--st-subtle);padding:16px 13px 6px;margin:0;letter-spacing:0}
aside nav button{font-size:16px;line-height:1.4;min-height:47px;padding:11px 13px;margin:3px 0;gap:12px;color:var(--st-nav)!important;background:transparent!important;font-weight:400;border:1px solid transparent}
aside nav button.active{color:var(--st-primary-ink)!important;background:var(--st-primary)!important;border-color:transparent!important;font-weight:500;box-shadow:0 4px 15px #ee791c17!important}
aside nav button.active::before{display:none}aside nav button:hover:not(.active){background:var(--st-hover)!important;color:var(--st-fg)!important}
.nav-divider{height:1px;background:var(--st-border);margin:10px 11px}.sidebar-extra{border-top:1px solid var(--st-border);margin-top:11px;padding-top:8px}.sidebar-extra summary{font-size:15px;color:var(--st-subtle);cursor:pointer;padding:10px 13px}.sidebar-extra[open] summary{color:var(--st-accent)}
.nav-icon{height:22px;width:22px;flex:0 0 22px;stroke-width:1.7}
#mobileNav button{font-size:16px;min-height:47px;padding:11px 13px;gap:12px;color:var(--st-nav);background:transparent!important}#mobileNav button.active{background:var(--st-primary)!important;color:var(--st-primary-ink)!important}#mobileNav .sidebar-extra summary{font-size:15px}
aside .bottom{padding:12px 0 0;margin:15px 5px 0;border-color:var(--st-border)}.connection-card{padding:11px 12px;background:var(--st-surface-soft);border-color:var(--st-border);box-shadow:none}.connection-card strong{font-size:12px}.connection-card small{font-size:11px}
.workspace{margin-left:var(--sidebar)}.workspace>.topbar{height:var(--header-height);min-height:var(--header-height);background:var(--st-surface)!important;box-shadow:0 4px 16px #00000006;border-color:var(--st-border);padding:12px 28px;gap:16px}
.topbar #breadcrumb{font-size:14px;min-width:140px}.topbar-right{gap:10px}.topbar #who{font-size:13px;padding:8px 10px}.topbar #logout{font-size:13px;min-height:40px;padding:8px 11px}
.topbar #status,.header-clock{font-size:11px;color:var(--st-subtle)}.header-clock{display:none}
#globalSearch{font-size:14px;min-height:42px;max-width:350px;background:var(--st-input)!important;color:var(--st-subtle)!important;border-color:var(--st-border)!important}#globalSearch kbd{background:var(--st-surface-soft);color:var(--st-subtle);border-color:var(--st-border);font-size:11px}
.st-appearance{background:var(--st-input);border-color:var(--st-border);border-radius:11px;padding:3px;gap:2px}
.st-appearance button{min-height:34px;font-size:13px;padding:6px 9px;border-radius:8px}.st-appearance svg{width:17px;height:17px}
.st-appearance button[aria-pressed=true]{background:var(--st-primary)!important;color:var(--st-primary-ink)!important;box-shadow:none!important}
main{padding:24px 28px 32px;max-width:1900px}.heading{margin-bottom:20px}.title-line h2{font-size:28px}.title-line small{font-size:14px}.title-icon{width:46px;height:46px;box-shadow:none;border-radius:12px}
.trade-switch{padding:5px;margin-bottom:22px;gap:6px;border-radius:14px;background:var(--st-surface)!important;border-color:var(--st-border);box-shadow:var(--st-shadow);top:calc(var(--header-height) + 8px)}
.trade-switch button{font-size:16px;min-height:46px;color:var(--st-subtle);gap:9px;flex-direction:row}.trade-switch button.active{background:var(--st-primary)!important;color:var(--st-primary-ink)!important;box-shadow:none!important;border-radius:10px}
.sale-hero{grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:center}.sale-hero .heading{padding:0;margin:0 0 20px}.pos-metrics{gap:14px;margin-bottom:20px;grid-template-columns:repeat(4,minmax(0,1fr))}
.mini-metric{padding:15px 17px;min-height:104px}.mini-metric::after{display:none}.mini-metric small{font-size:13px}.mini-metric b{font-size:26px;margin:6px 0 3px}.mini-metric>span{font-size:12px}
.mini-metric.metric-net{background:linear-gradient(115deg,var(--st-accent-soft),var(--st-surface))!important}.mini-metric small .nav-icon{width:18px;height:18px}
.pos-layout{grid-template-columns:minmax(0,1fr) minmax(350px,390px);gap:22px}.catalog-top{margin-bottom:17px}.catalog-top h3,.checkout-title h3{font-size:20px}.catalog-top>span{font-size:14px}.catalog-filters{gap:14px}.catalog-filters label{font-size:14px}.top-search{min-height:44px;margin-bottom:13px;border-radius:10px}.top-search input{font-size:15px}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.product-tile{border-radius:14px;box-shadow:0 5px 16px #0000000c!important;background:var(--st-surface-solid)!important;border-color:var(--st-border)!important}
.product-tile:not(:disabled):hover{border-color:var(--st-accent)!important;transform:none!important;box-shadow:0 6px 20px #00000013!important}.product-tile.selected{border-color:#f58225!important;box-shadow:0 0 0 2px #f582251f!important}
.tile-cover{height:126px;background:radial-gradient(ellipse at 50% 20%,#f582250d,transparent 70%),var(--st-surface-soft)!important}.tile-cover .server-logo,.tile-cover .server-logo-fallback{height:66px;width:66px;border-radius:17px;box-shadow:none}
.tile-cover .server-logo-fallback{background:var(--st-surface-solid);border-color:var(--st-border);color:var(--st-accent)}
.tile-title{font-size:17px;margin-bottom:11px}.tile-stock b{font-size:25px}.tile-stock small,.tile-sales{font-size:13px}.tile-tag,.tile-ready,.tile-soldout{font-size:11px}.tile-body{padding:14px 15px}.tile-check{background:#f58225!important;color:var(--st-primary-ink)!important;box-shadow:none;bottom:93px}
.checkout{top:calc(var(--header-height) + 85px)}.checkout-title{gap:8px;margin-bottom:16px;padding-bottom:13px}.checkout-title .small{font-size:12px;min-height:34px;padding:5px 8px}.checkout label{font-size:14px}.checkout input,.checkout select{font-size:15px;min-height:43px;margin-top:5px;margin-bottom:12px}.checkout .row{gap:12px}
.st-discount>summary{font-size:14px}.calc-preview{font-size:14px}.checkout .hint{font-size:13px}.checkout-helper:empty{display:none}.no-slip-field{background:var(--st-surface-soft);border-color:var(--st-border)}.no-slip-choice{font-size:14px}.no-slip-field .hint{font-size:12px}
.dashboard-kpi small{font-size:14px;color:var(--st-subtle)}.dashboard-kpi b{font-size:28px}.dashboard-kpi span{font-size:13px;color:var(--st-subtle)}.dashboard-kpi.kpi-primary{background:linear-gradient(115deg,var(--st-accent-soft),var(--st-surface))!important;border-color:var(--st-border)!important}.kpi-primary b{color:var(--st-accent)}
.dashboard-actions button{border-radius:12px}.dashboard-actions button :is(b,strong,small){color:var(--st-primary-ink)}.dashboard-actions b{font-size:16px}.dashboard-actions small{font-size:13px}.dashboard-panel-head h3{font-size:20px}.dashboard-subtitle,.dashboard-stock-row,.dashboard-notice{font-size:14px}.dashboard-notice{background:var(--st-surface);border-color:var(--st-border);color:var(--st-subtle)}.pos-empty span{font-size:17px}.pos-empty p{font-size:14px}.dashboard-stock-row{border-color:var(--st-border)}
table{font-size:14px}th{font-size:13px}td small{font-size:12px}thead,th{background:var(--st-surface-soft)!important}td,th{border-color:var(--st-border)!important}.scroll{border-color:var(--st-border)}
dialog,#modal,.ios-select-dialog,.ios-select-sheet{background:var(--st-surface-solid)!important;border-color:var(--st-border)!important;color:var(--st-fg)!important;box-shadow:0 20px 60px #00000030!important;border-radius:18px}.small{font-size:13px}
.command-toast{box-shadow:var(--st-shadow)!important;background:var(--st-surface-solid)!important}.badge{font-size:12px}.version-pill{display:none!important}

/* A compact slip workspace: source strip, settings tabs and one large image. */
#page-slips .slip-hero{padding:0;margin:0 0 18px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;backdrop-filter:none;align-items:center;gap:20px}
#page-slips .slip-hero h2{font-size:28px;font-weight:500;margin:0 0 3px;color:var(--st-fg)}#page-slips .slip-hero p{font-size:14px;color:var(--st-subtle)}
.slip-hero-mark{width:46px;flex-basis:46px;height:46px;border-radius:12px;background:var(--st-accent-soft)!important;color:var(--st-accent)!important;box-shadow:none}.slip-hero-mark svg{width:26px;height:26px}
#page-slips .slip-help{margin:0;padding:0;border:0;background:transparent;max-width:430px;position:relative;color:var(--st-subtle);font-size:14px}.slip-help summary{cursor:pointer}
#page-slips .slip-help[open]{align-self:start;padding:12px;background:var(--st-surface)!important;border:1px solid var(--st-border);border-radius:10px}.slip-help p{line-height:1.6}
.slip-upload-strip{display:flex;align-items:center;gap:16px;min-height:78px;padding:11px 14px;background:var(--st-surface);border:1px solid var(--st-border);border-radius:15px;box-shadow:var(--st-shadow);margin-bottom:20px;position:relative;z-index:4}
.slip-upload-strip .slip-upload-zone{min-height:52px;max-width:430px;flex:1;flex-direction:row;gap:10px;padding:8px 13px;text-align:left;border:1px dashed var(--st-border)!important;border-radius:10px;justify-content:flex-start;background:var(--st-input)!important}
.slip-upload-strip .slip-upload-icon{width:34px;height:34px;flex:0 0 34px;margin:0;background:var(--st-accent-soft);color:var(--st-accent);border-radius:8px}.slip-upload-zone strong{font-size:15px;font-weight:400;color:var(--st-fg)!important}.slip-upload-zone>span:not(.slip-upload-icon){display:none}.slip-upload-zone small{font-size:11px;margin-left:auto;white-space:nowrap;color:var(--st-subtle)!important}.slip-upload-tip{font-size:13px;color:var(--st-subtle);margin-left:auto}
.slip-source-more{font-size:14px;position:relative}.slip-source-more>summary{padding:11px 15px;border:1px solid var(--st-border);border-radius:10px;background:var(--st-surface-soft);cursor:pointer;white-space:nowrap;color:var(--st-fg)}
.slip-source-popover{position:absolute;top:calc(100% + 12px);left:0;width:390px;max-width:80vw;z-index:6;padding:18px;background:var(--st-surface-solid);border:1px solid var(--st-border);border-radius:14px;box-shadow:var(--st-shadow)}.slip-source-popover .row{display:flex;gap:9px}.slip-source-popover input{margin:6px 0 10px;min-width:0}.slip-source-popover button{margin:6px 0 10px;font-size:14px;white-space:nowrap;flex:0 0 auto}.slip-source-popover label{font-size:14px}.slip-paste-target{font-size:13px;min-height:44px;border-color:var(--st-border)}
.slip-container{grid-template-columns:minmax(300px,340px) minmax(0,1fr);gap:20px;align-items:start}.slip-settings-column{display:block;background:var(--st-surface);border:1px solid var(--st-border);border-radius:17px;box-shadow:var(--st-shadow);padding:13px;min-width:0}
.slip-settings-tabs,.slip-view-tabs{display:flex;padding:3px;border:1px solid var(--st-border);background:var(--st-input);border-radius:11px;gap:3px}.slip-settings-tabs{margin-bottom:13px}
.slip-settings-tabs button,.slip-view-tabs button{min-width:0;flex:1;border:0;border-radius:8px;min-height:39px;padding:7px 10px;font-size:15px;font-weight:400;white-space:nowrap;background:transparent!important;color:var(--st-subtle)!important}
.slip-settings-tabs button[aria-selected=true],.slip-view-tabs button[aria-selected=true]{background:var(--st-primary)!important;color:var(--st-primary-ink)!important;font-weight:500}
.slip-settings-column .slip-section{padding:0;margin:0;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none;border-radius:0}.slip-section-heading{margin-bottom:14px;gap:9px}.slip-section-heading h3{font-size:18px;font-weight:500;color:var(--st-fg)}.slip-section-heading small{font-size:13px;color:var(--st-subtle)!important}
#slipSettings-masks>.slip-section-heading{display:none}.slip-section p,.slip-section .slip-note{font-size:14px;color:var(--st-subtle)}.slip-section>label:not(.slip-toggle):not(.slip-upload-zone):not(.slip-verify),.slip-template-controls>label{font-size:14px;color:var(--st-subtle)}.slip-section input:not([type=checkbox]):not([type=file]),.slip-section select{font-size:15px;min-height:42px;height:42px}
.slip-toggle-list{background:transparent;border:0;border-radius:0}.slip-toggle{display:flex!important;align-items:center!important;justify-content:space-between;min-height:44px;height:auto;padding:9px 2px;gap:14px;line-height:1.5;margin:0!important;border-color:var(--st-border)!important;color:var(--st-fg)!important;font-size:15px!important;font-weight:400}.slip-toggle:hover{background:var(--st-hover)}.slip-toggle span{display:flex;align-items:center;min-height:24px}
#page-slips .slip-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;display:block!important;position:relative;inset:auto;align-self:center!important;flex:0 0 42px;width:42px!important;min-width:42px;height:24px!important;min-height:24px!important;margin:0!important;padding:0!important;transform:none!important;background:#696968!important;border:0!important;border-radius:999px;box-shadow:none!important}
#page-slips .slip-toggle input[type=checkbox]::after{content:'';display:block;position:absolute;top:50%;left:3px;bottom:auto;right:auto;width:18px;height:18px;border-radius:50%;background:#fff;transform:translateY(-50%);box-shadow:none;transition:left .16s}
#page-slips .slip-toggle input[type=checkbox]:checked{background:linear-gradient(100deg,#ffab47,#f47a1d)!important}#page-slips .slip-toggle input[type=checkbox]:checked::after{left:21px;transform:translateY(-50%)}
.slip-editor-area{padding:13px 0 0;margin-top:11px;border:0;border-top:1px solid var(--st-border);border-radius:0;background:transparent}.slip-editor-heading{display:none}.slip-tools{gap:8px;align-items:end;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.slip-tools label{font-size:13px;min-width:0;max-width:none;width:100%;color:var(--st-subtle);margin:0 0 5px}.slip-tools select{font-size:14px;margin:5px 0 0!important;padding:6px 8px;min-height:39px;height:39px}.slip-tools input[type=range]{margin:5px 0 8px!important;min-height:26px!important;height:26px!important;padding:0}.slip-tools button{font-size:13px;min-height:35px;padding:6px 8px;white-space:nowrap}.slip-tools #slipClear{color:#cf6450!important}.slip-template-buttons button,.slip-template-save button{font-size:13px}.slip-template-buttons{gap:6px}.slip-template-save{gap:7px}.slip-template-save input{font-size:14px!important}.slip-draft-buttons button{font-size:14px}
.slip-review-card{padding:15px 16px!important;margin:0;border-radius:17px}.slip-review-heading{gap:12px;min-height:28px;margin:0 0 10px}.slip-review-heading .slip-section-heading{margin:0}.slip-review-heading h3{font-size:17px}.slip-badge{background:var(--st-accent-soft);border-color:var(--st-border);color:var(--st-accent)!important;font-size:13px;padding:4px 10px}.slip-review-heading>.slip-badge{align-self:center}
.slip-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.slip-view-tabs{flex:0 1 290px}.slip-view-hint{font-size:12px;color:var(--st-subtle);text-align:right}
.slip-previews{grid-template-columns:minmax(0,1fr);gap:0}.slip-preview{border:1px solid var(--st-border);border-radius:12px;background:var(--st-input)}.slip-image-wrap{height:clamp(290px,calc(100dvh - 442px),460px);min-height:290px;max-height:none;align-items:flex-start;padding:14px;background:radial-gradient(circle,var(--st-border) 1px,transparent 1px) 0 0/17px 17px,var(--st-input)}
.slip-empty{min-height:260px;height:100%;font-size:14px;color:var(--st-subtle)}.slip-empty strong{font-size:17px;color:var(--st-fg)}.slip-empty small{font-size:14px;color:var(--st-subtle)!important}.slip-empty-symbol{background:var(--st-surface-soft);border-color:var(--st-border);color:var(--st-accent);font-size:29px;border-radius:14px;box-shadow:none}
#slipCanvasWrap{flex:0 0 auto;width:min(100%,var(--slip-fit-width,400px));max-width:100%!important;box-shadow:0 7px 20px #00000020;margin:0 auto}#slipOriginal{max-height:none;width:min(100%,var(--slip-fit-width,400px));height:auto;max-width:100%;box-shadow:0 7px 20px #00000020}
.slip-review-footer{margin-top:12px}.slip-verify{padding:10px 12px;margin-bottom:10px!important;min-height:49px;background:var(--st-surface-soft);border-color:var(--st-border);gap:11px;border-radius:10px}.slip-verify strong{font-size:14px;color:var(--st-fg)}.slip-verify small{font-size:12px!important;color:var(--st-subtle)!important;margin-top:1px}.slip-verify input{accent-color:#f58225}
.slip-actions{gap:10px}.slip-actions button{font-size:15px;font-weight:500;min-height:43px;padding:8px 12px;min-width:0}.slip-actions #slipDownload{background:var(--st-primary);color:var(--st-primary-ink);border-color:transparent;box-shadow:none}.slip-actions #slipSend{background:var(--st-surface-soft);color:var(--st-fg);border-color:var(--st-border);box-shadow:none}
#slipResult{font-size:12px;min-height:0;padding:0;margin:8px 0 0;background:transparent;border:0;color:var(--st-subtle)}.slip-draft-empty{background:var(--st-surface-soft);border-color:var(--st-border)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* PIN-only entry, using the same quiet surfaces as the workspace. */
#login{box-shadow:0 20px 65px #0000001c!important;border-radius:24px}.st-login-art{background:radial-gradient(ellipse at 30% 10%,#f5822514,transparent 65%),var(--st-surface-soft);border-color:var(--st-border)}.st-login-art::before{border-color:#f5822524;box-shadow:0 0 0 45px #f5822505,0 0 0 90px #f5822503}.st-art-wordmark b{color:var(--st-accent)}.st-login-orb::before{border-color:#f5822529;background:radial-gradient(circle,#f582251a,transparent 68%)}.st-login-orb img{filter:drop-shadow(0 12px 20px #0000001e)}
.st-login-content>.hint,#loginForm .st-pin-label{font-size:15px}.st-login-content .login-help,.st-login-content .login-help p{font-size:14px}.st-login-preferences .pin-reveal{font-size:14px!important}.st-login-note{font-size:12px}#loginForm #loginPin:focus{box-shadow:0 0 0 3px #f582251a!important;border-color:#f58225!important}.st-art-caption{font-size:15px}.st-art-footer span{font-size:12px}.st-login-content .loginbrand .brand-word{font-size:23px!important}

@media(min-width:1101px){#quickStock{max-height:calc(100dvh - 460px);min-height:230px;overflow-y:auto}.checkout{position:static}}
@media(max-width:1550px){.sale-hero{grid-template-columns:1fr;gap:0}.sale-hero .heading{margin-bottom:17px}.pos-layout{grid-template-columns:minmax(0,1fr) 365px}.topbar #status{display:none}.slip-container{grid-template-columns:315px minmax(0,1fr)}.slip-review-card{padding:14px!important}.slip-view-hint{display:none}.slip-upload-tip{font-size:12px}}
@media(max-width:1250px){:root{--sidebar:248px;--side-width:248px}.topbar #breadcrumb{min-width:0}.topbar #who{display:none}aside nav button{font-size:16px}.workspace>.topbar{padding:12px 22px;gap:10px}main{padding:22px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-layout{grid-template-columns:minmax(0,1fr) 350px;gap:16px}.panel{padding:18px}.slip-container{grid-template-columns:290px minmax(0,1fr);gap:14px}.slip-upload-tip{display:none}.slip-upload-zone small{display:none}.slip-settings-column{padding:10px}.slip-settings-tabs button,.slip-view-tabs button{font-size:14px;padding:7px 6px}.slip-actions button{font-size:13px}.slip-image-wrap{height:370px}.slip-tools{gap:7px}}
@media(max-width:1100px){.workspace{margin-left:0}aside{display:none}:root{--header-height:70px}#menuToggle{font-size:14px;min-height:43px}.topbar #breadcrumb{font-size:13px}.workspace>.topbar{height:auto;min-height:70px}.pos-layout{grid-template-columns:minmax(0,1fr) 350px}.slip-container{grid-template-columns:310px minmax(0,1fr)}.slip-settings-column{display:block}.slip-settings-column .slip-section:last-child{grid-column:auto}.slip-upload-strip{gap:12px}.slip-hero .slip-help{max-width:270px}.slip-image-wrap{height:390px}}
@media(max-width:800px){.pos-layout{grid-template-columns:1fr}.sale-hero{display:block}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog .panel{min-height:0}#quickStock{max-height:none}.slip-container{grid-template-columns:1fr}.slip-settings-column{display:block}.slip-settings-column .slip-toggle-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.slip-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.slip-tools label{grid-column:span 1}.slip-image-wrap{height:430px}.slip-upload-strip{padding:10px;gap:8px}.slip-hero .slip-help{display:none}.slip-view-hint{display:block}.slip-viewer-toolbar{gap:8px}.slip-source-popover{left:auto;right:0}.topbar #who,.topbar #status{display:none}.topbar #breadcrumb{flex:1}.topbar #globalSearch{flex:0;min-width:44px;max-width:44px;font-size:0;padding:0;justify-content:center;gap:0}.topbar #globalSearch::before{content:'⌕';font-size:27px}.topbar #globalSearch kbd{display:none}#login{max-width:470px}}
@media(max-width:600px){:root{--header-height:66px}.workspace>.topbar{min-height:66px;gap:7px;padding:10px 13px}.topbar .st-appearance span{display:none}.st-appearance button{min-width:36px;min-height:36px;padding:6px}.topbar .st-appearance svg{width:18px;height:18px}.topbar #logout{font-size:12px;min-height:40px;padding:7px 9px}.topbar #breadcrumb{display:none}.topbar #globalSearch{margin-right:auto;margin-left:0}#menuToggle{font-size:13px}main{padding:18px 14px 28px}.heading h2,.title-line h2,#page-slips .slip-hero h2{font-size:25px}.title-line small{font-size:13px}.trade-switch button{flex-direction:column;font-size:13px;gap:3px;min-height:57px;padding:6px 3px}.trade-switch .nav-icon{width:20px;height:20px}.trade-switch{margin-bottom:19px;gap:3px}.panel{padding:17px}.mini-metric{min-height:100px;padding:13px}.mini-metric small{font-size:12px}.mini-metric b{font-size:25px}.mini-metric>span{font-size:11px}.product-grid{gap:11px}.tile-cover{height:113px}.tile-cover .server-logo,.tile-cover .server-logo-fallback{height:62px;width:62px}.tile-body{padding:12px}.tile-title{font-size:16px}.tile-stock b{font-size:23px}.tile-stock small,.tile-sales{font-size:12px}.tile-tag,.tile-ready,.tile-soldout{font-size:10px}.tile-check{bottom:87px}.checkout input,.checkout select{font-size:16px}.checkout-title h3{font-size:19px}.checkout-title .small{font-size:12px}.slip-hero-heading{gap:12px}.slip-hero-mark{flex-basis:42px;width:42px;height:42px}#page-slips .slip-hero p{font-size:13px}.slip-upload-strip{min-height:70px;margin-bottom:15px}.slip-upload-strip .slip-upload-zone{padding:7px 8px;min-height:47px;gap:7px}.slip-upload-zone strong{font-size:13px}.slip-upload-strip .slip-upload-icon{height:30px;width:30px;flex-basis:30px}.slip-source-more>summary{font-size:13px;padding:10px}.slip-settings-column .slip-toggle-list{grid-template-columns:1fr}.slip-toggle{min-height:45px;padding:10px 5px}.slip-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.slip-settings-tabs button{min-height:40px;font-size:15px}.slip-image-wrap{height:390px;min-height:280px}.slip-review-heading h3{font-size:17px}.slip-view-hint{display:none}.slip-view-tabs{flex:1}.slip-view-tabs button{font-size:15px}.slip-actions{flex-direction:row}.slip-actions button{font-size:13px;width:auto;flex:1;min-height:46px}.slip-verify strong{font-size:14px}.slip-verify small{font-size:12px!important}.slip-section .slip-row button{min-width:0}.slip-review-card{padding:13px!important}.slip-source-popover{max-width:calc(100vw - 48px);width:340px}.slip-source-popover .row{gap:7px}.slip-source-popover button{padding:8px;font-size:13px}.st-login-content .loginbrand .brand-word{font-size:21px!important}#login{border-radius:20px}.st-art-footer{gap:5px}}
@media print{body{background:#fff!important;color:#222!important}.panel,.card{box-shadow:none!important;background:#fff!important}}