/* Shared theme control and dark palette. Page geometry and the light theme stay unchanged. */
html body button.site-theme-toggle[data-site-theme-toggle],
html #service-intake-proposal button.site-theme-toggle[data-site-theme-toggle] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    flex: 0 0 64px;
    box-sizing: border-box;
    width: 64px;
    min-width: 64px;
    height: 34px;
    min-height: 34px;
    gap: 0;
    margin: 0;
    padding: 0 2px;
    border: 1px solid var(--site-muted);
    border-radius: 18px;
    background: var(--site-head);
    color: var(--site-muted);
    box-shadow: none;
    font: 400 20px/1 'Segoe UI Symbol', 'Segoe UI', sans-serif;
    cursor: pointer;
    vertical-align: middle;
}
html body button.site-theme-toggle[data-site-theme-toggle]::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--site-paper);
    box-shadow: 0 1px 3px #0003;
    transition: transform 160ms ease;
}
html body button.site-theme-toggle[data-site-theme-toggle][aria-checked="true"]::before {
    transform: translateX(30px);
    background: #455569;
}
html body button.site-theme-toggle[data-site-theme-toggle] .site-theme-toggle__icon {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    color: inherit;
    font: inherit;
    pointer-events: none;
}
html body button.site-theme-toggle[aria-checked="false"] .site-theme-toggle__sun { color: #8a5a16; }
html body button.site-theme-toggle[aria-checked="true"] .site-theme-toggle__moon { color: #f4f6ff; }
html body button.site-theme-toggle[data-site-theme-toggle]:hover,
html #service-intake-proposal button.site-theme-toggle[data-site-theme-toggle]:hover {
    border: 1px solid var(--site-accent);
    background: var(--site-head);
    box-shadow: none;
}
html body button.site-theme-toggle[data-site-theme-toggle]:focus-visible,
html #service-intake-proposal button.site-theme-toggle[data-site-theme-toggle]:focus-visible { outline: 2px solid var(--site-accent); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
    html body button.site-theme-toggle[data-site-theme-toggle]::before { transition: none; }
}
/* Keep the header control available when page-specific mobile styles hide user details. */
@media (max-width: 600px) {
    html body.universal-panel-page > header.app-header {
        grid-template-columns: minmax(0, 1fr) auto auto;
        gap: 8px;
    }
    html body.universal-panel-page > header.app-header .part.right {
        display: flex;
        grid-column: 3;
    }
}
@media (max-width: 560px) {
    html body.universal-panel-page > header.app-header,
    html body.main-page > header.app-header {
        grid-template-columns: minmax(0, 1fr) auto;
    }
    html body.universal-panel-page > header.app-header .part.right,
    html body.main-page > header.app-header .part.right { grid-column: 2; }
}
html body .stock-workspace-header > button.site-theme-toggle[data-site-theme-toggle] { justify-self: end; }
html body .form_mobile .main_content > button.site-theme-toggle[data-site-theme-toggle] {
    display: flex;
    margin: 8px 0 8px auto;
}
html[data-site-theme="dark"] {
    --site-soft: #32302c;
    --site-border-strong: #615e56;
    --site-info: #a9c3dc;
    --site-info-bg: #24303b;
    background: var(--site-bg);
}
html[data-site-theme="dark"] body {
    background: var(--site-bg);
    color: var(--site-ink);
    color-scheme: dark;
}
html[data-site-theme="dark"] body > footer {
    background: var(--site-paper);
    border-color: var(--site-line);
}
html[data-site-theme="dark"] body > footer p { color: var(--site-muted); }

html[data-site-theme="dark"] body {
    --bg: var(--site-bg);
    --card: var(--site-paper);
    --card-soft: var(--site-soft);
    --head: var(--site-head);
    --text: var(--site-ink);
    --muted: var(--site-muted);
    --border: var(--site-line);
    --border-strong: var(--site-border-strong);
    --accent: var(--site-accent);
    --accent-2: var(--site-accent-hover);
    --on-accent: var(--site-on-accent);
    --soft: var(--site-active);
    --success: var(--site-success);
    --success-bg: var(--site-success-bg);
    --warning: var(--site-warning);
    --warning-bg: var(--site-warning-bg);
    --danger: var(--site-danger);
    --danger-bg: var(--site-danger-bg);
    --info: var(--site-info);
    --info-bg: var(--site-info-bg);
    --tooltip-bg: var(--site-ink);
    --tooltip-text: var(--site-bg);
    --surface-panel: var(--site-soft);
    --surface-panel-strong: var(--site-head);
    --surface-table-head: var(--site-head);
    --surface-row-alt: var(--site-paper);
    --surface-row-hover: var(--site-table-hover);
    --panel-element-border: var(--site-line);
}

html[data-site-theme="dark"] body.accept-page {
    --accept-bg: var(--site-bg);
    --accept-card: var(--site-paper);
    --accept-soft: var(--site-soft);
    --accept-text: var(--site-ink);
    --accept-muted: var(--site-muted);
    --accept-border: var(--site-line);
    --accept-border-strong: var(--site-border-strong);
    --accept-accent: var(--site-accent);
    --accept-accent-hover: var(--site-accent-hover);
    --accept-danger: var(--site-danger);
    --accept-danger-bg: var(--site-danger-bg);
    --accept-success: var(--site-success);
    --accept-success-bg: var(--site-success-bg);
}

html[data-site-theme="dark"] body.shipment-page {
    --shipment-bg: var(--site-bg);
    --shipment-card: var(--site-paper);
    --shipment-soft: var(--site-soft);
    --shipment-head: var(--site-head);
    --shipment-text: var(--site-ink);
    --shipment-muted: var(--site-muted);
    --shipment-border: var(--site-line);
    --shipment-border-strong: var(--site-border-strong);
    --shipment-accent: var(--site-accent);
    --shipment-accent-hover: var(--site-accent-hover);
    --shipment-danger: var(--site-danger);
    --shipment-danger-bg: var(--site-danger-bg);
    --shipment-success: var(--site-success);
    --shipment-success-bg: var(--site-success-bg);
}

html[data-site-theme="dark"] body.nomenclature-page {
    --nm-bg: var(--site-bg);
    --nm-card: var(--site-paper);
    --nm-surface: var(--site-soft);
    --nm-head: var(--site-head);
    --nm-text: var(--site-ink);
    --nm-muted: var(--site-muted);
    --nm-border: var(--site-line);
    --nm-border-strong: var(--site-border-strong);
    --nm-accent: var(--site-accent);
    --nm-accent-hover: var(--site-accent-hover);
}

html[data-site-theme="dark"] body.newscan-page {
    --scan-bg: var(--site-bg);
    --scan-card: var(--site-paper);
    --scan-surface: var(--site-soft);
    --scan-head: var(--site-head);
    --scan-text: var(--site-ink);
    --scan-muted: var(--site-muted);
    --scan-border: var(--site-line);
    --scan-border-strong: var(--site-border-strong);
    --scan-accent: var(--site-accent);
    --scan-accent-hover: var(--site-accent-hover);
}

html[data-site-theme="dark"] body.admin-page {
    --admin-bg: var(--site-bg);
    --admin-card: var(--site-paper);
    --admin-soft: var(--site-soft);
    --admin-head: var(--site-head);
    --admin-text: var(--site-ink);
    --admin-muted: var(--site-muted);
    --admin-border: var(--site-line);
    --admin-border-strong: var(--site-border-strong);
    --admin-accent: var(--site-accent);
    --admin-accent-hover: var(--site-accent-hover);
    --admin-accent-soft: var(--site-active);
    --admin-success: var(--site-success);
    --admin-success-soft: var(--site-success-bg);
    --admin-danger: var(--site-danger);
    --admin-danger-soft: var(--site-danger-bg);
}

html[data-site-theme="dark"] body.auth-page {
    --auth-bg: var(--site-bg);
    --auth-card: var(--site-paper);
    --auth-soft: var(--site-soft);
    --auth-text: var(--site-ink);
    --auth-muted: var(--site-muted);
    --auth-border: var(--site-line);
    --auth-border-strong: var(--site-border-strong);
    --auth-accent: var(--site-accent);
    --auth-accent-hover: var(--site-accent-hover);
    --auth-success: var(--site-success);
    --auth-success-bg: var(--site-success-bg);
    --auth-danger: var(--site-danger);
    --auth-danger-bg: var(--site-danger-bg);
    --auth-warning: var(--site-warning);
    --auth-warning-bg: var(--site-warning-bg);
}

html[data-site-theme="dark"] body.orders-page {
    --orders-bg: var(--site-bg);
    --orders-card: var(--site-paper);
    --orders-card-solid: var(--site-paper);
    --orders-surface: var(--site-soft);
    --orders-surface-strong: var(--site-head);
    --orders-text: var(--site-ink);
    --orders-muted: var(--site-muted);
    --orders-border: var(--site-line);
    --orders-border-strong: var(--site-border-strong);
    --orders-accent: var(--site-accent);
    --orders-accent-hover: var(--site-accent-hover);
    --orders-accent-soft: var(--site-active);
    --orders-success: var(--site-success);
    --orders-success-bg: var(--site-success-bg);
    --orders-warning: var(--site-warning);
    --orders-warning-bg: var(--site-warning-bg);
    --orders-danger: var(--site-danger);
    --orders-danger-bg: var(--site-danger-bg);
    --orders-info: var(--site-info);
    --orders-info-bg: var(--site-info-bg);
}

html[data-site-theme="dark"] body #warehouse {
    --wh-bg: var(--site-bg);
    --wh-paper: var(--site-paper);
    --wh-text: var(--site-ink);
    --wh-muted: var(--site-muted);
    --wh-line: var(--site-line);
    --wh-accent: var(--site-accent);
    --wh-onaccent: var(--site-on-accent);
    --wh-soft: var(--site-active);
    --wh-error: var(--site-danger);
    --wh-ok: var(--site-success);
}

html[data-site-theme="dark"] body .stock-scan-main {
    --scan-card: var(--site-paper);
    --scan-card-soft: var(--site-soft);
    --scan-text: var(--site-ink);
    --scan-muted: var(--site-muted);
    --scan-border: var(--site-line);
    --scan-border-strong: var(--site-border-strong);
    --scan-title: var(--site-ink);
    --scan-primary: var(--site-accent);
    --scan-primary-hover: var(--site-accent-hover);
    --scan-primary-soft: var(--site-active);
    --scan-success: var(--site-success);
    --scan-success-soft: var(--site-success-bg);
    --scan-warning: var(--site-warning);
    --scan-warning-soft: var(--site-warning-bg);
    --scan-danger: var(--site-danger);
    --scan-danger-soft: var(--site-danger-bg);
}

html[data-site-theme="dark"] body .stock-scan-tools-main {
    --tools-card: var(--site-paper);
    --tools-card-soft: var(--site-soft);
    --tools-text: var(--site-ink);
    --tools-muted: var(--site-muted);
    --tools-border: var(--site-line);
    --tools-border-strong: var(--site-border-strong);
    --tools-title: var(--site-ink);
    --tools-primary: var(--site-accent);
    --tools-primary-hover: var(--site-accent-hover);
    --tools-primary-soft: var(--site-active);
    --tools-success: var(--site-success);
    --tools-success-soft: var(--site-success-bg);
    --tools-warning: var(--site-warning);
    --tools-warning-soft: var(--site-warning-bg);
    --tools-danger: var(--site-danger);
    --tools-danger-soft: var(--site-danger-bg);
}

html[data-site-theme="dark"] body {
    --accent-rgb: 224, 138, 106;
    --warning-rgb: 232, 192, 122;
    --danger-rgb: 241, 160, 149;
    --success-rgb: 156, 197, 154;
    --card-rgb: 42, 41, 38;
    --shadow: 0 20px 60px #0006;
}
html[data-site-theme="dark"] body #warehouse {
    --wh-accent-rgb: 224, 138, 106;
    color-scheme: dark;
}
/* Native controls, autocomplete and shared overlays. */
html[data-site-theme="dark"] body :is(input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea) {
    background-color: var(--site-paper);
    color: var(--site-ink);
    border-color: var(--site-border-strong);
}
html[data-site-theme="dark"] body :is(input, textarea)::placeholder { color: var(--site-muted); }
html[data-site-theme="dark"] body :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--site-accent); }
html[data-site-theme="dark"] body :is(.autocomplete-list, .ui-widget-content, .ui-widget-header, .ui-dialog, .modal-content) {
    background: var(--site-paper);
    color: var(--site-ink);
    border-color: var(--site-border-strong);
}
html[data-site-theme="dark"] body :is(.autocomplete-item:hover, .autocomplete-item.active, .ui-state-active, .ui-state-hover) {
    background: var(--site-active);
    color: var(--site-ink);
    border-color: var(--site-accent);
}
html[data-site-theme="dark"] body .ui-state-default {
    background: var(--site-soft);
    color: var(--site-ink);
    border-color: var(--site-line);
}
html[data-site-theme="dark"] body .ui-widget-content a { color: var(--site-accent); }
html[data-site-theme="dark"] body .nomenclature-comment-popover {
    background: var(--site-paper);
    border-color: var(--site-border-strong);
    box-shadow: 0 4px 16px #0005;
}
html[data-site-theme="dark"] body span.nomenclature-comment { color: var(--site-ink); }
html[data-site-theme="dark"] body .nomenclature-comment :is(.nomenclature-comment__icon, .nomenclature-comment__label),
html[data-site-theme="dark"] body .nomenclature-comment--empty .nomenclature-comment__text { color: var(--site-muted); }
html[data-site-theme="dark"] body button.nomenclature-comment-button,
html[data-site-theme="dark"] #warehouse button.nomenclature-comment-button,
html[data-site-theme="dark"] #actionPanel button.nomenclature-comment-button {
    color: var(--site-info);
    border-color: var(--site-muted);
}

/* Legacy literal colors: limited to the components that use them. QR canvases stay white. */
html[data-site-theme="dark"] .accept .submBtn,
html[data-site-theme="dark"] .shipment-page .shipment-form .submBtn,
html[data-site-theme="dark"] .admin-panel-nav__btn.is-active,
html[data-site-theme="dark"] .admin-btn-primary,
html[data-site-theme="dark"] .auth-page .auth-button--primary,
html[data-site-theme="dark"] .auth-page .auth-button--success,
html[data-site-theme="dark"] .newscan-page .btn:not(.btn-ghost),
html[data-site-theme="dark"] .newscan-page .save-btn,
html[data-site-theme="dark"] .orders-button--primary,
html[data-site-theme="dark"] .orders-button--edit,
html[data-site-theme="dark"] .orders-button--edit:hover,
html[data-site-theme="dark"] .orders-button--shipment,
html[data-site-theme="dark"] .orders-button--shipment:hover,
html[data-site-theme="dark"] .order-open-button,
html[data-site-theme="dark"] .order-open-button:hover,
html[data-site-theme="dark"] .orders-page-btn.is-active,
html[data-site-theme="dark"] .stock-scan-main .primary-action,
html[data-site-theme="dark"] .stock-scan-tools-main .stock-scan-tools-btn-primary {
    color: var(--site-on-accent);
}
html[data-site-theme="dark"] .admin-toast.is-success .admin-toast__card,
html[data-site-theme="dark"] .admin-message.is-success,
html[data-site-theme="dark"] .auth-page .auth-message--success {
    border-color: var(--site-success);
}
html[data-site-theme="dark"] .admin-toast.is-error .admin-toast__card,
html[data-site-theme="dark"] .admin-message.is-error,
html[data-site-theme="dark"] .auth-page .auth-message--error {
    border-color: var(--site-danger);
}
html[data-site-theme="dark"] .admin-stock-total {
    border: 1px solid var(--site-accent); color: var(--site-accent);
}
html[data-site-theme="dark"] .admin-table tbody tr:hover {
    background: var(--site-table-hover);
}
html[data-site-theme="dark"] .auth-page .auth-field input,
html[data-site-theme="dark"] .newscan-page #scanInput,
html[data-site-theme="dark"] .newscan-page #dynamicFields input,
html[data-site-theme="dark"] .newscan-page #dynamicFields textarea,
html[data-site-theme="dark"] .newscan-page #dynamicFields select.select,
html[data-site-theme="dark"] .newscan-page #dynamicFields .new-select,
html[data-site-theme="dark"] .stock-scan-main .stock-scan-shell,
html[data-site-theme="dark"] .stock-scan-main .voice-engine-option,
html[data-site-theme="dark"] .stock-scan-main input[type="text"],
html[data-site-theme="dark"] .stock-scan-main input[type="number"],
html[data-site-theme="dark"] .stock-scan-main select,
html[data-site-theme="dark"] .stock-scan-main .secondary-action,
html[data-site-theme="dark"] .stock-scan-main .basket-item__remove,
html[data-site-theme="dark"] .stock-scan-main .basket-item,
html[data-site-theme="dark"] .stock-scan-main .history-item,
html[data-site-theme="dark"] .stock-scan-main .basket-item__remove,
html[data-site-theme="dark"] .stock-scan-main .stock-scan-toast,
html[data-site-theme="dark"] .stock-scan-tools-main,
html[data-site-theme="dark"] .stock-scan-tools-main .stock-scan-tools-btn:not(.stock-scan-tools-btn-primary):not(.stock-scan-tools-btn-accent),
html[data-site-theme="dark"] .stock-scan-tools-main .field-group input,
html[data-site-theme="dark"] .stock-scan-tools-main .field-group select,
html[data-site-theme="dark"] .stock-scan-tools-main .qr-preview__row--major,
html[data-site-theme="dark"] .stock-scan-tools-main .qr-preview__code,
html[data-site-theme="dark"] .stock-scan-tools-main .qr-preview__qr-meta,
html[data-site-theme="dark"] .stock-scan-tools-main .recent-container,
html[data-site-theme="dark"] .stock-scan-tools-main .recent-container__qr-text,
html[data-site-theme="dark"] .stock-scan-tools-main .recent-container--preview,
html[data-site-theme="dark"] .stock-scan-tools-main .service-qr-card,
html[data-site-theme="dark"] .stock-scan-tools-main .stock-search-item,
html[data-site-theme="dark"] .stock-scan-tools-main .stock-scan-tools-toast {
    background: var(--site-paper);
}
html[data-site-theme="dark"] .auth-page .auth-button--success:hover {
    background: var(--site-success);
}
html[data-site-theme="dark"] .auth-page .auth-message--warning {
    border-color: var(--site-warning);
}
html[data-site-theme="dark"] .newscan-page .hint.active {
    border-color: var(--site-success); background: var(--site-success-bg); color: var(--site-success);
}
html[data-site-theme="dark"] .newscan-page .hint.unactive {
    border-color: var(--site-warning); background: var(--site-warning-bg); color: var(--site-warning);
}
html[data-site-theme="dark"] .newscan-page .product-count,
html[data-site-theme="dark"] .newscan-page .missing-version-count.has-missing {
    border: 1px solid var(--site-success); background: var(--site-success-bg); color: var(--site-success);
}
html[data-site-theme="dark"] .newscan-page .missing-version-count.has-missing {
    border-color: var(--site-danger); background: var(--site-danger-bg); color: var(--site-danger);
}
html[data-site-theme="dark"] .newscan-page .serial-version.empty,
html[data-site-theme="dark"] .newscan-page .delete-group,
html[data-site-theme="dark"] .newscan-page .delete-serial {
    color: var(--site-danger);
}
html[data-site-theme="dark"] .newscan-page .delete-group:hover,
html[data-site-theme="dark"] .newscan-page .delete-serial:hover {
    border-color: var(--site-danger); background: var(--site-danger-bg);
}
html[data-site-theme="dark"] .newscan-page .action-item:has(input:checked) {
    border-color: var(--site-accent); background: var(--site-active); color: var(--site-accent);
}
html[data-site-theme="dark"] .newscan-page .save-hint,
html[data-site-theme="dark"] .stock-scan-tools-main .success-inline-notice,
html[data-site-theme="dark"] .stock-scan-tools-main .recent-container--preview .recent-container__summary-value,
html[data-site-theme="dark"] .stock-workspace-nav__worker.stock-scan-shell__worker,
html[data-site-theme="dark"] .stock-workspace-nav__worker.stock-scan-shell__worker strong {
    color: var(--site-success);
}
html[data-site-theme="dark"] .newscan-page #saveMessage.success span {
    border-color: var(--site-success); color: var(--site-success);
}
html[data-site-theme="dark"] .newscan-page #saveMessage.error span,
html[data-site-theme="dark"] .newscan-page #saveMessage.fail span {
    border-color: var(--site-danger); color: var(--site-danger);
}
html[data-site-theme="dark"] .orders-button--danger:hover {
    background: var(--site-danger-bg);
}
html[data-site-theme="dark"] .stock-scan-tools-main .field-group input:disabled,
html[data-site-theme="dark"] .stock-scan-tools-main .field-group select:disabled,
html[data-site-theme="dark"] .stock-workspace-header__description {
    color: var(--site-muted);
}
html[data-site-theme="dark"] .stock-workspace-header__title,
html[data-site-theme="dark"] main.um_manual .um_caption,
html[data-site-theme="dark"] main.um_manual .um_description h3,
html[data-site-theme="dark"] main.um_manual .um_description strong {
    color: var(--site-ink);
}
html[data-site-theme="dark"] .stock-workspace-nav__items {
    border-bottom: 1px solid var(--site-line);
}
html[data-site-theme="dark"] .stock-workspace-nav__link,
html[data-site-theme="dark"] .stock-workspace-nav__worker,
html[data-site-theme="dark"] main.um_manual .um_extra {
    background: var(--site-soft); color: var(--site-ink);
}
html[data-site-theme="dark"] .stock-workspace-nav__link:hover,
html[data-site-theme="dark"] .stock-workspace-nav__link:focus-visible,
html[data-site-theme="dark"] main.um_manual .um_pages button.um_active {
    background: var(--site-active); color: var(--site-accent);
}
html[data-site-theme="dark"] .stock-workspace-nav__link.is-active {
    background: var(--site-paper); border-color: var(--site-line); color: var(--site-accent);
}
html[data-site-theme="dark"] main.um_manual {
    background: var(--site-bg); color: var(--site-ink);
}
html[data-site-theme="dark"] main.um_manual .um_pages button {
    color:var(--site-ink);
}
html[data-site-theme="dark"] main.um_manual .um_description {
    background: var(--site-paper); border: 2px solid var(--site-line); color: var(--site-ink);
}
html[data-site-theme="dark"] main.um_manual .um_note {
    color:var(--site-muted); background: var(--site-soft);
}

html[data-site-theme="dark"] .orders-button--shipment:disabled { color: var(--site-muted); }
html[data-site-theme="dark"] .orders-drawer-loading { background: #2a2926dd; }
html[data-site-theme="dark"] .newscan-page .btn-ghost { color: var(--site-ink); }
html[data-site-theme="dark"] .stock-scan-tools-main .success-inline-notice {
    background: var(--site-success-bg);
    border-color: var(--site-success);
}
html[data-site-theme="dark"] .stock-scan-tools-main .recent-container--preview .recent-container__qr {
    background: var(--site-success-bg);
}
html[data-site-theme="dark"] .stock-workspace-nav__worker.stock-scan-shell__worker { background: var(--site-success-bg); }
html[data-site-theme="dark"] main.um_manual .um_pages button.um_active { background: var(--site-active); }
html[data-site-theme="dark"] main.um_manual .um_pages button:hover { background: var(--site-soft); }
html[data-site-theme="dark"] body .ui-menu-item:hover { color: var(--site-ink); }
html[data-site-theme="dark"] body .ui-icon { filter: brightness(0) invert(.85); }

/* Camera scanner uses the old shared form styles. */
html[data-site-theme="dark"] body .form_mobile :is(.main_content, .scaned_item, .info_table, .info_serial_table, .submBtn.n2),
html[data-site-theme="dark"] body :is(.custom-select-panel, .new-select__item span) {
    background: var(--site-paper);
    color: var(--site-ink);
    border-color: var(--site-line);
}
html[data-site-theme="dark"] body .form_mobile :is(.p1, .info_serial_table td, .info_serial_table th, .info_table td, .info_table caption, #result) {
    color: var(--site-ink);
    border-color: var(--site-border-strong);
}
html[data-site-theme="dark"] body .form_mobile :is(.submBtn:not(.n2), .custom-select-opener, .new-select) {
    background: var(--site-accent);
    color: var(--site-on-accent);
}
html[data-site-theme="dark"] body :is(.custom-select-option.has-focus, .new-select__item span:hover) {
    background: var(--site-active);
    color: var(--site-ink);
}
html[data-site-theme="dark"] body .form_mobile .message.ok { background: var(--site-success-bg); color: var(--site-success); }
html[data-site-theme="dark"] body .form_mobile .message.fail { background: var(--site-danger-bg); color: var(--site-danger); }
html[data-site-theme="dark"] body .form_mobile .message.just { background: var(--site-info-bg); color: var(--site-info); }
html[data-site-theme="dark"] body .form_mobile #cameraOrderStatus.is-error { color: var(--site-danger); }
html[data-site-theme="dark"] body .form_mobile .site-theme-toggle { margin: 8px 0; }
html[data-site-theme="dark"] body .form_mobile :is(.show_scaned_items, #html5-qrcode-select-camera) { color: var(--site-info); }
html[data-site-theme="dark"] body .ui-state-highlight {
    background: var(--site-warning-bg);
    color: var(--site-warning);
    border-color: var(--site-warning);
}
html[data-site-theme="dark"] body :is(input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea):focus-visible {
    border-color: var(--site-accent);
    outline: 2px solid var(--site-accent);
    outline-offset: 2px;
}
html[data-site-theme="dark"] body :is(input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea):disabled {
    background-color: var(--site-soft);
    color: var(--site-muted);
}