/* Explicit schemes prevent native fields from following the OS instead of the app switch. */
html[data-theme=light]{color-scheme:light;--ui-page:#f5f6f8;--ui-panel:#ffffff;--ui-input:#ffffff;--ui-ink:#202a34;--ui-muted:#626e7c;--ui-border:#cfd6df;--ui-disabled:#edf0f4;--ui-disabled-ink:#737e8b;--ui-hover:#f0f3f7;--ui-active:#fff0eb;--ui-active-ink:#ba3d27;--ui-warning:#fff8eb;--ui-warning-ink:#8c5921;--ui-error:#b63626;--ui-focus:#d8563b}
html[data-theme=dark]{color-scheme:dark;--ui-page:#12171e;--ui-panel:#1c232d;--ui-input:#151b24;--ui-ink:#e1e8f2;--ui-muted:#a7b2c1;--ui-border:#3b4656;--ui-disabled:#252d38;--ui-disabled-ink:#9ba6b5;--ui-hover:#2b3645;--ui-active:#3b2b25;--ui-active-ink:#ffad91;--ui-warning:#342b20;--ui-warning-ink:#e6c38b;--ui-error:#ffaaa0;--ui-focus:#ee8c74}
html[data-theme] body.operations-app{background:var(--ui-page);color:var(--ui-ink)}
html[data-theme] body.operations-app :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),select,textarea){box-sizing:border-box;background:var(--ui-input);color:var(--ui-ink);border:1px solid var(--ui-border);border-radius:6px;min-height:44px;padding:11px 12px;font-size:14px;caret-color:var(--ui-ink)}
html[data-theme] body.operations-app :is(input,textarea)::placeholder{color:var(--ui-muted);opacity:1}
html[data-theme] body.operations-app :is(input:not([type=checkbox]):not([type=radio]),select,textarea):disabled{background:var(--ui-disabled);color:var(--ui-disabled-ink);opacity:1;-webkit-text-fill-color:var(--ui-disabled-ink)}
html[data-theme] body.operations-app :is(input,select,textarea):focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}
html[data-theme] body.operations-app .search-wrap{background:var(--ui-input);border-color:var(--ui-border)}
html[data-theme] body.operations-app .search-wrap input{background:transparent;border:0;box-shadow:none;flex:1}
html[data-theme] body.operations-app :is(.secondary,.quiet,.camera-trigger,.subtle-button,.icon-button){background:var(--ui-panel);color:var(--ui-ink);border-color:var(--ui-border)}
html[data-theme] body.operations-app :is(.secondary,.quiet,.camera-trigger,.subtle-button,.icon-button):hover{background:var(--ui-hover)}
html[data-theme] body.operations-app :is(.panel,dialog,.barcode-camera,.stats,.stat,.import-card,.measurement-launch){background:var(--ui-panel);color:var(--ui-ink);border-color:var(--ui-border)}
html[data-theme] body.operations-app :is(.filters button,.archive-tabs button){color:var(--ui-muted)}
html[data-theme] body.operations-app :is(.filters button.selected,.filters button.active){background:var(--ui-active);color:var(--ui-active-ink)}
html[data-theme] body.operations-app :is(.status:not(.error),.history-list,.history-row strong,.empty-list,.empty,.muted,.location-label,.location-value,.identifiers,.identifiers span:first-child,.list-footer,.unit-note,.footnote,.barcode-camera p){color:var(--ui-muted)}
html[data-theme] body.operations-app :is(.status.error,.error,.location-card .stock.negative){color:var(--ui-error)}
html[data-theme] body.operations-app :is(.warnings,.uncertain){background:var(--ui-warning);color:var(--ui-warning-ink);border-color:var(--ui-border)}
html[data-theme] body.operations-app :is(.location-warning,.location-note){color:var(--ui-warning-ink)}
html[data-theme] body.operations-app .barcode-camera-preview{background:#111}
html[data-theme] body.operations-app :is(.sidebar,.operations-sidebar){background:#191b20;color:#fff}
/* Keep the TV header and product text transparent rather than inheriting card surfaces. */
html[data-theme] body.tv-screen{background:var(--ui-page);color:var(--ui-ink)}
html[data-theme] body.tv-screen :is(.tv-summary,.tv-stat,.product){background:transparent;color:inherit;box-shadow:none}
html[data-theme] body.tv-screen .tv-stat strong{color:var(--ui-ink)}
html[data-theme] body.tv-screen .tv-stat strong.red{color:var(--red)}
html[data-theme] body.tv-screen :is(.home-link,button){background:var(--ui-panel);color:var(--ui-ink);border-color:var(--ui-border)}
html[data-theme] body.tv-screen :is(input,select){background:var(--ui-input);color:var(--ui-ink);border-color:var(--ui-border)}
@media(max-width:650px){html[data-theme] body.operations-app :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}}