/* Shared task-window tokens. Workflow warnings, errors and success colors stay semantic. */
html[data-appearance] body dialog{--paper:var(--soft-panel);--surface:var(--soft-panel);--ink:var(--soft-ink);--muted:var(--soft-muted);--line:var(--soft-line);--green:var(--soft-accent);--blue:var(--soft-accent);color:var(--soft-ink)!important;background:var(--soft-panel)!important}
html[data-appearance] body dialog :is(.dialog-head,.dialog-header,.dialog-foot,.dialog-footer,.dialog-body){background:var(--soft-panel)!important;color:var(--soft-ink)!important;border-color:var(--soft-line)!important}
html[data-appearance] body dialog :is(label,legend,.sub,.field>span,.field>label,.field small,.modal-desc,.receipt-facing,.putaway-toolbar [data-putaway-progress]){color:var(--soft-muted)}
html[data-appearance] body dialog :is(input,select,textarea){background:var(--soft-panel)!important;color:var(--soft-ink)!important;border-color:var(--soft-line)!important;accent-color:var(--soft-accent)}
html[data-appearance] body dialog :is(input,select,textarea):focus{outline-color:var(--soft-accent)!important;border-color:var(--soft-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--soft-accent) 15%,transparent)!important}
html[data-appearance] body dialog button.primary{color:#fff!important;background:var(--soft-accent)!important;border-color:var(--soft-accent)!important;box-shadow:none!important}
html[data-appearance] body dialog :is(.dialog-foot,.dialog-footer,.dialog-actions,.actions,.receipt-map-tools) button:not(.primary):not(.danger):not(.selected):not([aria-pressed=true]){background:var(--soft-panel)!important;color:var(--soft-ink)!important;border-color:var(--soft-line)!important;box-shadow:none!important}
html[data-appearance] body dialog :is(.putaway-current,.putaway-entry,.putaway-queue[open],.putaway-split,.putaway-layout,.putaway-allocation,.receipt-picker,.receipt-slot-summary,.stock-quantity-preview,.equipment-heading,.si-front-scroll,.form-section,.stock-mini-map,.table-wrap){background:var(--soft-bg)!important;color:var(--soft-ink)!important;border-color:var(--soft-line)!important;box-shadow:none!important}
html[data-appearance] body dialog :is(.putaway-target,.receipt-selection,.putaway-current-marker){color:var(--soft-accent)!important;background:var(--soft-tint)!important;border-color:var(--soft-line)!important}
html[data-appearance] body dialog :is(.putaway-queue summary,.putaway-split,.putaway-layout,.putaway-allocation,.receipt-slot-items li,.putaway-pages,.putaway-current){border-color:var(--soft-line)!important}
html[data-appearance] body dialog .notice:not(.warning):not(.danger):not(.error){background:var(--soft-tint)!important;color:var(--soft-ink)!important;border-color:var(--soft-line)!important}
html[data-appearance] body dialog :is(table,td,th){border-color:var(--soft-line)!important}html[data-appearance] body dialog th{background:var(--soft-bg)!important;color:var(--soft-muted)!important}html[data-appearance] body dialog td{background:var(--soft-panel);color:var(--soft-ink)}
html[data-appearance] body dialog .receipt-front{border-color:var(--soft-muted)!important;background:var(--soft-line)!important}
html[data-appearance] body dialog .receipt-front-cell{background:var(--soft-panel)!important;color:var(--soft-ink)!important;border-color:var(--soft-line)!important;box-shadow:none!important}
html[data-appearance] body dialog .receipt-front-cell.has-content,html[data-appearance] body dialog .receipt-front-cell.is-drawer{background:var(--soft-bg)!important}
html[data-appearance] body dialog .receipt-front-cell[aria-pressed=true]{background:var(--soft-tint)!important;border-color:var(--soft-accent)!important;box-shadow:inset 0 0 0 2px var(--soft-accent)!important}
html[data-appearance] body dialog .receipt-front-cell:focus-visible{outline:3px solid var(--soft-accent)!important;outline-offset:-5px}
html[data-appearance] body dialog :is(.receipt-cell-compact,.receipt-cell-items small,.receipt-extra-one,.receipt-extra-two){color:var(--soft-muted)!important}
html[data-appearance] body dialog .receipt-front-cell i{background:var(--soft-muted)!important}html[data-appearance] body dialog .receipt-door-seam{border-color:var(--soft-muted)!important}
html[data-appearance] body dialog [data-receipt-map] [data-fixture]>rect{fill:var(--soft-tint);fill-opacity:1;stroke:var(--soft-muted)}html[data-appearance] body dialog [data-receipt-map] [data-fixture][aria-pressed=true]>rect{fill:var(--soft-accent);stroke:var(--soft-ink)}
html[data-appearance] body dialog :is(.seg,.segmented,.res-tabs){background:var(--soft-bg)!important;border-color:var(--soft-line)!important}html[data-appearance] body dialog :is(.seg,.segmented,.res-tabs) :is(.selected,.active,[aria-pressed=true]){background:var(--soft-tint)!important;color:var(--soft-accent)!important;border-color:var(--soft-accent)!important}
/* Choose from actual palette swatches and independent font samples. */
.appearance-settings .appearance-grid{margin:14px 0;gap:14px}.appearance-tabs{display:flex;gap:8px;margin:16px 0}.appearance-tabs [role=tab]{flex:1;min-height:40px;background:var(--soft-bg);border:1px solid var(--soft-line);color:var(--soft-muted);border-radius:10px;white-space:normal}.appearance-tabs [aria-selected=true]{background:var(--soft-tint)!important;color:var(--soft-accent)!important;border-color:var(--soft-accent)!important;font-weight:600}
.appearance-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.appearance-choice{position:relative;display:flex!important;flex-direction:column;gap:8px!important;padding:12px;border:1px solid var(--soft-line);border-radius:12px;cursor:pointer;background:var(--soft-panel);min-width:0;text-align:left;line-height:1.5}.appearance-choice:has(input:checked){border-color:var(--soft-accent);outline:1px solid var(--soft-accent);background:var(--soft-bg)}.appearance-choice:has(input:focus-visible){outline:3px solid var(--soft-accent);outline-offset:3px}.appearance-choice input{position:absolute;width:1px!important;height:1px!important;margin:0;opacity:0;overflow:hidden}.appearance-choice>strong{display:flex;justify-content:space-between;gap:5px;color:var(--soft-ink);font-size:calc(14px * var(--text-scale,1))}.appearance-choice>small{font-size:calc(12px * var(--text-scale,1));color:var(--soft-muted)}.appearance-check{visibility:hidden;color:var(--soft-accent)}.appearance-choice:has(input:checked) .appearance-check{visibility:visible}.appearance-swatches{height:28px;border:1px solid #00000012;border-radius:7px;display:flex;overflow:hidden}.appearance-swatches i{flex:1;display:block}.appearance-swatches i:last-child{flex:1.5}
html[data-appearance] body .appearance-font-sample,html[data-appearance] body .appearance-font-sample small{font-family:var(--sample-font)!important;font-weight:400!important;color:var(--soft-ink)!important}.appearance-font-sample{display:block;font-size:calc(17px * var(--text-scale,1));line-height:1.7;overflow-wrap:anywhere}.appearance-font-sample small{display:block;font-size:calc(13px * var(--text-scale,1))}.appearance-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.appearance-preview-primary{background:var(--soft-accent);color:#fff;padding:7px 12px;border-radius:9px;font-size:calc(13px * var(--text-scale,1))}.appearance-settings .appearance-preview{padding:14px 16px;margin:16px 0}.appearance-settings .appearance-preview h3{font-size:calc(17px * var(--text-scale,1));margin:5px 0}.appearance-settings .appearance-preview p{font-size:calc(12px * var(--text-scale,1))}.appearance-settings .appearance-preview strong{font-size:calc(13px * var(--text-scale,1))}.appearance-settings>p{font-size:calc(13px * var(--text-scale,1))}#appearance-status{margin:10px 0 0;min-height:1.6em}
@media(max-width:760px){.appearance-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.appearance-settings .appearance-grid{grid-template-columns:1fr 1fr;gap:10px}.appearance-choice{padding:10px}.appearance-font-sample{font-size:calc(15px * var(--text-scale,1))}.appearance-tabs{gap:6px}body dialog:has(.appearance-settings) .dialog-body{padding:16px}}
@media(max-width:340px){.appearance-choices,.appearance-settings .appearance-grid{grid-template-columns:1fr}}
html[data-appearance] body dialog :is(.putaway-current small,.putaway-history,[data-putaway-list] small,.equipment-heading small){color:var(--soft-muted)!important}
html[data-appearance] body dialog .putaway-photo-row{background:var(--soft-bg)!important;color:var(--soft-ink)!important}
html[data-appearance] body dialog [data-putaway-list]>button[aria-pressed=true]{background:var(--soft-tint)!important;border-color:var(--soft-accent)!important;color:var(--soft-accent)!important}
html[data-appearance] body dialog :is(.dialog-head,.dialog-header)>button{background:transparent!important;color:var(--soft-muted)!important;border-color:transparent!important}
html[data-appearance] body dialog .receipt-front-cell strong{font-size:calc(13px * var(--text-scale,1))}
html[data-appearance] body dialog :is([data-putaway-entry-top],.receipt-plan-frame){background:var(--soft-bg)!important;border-color:var(--soft-line)!important}
body dialog:has(.appearance-settings) .dialog-head{padding:18px 24px!important;min-height:0}body dialog:has(.appearance-settings) .dialog-foot{padding:12px 24px!important}.appearance-settings .appearance-grid{margin:10px 0}.appearance-tabs{margin:12px 0}
.appearance-tabs [role=tab]{font-size:calc(13px * var(--text-scale,1));line-height:1.5}
html[data-appearance] body dialog .receipt-interior{background:var(--soft-bg)!important;border-color:var(--soft-line)!important}
html[data-appearance] body dialog .window-menu>div{background:var(--soft-panel)!important;border-color:var(--soft-line)!important;color:var(--soft-ink)!important}
