@charset "UTF-8";
/* V8.2 theme controls are independent of the optional surface paint template. */
.theme-trigger {
 appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;
 min-height:29px;padding:5px 9px;border:1px solid var(--theme-ui-border);border-radius:9px;
 color:var(--theme-ui-accent);background:var(--theme-ui-panel);font:inherit;font-size:10px;line-height:1.5;
 cursor:pointer;box-shadow:0 1px 3px #00000004;transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s;
}
.theme-trigger>.icon {width:14px;height:14px;flex:0 0 14px;stroke-width:1.7;color:inherit;}
.theme-trigger:hover {color:var(--theme-ui-text);background:var(--theme-ui-raised);border-color:var(--theme-ui-accent);box-shadow:0 3px 10px #00000008;}
.theme-trigger:active {transform:translateY(1px);}
.theme-trigger:focus-visible {outline:2px solid var(--theme-ui-accent);outline-offset:3px;}
.theme-trigger-auth {align-self:flex-end;margin:-5px 0 16px;font-size:10px;}
.theme-dialog.modal {
 width:min(760px,calc(100vw - 38px));max-width:760px;max-height:calc(100dvh - 38px);
 padding:0;overflow:auto;border:1px solid var(--theme-ui-border);border-radius:22px;
 color:var(--theme-ui-text);background:var(--theme-ui-panel);box-shadow:var(--theme-ui-shadow);
}
.theme-dialog .modal-header {padding:25px 27px 20px;background:var(--theme-ui-panel);border-color:var(--theme-ui-border);align-items:flex-start;}
.theme-dialog .modal-header h2 {color:var(--theme-ui-text);font-size:22px;font-weight:650;line-height:1.4;margin:3px 0 0;}
.theme-dialog .modal-header .eyebrow {color:var(--theme-ui-accent);font-size:9px;letter-spacing:2px;}
.theme-description {color:var(--theme-ui-muted);font-size:11px;line-height:1.8;margin:8px 0 0;}
.theme-dialog .modal-header>.icon-button {color:var(--theme-ui-muted);background:var(--theme-ui-raised);border-color:var(--theme-ui-border);}
.theme-dialog .modal-header>.icon-button:hover {color:var(--theme-ui-accent);}
.theme-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:23px 27px 25px;}
.theme-card {
 position:relative;display:grid;align-content:start;gap:0;min-width:0;padding:8px 8px 13px;
 color:var(--theme-ui-text);background:var(--theme-ui-panel);border:1px solid var(--theme-ui-border);border-radius:14px;
 cursor:pointer;overflow:hidden;transition:border-color .2s,box-shadow .2s,background-color .2s,transform .2s;
}
.theme-card>input {position:absolute;width:1px;height:1px;opacity:0;margin:0;top:12px;left:12px;padding:0;pointer-events:none;}
.theme-card:hover {background:var(--theme-ui-raised);border-color:var(--theme-ui-accent);transform:translateY(-2px);}
.theme-card.is-selected,.theme-card:has(>input:checked) {background:var(--theme-ui-raised);border-color:var(--theme-ui-accent);box-shadow:0 0 0 1px var(--theme-ui-accent) inset;}
.theme-card:focus-within {outline:2px solid var(--theme-ui-accent);outline-offset:3px;}
.theme-card-name {display:block;color:var(--theme-ui-text);font-size:12px;line-height:1.6;font-weight:600;margin:10px 28px 2px 5px;}
.theme-card-caption {display:block;color:var(--theme-ui-muted);font-size:9px;line-height:1.7;margin:0 3px 0 5px;}
.theme-card-check {position:absolute;right:12px;bottom:32px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:var(--theme-ui-on-accent);background:var(--theme-ui-accent);opacity:0;transform:scale(.75);transition:opacity .2s,transform .2s;}
.theme-card-check>.icon {width:12px;height:12px;stroke-width:2;}
.theme-card.is-selected .theme-card-check,.theme-card:has(>input:checked) .theme-card-check {opacity:1;transform:scale(1);}
/* Each miniature defines fixed colors, so it continues to preview its own theme. */
.theme-preview {display:block;position:relative;height:84px;min-width:0;overflow:hidden;border:1px solid var(--preview-border);border-radius:8px;background:var(--preview-canvas);box-shadow:0 1px 0 #FFFFFF24 inset;}
.theme-preview-sidebar {display:block;position:absolute;inset:0 auto 0 0;width:25%;background:var(--preview-rail);border-right:1px solid var(--preview-border);}
.theme-preview-sidebar::before {content:"";position:absolute;left:24%;right:24%;top:16px;height:6px;border-radius:2px;background:var(--preview-accent);box-shadow:0 13px var(--preview-line),0 26px var(--preview-line),0 39px var(--preview-line);opacity:.8;}
.theme-preview-main {position:absolute;top:12px;left:31%;right:7%;bottom:12px;display:flex;flex-direction:column;gap:7px;}
.theme-preview-line {display:block;height:8px;flex:0 0 8px;background:var(--preview-line);border-radius:3px;}
.theme-preview-line:first-child {width:58%;height:6px;flex-basis:6px;background:var(--preview-accent);margin-bottom:1px;}
.theme-preview-line:nth-child(2) {height:22px;flex-basis:22px;background:var(--preview-panel);border:1px solid var(--preview-border);box-shadow:0 1px 3px #00000004;}
.theme-preview-line:nth-child(3) {width:81%;height:9px;flex-basis:9px;}
.theme-preview-blue {--preview-canvas:#F6F9FF;--preview-panel:#FFFFFF;--preview-rail:linear-gradient(160deg,#C1D4FC,#EAF1FF);--preview-border:#D5E0F5;--preview-accent:#396DFF;--preview-line:#D8E4FA;}
.theme-preview-red {--preview-canvas:#FFF8F7;--preview-panel:#FFFCFB;--preview-rail:linear-gradient(160deg,#F2CFCC,#FAE4E1);--preview-border:#E9CECA;--preview-accent:#B8403D;--preview-line:#EBD1CE;}
.theme-preview-pink {--preview-canvas:#FFF8FC;--preview-panel:#FFFCFE;--preview-rail:linear-gradient(160deg,#F3D2E3,#FCECF5);--preview-border:#E8CBDA;--preview-accent:#AE477C;--preview-line:#EED6E4;}
.theme-preview-green {--preview-canvas:#F5FAF7;--preview-panel:#FCFEFC;--preview-rail:linear-gradient(160deg,#DDEDE2,#F4FAF5 48%,#CDE2D4);--preview-border:#CDDED3;--preview-accent:#2F6B50;--preview-line:#D7E8DD;}
.theme-preview-blackgold {--preview-canvas:#0D0E0D;--preview-panel:#22231E;--preview-rail:linear-gradient(160deg,#141512,#252118);--preview-border:#4B412D;--preview-accent:#D6B86F;--preview-line:#45402E;}
.theme-preview-gold {--preview-canvas:#F5F0E5;--preview-panel:#FFFCF4;--preview-rail:linear-gradient(160deg,#E3D1A4,#FAF4E4 48%,#D6BD84);--preview-border:#D8C7A5;--preview-accent:#87662D;--preview-line:#DFCFAC;}
.theme-dialog .theme-dialog-footer {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 27px;background:var(--theme-ui-raised);border-color:var(--theme-ui-border);}
.theme-dialog-footer>div {display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;}
.theme-sync-status {margin:0;color:var(--theme-ui-muted);font-size:10px;line-height:1.8;max-width:440px;overflow-wrap:anywhere;}
.theme-sync-status[data-state="error"] {color:var(--theme-ui-error,#A74336);}
.theme-sync-status[data-state="saving"],.theme-sync-status[data-state="loading"] {color:var(--theme-ui-accent);}
.theme-dialog .theme-dialog-footer .button {font-size:11px;min-height:32px;padding:7px 13px;}
/* SVG fills reference only the six logo variables; product images are unaffected. */
.brand-logo {display:block;max-width:100%;height:auto;object-fit:contain;flex-shrink:1;}
.company-auth-wordmark {background:none!important;border:0!important;border-radius:0;padding:0!important;box-shadow:none!important;}
.company-auth-wordmark .brand-logo.company-auth-logo {width:min(390px,100%);max-width:100%;height:auto;flex:0 1 390px;filter:none;}
.sidebar .brand {display:flex;flex-direction:column;align-items:flex-start;gap:6px;}
.sidebar .brand>.brand-logo,.sidebar .brand .brand-logo {width:100%;max-width:176px;height:auto;min-height:0;}
.sidebar .brand #workspace-brand-name {font-size:10px;line-height:1.6;letter-spacing:.3px;max-width:176px;overflow-wrap:anywhere;color:inherit;}
.brand-logo-mark {display:block;width:21px;height:25px;flex-shrink:0;}
.brand-logo path,.brand-logo text,.brand-logo-mark path {transition:fill .24s;}
.sidebar,.topbar,.company-auth-gate,.company-auth-card,.inventory-panel,.ret-list-panel,
.wh-ledger-panel,.ws-overview,.ws-todo-panel,.ws-help-card {transition:background-color .24s,color .24s,border-color .24s,box-shadow .24s;}
@media(max-width:600px) {
 .theme-dialog.modal {width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:17px;}
 .theme-dialog .modal-header {padding:20px 18px 16px;}
 .theme-dialog .modal-header h2 {font-size:19px;}
 .theme-options {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px;}
 .theme-dialog .theme-dialog-footer {padding:15px 18px;gap:12px;align-items:flex-start;}
 .theme-sync-status {font-size:9px;}
 .theme-trigger {font-size:9px;padding:5px 7px;}
 .theme-trigger>.icon {width:13px;height:13px;flex-basis:13px;}
}
@media(max-width:720px) {.company-auth-wordmark .brand-logo.company-auth-logo {width:min(310px,100%);flex-basis:310px;}}
@media(max-width:380px) {
 .theme-preview {height:72px;}
 .theme-card-caption {font-size:8px;}
 .theme-dialog .theme-dialog-footer {flex-direction:column;}
 .theme-dialog-footer>div {align-self:flex-end;}
}
@media(prefers-reduced-motion:reduce) {
 .theme-trigger,.theme-card,.theme-card-check,.brand-logo path,.brand-logo text,.brand-logo-mark path,
 .sidebar,.topbar,.company-auth-gate,.company-auth-card,.inventory-panel,.ret-list-panel,
 .wh-ledger-panel,.ws-overview,.ws-todo-panel,.ws-help-card {transition:none!important;}
 .theme-card:hover,.theme-trigger:active {transform:none;}
}

/* Form dialogs keep their close control while opening the theme chooser above them. */
.modal-header:has(>.theme-trigger-modal) {gap:10px;}
.modal-header:has(>.theme-trigger-modal)>div:first-child,
.modal-header:has(>.theme-trigger-modal)>h2:first-child {flex:1 1 auto;min-width:0;overflow-wrap:anywhere;}
.theme-trigger-modal {margin-left:auto;flex:0 0 auto;min-height:28px;padding:5px 8px;font-size:10px;}
.theme-trigger-modal>.icon {width:13px;height:13px;flex-basis:13px;}
.modal-header>.theme-trigger-modal+.icon-button {margin-left:0;flex-shrink:0;}