/* Shared application surfaces. Warehouse artwork and uploaded images retain their colors. */
:root{color-scheme:light;--link:#1d4ed8;--focus:#92400e;--control-border:#75849b;--success-bg:#dcfce7;--success-ink:#166534;--warning-bg:#fef3c7;--warning-ink:#78350f;--error-bg:#fee2e2;--error-ink:#991b1b}
html[data-theme="dark"]{color-scheme:dark;--link:#93c5fd;--focus:#facc15;--control-border:#7089ae;--success-bg:#123a2d;--success-ink:#86efac;--warning-bg:#42340e;--warning-ink:#fde68a;--error-bg:#491e2b;--error-ink:#fda4af}
html{scroll-padding-top:100px}body{line-height:1.5}main,.wrap,.grid>*,.row>*,form,fieldset{min-width:0}
.grid{grid-template-columns:repeat(auto-fit,minmax(min(215px,100%),1fr))}
.wrap a:not(.btn):not(.btn2){color:var(--link);text-underline-offset:3px}
.wrap a:not(.btn):not(.btn2):hover{text-decoration-thickness:2px}
button,.btn,.btn2{min-height:44px;line-height:1.4;vertical-align:middle;text-align:center;white-space:normal}
.btn2{display:inline-block;padding:11px 15px;border:0;border-radius:8px;font-weight:650;text-decoration:none;cursor:pointer;background:#475569;color:#fff}
.btn2:hover{background:#334155;color:#fff}.danger:hover{background:#8f1c13}.green:hover{background:#166534}
button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.65}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{min-height:44px;border-color:var(--control-border)}
input[type=checkbox],input[type=radio]{width:auto;min-width:20px;height:20px;accent-color:var(--brand);vertical-align:middle}
textarea{min-height:100px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
fieldset{border:1px solid var(--border);border-radius:8px}legend{font-weight:700}label:has(input[type=checkbox]),label:has(input[type=radio]){min-height:44px;align-content:center}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border:2px solid var(--bad)}
summary{cursor:pointer;padding-block:8px}details[open]>summary{margin-bottom:8px}
.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-200%);z-index:20000;background:var(--card);color:var(--text);padding:12px 18px;border:3px solid var(--focus)}
.skip-link:focus{transform:none}
.table-scroll,.ui-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:8px}
.ui-table-scroll table{min-width:560px}.ui-table-scroll{margin-block:12px}
th{background:var(--card2)}th,td{overflow-wrap:anywhere}td input,td select{min-width:100px}
.setup-grid>*,.setup-summary>*,.live-grid>*,.customer-grid>*,.sv-form-grid>*{min-width:0;overflow-wrap:anywhere}
.setup-item,.setup-stat,.setup-guide,.setup-chip,.plan-option,.live-status,.live-check,.customer-card,.sv-stat,.sv-ticket,.sv-thread,.welcome-invalid{background:var(--card2);color:var(--text)}
html[data-theme] .setup-done .setup-icon,html[data-theme] .pass .live-icon{background:var(--success-bg);color:var(--success-ink)}
html[data-theme] .setup-pending .setup-icon{background:var(--warning-bg);color:var(--warning-ink)}
html[data-theme] .fail .live-icon{background:var(--error-bg);color:var(--error-ink)}
.skip-btn{color:var(--text)}body .setup-skipped{opacity:1}.setup-skipped .muted{color:var(--muted)}
.tag.READY{background:var(--success-bg);color:var(--success-ink)}.tag.PICKING{background:var(--warning-bg);color:var(--warning-ink)}
.stock-low,.stock-out,.stock-low>td,.stock-out>td{color:var(--stock-ink,var(--text))!important}
.stock-low :is(h1,h2,h3,.metric),.stock-out :is(h1,h2,h3,.metric){color:inherit!important}
.stock-low a:not(.btn):not(.btn2),.stock-out a:not(.btn):not(.btn2){color:inherit!important;text-decoration:underline}
.stock-state{display:inline-block;background:var(--card);color:var(--text);border:1px solid var(--text);border-radius:5px;padding:2px 7px;font-size:12px;font-weight:800;margin-top:4px}
@media(max-width:600px){.wrap{padding-inline:12px}.card{padding:14px}h1{font-size:1.6rem}h2{font-size:1.35rem}.row{align-items:stretch}.sv-form-grid,.register-grid{grid-template-columns:minmax(0,1fr)}.stockvyn-logo{max-width:45vw;object-fit:contain}.nav-dropdown{max-width:calc(100vw - 24px)}.setup-history article{padding-block:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}