:root {
    --theme-page: #181e24;
    --theme-surface: #222a31;
    --theme-surface-soft: #1d242b;
    --theme-surface-raised: #29333c;
    --theme-text: #f3ead8;
    --theme-text-muted: #b9c3c9;
    --theme-border: #3b4b55;
    --theme-accent: #16c6e8;
    --theme-accent-strong: #0097b4;
    --theme-warning: #dec702;
    --theme-header: #1b2228;
    --theme-sidebar: #20282f;
    --theme-footer: #1b2228;
    --theme-shadow: rgba(0, 0, 0, 0.32);
    color-scheme: dark;
}

html[data-theme="light"] {
    --theme-page: #edf3f6;
    --theme-surface: #ffffff;
    --theme-surface-soft: #f4f8fa;
    --theme-surface-raised: #e4edf2;
    --theme-text: #17252d;
    --theme-text-muted: #526873;
    --theme-border: #b9cbd4;
    --theme-accent: #087f96;
    --theme-accent-strong: #056b7f;
    --theme-warning: #8a7300;
    --theme-header: #f9fbfc;
    --theme-sidebar: #e7eef2;
    --theme-footer: #f9fbfc;
    --theme-shadow: rgba(31, 61, 76, 0.16);

    /* Configurator aliases used by Plaino, awning, pergola and Deck-style drawings. */
    --bg: #edf3f6;
    --panel: #ffffff;
    --panel-2: #f3f7f9;
    --panel2: #f3f7f9;
    --line: #aebfc8;
    --cream: #17252d;
    --text: #17252d;
    --muted: #5b707b;
    --cyan: #087f96;
    --bs-body-color: #17252d;
    --bs-body-bg: #edf3f6;
    --bs-secondary-color: #526873;
    --bs-secondary-bg: #e4edf2;
    --bs-tertiary-color: #526873;
    --bs-tertiary-bg: #f4f8fa;
    --bs-border-color: #b9cbd4;
    --bs-heading-color: #17252d;
    color-scheme: light;
}

html,
body,
#head,
#dashboard,
.main-content,
footer.footer {
    transition: background-color 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

#main-head {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--app-header-height);
    min-height: var(--app-header-height);
    white-space: nowrap;
    pointer-events: none;
}

#main-head-title {
    display: inline-flex;
    align-items: center;
    height: 100%;
    text-align: center;
    line-height: 1.2;
    pointer-events: none;
}

.theme-toggle {
    min-height: 36px;
    padding: 5px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid rgba(143, 223, 255, 0.6);
    border-radius: 999px;
    background: rgba(8, 20, 27, 0.58);
    color: #eafaff;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 13px rgba(0, 0, 0, 0.18);
    transition: background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

.theme-toggle:hover {
    border-color: #67e8f9;
    background: rgba(13, 42, 54, 0.9);
    transform: translateY(-1px);
}

.theme-toggle:focus-visible {
    outline: 3px solid rgba(34, 211, 238, 0.42);
    outline-offset: 2px;
}

.theme-toggle-icon {
    font-size: 1.1rem;
    line-height: 1;
}

.dashboard-theme-control {
    width: 100%;
    padding: 0;
    margin-bottom: 14px;
}

.theme-toggle.theme-toggle-menu {
    width: 100%;
    min-width: 0;
    min-height: 0;
    justify-content: flex-start;
    gap: 7px;
    padding: 15px;
    border: 0;
    border-bottom: 1px solid #3d4145;
    border-radius: 0;
    background: transparent;
    color: antiquewhite;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    box-shadow: none;
    pointer-events: auto;
    touch-action: manipulation;
}

.theme-toggle.theme-toggle-menu:hover {
    border-bottom-color: #3d4145;
    background: #3d4145;
    color: antiquewhite;
    transform: none;
}

.theme-toggle.theme-toggle-menu:focus,
.theme-toggle.theme-toggle-menu:focus-visible {
    outline: none;
    background: #1f1f1f;
    color: #dec702;
    box-shadow: inset 5px 0 #dec702, 0 0 4px rgba(222, 199, 2, 0.6);
}

.theme-toggle-menu .theme-toggle-icon {
    font-size: 1em;
}

.theme-toggle-menu .theme-toggle-label {
    display: inline;
}

#dashboard.collapsed .dashboard-theme-control,
.dashboard-state-collapsed #dashboard .dashboard-theme-control {
    display: none !important;
}

html[data-theme="light"] body {
    background: radial-gradient(circle at top right, rgba(8, 127, 150, 0.12), transparent 38%), #edf3f6 !important;
    color: var(--theme-text) !important;
}

html[data-theme="light"] #head {
    background: linear-gradient(180deg, #e7ecef, #dce3e7) !important;
    color: var(--theme-text) !important;
    border-bottom: 1px solid var(--theme-border);
    box-shadow: 0 3px 14px rgba(31, 61, 76, 0.12);
}

html[data-theme="light"] .header-brand-text,
html[data-theme="light"] .header-brand-subtitle,
html[data-theme="light"] #main-head,
html[data-theme="light"] #login,
html[data-theme="light"] #login .nav-link,
html[data-theme="light"] #login a {
    color: var(--theme-text) !important;
}

html[data-theme="light"] .header-brand-icon-shell {
    background-color: #00c8ff !important;
    -webkit-mask: url("../Images/tentoset-icon.png") center / contain no-repeat;
    mask: url("../Images/tentoset-icon.png") center / contain no-repeat;
    filter: drop-shadow(0 0 4px rgba(0, 184, 255, .68));
}

html[data-theme="light"] .header-brand-icon {
    opacity: 0;
}

html[data-theme="light"] .header-brand-name {
    color: #0a52ad !important;
    -webkit-text-fill-color: #0a52ad !important;
}

html[data-theme="light"] .header-brand-subtitle {
    color: #005eff !important;
    -webkit-text-fill-color: #005eff !important;
}

html[data-theme="light"] .theme-toggle {
    background: #e0ebf0;
    border-color: #8aaeba;
    color: #173943;
    box-shadow: 0 3px 10px rgba(31, 61, 76, 0.14);
}

html[data-theme="light"] .theme-toggle:hover {
    background: #d0e1e8;
    border-color: var(--theme-accent);
}

html[data-theme="light"] #dashboard {
    background: linear-gradient(180deg, #edf3f6, #dfe9ee) !important;
    border-right: 1px solid var(--theme-border);
    color: var(--theme-text) !important;
}

html:not([data-theme="light"]) #dashboard {
    background:
        radial-gradient(circle at top right, rgba(13, 202, 240, 0.08), transparent 30%),
        linear-gradient(180deg, #262c33, #181d22) !important;
}

#dashboard .nav-link.card-order-menu-link {
    color: antiquewhite !important;
}

#dashboard .nav-link.card-order-menu-link:focus,
#dashboard .nav-link.card-order-menu-link.active {
    outline: none;
    background: #1f1f1f !important;
    color: #DEC702 !important;
    box-shadow: inset 5px 0 #DEC702, 0 0 4px rgba(222, 199, 2, 0.6) !important;
}

/* The managed role menu is rendered from a partial and can also be rebuilt by
   JavaScript. Keep the established sidebar styling global so those nodes are
   identical to the original menu and do not depend on Razor CSS isolation. */
#dashboard .role-menu-managed .nav-link {
    padding: 15px;
    border-bottom: 1px solid #3d4145;
    transition: all .15s;
}

#dashboard .role-menu-managed .sub-menu {
    background: #1a1d20;
    padding-left: 20px;
}

#dashboard .role-menu-managed .sub-menu .sub-menu {
    padding-left: 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    margin-left: 10px;
}

html:not([data-theme="light"]) #dashboard .role-menu-managed .nav-link {
    color: antiquewhite !important;
}

html:not([data-theme="light"]) #dashboard .role-menu-managed .nav-link:hover {
    background: #3d4145;
}

html:not([data-theme="light"]) #dashboard .role-menu-managed .nav-link:focus,
html:not([data-theme="light"]) #dashboard .role-menu-managed .nav-link.active {
    outline: none;
    background: #1f1f1f;
    color: #DEC702 !important;
    box-shadow: inset 5px 0 #DEC702, 0 0 4px rgba(222, 199, 2, 0.6);
}

html[data-theme="light"] #dashboard .nav-link,
html[data-theme="light"] #dashboard .theme-toggle-menu {
    background: transparent;
    color: #263942 !important;
    border-color: #c4d2d9 !important;
    box-shadow: none;
}

html[data-theme="light"] #dashboard .nav-link:hover,
html[data-theme="light"] #dashboard .theme-toggle-menu:hover {
    background: #d1e0e7 !important;
    color: #102a34 !important;
}

html[data-theme="light"] #dashboard .sub-menu {
    background: #dce7ec !important;
    border-color: #b7c9d2 !important;
}

html[data-theme="light"] #dashboard .nav-link:focus,
html[data-theme="light"] #dashboard .nav-link.active,
html[data-theme="light"] #dashboard .theme-toggle-menu:focus,
html[data-theme="light"] #dashboard .theme-toggle-menu:focus-visible {
    background: #ffffff !important;
    color: #665600 !important;
    box-shadow: inset 5px 0 #b59e00, 0 0 4px rgba(138, 115, 0, 0.28);
}

html[data-theme="light"] #dashboard .nav-link.card-order-menu-link {
    color: #263942 !important;
}

html[data-theme="light"] #dashboard .nav-link.card-order-menu-link:focus,
html[data-theme="light"] #dashboard .nav-link.card-order-menu-link.active {
    background: #ffffff !important;
    color: #665600 !important;
    box-shadow: inset 5px 0 #b59e00, 0 0 4px rgba(138, 115, 0, 0.28) !important;
}

html[data-theme="light"] .sidebar-handle {
    background: linear-gradient(to right, transparent, rgba(8, 127, 150, 0.12));
    border-color: #b9cbd4;
    color: #173943;
}

html[data-theme="light"] .main-content {
    background: radial-gradient(circle at top right, rgba(8, 127, 150, 0.1), transparent 60%), var(--theme-page) !important;
    color: var(--theme-text) !important;
}

/*
 * Global light surfaces. Page-local styles use many different names, so these
 * selectors cover the shared naming conventions across admin, retail, orders,
 * production, price lists, samples and configurators.
 */
html[data-theme="light"] body :where(
    .card,
    .panel,
    .section,
    .modal-content,
    .offcanvas,
    [class$="-shell"],
    [class*="-shell "],
    [class$="-panel"],
    [class*="-panel "],
    [class$="-card"],
    [class*="-card "],
    [class$="-content"],
    [class*="-content "],
    [class$="-section"],
    [class*="-section "],
    [class$="-summary"],
    [class*="-summary "],
    [class$="-container"],
    [class*="-container "],
    [class$="-list"],
    [class*="-list "],
    [class$="-box"],
    [class*="-box "],
    [class$="-table-wrap"],
    [class*="-table-wrap "],
    [class$="-matrix-wrap"],
    [class*="-matrix-wrap "],
    [class$="-canvas-wrap"],
    [class*="-canvas-wrap "],
    [class$="-content-wrap"],
    [class*="-content-wrap "]
) {
    background-color: var(--theme-surface) !important;
    background-image: none !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
    text-shadow: none !important;
    box-shadow: 0 8px 22px var(--theme-shadow);
}

html[data-theme="light"] body :where(
    [class$="-shell"],
    [class*="-shell "]
) {
    background-color: var(--theme-page) !important;
    background-image: none !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
    box-shadow: none !important;
}

html[data-theme="light"] body :where(
    .card-header,
    .card-footer,
    .modal-header,
    .modal-footer,
    .accordion-button,
    [class$="-card-header"],
    [class*="-card-header "],
    [class$="-panel-header"],
    [class*="-panel-header "],
    [class$="-page-header"],
    [class*="-page-header "],
    [class$="-header"],
    [class*="-header "],
    [class$="-modal-header"],
    [class*="-modal-header "],
    [class$="-toolbar"],
    [class*="-toolbar "],
    [class$="-tabs"],
    [class*="-tabs "]
) {
    background-color: var(--theme-surface-soft) !important;
    background-image: none !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
    text-shadow: none !important;
}

html[data-theme="light"] body :where(
    .list-group-item,
    .dropdown-item,
    .library-item,
    .planner-library-item,
    .samplebook-picker-item,
    .global-picker-tile,
    .product-extra-tile,
    .picker-card,
    .drag-item,
    .op-item,
    [class$="-list-item"],
    [class*="-list-item "]
):not(.canvas-item) {
    background-color: var(--theme-surface-soft) !important;
    background-image: none !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
    text-shadow: none !important;
}

html[data-theme="light"] body :where(
    .library-item,
    .planner-library-item,
    .samplebook-picker-item,
    .global-picker-tile,
    .product-extra-tile,
    .picker-card,
    .drag-item,
    .op-item,
    .list-group-item-action,
    .dropdown-item
):hover {
    background-color: #dfeaf0 !important;
    color: #102a34 !important;
    border-color: #83aab7 !important;
}

html[data-theme="light"] body :where(
    .component-category-btn,
    .component-step-btn,
    .component-back-btn,
    .library-tab,
    .tab-btn,
    .retire-tab,
    .drawing-tab,
    .plaino-tool-btn,
    .arms-btn,
    .orch-btn,
    .prisma-btn,
    .poly-btn,
    .ammos-btn,
    .ral-classic-btn,
    [class$="-filter-option"],
    [class*="-filter-option "]
) {
    background-color: #edf3f6 !important;
    background-image: none !important;
    color: #20343d !important;
    border-color: #aebfc8 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body :where(
    .component-category-btn,
    .component-step-btn,
    .component-back-btn,
    .library-tab,
    .tab-btn,
    .retire-tab,
    .drawing-tab,
    .plaino-tool-btn,
    .arms-btn,
    .orch-btn,
    .prisma-btn,
    .poly-btn,
    .ammos-btn,
    .ral-classic-btn,
    [class$="-filter-option"],
    [class*="-filter-option "]
):hover {
    background-color: #dce9ee !important;
    color: #102a34 !important;
    border-color: var(--theme-accent) !important;
}

html[data-theme="light"] body :where(
    [class$="-title"],
    [class*="-title "],
    [class$="-name"],
    [class*="-name "],
    [class$="-label"],
    [class*="-label "]
) {
    color: #20343d !important;
    text-shadow: none !important;
}

html[data-theme="light"] body :where(
    [class$="-subtitle"],
    [class*="-subtitle "],
    [class$="-meta"],
    [class*="-meta "],
    [class$="-hint"],
    [class*="-hint "]
) {
    color: var(--theme-text-muted) !important;
    text-shadow: none !important;
}

html[data-theme="light"] body table:not(.table-dark) {
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] body table:not(.table-dark) thead,
html[data-theme="light"] body table:not(.table-dark) thead tr,
html[data-theme="light"] body table:not(.table-dark) thead th {
    background-color: #e3edf2 !important;
    background-image: none !important;
    color: #155467 !important;
    border-color: #b3c6cf !important;
    text-shadow: none !important;
}

html[data-theme="light"] body table:not(.table-dark) tbody {
    background-color: #ffffff !important;
    color: var(--theme-text) !important;
}

html[data-theme="light"] body table:not(.table-dark) tbody td {
    color: var(--theme-text) !important;
    border-color: #c8d5db !important;
    text-shadow: none !important;
}

html[data-theme="light"] body table:not(.table-dark):not(.warehouse-fabrics-table) tbody tr:hover > td {
    background-color: #edf4f7 !important;
}

html[data-theme="light"] .main-content :where(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    label,
    legend,
    dt,
    dd
):not(.text-primary):not(.text-success):not(.text-danger):not(.text-warning):not(.text-info) {
    color: var(--theme-text) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .main-content a:not(.btn):not(.nav-link) {
    color: #076f86;
}

/* Order/library details that intentionally used forced dark colours. */
html[data-theme="light"] body :where(
    .order-dropzone,
    .library-list,
    .component-category-list,
    .component-step-list,
    .component-items-wrap,
    .order-child-panel,
    .order-accessory-choice-panel,
    .order-accessories-table-wrap
) {
    background-color: #fbfdfe !important;
    background-image: none !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] body :where(
    .library-preview,
    .library-preview.show,
    .library-preview-card,
    .library-item.library-preview-open,
    .library-item.library-preview-open .library-item-title,
    .library-item.library-preview-open .library-item-meta
) {
    background-color: #ffffff !important;
    background-image: none !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
    text-shadow: none !important;
}

html[data-theme="light"] body :where(
    .library-preview-image,
    .library-preview-badge,
    .order-accessory-option-image,
    .order-accessory-choice-image,
    .order-component-picker-image
) {
    background-color: #f2f6f8 !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
    text-shadow: none !important;
}

/* An image is media, not a themed surface. The Order light palette used to
   reset it through broad card-descendant selectors, while the surrounding
   image well is the only element that should receive a palette background. */
html[data-theme="light"] body[data-page="/orders/order"]
    .library-item.library-preview-open
    .library-preview-card
    .library-preview-image > img {
    all: revert !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: min(100%, 220px) !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 180px !important;
    object-fit: contain !important;
    object-position: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    clip-path: none !important;
}

html[data-theme="light"] body :where(
    .library-preview-header,
    .library-preview-code,
    .library-item-meta,
    .component-path,
    .order-total-label,
    .order-total-label-fpa,
    .order-child-panel-head,
    .order-child-code,
    .order-child-fabric-code,
    .order-child-extra-label,
    .line-price-label,
    .line-input
) {
    color: #14657a !important;
    text-shadow: none !important;
}

html[data-theme="light"] body :where(
    .library-preview-text,
    .order-child-panel-row,
    .order-child-product-row,
    .item-chip,
    .order-save-status
) {
    color: var(--theme-text) !important;
    text-shadow: none !important;
}

html[data-theme="light"] body :where(
    .empty-order-state,
    .order-page-subtitle,
    .order-child-extra,
    .order-accessory-option-image-placeholder,
    .order-accessory-choice-image-placeholder
) {
    color: var(--theme-text-muted) !important;
    text-shadow: none !important;
}

html[data-theme="light"] body .order-total-row {
    background-color: var(--theme-surface-soft) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] body :where(.order-total-value, .order-total-value-fpa, .order-page-title) {
    color: #806800 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body :where(
    .order-accessory-option-btn,
    .order-accessory-choice-btn,
    .order-component-picker-card-btn,
    .order-action-btn,
    .child-toggle-btn,
    .order-cancel-btn,
    .configurator-cancel-btn
) {
    background-color: #edf3f6 !important;
    background-image: none !important;
    color: #20343d !important;
    border-color: #aebfc8 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body :where(
    .order-accessory-option-btn,
    .order-accessory-choice-btn,
    .order-component-picker-card-btn,
    .order-action-btn,
    .child-toggle-btn,
    .order-cancel-btn,
    .configurator-cancel-btn
):hover {
    background-color: #dfeaf0 !important;
    border-color: var(--theme-accent) !important;
}

html[data-theme="light"] body :where(
    .configurator-modal-card,
    .dimension-entry-card,
    .order-warning-card,
    .order-accessories-card
) {
    background-color: #ffffff !important;
    background-image: none !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] body :where(.configurator-modal-header, .configurator-loading) {
    background-color: var(--theme-surface-soft) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

/* Standalone configurators live in iframes, so their custom shells need the same palette. */
html[data-theme="light"] :where(
    .order-page-shell,
    .arms-shell,
    .pergola-shell,
    .plaino-shell
) {
    background: var(--theme-page) !important;
    color: var(--theme-text) !important;
}

html[data-theme="light"] :where(
    .config-top-strip,
    .config-sidebar-card,
    .config-sidebar-body,
    .canvas-tabs-shell,
    .set-tabs-shell,
    .selected-items-summary,
    .arms-toolbar,
    .arms-summary,
    .pergola-panel,
    .drawing-panel,
    .summary-panel,
    .summary-card,
    .left-panel,
    .right-panel,
    .section,
    .plaino-modal-card,
    .plaino-sidebar,
    .plaino-main,
    .plaino-main-header,
    .plaino-footer,
    .table-wrap
) {
    background: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
    box-shadow: 0 8px 22px var(--theme-shadow);
}

html[data-theme="light"] :where(
    .canvas-frame,
    .arms-canvas-wrap,
    .retire-stage,
    .plaino-canvas-shell,
    .drawing-canvas,
    .plan-canvas,
    .canvas-wrap,
    .summary-drawing-frame
) {
    background-color: #f8fbfc !important;
    background-image: linear-gradient(rgba(8, 127, 150, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(8, 127, 150, 0.07) 1px, transparent 1px) !important;
    background-size: 28px 28px !important;
    color: var(--theme-text) !important;
    border-color: #9fb5c0 !important;
}

html[data-theme="light"] canvas {
    background-color: #f8fbfc !important;
    background-image: linear-gradient(rgba(8, 127, 150, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(8, 127, 150, 0.08) 1px, transparent 1px) !important;
    background-size: 28px 28px !important;
}

html[data-theme="light"] :where(
    .plaino-panel-subtitle,
    .plaino-footer-note,
    .canvas-manual-note,
    .summary-empty
) {
    color: var(--theme-text-muted) !important;
}

html[data-theme="light"] footer.footer {
    background: var(--theme-footer) !important;
    color: var(--theme-text-muted) !important;
    border-top-color: var(--theme-border);
    box-shadow: 0 -2px 10px rgba(31, 61, 76, 0.1);
}

html[data-theme="light"] footer.footer a {
    color: #05728a !important;
}

/* Shared surfaces. Keeping these rules late makes page-specific dark panels readable in light mode too. */
html[data-theme="light"] :where(
    .card,
    .modal-content,
    .offcanvas,
    .dropdown-menu,
    .list-group-item,
    .accordion-item,
    .accordion-button,
    .panel,
    .well,
    .filter-bar,
    .filters-bar,
    .search-bar,
    .toolbar
) {
    background-color: var(--theme-surface) !important;
    background-image: none !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
    box-shadow: 0 8px 22px var(--theme-shadow);
}

html[data-theme="light"] :where(
    .card-header,
    .card-footer,
    .modal-header,
    .modal-footer,
    .accordion-button:not(.collapsed),
    .dropdown-header,
    .list-group-item-action:hover
) {
    background-color: var(--theme-surface-soft) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
    textarea,
    select,
    .form-control,
    .form-select,
    .input-group-text
) {
    background-color: #ffffff !important;
    color: #17252d !important;
    -webkit-text-fill-color: #17252d !important;
    border-color: #9fb5c0 !important;
}

html[data-theme="light"] :where(input, textarea, select, .form-control, .form-select):focus {
    background-color: #ffffff !important;
    color: #17252d !important;
    -webkit-text-fill-color: #17252d !important;
    border-color: var(--theme-accent) !important;
    box-shadow: 0 0 0 0.2rem rgba(8, 127, 150, 0.2) !important;
}

html[data-theme="light"] :where(input, textarea)::placeholder {
    color: #667c87 !important;
    -webkit-text-fill-color: #667c87 !important;
    opacity: 1;
}

html[data-theme="light"] input.form-control:-webkit-autofill,
html[data-theme="light"] input.form-control:-webkit-autofill:hover,
html[data-theme="light"] input.form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #17252d !important;
    caret-color: #17252d !important;
}

html[data-theme="light"] .form-check-input {
    background-color: #ffffff;
    border-color: #7895a2;
}

html[data-theme="light"] .form-check-input:checked {
    background-color: var(--theme-accent);
    border-color: var(--theme-accent);
}

html[data-theme="light"] .table {
    --bs-table-color: #17252d;
    --bs-table-bg: #ffffff;
    --bs-table-border-color: #bdccd4;
    --bs-table-striped-color: #17252d;
    --bs-table-striped-bg: #eef4f7;
    --bs-table-hover-color: #102a34;
    --bs-table-hover-bg: #deebf0;
    color: #17252d !important;
    border-color: #bdccd4 !important;
}

html[data-theme="light"] .table > :not(caption) > * > * {
    color: inherit;
    background-color: var(--bs-table-bg);
    border-color: var(--bs-table-border-color);
}

html[data-theme="light"] :where(.dropdown-item, .list-group-item-action) {
    color: var(--theme-text) !important;
}

html[data-theme="light"] :where(.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active) {
    background-color: #dcebf0 !important;
    color: #102a34 !important;
}

html[data-theme="light"] :where(.text-light, .text-white):not(.btn):not(.badge) {
    color: var(--theme-text) !important;
}

html[data-theme="light"] :where(.text-muted, .form-text) {
    color: var(--theme-text-muted) !important;
}

html[data-theme="light"] :where(.border, .border-top, .border-end, .border-bottom, .border-start) {
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] .btn-outline-light {
    color: #27434e !important;
    border-color: #7895a2 !important;
    background-color: transparent !important;
}

html[data-theme="light"] .btn-outline-light:hover,
html[data-theme="light"] .btn-outline-light:focus {
    color: #ffffff !important;
    background-color: #315b6b !important;
    border-color: #315b6b !important;
}

html[data-theme="light"] :where(.bg-dark, .bg-black) {
    background-color: var(--theme-surface-raised) !important;
    color: var(--theme-text) !important;
}

html[data-theme="light"] hr {
    border-color: #9fb5c0;
    opacity: 0.72;
}

/* Complete light palette for order dashboards and lists. */
html[data-theme="light"] :where(.order-stats-shell, .orders-list-shell) {
    background: #edf4f7 !important;
    color: #172a33 !important;
    border-color: #bfd0d8 !important;
    box-shadow: 0 14px 34px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] :where(.order-stats-header, .orders-list-header) {
    background: transparent !important;
    color: #172a33 !important;
}

html[data-theme="light"] :where(.order-stats-title, .orders-list-title) {
    color: #173844 !important;
    text-shadow: none !important;
}

html[data-theme="light"] :where(.order-stats-subtitle, .orders-list-subtitle) {
    color: #526c78 !important;
}

html[data-theme="light"] .order-stats-kpi {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #bfd0d8 !important;
    box-shadow: 0 8px 18px rgba(31, 61, 76, 0.1) !important;
}

html[data-theme="light"] .order-stats-kpi-label {
    color: #14657a !important;
}

html[data-theme="light"] .order-stats-kpi-value {
    color: #806800 !important;
}

html[data-theme="light"] :where(.order-stats-card, .orders-list-table-wrap) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #bfd0d8 !important;
    box-shadow: 0 8px 18px rgba(31, 61, 76, 0.1) !important;
}

html[data-theme="light"] :where(.order-stats-card-header, .orders-list-table thead th) {
    background: #e2edf2 !important;
    color: #164f61 !important;
    border-color: #bfd0d8 !important;
}

html[data-theme="light"] :where(.order-stats-card-title, .order-stats-status-label, .order-stats-monthly-label) {
    color: #172a33 !important;
}

html[data-theme="light"] :where(.order-stats-empty, .orders-list-empty) {
    color: #526c78 !important;
}

html[data-theme="light"] :where(.order-stats-card-body, .order-stats-status-row, .order-stats-monthly-row) {
    background: transparent !important;
    color: #172a33 !important;
}

html[data-theme="light"] :where(.order-stats-status-bar, .order-stats-monthly-track) {
    background: #dce8ed !important;
}

html[data-theme="light"] .order-stats-status-value {
    color: #08788f !important;
}

html[data-theme="light"] :where(.order-stats-table, .orders-list-table) {
    color: #172a33 !important;
    background: #ffffff !important;
}

html[data-theme="light"] :where(.order-stats-table thead th, .orders-list-table thead th) {
    background: #e2edf2 !important;
    color: #164f61 !important;
    border-color: #bfd0d8 !important;
}

html[data-theme="light"] :where(.order-stats-table tbody td, .orders-list-table tbody td) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #cfdae0 !important;
}

html[data-theme="light"] :where(.order-stats-table tbody tr:hover td, .orders-list-table tbody tr:hover td) {
    background: #edf5f8 !important;
}

html[data-theme="light"] :where(.orders-list-number, .orders-list-cost) {
    color: #172a33 !important;
}

html[data-theme="light"] .orders-status {
    border-color: transparent !important;
    text-shadow: none !important;
}

html[data-theme="light"] .orders-status.is-pending,
html[data-theme="light"] .orders-status.is-complete {
    background: #dbe2e6 !important;
    color: #334b56 !important;
    border-color: #bdcbd2 !important;
}

html[data-theme="light"] .orders-status.is-paralifthike {
    background: #d9ecf7 !important;
    color: #145777 !important;
    border-color: #acd2e5 !important;
}

html[data-theme="light"] .orders-status.is-processing {
    background: #fff0c2 !important;
    color: #684f00 !important;
    border-color: #e9cd73 !important;
}

html[data-theme="light"] .orders-status.is-ready {
    background: #d5f0e4 !important;
    color: #12613f !important;
    border-color: #a8d9c4 !important;
}

html[data-theme="light"] :where(.order-delete-modal, .draw-modal-card, .dimension-start-card) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #aebfc8 !important;
}

/* Complete light palette for every standalone product configurator. */
html[data-theme="light"] :where(
    .dimension-fields-card,
    .product-extra-card,
    .draw-library,
    .draw-item,
    .product-extra-tile,
    .active-set-dimensions,
    .config-row
) {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #20343d !important;
    border-color: #b7cbd4 !important;
    text-shadow: none !important;
}

html[data-theme="light"] :where(
    .configurator-product-name,
    .dimension-fields-card-note,
    .product-extra-tile-value,
    .product-extra-empty,
    .draw-item-label,
    .draw-item-subtitle,
    .canvas-item-label,
    .active-set-dimension-label,
    .canvas-set-dimension-label,
    .selected-items-summary,
    .selected-items-summary td,
    .selected-items-summary th
) {
    color: #20343d !important;
    -webkit-text-fill-color: #20343d !important;
    text-shadow: none !important;
    opacity: 1;
}

html[data-theme="light"] :where(
    .configurator-product-kicker,
    .draw-item-title,
    .set-active-title
) {
    color: #806800 !important;
    -webkit-text-fill-color: #806800 !important;
    text-shadow: none !important;
}

html[data-theme="light"] :where(
    .dimension-fields-card-title,
    .product-extra-card-title,
    .dimension-field .form-label,
    .product-extra-tile-label,
    .config-sidebar-card .card-header
) {
    color: #14657a !important;
    -webkit-text-fill-color: #14657a !important;
    text-shadow: none !important;
}

html[data-theme="light"] :where(.draw-item:hover, .product-extra-tile:hover, .product-extra-tile:focus) {
    background-color: #edf5f8 !important;
    border-color: #087f96 !important;
}

html[data-theme="light"] .draw-item.is-step-complete {
    background-color: #d5f0e4 !important;
    color: #125c3d !important;
    border-color: #49a47c !important;
}

html[data-theme="light"] :where(.set-tab, .set-tab:hover) {
    background: #edf3f6 !important;
    color: #20343d !important;
    border-color: #9eb6c1 !important;
    text-shadow: none !important;
}

html[data-theme="light"] .set-tab.active {
    background: #fff0c2 !important;
    color: #624b00 !important;
    border-color: #caa400 !important;
    box-shadow: 0 0 0 2px rgba(202, 164, 0, 0.18), 0 4px 14px rgba(115, 91, 0, 0.16) !important;
}

html[data-theme="light"] :where(.canvas-frame, .draw-canvas, .draw-canvas.has-planner-ratio) {
    background-color: #f7fbfc !important;
    background-image: linear-gradient(rgba(16, 92, 112, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16, 92, 112, 0.1) 1px, transparent 1px) !important;
    background-size: 28px 28px !important;
    color: #20343d !important;
    border-color: #91acb8 !important;
}

html[data-theme="light"] .canvas-drop-hint {
    color: #607985 !important;
    -webkit-text-fill-color: #607985 !important;
    border-color: #a9bec7 !important;
    text-shadow: none !important;
}

html[data-theme="light"] .canvas-frame-tab-fill.active {
    fill: #e0ebef !important;
}

html[data-theme="light"] .canvas-frame-tab-outline {
    stroke: #087f96 !important;
}

html[data-theme="light"] .canvas-frame-tab-label {
    fill: #20343d !important;
}

html[data-theme="light"] :where(
    .draw-item-visual img,
    .canvas-item-draw img,
    .draw-drag-helper img
) {
    filter: brightness(0) saturate(100%) opacity(0.88) drop-shadow(0 1px 1px rgba(255, 255, 255, 0.65)) !important;
}

html[data-theme="light"] :where(.selected-items-summary, .selected-items-summary table) {
    background: #ffffff !important;
    color: #20343d !important;
    border-color: #b7cbd4 !important;
}

html[data-theme="light"] :where(
    .included-product-card,
    .included-product-chooser-card,
    .product-extra-modal-card
) {
    background: #ffffff !important;
    color: #20343d !important;
    border-color: #aebfc8 !important;
    box-shadow: 0 18px 44px rgba(31, 61, 76, 0.18) !important;
}

html[data-theme="light"] :where(
    .included-product-title,
    .included-product-subtitle,
    .included-product-empty,
    .included-product-details-label,
    .included-product-total,
    .selected-summary-details summary,
    .selected-summary-details td
) {
    color: #20343d !important;
    -webkit-text-fill-color: #20343d !important;
    text-shadow: none !important;
}

html[data-theme="light"] :where(.included-product-chip, .included-product-candidate) {
    background: #d8e3e8 !important;
    color: #20343d !important;
    -webkit-text-fill-color: #20343d !important;
    border-color: #8faab5 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

html[data-theme="light"] :where(.included-product-chip, .included-product-candidate):hover,
html[data-theme="light"] :where(.included-product-chip, .included-product-candidate):focus {
    background: #cbdde4 !important;
    border-color: #087f96 !important;
}

html[data-theme="light"] :where(.included-product-chip.is-selected, .included-product-candidate.is-selected) {
    background: #cbe9dc !important;
    color: #125c3d !important;
    -webkit-text-fill-color: #125c3d !important;
    border-color: #27845d !important;
    box-shadow: 0 0 0 3px rgba(39, 132, 93, 0.18) !important;
}

html[data-theme="light"] .included-product-candidate-image {
    background: #aebfc7 !important;
    border: 1px solid #91a5ae !important;
    border-radius: 10px;
    padding: 0.35rem;
}

html[data-theme="light"] .included-product-candidate-name {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}

/* Sewing/Rafi uses its own option buttons and drawing wrapper. */
html[data-theme="light"] :where(.page, .picker) {
    background: #edf3f6 !important;
    color: #20343d !important;
}

html[data-theme="light"] :where(
    .product-field-btn,
    .set-copy-dialog,
    .manual-leaf-input,
    .search
) {
    background: #ffffff !important;
    color: #20343d !important;
    -webkit-text-fill-color: #20343d !important;
    border-color: #9fb5c0 !important;
    text-shadow: none !important;
}

html[data-theme="light"] :where(
    .product-field-btn strong,
    .field span,
    .card-code
) {
    color: #14657a !important;
    -webkit-text-fill-color: #14657a !important;
    text-shadow: none !important;
}

html[data-theme="light"] :where(
    .title-fabric,
    .selected-text,
    .component-name,
    .component-code,
    .set-copy-text,
    .fabric-remainder-comment
) {
    color: #20343d !important;
    -webkit-text-fill-color: #20343d !important;
    text-shadow: none !important;
}

html[data-theme="light"] :where(.canvas-wrap, .canvas-panel .canvas-wrap) {
    background-color: #f7fbfc !important;
    background-image: linear-gradient(rgba(16, 92, 112, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16, 92, 112, 0.1) 1px, transparent 1px) !important;
    background-size: 28px 28px !important;
    border-color: #91acb8 !important;
}

html[data-theme="light"] :where(.canvas-reverse-btn, .canvas-manual-reset-btn) {
    background: #edf3f6 !important;
    color: #806800 !important;
    border-color: #b79800 !important;
    text-shadow: none !important;
}

html[data-theme="light"] .picker .card img {
    background: #d8e3e8 !important;
    border: 1px solid #aebfc8 !important;
}

html:not([data-theme="light"]) #picker .component-option:not(.is-picked):is(
    :focus,
    :focus-visible,
    .is-first-active
) {
    outline: 3px solid #7ee9ff !important;
    outline-offset: 3px !important;
    border-color: #7ee9ff !important;
    box-shadow: 0 0 0 2px #10161c, 0 0 18px 5px rgba(126, 233, 255, .42) !important;
}

html:not([data-theme="light"]) body:has(.order-page-shell) :is(
    button,
    a[href],
    [role="button"],
    [tabindex]:not([tabindex="-1"]),
    .is-focus-target,
    .is-first-active,
    .order-library-auto-focus,
    .order-return-focus
):focus,
html:not([data-theme="light"]) body:has(.order-page-shell) :is(
    button,
    a[href],
    [role="button"],
    [tabindex]:not([tabindex="-1"]),
    .is-focus-target,
    .is-first-active,
    .order-library-auto-focus,
    .order-return-focus
):focus-visible,
html:not([data-theme="light"]) body:has(.order-page-shell) :is(
    .is-focus-target,
    .is-first-active,
    .order-library-auto-focus,
    .order-return-focus
),
html:not([data-theme="light"]) body:has(.arms-shell) :is(
    button,
    a[href],
    [role="button"],
    [tabindex]:not([tabindex="-1"]),
    .is-focus-target,
    .is-first-active
):focus,
html:not([data-theme="light"]) body:has(.arms-shell) :is(
    button,
    a[href],
    [role="button"],
    [tabindex]:not([tabindex="-1"]),
    .is-focus-target,
    .is-first-active
):focus-visible,
html:not([data-theme="light"]) body:has(.arms-shell) :is(.is-focus-target, .is-first-active),
html:not([data-theme="light"]) body:has(.arms-shell) :is(
    .manual-leaf-input,
    .picker-search,
    .component-option-editor select
):is(:focus, :focus-visible) {
    outline: 3px solid #7ee9ff !important;
    outline-offset: 3px !important;
    border-color: #7ee9ff !important;
    box-shadow: 0 0 0 2px #10161c, 0 0 18px 5px rgba(126, 233, 255, .42) !important;
}

html:not([data-theme="light"]) body:has(.order-page-shell, .arms-shell) :is(
    .width-field,
    .dimension-entry-field,
    .dimension-start-field,
    .field,
    .field-row,
    .plan-field,
    .library-search-wrap
):focus-within {
    outline: 3px solid #7ee9ff !important;
    outline-offset: 3px !important;
    border-color: #7ee9ff !important;
    box-shadow: 0 0 0 2px #10161c, 0 0 18px 5px rgba(126, 233, 255, .42) !important;
}

/* Keep a committed picker selection visible after focus moves elsewhere. */
html:not([data-theme="light"]) body:has(.arms-shell) .component-option.is-picked {
    background: #47202b !important;
}

html:not([data-theme="light"]) body:has(.arms-shell) .component-option.is-picked .component-thumb {
    background: #47202b !important;
}

html:not([data-theme="light"]) body:has(.arms-shell) .component-option.is-picked :is(strong, .component-code) {
    color: #ff9caf !important;
    -webkit-text-fill-color: #ff9caf !important;
}

html:not([data-theme="light"]) body:has(.arms-shell) .component-option.is-picked:not(:focus):not(:focus-visible):not(.is-first-active) {
    border-color: rgba(255, 156, 175, .3) !important;
    box-shadow: none !important;
}

/* Plaino uses image-based drawing tools, so both the stage and tool artwork need a light variant. */
html[data-theme="light"] .plaino-modal {
    background: rgba(220, 230, 235, 0.95) !important;
}

html[data-theme="light"] :where(
    .plaino-tool-btn,
    .plaino-dimensions-card,
    .plaino-extra-fields-card,
    .plaino-extra-field-card,
    .plaino-extra-draw-item,
    .plaino-field-modal-card,
    .plaino-field-tile,
    .plaino-line-editor,
    .plaino-attach-editor
) {
    background: #ffffff !important;
    color: #20343d !important;
    border-color: #b7cbd4 !important;
    text-shadow: none !important;
}

html[data-theme="light"] :where(.plaino-tool-btn:hover, .plaino-extra-field-card:hover, .plaino-field-tile:hover) {
    background: #edf5f8 !important;
    border-color: #087f96 !important;
}

html[data-theme="light"] :where(
    .plaino-panel-title,
    .plaino-extra-field-label,
    .plaino-dimension-row strong,
    .plaino-line-editor label,
    .plaino-attach-editor label,
    .plaino-canvas-zone-label
) {
    color: #14657a !important;
    -webkit-text-fill-color: #14657a !important;
    text-shadow: none !important;
}

html[data-theme="light"] :where(
    .plaino-panel-subtitle,
    .plaino-footer-note,
    .plaino-extra-field-value,
    .plaino-extra-field-value.is-active,
    .plaino-extra-draw-meta,
    .plaino-dimension-row,
    .plaino-empty-state,
    .plaino-field-modal-subtitle
) {
    color: #526c78 !important;
    -webkit-text-fill-color: #526c78 !important;
    text-shadow: none !important;
}

html[data-theme="light"] :where(.plaino-canvas-shell, .plaino-draw-zone) {
    background-color: #f7fbfc !important;
    background-image: linear-gradient(rgba(16, 92, 112, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16, 92, 112, 0.1) 1px, transparent 1px) !important;
    background-size: 28px 28px !important;
    color: #20343d !important;
    border-color: #91acb8 !important;
}

html[data-theme="light"] .plaino-tool-preview {
    background: #e7f0f4 !important;
}

html[data-theme="light"] .plaino-tool-preview::after,
html[data-theme="light"] .plaino-shape::before {
    background: #087f96 !important;
}

html[data-theme="light"] :where(
    .plaino-library-drag-ghost img,
    .plaino-extra-draw-thumb img,
    .plaino-extra-draw > img,
    .plaino-extra-draw-copy > img,
    .plaino-extra-draw-base.is-svg
) {
    filter: brightness(0) saturate(100%) opacity(0.88) drop-shadow(0 1px 1px rgba(255, 255, 255, 0.65)) !important;
}

html[data-theme="light"] :where(.plaino-extra-draw-component-image img, .plaino-extra-draw-base.is-raster) {
    filter: none !important;
}

html[data-theme="light"] .plaino-shape-handle {
    background: #ffffff !important;
    border-color: #315563 !important;
    box-shadow: 0 0 0 2px rgba(8, 127, 150, 0.28) !important;
}

html[data-theme="light"] .plaino-shape-label {
    color: #a63f00 !important;
    -webkit-text-fill-color: #a63f00 !important;
    -webkit-text-stroke: 0 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.95) !important;
}

/* Production departments: complete light palette for the queue and order workflow. */
html[data-theme="light"] .production-orders-shell {
    background: #edf4f7 !important;
    color: #172a33 !important;
    border-color: #bfd0d8 !important;
    box-shadow: 0 14px 34px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] .production-orders-header {
    background: transparent !important;
}

html[data-theme="light"] .production-orders-title,
html[data-theme="light"] .production-order-modal-title,
html[data-theme="light"] .production-section-label,
html[data-theme="light"] .production-department-name {
    color: #7a6300 !important;
}

html[data-theme="light"] .production-orders-subtitle,
html[data-theme="light"] .production-orders-empty,
html[data-theme="light"] .production-department-empty-column {
    color: #526873 !important;
}

html[data-theme="light"] .production-orders-search {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #9eb5c0 !important;
    color-scheme: light;
}

html[data-theme="light"] .production-orders-table-wrap {
    background: #ffffff !important;
    border-color: #b8cbd4 !important;
    box-shadow: 0 10px 26px rgba(31, 61, 76, 0.12) !important;
}

html[data-theme="light"] .production-orders-table thead th {
    background: #dfeaf0 !important;
    color: #155a6d !important;
    border-color: #b8cbd4 !important;
}

html[data-theme="light"] .production-orders-table tbody td {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #c8d5db !important;
}

html[data-theme="light"] .production-orders-table tbody tr:hover td {
    background: #edf5f8 !important;
}

html[data-theme="light"] .production-orders-table tbody .production-order-fabric-row > td,
html[data-theme="light"] .production-orders-table tbody .production-order-fabric-row:hover > td {
    background: #ffffff !important;
    border-top: 0 !important;
}

html[data-theme="light"] .production-order-fabric-summary {
    background: #e8f0f4 !important;
    color: #172a33 !important;
    border-color: #aac0ca !important;
    box-shadow: none !important;
}

html[data-theme="light"] :where(.production-order-fabric-label, .production-order-fabric-separator) {
    color: #5b707a !important;
    -webkit-text-fill-color: #5b707a !important;
}

html[data-theme="light"] :where(
    .production-order-fabric-code,
    .production-order-fabric-count,
    .production-order-fabric-leaf-count,
    .production-order-fabric-pieces
) {
    color: #0b6075 !important;
    -webkit-text-fill-color: #0b6075 !important;
}

html[data-theme="light"] .production-order-fabric-row +
.production-order-fabric-row .production-order-fabric-summary::before {
    background: rgba(23, 42, 51, 0.09) !important;
}

html[data-theme="light"] .production-orders-table tbody tr[data-order-tone="0"] {
    --order-block-bg: #f3f8fb;
    --order-block-hover: #d7eaf3;
    --order-block-summary: #e3eff5;
    --order-block-summary-hover: #d7eaf3;
    --order-block-border: #a9c8d6;
    --order-block-accent: #2d8aa2;
}

html[data-theme="light"] .production-orders-table tbody tr[data-order-tone="1"] {
    --order-block-bg: #f0f8f3;
    --order-block-hover: #d2e8dc;
    --order-block-summary: #dfeee5;
    --order-block-summary-hover: #d2e8dc;
    --order-block-border: #a8cdb9;
    --order-block-accent: #378d68;
}

html[data-theme="light"] .production-orders-table tbody tr[data-order-tone="2"] {
    --order-block-bg: #f7f3fa;
    --order-block-hover: #e1d5eb;
    --order-block-summary: #ebe3f1;
    --order-block-summary-hover: #e1d5eb;
    --order-block-border: #c9b7d9;
    --order-block-accent: #7c5aa6;
}

html[data-theme="light"] .production-orders-table tbody tr[data-order-tone="3"] {
    --order-block-bg: #fff8ef;
    --order-block-hover: #edd9bd;
    --order-block-summary: #f4e7d4;
    --order-block-summary-hover: #edd9bd;
    --order-block-border: #d9bd96;
    --order-block-accent: #b8792e;
}

html[data-theme="light"] .production-orders-table tbody tr[data-order-tone] > td,
html[data-theme="light"] .production-orders-table tbody .production-order-fabric-row[data-order-tone] > td,
html[data-theme="light"] .production-orders-table tbody .production-order-fabric-row[data-order-tone]:hover > td {
    background: var(--order-block-bg) !important;
}

html[data-theme="light"] body .production-orders-shell
.production-orders-table tbody tr[data-order-tone]:hover > td {
    background: var(--order-block-hover) !important;
}

html[data-theme="light"] .production-order-fabric-row[data-order-tone] .production-order-fabric-summary {
    background: var(--order-block-bg) !important;
    border-color: var(--order-block-border) !important;
}

html[data-theme="light"] body .production-orders-shell
.production-orders-table tbody tr[data-order-tone].is-order-bundle-hover > td,
html[data-theme="light"] body .production-orders-shell
.production-orders-table tbody .production-order-fabric-row[data-order-tone].is-order-bundle-hover > td {
    background: var(--order-block-hover) !important;
}

html[data-theme="light"] .production-order-fabric-row[data-order-tone].is-order-bundle-hover .production-order-fabric-summary {
    background: var(--order-block-hover) !important;
}

html[data-theme="light"] .production-order-number,
html[data-theme="light"] .production-order-company {
    color: #0b6075 !important;
}

html[data-theme="light"] .production-order-open {
    background: #ffffff !important;
    color: #294550 !important;
    border-color: #7895a2 !important;
}

html[data-theme="light"] .production-order-open:hover,
html[data-theme="light"] .production-order-open:focus-visible {
    background: #176c7e !important;
    color: #ffffff !important;
    border-color: #176c7e !important;
}

html[data-theme="light"] .production-status {
    color: #344b55 !important;
    border-color: #b7c7ce !important;
}

html[data-theme="light"] .production-status.is-pending,
html[data-theme="light"] .production-status.is-complete {
    background: #e9eef1 !important;
}

html[data-theme="light"] .production-status.is-received {
    background: #e2f0f8 !important;
    color: #245b78 !important;
    border-color: #a9c7d8 !important;
}

html[data-theme="light"] .production-status.is-processing {
    background: #fff2c4 !important;
    color: #6b5400 !important;
    border-color: #d9bd55 !important;
}

html[data-theme="light"] .production-status.is-ready {
    background: #ddf4e8 !important;
    color: #17633f !important;
    border-color: #8fceae !important;
}

html[data-theme="light"] .production-status-select,
html[data-theme="light"] .production-status-select option {
    background: #ffffff !important;
    color: #172a33 !important;
    color-scheme: light;
}

html[data-theme="light"] .production-order-drag-handle {
    background: #eef7f9 !important;
    color: #0b6479 !important;
    border-color: #8fb6c1 !important;
}

html[data-theme="light"] .production-orders-table tbody tr.is-dragging td {
    background: #17677a !important;
    color: #ffffff !important;
    border-color: #0b6075 !important;
}

html[data-theme="light"] .production-order-modal {
    background: #f8fbfc !important;
    color: #172a33 !important;
    border-color: #8fb6c1 !important;
    box-shadow: 0 28px 80px rgba(31, 61, 76, 0.28) !important;
}

html[data-theme="light"] .production-order-modal-backdrop {
    background: rgba(218, 229, 235, 0.86) !important;
    backdrop-filter: blur(3px) saturate(0.85);
}

html[data-theme="light"] .production-order-modal-header {
    background: #e4edf2 !important;
    color: #172a33 !important;
    border-color: #b8cbd4 !important;
}

html[data-theme="light"] .production-order-modal-body {
    background: #f8fbfc !important;
    color: #172a33 !important;
}

html[data-theme="light"] :where(
    .production-info-section,
    .production-summary-section,
    .production-department-group,
    .production-summary-child-panel,
    .production-department-product-card,
    .production-department-details-layout.is-drawing-context
) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8cbd4 !important;
    box-shadow: none !important;
}

html[data-theme="light"] :where(
    .production-info-heading,
    .production-summary-heading,
    .production-department-header,
    .production-summary-child-head
) {
    background: #e4eef3 !important;
    color: #155a6d !important;
    border-color: #b8cbd4 !important;
}

html[data-theme="light"] .production-info-line,
html[data-theme="light"] .production-summary-totals,
html[data-theme="light"] .production-department-detail-section + .production-department-detail-section,
html[data-theme="light"] .production-department-section-title,
html[data-theme="light"] .production-department-tree > :not(:first-child) {
    color: #172a33 !important;
    border-color: #cad7dd !important;
}

html[data-theme="light"] :where(
    .production-info-label,
    .production-summary-table th,
    .production-department-table th,
    .production-summary-code,
    .production-summary-quantity,
    .production-summary-price,
    .production-summary-total-label,
    .production-department-section-title,
    .production-department-product-quantity,
    .production-department-product-name
) {
    color: #0b6479 !important;
}

html[data-theme="light"] :where(
    .production-summary-name,
    .production-summary-child-item,
    .production-department-subproduct > .production-summary-child-item,
    .production-department-product-meta,
    .production-department-tree-name,
    .production-item-name,
    .production-department-detail-value,
    .production-department-tree-dimension,
    .production-department-product-dimension,
    .production-department-tree-value span
) {
    color: #223943 !important;
}

html[data-theme="light"] .production-summary-table thead th,
html[data-theme="light"] .production-department-table thead th {
    background: #e4eef3 !important;
    border-color: #b8cbd4 !important;
}

html[data-theme="light"] .production-summary-table tbody td,
html[data-theme="light"] .production-department-table tbody td {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #cad7dd !important;
}

html[data-theme="light"] .production-summary-table tbody tr:not(.production-summary-child-row):hover td,
html[data-theme="light"] .production-department-table tbody tr:hover td {
    background: #f0f6f8 !important;
}

html[data-theme="light"] .production-summary-child-row > td,
html[data-theme="light"] .production-department-drawing-row > td,
html[data-theme="light"] .production-department-child-row > td {
    background: #f6fafb !important;
}

html[data-theme="light"] :where(
    .production-summary-child-item + .production-summary-child-item,
    .production-department-subproduct + .production-department-subproduct,
    .production-department-subproduct + .production-summary-child-item,
    .production-summary-child-item + .production-department-subproduct
) {
    border-color: #d2dde2 !important;
}

html[data-theme="light"] .production-department-component-item,
html[data-theme="light"] .production-department-tree-item.is-component {
    background: #f1f6f8 !important;
    color: #3e555f !important;
    border-color: #c5d6dd !important;
}

html[data-theme="light"] .production-summary-toggle,
html[data-theme="light"] .production-department-drawing-button {
    background: #eef7f9 !important;
    color: #0b6479 !important;
    border-color: #91b6c1 !important;
}

html[data-theme="light"] .production-summary-toggle:hover,
html[data-theme="light"] .production-department-drawing-button:hover,
html[data-theme="light"] .production-department-drawing-button.is-open {
    background: #176c7e !important;
    color: #ffffff !important;
    border-color: #176c7e !important;
}

html[data-theme="light"] .production-summary-drawing-card,
html[data-theme="light"] .production-summary-drawing-frame,
html[data-theme="light"] .production-summary-drawing-frame iframe,
html[data-theme="light"] .production-summary-drawing-loading,
html[data-theme="light"] .production-department-drawing-panel {
    background: #f7fbfc !important;
    color: #155a6d !important;
    border-color: #b8cbd4 !important;
}

html[data-theme="light"] .cutting-fabric-piece-origin {
    border-color: #b7ccd6;
    background: #edf5f8;
    color: #183342;
}

html[data-theme="light"] .cutting-fabric-piece-label {
    color: #08758c;
}

html[data-theme="light"] .production-summary-drawing-title {
    background: #eaf2f5 !important;
    color: #223943 !important;
    border-color: #b8cbd4 !important;
}

html[data-theme="light"] .production-packaging-block {
    background: transparent !important;
    border-color: #68b88a !important;
    box-shadow: 0 8px 20px rgba(42, 100, 68, 0.12) !important;
}

html[data-theme="light"] .production-packaging-block::before {
    background: linear-gradient(135deg, #d9f1e3, #c8e9d6) !important;
}

html[data-theme="light"] .production-packaging-block.is-active::before {
    background: linear-gradient(135deg, #ccebd9, #b6dfc7) !important;
}

html[data-theme="light"] .production-packaging-block.is-dispatched::before {
    background: linear-gradient(135deg, #e2eee7, #d5e5dc) !important;
}

html[data-theme="light"] .production-packaging-block-header,
html[data-theme="light"] .production-packaging-block.is-dispatched .production-packaging-block-header {
    background: #e3f4ea !important;
    border-color: #aed7bf !important;
}

html[data-theme="light"] .production-packaging-activate,
html[data-theme="light"] .production-packaging-block.is-active .production-packaging-activate,
html[data-theme="light"] .production-packaging-qr-value {
    color: #205d3d !important;
}

html[data-theme="light"] .production-packaging-block.is-active .production-packaging-activate {
    background: #d5f1e0 !important;
}

html[data-theme="light"] .production-packaging-activate-state {
    color: #4b745e !important;
}

html[data-theme="light"] .production-packaging-save-status {
    font-size: 0.8rem !important;
}

html[data-theme="light"] .production-packaging-items {
    background: transparent !important;
}

html[data-theme="light"] .production-packaging-item {
    background: #ffffff !important;
}

html[data-theme="light"] .production-packaging-item.is-subproduct {
    background: #f6fafb !important;
}

html[data-theme="light"] .production-packaging-item.is-product {
    background: #eef3f6 !important;
}

html[data-theme="light"] .production-packaging-detailed-card,
html[data-theme="light"] .production-packaging-detailed-assignment {
    background: #ffffff !important;
    border-color: #b8cbd4 !important;
}

html[data-theme="light"] .production-packaging-detailed-card .production-department-product-head,
html[data-theme="light"] .production-packaging-detailed-assignment-header {
    background: #e4eef3 !important;
    border-color: #b8cbd4 !important;
}

html[data-theme="light"] .production-packaging-item-name,
html[data-theme="light"] .production-packaging-item-value {
    color: #223943 !important;
}

html[data-theme="light"] .production-packaging-detailed-card .production-department-product-name,
html[data-theme="light"] .production-packaging-detailed-assignment-kind {
    color: #0b6479 !important;
}

html[data-theme="light"] .production-packaging-detailed-assignment-source,
html[data-theme="light"] .production-packaging-item-context,
html[data-theme="light"] .production-packaging-subproduct-components {
    color: #496976 !important;
}

html[data-theme="light"] .production-packaging-empty {
    background: #f2f6f8 !important;
    color: #526b76 !important;
}

html[data-theme="light"] :where(
    .production-packaging-picker,
    .production-dark-confirm,
    .production-label-position-dialog
) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #9eb5c0 !important;
    box-shadow: 0 24px 70px rgba(31, 61, 76, 0.28) !important;
}

html[data-theme="light"] :where(
    .production-packaging-picker-header,
    .production-dark-confirm-actions,
    .production-label-position-header,
    .production-label-position-actions
) {
    background: #edf4f7 !important;
    border-color: #bfd0d8 !important;
}

html[data-theme="light"] .production-packaging-picker-title {
    color: #17633f !important;
}

html[data-theme="light"] .production-packaging-option {
    background: #edf8f1 !important;
    color: #205d3d !important;
    border-color: #8fc4a5 !important;
}

html[data-theme="light"] .production-packaging-option:hover {
    background: #d8f0e2 !important;
    color: #174a31 !important;
    border-color: #4f9b70 !important;
}

html[data-theme="light"] .production-dark-confirm-title,
html[data-theme="light"] .production-label-position-title {
    color: #7a6300 !important;
}

html[data-theme="light"] .production-dark-confirm-message,
html[data-theme="light"] .production-label-position-summary {
    color: #263e48 !important;
}

html[data-theme="light"] .production-label-position-hint {
    color: #5c7079 !important;
}

html[data-theme="light"] .production-dark-confirm-button,
html[data-theme="light"] .production-label-position-button {
    background: #ffffff !important;
    color: #294550 !important;
    border-color: #8da5af !important;
}

html[data-theme="light"] .production-label-position-button.primary {
    background: #e1f4e8 !important;
    color: #17633f !important;
    border-color: #77b893 !important;
}

html[data-theme="light"] .production-completion-control {
    background: #c9f1f8 !important;
    border-color: #31abc3 !important;
    box-shadow: 0 2px 7px rgba(8, 127, 150, 0.16) !important;
}

html[data-theme="light"] .production-completion-mark {
    background: #70d3e6 !important;
    border-color: #087f96 !important;
}

html[data-theme="light"] .production-completion-control:hover .production-completion-mark {
    background: #45c1d9 !important;
    border-color: #056b7f !important;
}

html[data-theme="light"] .production-completion-control input:checked + .production-completion-mark {
    background: #087f96 !important;
    border-color: #04596b !important;
    box-shadow: inset 0 0 0 3px #bcecf5 !important;
}

html[data-theme="light"] :where(
    .production-order-modal-close,
    .production-packaging-delete-block,
    .production-packaging-remove,
    .production-packaging-picker-close,
    .production-label-position-close,
    .production-dark-confirm-button.danger
) {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #741326 !important;
}

html[data-theme="light"] :where(
    .production-order-modal-close,
    .production-packaging-delete-block,
    .production-packaging-remove,
    .production-packaging-picker-close,
    .production-label-position-close,
    .production-dark-confirm-button.danger
):hover {
    background: #741326 !important;
    color: #ffffff !important;
    border-color: #5d0e1e !important;
}

/* Production light theme: replace pale cyan accents with a strong blue. */
html[data-theme="light"] :where(
    .production-label-print-open,
    .production-summary-toggle,
    .production-department-drawing-button
) {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
}

html[data-theme="light"] :where(
    .production-label-print-open,
    .production-summary-toggle,
    .production-department-drawing-button
):hover,
html[data-theme="light"] .production-department-drawing-button.is-open {
    background: #1f385f !important;
    color: #ffffff !important;
    border-color: #172946 !important;
}

html[data-theme="light"] :where(
    .production-order-reorder-status,
    .production-order-loading,
    .production-info-label,
    .production-summary-table th,
    .production-department-table th,
    .production-summary-code,
    .production-summary-quantity,
    .production-summary-price,
    .production-summary-total-label,
    .production-summary-drawing-title span,
    .production-department-section-title,
    .production-department-product-quantity,
    .production-department-product-name
) {
    color: #476496 !important;
}

html[data-theme="light"] .production-department-count {
    background: #476496 !important;
    color: #ffffff !important;
}

html[data-theme="light"] :where(
    .production-department-product-dimension,
    .production-department-tree-dimension
) {
    border-left-color: #476496 !important;
}

html[data-theme="light"] .production-summary-child-name::before,
html[data-theme="light"] .production-department-tree-item.is-component .production-department-tree-name::before,
html[data-theme="light"] .production-department-tree-item.is-standalone .production-department-tree-name::before {
    color: #476496 !important;
}

html[data-theme="light"] .production-completion-control {
    background: #476496 !important;
    border-color: #1b3157 !important;
    box-shadow: 0 3px 9px rgba(71, 100, 150, 0.3) !important;
}

html[data-theme="light"] .production-completion-mark {
    background: #aebed8 !important;
    border-color: #ffffff !important;
}

html[data-theme="light"] .production-completion-control:hover {
    background: #1f385f !important;
}

html[data-theme="light"] .production-completion-control:hover .production-completion-mark {
    background: #c2cde0 !important;
    border-color: #ffffff !important;
}

html[data-theme="light"] .production-completion-control input:checked + .production-completion-mark {
    background: #0f5132 !important;
    border-color: #ffffff !important;
    box-shadow: inset 0 0 0 3px #b7e4c7 !important;
}

html[data-theme="light"] .production-completion-control:has(input:checked) {
    background: #198754 !important;
    border-color: #0f5132 !important;
    box-shadow: 0 3px 9px rgba(25, 135, 84, 0.3) !important;
}

html[data-theme="light"] .production-completion-control:has(input:checked):hover {
    background: #146c43 !important;
    border-color: #0a4328 !important;
}

html[data-theme="light"] :where(
    .production-department-tree-value span,
    .production-packaging-item-value
) {
    color: #132f3d !important;
    font-size: 1rem !important;
    font-weight: 750 !important;
}

/* Wholesale production view: use dark red instead of yellow accents. */
html[data-theme="light"] .production-orders-shell[data-department-id="0"] .production-orders-title,
html[data-theme="light"] body:has(.production-orders-shell[data-department-id="0"]) :where(
    .production-order-modal-title,
    .production-summary-total-value,
    .production-section-label,
    .production-department-name,
    .production-item-kind,
    .production-item-code,
    .production-item-name.production-department-product-set
) {
    color: #9f1d35 !important;
}

html[data-theme="light"] body:has(.production-orders-shell[data-department-id="0"])
    .production-department-component-name::before {
    color: #9f1d35 !important;
}

html[data-theme="light"] .production-department-detail-label {
    color: #476496 !important;
}

html[data-theme="light"] .production-department-detail-selection {
    color: #9f1d35 !important;
}

html[data-theme="light"] .production-summary-code {
    color: #9f1d35 !important;
    font-weight: 700 !important;
}

/* Product rules: blue actions, green save/result and red destructive controls. */
html[data-theme="light"] .rules-shell {
    background: #edf4f7 !important;
    color: #172a33 !important;
}

html[data-theme="light"] .rules-panel,
html[data-theme="light"] .rules-saved-card {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #bfd0d8 !important;
    box-shadow: 0 12px 30px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] .rules-title,
html[data-theme="light"] .rules-saved-title,
html[data-theme="light"] .rules-panel .text-info,
html[data-theme="light"] .rules-panel .small,
html[data-theme="light"] .rules-panel label,
html[data-theme="light"] .rules-panel h6 {
    color: #476496 !important;
}

html[data-theme="light"] .rules-panel :where(.form-control, .form-select, textarea) {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb5c0 !important;
}

html[data-theme="light"] .rules-panel :where(.form-control, .form-select, textarea):focus {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #476496 !important;
    box-shadow: 0 0 0 0.18rem rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] .rules-panel .btn-success {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] .rules-panel .btn-success:hover,
html[data-theme="light"] .rules-panel .btn-success:focus {
    background: #146c43 !important;
    color: #ffffff !important;
    border-color: #0a4328 !important;
}

html[data-theme="light"] .rules-panel .btn-info,
html[data-theme="light"] .rules-panel .btn-outline-light,
html[data-theme="light"] .rules-panel .btn-outline-warning,
html[data-theme="light"] .rules-saved-card .btn-info,
html[data-theme="light"] .rules-saved-card .btn-outline-light {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
}

html[data-theme="light"] .rules-panel .btn-info:hover,
html[data-theme="light"] .rules-panel .btn-info:focus,
html[data-theme="light"] .rules-panel .btn-outline-light:hover,
html[data-theme="light"] .rules-panel .btn-outline-light:focus,
html[data-theme="light"] .rules-panel .btn-outline-warning:hover,
html[data-theme="light"] .rules-panel .btn-outline-warning:focus,
html[data-theme="light"] .rules-saved-card .btn-info:hover,
html[data-theme="light"] .rules-saved-card .btn-outline-light:hover {
    background: #1f385f !important;
    color: #ffffff !important;
    border-color: #172946 !important;
}

html[data-theme="light"] .rules-saved-card .btn-danger,
html[data-theme="light"] .rules-panel :where(.text-danger, .btn-del-col) {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #741326 !important;
}

html[data-theme="light"] .rules-saved-card .btn-danger:hover,
html[data-theme="light"] .rules-panel :where(.text-danger, .btn-del-col):hover {
    background: #741326 !important;
    color: #ffffff !important;
    border-color: #5d0e1e !important;
}

html[data-theme="light"] .rules-panel .table-responsive {
    background: #ffffff !important;
    border-color: #aebfc8 !important;
}

html[data-theme="light"] #headerRow th {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #7086a9 !important;
}

html[data-theme="light"] #headerRow .col-handle,
html[data-theme="light"] #headerRow .btn-del-col,
html[data-theme="light"] #headerRow .text-white {
    color: #ffffff !important;
}

html[data-theme="light"] #headerRow textarea {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border: 1px solid #c0ccd8 !important;
}

html[data-theme="light"] #headerRow .form-select {
    background: #e9eef6 !important;
    color: #263f69 !important;
    -webkit-text-fill-color: #263f69 !important;
    border-color: #b1bfd2 !important;
    color-scheme: light;
}

html[data-theme="light"] #mainTable td {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #c8d5db !important;
}

html[data-theme="light"] #mainTable tbody tr:hover td {
    background: #f1f5f8 !important;
}

html[data-theme="light"] #mainTable .row-grip {
    background: #e9eef6 !important;
    color: #476496 !important;
}

html[data-theme="light"] #mainTable .cell-data,
html[data-theme="light"] .rules-live-test .test-val {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #aebfc8 !important;
}

html[data-theme="light"] .rules-live-test {
    background: #eef3f8 !important;
    color: #172a33 !important;
    border-color: #aebdd1 !important;
}

html[data-theme="light"] .rules-live-test .alert-info {
    background: #e2f3e9 !important;
    color: #17633f !important;
    border-color: #8fc4a5 !important;
}

html[data-theme="light"] .rules-live-test #testResult {
    color: #17633f !important;
}

html[data-theme="light"] .rules-saved-card h6 {
    color: #172a33 !important;
}

html[data-theme="light"] #viewModal .modal-content,
html[data-theme="light"] #viewModal .modal-header,
html[data-theme="light"] #viewModal .modal-body {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #bfd0d8 !important;
}

/* Additional fields library: complete light palette. */
html[data-theme="light"] .templates-shell {
    background: #edf4f7 !important;
    color: #172a33 !important;
}

html[data-theme="light"] .templates-panel {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #bfd0d8 !important;
    box-shadow: 0 12px 30px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] .templates-panel .card-header {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #344c74 !important;
}

html[data-theme="light"] .templates-panel .card-header h6 {
    color: #ffffff !important;
}

html[data-theme="light"] .templates-panel .card-body,
html[data-theme="light"] .templates-panel .tools-table-wrap {
    background: #f8fbfc !important;
    color: #172a33 !important;
}

html[data-theme="light"] .templates-panel .tools-filter-bar {
    background: #e9eef6 !important;
    border-color: #b5c3d4 !important;
}

html[data-theme="light"] .templates-panel .template-form-section,
html[data-theme="light"] .templates-panel #listBuilderWrapper,
html[data-theme="light"] .templates-panel .template-check-row {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] .templates-panel .template-section-title,
html[data-theme="light"] .templates-panel .form-label,
html[data-theme="light"] .templates-panel .form-check-label,
html[data-theme="light"] .templates-panel label {
    color: #476496 !important;
}

html[data-theme="light"] .templates-panel .mapping-note,
html[data-theme="light"] .templates-panel .text-muted {
    color: #5b6f7a !important;
}

html[data-theme="light"] .templates-panel :where(.form-control, .form-select) {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb5c0 !important;
    color-scheme: light;
}

html[data-theme="light"] .templates-panel :where(.form-control, .form-select):disabled,
html[data-theme="light"] .templates-panel :where(.form-control, .form-select)[readonly] {
    background: #edf1f5 !important;
    color: #536772 !important;
    -webkit-text-fill-color: #536772 !important;
    opacity: 1;
}

html[data-theme="light"] .templates-panel :where(.form-control, .form-select):focus {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #476496 !important;
    box-shadow: 0 0 0 0.18rem rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] .templates-panel .form-control::placeholder {
    color: #71838c !important;
    -webkit-text-fill-color: #71838c !important;
}

html[data-theme="light"] .templates-panel .form-check-input {
    background: #ffffff !important;
    border-color: #7895a2 !important;
}

html[data-theme="light"] .templates-panel .form-check-input:checked {
    background: #198754 !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] .templates-panel .btn-primary {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] .templates-panel .btn-primary:hover,
html[data-theme="light"] .templates-panel .btn-primary:focus {
    background: #146c43 !important;
    color: #ffffff !important;
    border-color: #0a4328 !important;
}

html[data-theme="light"] .templates-panel .btn-success {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] .templates-panel .badge.bg-secondary {
    background: #198754 !important;
    color: #ffffff !important;
}

html[data-theme="light"] .templates-panel .table,
html[data-theme="light"] .templates-panel .tools-table {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] .templates-panel .table thead th,
html[data-theme="light"] .templates-panel .table-light,
html[data-theme="light"] .templates-panel .table-light > th,
html[data-theme="light"] .templates-panel .table-light > td {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #7086a9 !important;
}

html[data-theme="light"] .templates-panel .table tbody td {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #c8d5db !important;
}

html[data-theme="light"] .templates-panel .table-hover tbody tr:hover td {
    background: #f0f4f8 !important;
    color: #172a33 !important;
}

html[data-theme="light"] .templates-panel .tool-row .field-name {
    color: #476496 !important;
    font-weight: 700;
}

html[data-theme="light"] .templates-panel .tool-row .field-meta,
html[data-theme="light"] .templates-panel .tool-row small,
html[data-theme="light"] .templates-panel .tool-row .text-secondary {
    color: #5b6f7a !important;
}

html[data-theme="light"] .templates-panel .field-type-text {
    color: #263e48 !important;
    font-weight: 500;
}

html[data-theme="light"] .templates-panel .field-chip-options {
    color: #198754 !important;
}

html[data-theme="light"] .templates-panel .field-chip-value {
    color: #9f1d35 !important;
}

html[data-theme="light"] .templates-panel .field-chip-map {
    color: #476496 !important;
}

html[data-theme="light"] .templates-panel .field-separator {
    color: #7a8991 !important;
}

html[data-theme="light"] .templates-panel .required-indicator.is-required {
    background: #dff3e7 !important;
    color: #17633f !important;
    border-color: #8fc4a5 !important;
}

html[data-theme="light"] .templates-panel .required-indicator.is-optional {
    background: #f7e2e6 !important;
    color: #9f1d35 !important;
    border-color: #d59aa6 !important;
}

html[data-theme="light"] .templates-panel .tool-actions .btn-outline-primary {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
}

html[data-theme="light"] .templates-panel .tool-actions .btn-outline-primary:hover {
    background: #1f385f !important;
    color: #ffffff !important;
    border-color: #172946 !important;
}

html[data-theme="light"] .templates-panel .tool-actions .btn-outline-danger {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #741326 !important;
}

html[data-theme="light"] .templates-panel .tool-actions .btn-outline-danger:hover {
    background: #741326 !important;
    color: #ffffff !important;
    border-color: #5d0e1e !important;
}

html[data-theme="light"] .templates-panel .tool-actions .btn-outline-secondary:disabled {
    background: #e7ecef !important;
    color: #71808a !important;
    border-color: #b9c5cb !important;
    opacity: 0.82 !important;
}

html[data-theme="light"] #editModal .modal-content,
html[data-theme="light"] #deleteConfirmModal .modal-content {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
    box-shadow: 0 24px 70px rgba(31, 61, 76, 0.28) !important;
}

html[data-theme="light"] #editModal .modal-header {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #344c74 !important;
}

html[data-theme="light"] #editModal .modal-title {
    color: #ffffff !important;
}

html[data-theme="light"] #deleteConfirmModal .modal-header {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #741326 !important;
}

html[data-theme="light"] #deleteConfirmModal .modal-title {
    color: #ffffff !important;
}

html[data-theme="light"] #editModal .modal-body,
html[data-theme="light"] #deleteConfirmModal .modal-body {
    background: #f8fbfc !important;
    color: #172a33 !important;
}

html[data-theme="light"] #editModal .modal-footer,
html[data-theme="light"] #deleteConfirmModal .modal-footer {
    background: #e9eef6 !important;
    color: #172a33 !important;
    border-color: #b5c3d4 !important;
}

html[data-theme="light"] #editModal :where(.template-form-section, #editListBuilderWrapper) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] #editModal .template-section-title,
html[data-theme="light"] #editModal label,
html[data-theme="light"] #editModal .form-label,
html[data-theme="light"] #editModal .form-check-label {
    color: #476496 !important;
}

html[data-theme="light"] #editModal .text-muted {
    color: #5b6f7a !important;
}

html[data-theme="light"] #editModal :where(.form-control, .form-select) {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb5c0 !important;
    color-scheme: light;
}

html[data-theme="light"] #editModal :where(.form-control, .form-select):disabled,
html[data-theme="light"] #editModal :where(.form-control, .form-select)[readonly] {
    background: #edf1f5 !important;
    color: #536772 !important;
    -webkit-text-fill-color: #536772 !important;
    opacity: 1;
}

html[data-theme="light"] #editModal .form-check-input:checked {
    background: #198754 !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] #editModal .btn-primary {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] #editModal .btn-primary:hover {
    background: #146c43 !important;
    border-color: #0a4328 !important;
}

html[data-theme="light"] #deleteConfirmModal .btn-danger {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #741326 !important;
}

html[data-theme="light"] .templates-unsaved-window {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
    box-shadow: 0 24px 70px rgba(31, 61, 76, 0.3) !important;
}

html[data-theme="light"] .templates-unsaved-title {
    color: #9f1d35 !important;
}

html[data-theme="light"] .templates-unsaved-text {
    color: #263e48 !important;
}

html[data-theme="light"] .templates-unsaved-actions .btn-outline-light {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
}

html[data-theme="light"] .templates-unsaved-actions .btn-warning {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #741326 !important;
}

/* Measurement units: complete light palette. */
html[data-theme="light"] .units-shell {
    color: #172a33 !important;
}

html[data-theme="light"] .units-card {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #bfd0d8 !important;
    box-shadow: 0 12px 30px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] .units-title {
    color: #476496 !important;
}

html[data-theme="light"] .units-label {
    color: #263e48 !important;
}

html[data-theme="light"] .units-input {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb5c0 !important;
    color-scheme: light;
}

html[data-theme="light"] .units-input::placeholder {
    color: #71838c !important;
    -webkit-text-fill-color: #71838c !important;
}

html[data-theme="light"] .units-input:focus {
    border-color: #476496 !important;
    box-shadow: 0 0 0 0.18rem rgba(71, 100, 150, 0.2) !important;
    outline: none;
}

html[data-theme="light"] .units-btn {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] .units-btn:hover,
html[data-theme="light"] .units-btn:focus {
    background: #146c43 !important;
    color: #ffffff !important;
    border-color: #0a4328 !important;
}

html[data-theme="light"] .units-table {
    background: #ffffff !important;
    color: #172a33 !important;
    border: 1px solid #b8c7d8;
    border-radius: 16px;
}

html[data-theme="light"] .units-table thead tr,
html[data-theme="light"] .units-table thead th {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #7086a9 !important;
}

html[data-theme="light"] .units-table tbody tr,
html[data-theme="light"] .units-table tbody td {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #c8d5db !important;
}

html[data-theme="light"] .units-table tbody tr:nth-child(even),
html[data-theme="light"] .units-table tbody tr:nth-child(even) td {
    background: #f4f7fa !important;
}

html[data-theme="light"] .units-table tbody tr:hover,
html[data-theme="light"] .units-table tbody tr:hover td {
    background: #e9eef6 !important;
    color: #172a33 !important;
}

html[data-theme="light"] .units-count {
    color: #198754 !important;
    font-weight: 700;
}

html[data-theme="light"] .units-delete {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #741326 !important;
}

html[data-theme="light"] .units-delete:hover,
html[data-theme="light"] .units-delete:focus {
    background: #741326 !important;
    color: #ffffff !important;
    border-color: #5d0e1e !important;
}

html[data-theme="light"] .units-confirm-backdrop {
    background: rgba(14, 26, 33, 0.55) !important;
}

html[data-theme="light"] .units-confirm-modal {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
    box-shadow: 0 24px 70px rgba(31, 61, 76, 0.3) !important;
}

html[data-theme="light"] .units-confirm-title {
    color: #9f1d35 !important;
}

html[data-theme="light"] .units-confirm-text {
    color: #263e48 !important;
}

html[data-theme="light"] .units-confirm-cancel {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
}

html[data-theme="light"] .units-confirm-delete {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #741326 !important;
}

/* Packaging management: complete light palette. */
html[data-theme="light"] .packaging-shell {
    color: #172a33 !important;
}

html[data-theme="light"] .packaging-card {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #bfd0d8 !important;
    box-shadow: 0 12px 30px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] .packaging-title,
html[data-theme="light"] .packaging-label {
    color: #476496 !important;
}

html[data-theme="light"] .packaging-input {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb5c0 !important;
    color-scheme: light;
}

html[data-theme="light"] .packaging-input::placeholder {
    color: #71838c !important;
    -webkit-text-fill-color: #71838c !important;
}

html[data-theme="light"] .packaging-input:focus {
    border-color: #476496 !important;
    outline: none !important;
    box-shadow: 0 0 0 0.18rem rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] .packaging-create,
html[data-theme="light"] .packaging-save {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] .packaging-create:hover,
html[data-theme="light"] .packaging-create:focus,
html[data-theme="light"] .packaging-save:hover,
html[data-theme="light"] .packaging-save:focus {
    background: #146c43 !important;
    color: #ffffff !important;
}

html[data-theme="light"] .packaging-table-wrap {
    background: #ffffff !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] .packaging-table {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] .packaging-table thead tr,
html[data-theme="light"] .packaging-table thead th {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #7086a9 !important;
}

html[data-theme="light"] .packaging-table tbody tr,
html[data-theme="light"] .packaging-table tbody td {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #c8d5db !important;
}

html[data-theme="light"] .packaging-table tbody tr:nth-child(even),
html[data-theme="light"] .packaging-table tbody tr:nth-child(even) td {
    background: #f4f7fa !important;
}

html[data-theme="light"] .packaging-table tbody tr:hover,
html[data-theme="light"] .packaging-table tbody tr:hover td {
    background: #e9eef6 !important;
}

html[data-theme="light"] .packaging-id {
    color: #476496 !important;
}

html[data-theme="light"] .packaging-delete {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #741326 !important;
}

html[data-theme="light"] .packaging-delete:hover,
html[data-theme="light"] .packaging-delete:focus {
    background: #741326 !important;
    color: #ffffff !important;
    border-color: #5d0e1e !important;
}

html[data-theme="light"] .packaging-message {
    background: #dff3e7 !important;
    color: #17633f !important;
    border-color: #8fc4a5 !important;
}

html[data-theme="light"] .packaging-empty {
    color: #5b6f7a !important;
}

html[data-theme="light"] .packaging-validation,
html[data-theme="light"] .packaging-shell .field-validation-error,
html[data-theme="light"] .packaging-shell .validation-summary-errors {
    color: #9f1d35 !important;
}

/* Product dimensions: complete light palette. */
html[data-theme="light"] .dimensions-shell {
    color: #172a33 !important;
}

html[data-theme="light"] .dimensions-card {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #bfd0d8 !important;
    box-shadow: 0 12px 30px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] .dimensions-title,
html[data-theme="light"] .dimensions-label {
    color: #476496 !important;
}

html[data-theme="light"] :where(.dimensions-input, .dimensions-select, .dimensions-row-input) {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb5c0 !important;
    color-scheme: light;
}

html[data-theme="light"] :where(.dimensions-input, .dimensions-row-input)::placeholder {
    color: #71838c !important;
    -webkit-text-fill-color: #71838c !important;
}

html[data-theme="light"] :where(.dimensions-input, .dimensions-select, .dimensions-row-input):focus {
    border-color: #476496 !important;
    outline: none !important;
    box-shadow: 0 0 0 0.18rem rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] .dimensions-shell input[type="checkbox"] {
    accent-color: #198754;
}

html[data-theme="light"] .dimensions-btn {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] .dimensions-btn:hover,
html[data-theme="light"] .dimensions-btn:focus {
    background: #146c43 !important;
    color: #ffffff !important;
    border-color: #0a4328 !important;
}

html[data-theme="light"] .dimensions-table {
    background: #ffffff !important;
    color: #172a33 !important;
    border: 1px solid #b8c7d8;
    border-radius: 16px;
}

html[data-theme="light"] .dimensions-table thead tr,
html[data-theme="light"] .dimensions-table thead th {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #7086a9 !important;
}

html[data-theme="light"] .dimensions-table tbody tr,
html[data-theme="light"] .dimensions-table tbody td {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #c8d5db !important;
}

html[data-theme="light"] .dimensions-table tbody tr:nth-child(even),
html[data-theme="light"] .dimensions-table tbody tr:nth-child(even) td {
    background: #f4f7fa !important;
}

html[data-theme="light"] .dimensions-table tbody tr:hover,
html[data-theme="light"] .dimensions-table tbody tr:hover td {
    background: #e9eef6 !important;
}

html[data-theme="light"] .dimensions-key {
    color: #476496 !important;
}

html[data-theme="light"] .dimensions-shell .field-validation-error,
html[data-theme="light"] .dimensions-shell .validation-summary-errors {
    color: #9f1d35 !important;
}

/* Sewing rules: complete light palette. */
html[data-theme="light"] .sewing-rules-shell {
    color: #172a33 !important;
}

html[data-theme="light"] .sewing-rules-card {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #bfd0d8 !important;
    box-shadow: 0 12px 30px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] .sewing-rules-title {
    color: #476496 !important;
}

html[data-theme="light"] .sewing-rules-subtitle {
    color: #263e48 !important;
}

html[data-theme="light"] .sewing-rules-add {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
}

html[data-theme="light"] .sewing-rules-add:hover,
html[data-theme="light"] .sewing-rules-add:focus {
    background: #1f385f !important;
    color: #ffffff !important;
    border-color: #172946 !important;
}

html[data-theme="light"] .sewing-rule-box {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: 0 8px 22px rgba(31, 61, 76, 0.1) !important;
}

html[data-theme="light"] .sewing-rule-id,
html[data-theme="light"] .sewing-rule-label {
    color: #476496 !important;
}

html[data-theme="light"] .sewing-rule-input {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb5c0 !important;
    color-scheme: light;
}

html[data-theme="light"] .sewing-rule-input:focus {
    border-color: #476496 !important;
    outline: none !important;
    box-shadow: 0 0 0 0.18rem rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] .sewing-rule-delete {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #741326 !important;
}

html[data-theme="light"] .sewing-rule-delete:hover,
html[data-theme="light"] .sewing-rule-delete:focus {
    background: #741326 !important;
    color: #ffffff !important;
    border-color: #5d0e1e !important;
}

html[data-theme="light"] .sewing-rules-save {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] .sewing-rules-save:hover,
html[data-theme="light"] .sewing-rules-save:focus {
    background: #146c43 !important;
    color: #ffffff !important;
}

html[data-theme="light"] .sewing-rule-confirm-backdrop {
    background: rgba(14, 26, 33, 0.55) !important;
}

html[data-theme="light"] .sewing-rule-confirm {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #d59aa6 !important;
    box-shadow: 0 24px 70px rgba(31, 61, 76, 0.3) !important;
}

html[data-theme="light"] .sewing-rule-confirm h2 {
    color: #9f1d35 !important;
}

html[data-theme="light"] .sewing-rule-confirm p {
    color: #263e48 !important;
}

html[data-theme="light"] .sewing-rule-confirm-cancel {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
}

html[data-theme="light"] .sewing-rule-confirm-delete {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #741326 !important;
}

html[data-theme="light"] .sewing-rules-shell .validation-summary-errors {
    color: #9f1d35 !important;
}

/* Sewing drop settings: complete light palette. */
html[data-theme="light"] .sewing-drop-shell {
    color: #172a33 !important;
}

html[data-theme="light"] .sewing-drop-panel {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #bfd0d8 !important;
    box-shadow: 0 12px 30px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] .sewing-drop-header {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #c8d5db !important;
}

html[data-theme="light"] .sewing-drop-title {
    color: #476496 !important;
}

html[data-theme="light"] .sewing-drop-header .btn-outline-warning {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
}

html[data-theme="light"] .sewing-drop-header .btn-outline-warning:hover,
html[data-theme="light"] .sewing-drop-header .btn-outline-warning:focus {
    background: #1f385f !important;
    color: #ffffff !important;
    border-color: #172946 !important;
}

html[data-theme="light"] .sewing-drop-body {
    background: #f8fbfc !important;
    color: #172a33 !important;
}

html[data-theme="light"] .sewing-drop-field {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] .sewing-drop-field label {
    color: #476496 !important;
}

html[data-theme="light"] .sewing-drop-field input {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb5c0 !important;
    color-scheme: light;
}

html[data-theme="light"] .sewing-drop-field input:focus {
    border-color: #476496 !important;
    outline: none !important;
    box-shadow: 0 0 0 0.18rem rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] .sewing-drop-actions .btn-success {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] .sewing-drop-actions .btn-success:hover,
html[data-theme="light"] .sewing-drop-actions .btn-success:focus {
    background: #146c43 !important;
    color: #ffffff !important;
    border-color: #0a4328 !important;
}

html[data-theme="light"] .sewing-drop-body .alert-success {
    background: #dff3e7 !important;
    color: #17633f !important;
    border-color: #8fc4a5 !important;
}

html[data-theme="light"] .sewing-drop-body .alert-danger {
    background: #f7e2e6 !important;
    color: #9f1d35 !important;
    border-color: #d59aa6 !important;
}

/* Production departments management: complete light palette. */
html[data-theme="light"] .production-depart-shell {
    color: #172a33 !important;
}

html[data-theme="light"] .production-depart-card {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #bfd0d8 !important;
    box-shadow: 0 12px 30px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] .production-depart-title,
html[data-theme="light"] .production-depart-label,
html[data-theme="light"] .production-depart-role-title {
    color: #476496 !important;
}

html[data-theme="light"] .production-depart-input {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb5c0 !important;
    color-scheme: light;
}

html[data-theme="light"] .production-depart-input::placeholder {
    color: #71838c !important;
    -webkit-text-fill-color: #71838c !important;
}

html[data-theme="light"] .production-depart-input:focus {
    border-color: #476496 !important;
    outline: none !important;
    box-shadow: 0 0 0 0.18rem rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] .production-depart-roles {
    background: #f4f7fa !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] .production-depart-role {
    color: #263e48 !important;
}

html[data-theme="light"] .production-depart-role input {
    accent-color: #198754;
}

html[data-theme="light"] .production-depart-role-empty,
html[data-theme="light"] .production-depart-empty {
    color: #5b6f7a !important;
}

html[data-theme="light"] .production-depart-create,
html[data-theme="light"] .production-depart-save {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] .production-depart-create:hover,
html[data-theme="light"] .production-depart-create:focus,
html[data-theme="light"] .production-depart-save:hover,
html[data-theme="light"] .production-depart-save:focus {
    background: #146c43 !important;
    color: #ffffff !important;
}

html[data-theme="light"] .production-depart-table-wrap {
    background: #ffffff !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] .production-depart-table {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] .production-depart-table thead tr,
html[data-theme="light"] .production-depart-table thead th {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #7086a9 !important;
}

html[data-theme="light"] .production-depart-table tbody tr,
html[data-theme="light"] .production-depart-table tbody td {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #c8d5db !important;
}

html[data-theme="light"] .production-depart-table tbody tr:nth-child(even),
html[data-theme="light"] .production-depart-table tbody tr:nth-child(even) td {
    background: #f4f7fa !important;
}

html[data-theme="light"] .production-depart-table tbody tr:hover,
html[data-theme="light"] .production-depart-table tbody tr:hover td {
    background: #e9eef6 !important;
}

html[data-theme="light"] .production-depart-id {
    color: #476496 !important;
}

html[data-theme="light"] .production-depart-delete {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #741326 !important;
}

html[data-theme="light"] .production-depart-delete:hover,
html[data-theme="light"] .production-depart-delete:focus {
    background: #741326 !important;
    color: #ffffff !important;
    border-color: #5d0e1e !important;
}

html[data-theme="light"] .production-depart-validation,
html[data-theme="light"] .production-depart-shell .field-validation-error,
html[data-theme="light"] .production-depart-shell .validation-summary-errors {
    color: #9f1d35 !important;
}

html[data-theme="light"] .production-depart-confirm-backdrop {
    background: rgba(14, 26, 33, 0.55) !important;
}

html[data-theme="light"] .production-depart-confirm {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #d59aa6 !important;
    box-shadow: 0 24px 70px rgba(31, 61, 76, 0.3) !important;
}

html[data-theme="light"] .production-depart-confirm h2 {
    color: #9f1d35 !important;
}

html[data-theme="light"] .production-depart-confirm p {
    color: #263e48 !important;
}

html[data-theme="light"] .production-depart-cancel {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
}

html[data-theme="light"] .production-depart-confirm-delete {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #741326 !important;
}

/* Order statuses management: complete light palette. */
html[data-theme="light"] .order-status-shell {
    color: #172a33 !important;
}

html[data-theme="light"] .order-status-card {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #bfd0d8 !important;
    box-shadow: 0 12px 30px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] .order-status-title,
html[data-theme="light"] .order-status-label {
    color: #476496 !important;
}

html[data-theme="light"] .order-status-input {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb5c0 !important;
    color-scheme: light;
}

html[data-theme="light"] .order-status-input::placeholder {
    color: #71838c !important;
    -webkit-text-fill-color: #71838c !important;
}

html[data-theme="light"] .order-status-input:focus {
    border-color: #476496 !important;
    outline: none !important;
    box-shadow: 0 0 0 0.18rem rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] .order-status-create,
html[data-theme="light"] .order-status-save {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] .order-status-create:hover,
html[data-theme="light"] .order-status-create:focus,
html[data-theme="light"] .order-status-save:hover,
html[data-theme="light"] .order-status-save:focus {
    background: #146c43 !important;
    color: #ffffff !important;
}

html[data-theme="light"] .order-status-table-wrap {
    background: #ffffff !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] .order-status-table {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] .order-status-table thead tr,
html[data-theme="light"] .order-status-table thead th {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #7086a9 !important;
}

html[data-theme="light"] .order-status-table tbody tr,
html[data-theme="light"] .order-status-table tbody td {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #c8d5db !important;
}

html[data-theme="light"] .order-status-table tbody tr:nth-child(even),
html[data-theme="light"] .order-status-table tbody tr:nth-child(even) td {
    background: #f4f7fa !important;
}

html[data-theme="light"] .order-status-table tbody tr:hover,
html[data-theme="light"] .order-status-table tbody tr:hover td {
    background: #e9eef6 !important;
}

html[data-theme="light"] .order-status-id {
    color: #476496 !important;
}

html[data-theme="light"] .order-status-delete {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #741326 !important;
}

html[data-theme="light"] .order-status-delete:hover,
html[data-theme="light"] .order-status-delete:focus {
    background: #741326 !important;
    color: #ffffff !important;
    border-color: #5d0e1e !important;
}

html[data-theme="light"] .order-status-validation,
html[data-theme="light"] .order-status-shell .field-validation-error,
html[data-theme="light"] .order-status-shell .validation-summary-errors {
    color: #9f1d35 !important;
}

/* Users and system roles: complete light palette. */
html[data-theme="light"] .users-shell {
    background: #f8fbfc !important;
    color: #172a33 !important;
    border-color: #bfd0d8 !important;
    box-shadow: 0 12px 30px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] .users-title {
    color: #476496 !important;
}

html[data-theme="light"] .users-subtitle {
    color: #263e48 !important;
}

html[data-theme="light"] .users-card {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] .users-card-header {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #344c74 !important;
}

html[data-theme="light"] .users-card-toggle {
    background: #ffffff !important;
    color: #476496 !important;
    border-color: #ffffff !important;
}

html[data-theme="light"] .users-card-body {
    background: #f8fbfc !important;
    color: #172a33 !important;
}

html[data-theme="light"] .roles-create-form label,
html[data-theme="light"] .roles-edit-form label,
html[data-theme="light"] .role-detail-label {
    color: #476496 !important;
}

html[data-theme="light"] .users-shell input {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb5c0 !important;
    color-scheme: light;
}

html[data-theme="light"] .users-shell input:focus {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #476496 !important;
    box-shadow: 0 0 0 0.18rem rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] .role-row {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] .role-detail-line {
    color: #172a33 !important;
}

html[data-theme="light"] .role-meta {
    color: #5b6f7a !important;
}

html[data-theme="light"] .roles-edit-form {
    border-color: #c8d5db !important;
}

html[data-theme="light"] .roles-create-form .btn-info,
html[data-theme="light"] .roles-edit-form .btn-info {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] .role-actions .btn-outline-info,
html[data-theme="light"] .users-actions .btn-outline-info {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
}

html[data-theme="light"] .role-actions .btn-outline-danger {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #741326 !important;
}

html[data-theme="light"] .roles-edit-form .btn-outline-light {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
}

html[data-theme="light"] .users-table-wrap {
    background: #ffffff !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] .users-table {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] .users-table thead th {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #7086a9 !important;
}

html[data-theme="light"] .users-table tbody td {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #c8d5db !important;
}

html[data-theme="light"] .users-table tbody tr:nth-child(even) td {
    background: #f4f7fa !important;
}

html[data-theme="light"] .users-table tbody tr:hover td {
    background: #e9eef6 !important;
    color: #172a33 !important;
}

html[data-theme="light"] .users-empty {
    color: #5b6f7a !important;
}

html[data-theme="light"] .users-alerts .alert-success {
    background: #dff3e7 !important;
    color: #17633f !important;
    border-color: #8fc4a5 !important;
}

html[data-theme="light"] .users-alerts .alert-danger {
    background: #f7e2e6 !important;
    color: #9f1d35 !important;
    border-color: #d59aa6 !important;
}

/* Roles assigned to a selected user. */
html[data-theme="light"] .roles-shell {
    background: #f8fbfc !important;
    color: #172a33 !important;
    border-color: #bfd0d8 !important;
    box-shadow: 0 12px 30px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] .roles-shell .roles-title {
    color: #476496 !important;
}

html[data-theme="light"] .roles-shell .roles-subtitle {
    color: #263e48 !important;
}

html[data-theme="light"] .roles-shell .roles-card {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] .roles-shell .roles-card-header {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #344c74 !important;
}

html[data-theme="light"] .roles-shell .roles-card-body {
    background: #f8fbfc !important;
    color: #172a33 !important;
}

html[data-theme="light"] .roles-shell .roles-user {
    background: #e9eef6 !important;
    color: #263e48 !important;
    border-color: #b5c3d4 !important;
}

html[data-theme="light"] .roles-shell .roles-user strong {
    color: #476496 !important;
}

html[data-theme="light"] .roles-shell .roles-item {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] .roles-shell .roles-item:nth-child(even) {
    background: #f4f7fa !important;
}

html[data-theme="light"] .roles-shell .roles-item label {
    color: #263e48 !important;
}

html[data-theme="light"] .roles-shell .roles-item input[type="checkbox"] {
    accent-color: #198754;
}

html[data-theme="light"] .roles-shell .roles-actions .btn-outline-light {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
}

html[data-theme="light"] .roles-shell .roles-actions .btn-info {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] .roles-shell .roles-errors {
    color: #9f1d35 !important;
}

/* Retail reference lists: complete light palette. */
html[data-theme="light"] .retail-lists-shell {
    background: #f8fbfc !important;
    color: #172a33 !important;
    border-color: #bfd0d8 !important;
    box-shadow: 0 12px 30px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] .retail-lists-title {
    color: #476496 !important;
}

html[data-theme="light"] .retail-lists-subtitle {
    color: #263e48 !important;
}

html[data-theme="light"] .retail-list-card {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: 0 8px 22px rgba(31, 61, 76, 0.1) !important;
}

html[data-theme="light"] .retail-list-card-head {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #344c74 !important;
}

html[data-theme="light"] .retail-list-card-title {
    color: #ffffff !important;
}

html[data-theme="light"] .retail-list-card-toggle {
    background: #ffffff !important;
    color: #476496 !important;
    border-color: #ffffff !important;
}

html[data-theme="light"] .retail-list-card-body {
    background: #f8fbfc !important;
    color: #172a33 !important;
}

html[data-theme="light"] .retail-list-bucket,
html[data-theme="light"] .retail-measure-matrix {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] .retail-list-bucket-title,
html[data-theme="light"] .retail-measure-matrix-title {
    color: #476496 !important;
}

html[data-theme="light"] .retail-list-add-btn {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
}

html[data-theme="light"] .retail-list-add-btn:hover,
html[data-theme="light"] .retail-list-add-btn:focus {
    background: #1f385f !important;
    color: #ffffff !important;
    border-color: #172946 !important;
}

html[data-theme="light"] .retail-list-row {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #c8d5db !important;
}

html[data-theme="light"] .retail-list-row:nth-child(even) {
    background: #f4f7fa !important;
}

html[data-theme="light"] .retail-list-row-id {
    color: #476496 !important;
}

html[data-theme="light"] .retail-list-row-main {
    color: #172a33 !important;
}

html[data-theme="light"] .retail-list-row-secondary,
html[data-theme="light"] .retail-list-empty,
html[data-theme="light"] .retail-measure-matrix-modal-note {
    color: #5b6f7a !important;
}

html[data-theme="light"] .retail-list-edit-btn {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
}

html[data-theme="light"] .retail-list-delete-btn {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #741326 !important;
}

html[data-theme="light"] .retail-measure-matrix-table {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] .retail-measure-matrix-table thead th {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #7086a9 !important;
}

html[data-theme="light"] .retail-measure-matrix-table tbody td {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #c8d5db !important;
}

html[data-theme="light"] .retail-measure-matrix-table tbody tr:nth-child(even) td {
    background: #f4f7fa !important;
}

html[data-theme="light"] .retail-list-modal {
    background: rgba(14, 26, 33, 0.55) !important;
}

html[data-theme="light"] .retail-list-modal-card {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
    box-shadow: 0 24px 70px rgba(31, 61, 76, 0.3) !important;
}

html[data-theme="light"] .retail-list-modal-head {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #344c74 !important;
}

html[data-theme="light"] .retail-list-modal-title {
    color: #ffffff !important;
}

html[data-theme="light"] .retail-list-modal-head .btn-outline-light {
    background: #ffffff !important;
    color: #476496 !important;
    border-color: #ffffff !important;
}

html[data-theme="light"] .retail-list-modal-body {
    background: #f8fbfc !important;
    color: #172a33 !important;
}

html[data-theme="light"] .retail-list-modal-body label {
    color: #476496 !important;
}

html[data-theme="light"] .retail-list-modal-body :where(input, select) {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb5c0 !important;
    color-scheme: light;
}

html[data-theme="light"] .retail-list-modal-body :where(input, select):focus {
    border-color: #476496 !important;
    box-shadow: 0 0 0 0.18rem rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] .retail-list-modal-actions .btn-outline-light {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
}

html[data-theme="light"] .retail-list-modal-actions .btn-primary {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] .retail-lists-shell > .alert-success {
    background: #dff3e7 !important;
    color: #17633f !important;
    border-color: #8fc4a5 !important;
}

html[data-theme="light"] .retail-lists-shell > .alert-danger {
    background: #f7e2e6 !important;
    color: #9f1d35 !important;
    border-color: #d59aa6 !important;
}

/* Matrix pricelists: complete light palette. */
html[data-theme="light"] .pricelist-page {
    background: #edf4f7 !important;
    color: #172a33 !important;
}

html[data-theme="light"] .pricelist-header {
    background: #ffffff !important;
    color: #172a33 !important;
    border: 1px solid #bfd0d8 !important;
    border-radius: 16px !important;
    padding: 14px 18px !important;
    box-shadow: 0 8px 22px rgba(31, 61, 76, 0.1) !important;
}

html[data-theme="light"] .pricelist-title {
    color: #476496 !important;
}

html[data-theme="light"] .pricelist-code {
    color: #9f1d35 !important;
}

html[data-theme="light"] .pricelist-save {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] .pricelist-save:hover,
html[data-theme="light"] .pricelist-save:focus {
    background: #146c43 !important;
    color: #ffffff !important;
}

html[data-theme="light"] .pricelist-page .price-block {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: 0 12px 28px rgba(31, 61, 76, 0.13) !important;
}

html[data-theme="light"] .pricelist-page .module-head {
    color: #9f1d35 !important;
}

html[data-theme="light"] .pricelist-page .module-icon :where(rect, line, path) {
    stroke: #9f1d35 !important;
}

html[data-theme="light"] .pricelist-page .projection-label {
    background: #476496 !important;
    color: #ffffff !important;
}

html[data-theme="light"] .pricelist-page .width-label {
    background: #e9eef6 !important;
    color: #476496 !important;
    border: 1px solid #b5c3d4 !important;
}

html[data-theme="light"] .pricelist-page .price-table {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] .pricelist-page .price-table thead th {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #7086a9 !important;
}

html[data-theme="light"] .pricelist-page .price-table .width-cell {
    background: #e9eef6 !important;
    color: #476496 !important;
    border-color: #c8d5db !important;
}

html[data-theme="light"] .pricelist-page .price-table tbody tr:nth-child(odd) td:not(.width-cell) {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] .pricelist-page .price-table tbody tr:nth-child(even) td:not(.width-cell) {
    background: #f4f7fa !important;
    color: #172a33 !important;
}

html[data-theme="light"] .pricelist-page .price-input {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb5c0 !important;
    color-scheme: light;
}

html[data-theme="light"] .pricelist-page .price-input:focus {
    border-color: #476496 !important;
    outline: none !important;
    box-shadow: 0 0 0 0.18rem rgba(71, 100, 150, 0.2) !important;
}

/* Special pergola pricelists: shelter, side beam, columns and triangles. */
html[data-theme="light"] :where(
    .shelter-pricelist-page,
    .sidebeam-pricelist-page,
    .column-pricelist-page,
    .triangle-pricelist-page
) {
    background: #edf4f7 !important;
    color: #172a33 !important;
}

html[data-theme="light"] :where(
    .shelter-pricelist-header,
    .sidebeam-pricelist-header,
    .column-pricelist-header,
    .triangle-pricelist-header
) {
    background: #ffffff !important;
    color: #172a33 !important;
    border: 1px solid #bfd0d8 !important;
    border-radius: 16px !important;
    padding: 14px 18px !important;
    box-shadow: 0 8px 22px rgba(31, 61, 76, 0.1) !important;
}

html[data-theme="light"] :where(
    .shelter-pricelist-title,
    .sidebeam-pricelist-title,
    .column-pricelist-title,
    .triangle-pricelist-title
) {
    color: #476496 !important;
}

html[data-theme="light"] :where(
    .shelter-pricelist-code,
    .sidebeam-pricelist-code,
    .column-pricelist-code,
    .triangle-pricelist-code
) {
    color: #9f1d35 !important;
}

html[data-theme="light"] :where(
    .shelter-pricelist-save,
    .sidebeam-pricelist-save,
    .column-pricelist-save,
    .triangle-pricelist-save
) {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] :where(
    .shelter-price-section,
    .sidebeam-price-section,
    .column-price-section,
    .triangle-price-section
) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: 0 12px 28px rgba(31, 61, 76, 0.13) !important;
}

html[data-theme="light"] :where(
    .shelter-price-table,
    .sidebeam-price-table,
    .column-price-table,
    .triangle-price-table
) {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] :where(
    .shelter-price-table,
    .sidebeam-price-table,
    .column-price-table,
    .triangle-price-table
) thead th {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #7086a9 !important;
}

html[data-theme="light"] :where(
    .shelter-price-table,
    .sidebeam-price-table,
    .column-price-table,
    .triangle-price-table
) tbody tr:nth-child(odd) td {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] :where(
    .shelter-price-table,
    .sidebeam-price-table,
    .column-price-table,
    .triangle-price-table
) tbody tr:nth-child(even) td {
    background: #f4f7fa !important;
    color: #172a33 !important;
}

html[data-theme="light"] :where(
    .projection-cell,
    .sidebeam-profile-cell,
    .column-profile-cell,
    .triangle-material-cell
) {
    background: #e9eef6 !important;
    color: #476496 !important;
}

html[data-theme="light"] :where(
    .shelter-price-input,
    .sidebeam-price-input,
    .column-price-input,
    .triangle-price-input
) {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb5c0 !important;
    color-scheme: light;
}

html[data-theme="light"] :where(
    .shelter-price-input,
    .sidebeam-price-input,
    .column-price-input,
    .triangle-price-input
):focus {
    border-color: #476496 !important;
    outline: none !important;
    box-shadow: 0 0 0 0.18rem rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] .sidebeam-unavailable {
    color: #9f1d35 !important;
}

/* Lighting pricelists: standard and bioclimatic. */
html[data-theme="light"] :where(.lighting-pricelist-page, .bio-light-page) {
    background: #edf4f7 !important;
    color: #172a33 !important;
}

html[data-theme="light"] :where(.lighting-pricelist-header, .bio-light-header) {
    background: #ffffff !important;
    color: #172a33 !important;
    border: 1px solid #bfd0d8 !important;
    border-radius: 16px !important;
    padding: 14px 18px !important;
    box-shadow: 0 8px 22px rgba(31, 61, 76, 0.1) !important;
}

html[data-theme="light"] :where(.lighting-pricelist-title, .bio-light-title) {
    color: #476496 !important;
}

html[data-theme="light"] :where(.lighting-pricelist-code, .bio-light-code) {
    color: #9f1d35 !important;
}

html[data-theme="light"] :where(.lighting-pricelist-save, .bio-light-save) {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] :where(.lighting-pricelist-save, .bio-light-save):hover,
html[data-theme="light"] :where(.lighting-pricelist-save, .bio-light-save):focus {
    background: #146c43 !important;
    color: #ffffff !important;
}

html[data-theme="light"] :where(.lighting-price-section, .bio-light-section) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: 0 12px 28px rgba(31, 61, 76, 0.13) !important;
}

html[data-theme="light"] :where(.lighting-price-section, .bio-light-section) h2 {
    color: #476496 !important;
}

html[data-theme="light"] :where(.lighting-price-table, .bio-light-table) {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] :where(.lighting-price-table, .bio-light-table) thead th {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #7086a9 !important;
}

html[data-theme="light"] :where(.lighting-price-table, .bio-light-table) tbody tr:nth-child(odd) td {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] :where(.lighting-price-table, .bio-light-table) tbody tr:nth-child(even) td {
    background: #f4f7fa !important;
    color: #172a33 !important;
}

html[data-theme="light"] :where(.lighting-price-table, .bio-light-table) tbody td:first-child {
    background: #e9eef6 !important;
    color: #476496 !important;
    font-weight: 700;
}

html[data-theme="light"] :where(.lighting-price-input, .bio-light-input) {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb5c0 !important;
    box-shadow: none !important;
    color-scheme: light;
}

html[data-theme="light"] :where(.lighting-price-input, .bio-light-input):focus {
    background: #ffffff !important;
    border-color: #476496 !important;
    outline: none !important;
    box-shadow: 0 0 0 0.18rem rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] .bio-light-cell span {
    color: #476496 !important;
}

/* Tentoset catalog pricelists: complete light palette. */
html[data-theme="light"] .tentoset-price-page {
    background: #edf4f7 !important;
    color: #172a33 !important;
}

html[data-theme="light"] .tentoset-price-header {
    background: #ffffff !important;
    color: #172a33 !important;
    border: 1px solid #bfd0d8 !important;
    border-radius: 16px !important;
    padding: 14px 18px !important;
    box-shadow: 0 8px 22px rgba(31, 61, 76, 0.1) !important;
}

html[data-theme="light"] .tentoset-price-title {
    color: #476496 !important;
}

html[data-theme="light"] .tentoset-price-subtitle {
    color: #9f1d35 !important;
}

html[data-theme="light"] .tentoset-save {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #0f5132 !important;
}

html[data-theme="light"] .tentoset-save:hover,
html[data-theme="light"] .tentoset-save:focus {
    background: #146c43 !important;
    color: #ffffff !important;
}

html[data-theme="light"] .tentoset-section-link {
    background: #ffffff !important;
    color: #476496 !important;
    border-color: #b8c7d8 !important;
    box-shadow: 0 8px 20px rgba(31, 61, 76, 0.08) !important;
}

html[data-theme="light"] .tentoset-section-link:hover,
html[data-theme="light"] .tentoset-section-link:focus {
    background: #e9eef6 !important;
    color: #1f385f !important;
    border-color: #476496 !important;
}

html[data-theme="light"] .tentoset-table-block {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: 0 12px 28px rgba(31, 61, 76, 0.13) !important;
}

html[data-theme="light"] .tentoset-table-title {
    color: #476496 !important;
}

html[data-theme="light"] .tentoset-table {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] .tentoset-table thead th {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #7086a9 !important;
}

html[data-theme="light"] .tentoset-table tbody tr:nth-child(odd) :where(td, th) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #c8d5db !important;
}

html[data-theme="light"] .tentoset-table tbody tr:nth-child(even) :where(td, th) {
    background: #f4f7fa !important;
    color: #172a33 !important;
    border-color: #c8d5db !important;
}

html[data-theme="light"] .tentoset-table tbody th {
    background: #e9eef6 !important;
    color: #476496 !important;
    font-weight: 700;
}

html[data-theme="light"] .tentoset-input {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb5c0 !important;
    color-scheme: light;
}

html[data-theme="light"] .tentoset-input:focus {
    border-color: #476496 !important;
    outline: none !important;
    box-shadow: 0 0 0 0.18rem rgba(71, 100, 150, 0.2) !important;
}

/* Sample-book galleries: softer dark surfaces with clear separation from the page. */
html:not([data-theme="light"]) :where(
    .samplebook-toolbar,
    .samplebook-page .color-card,
    .samplebook-edit-card,
    .orchestra-card,
    .orch-card,
    .poly-card,
    .ammos-card,
    .prisma-card,
    .ral-classic-card,
    .orchestra-filters,
    .orch-filters,
    .poly-filters,
    .prisma-filters,
    .ral-classic-filters,
    .samplebook-editor-panel,
    .orch-panel,
    .poly-panel,
    .ammos-panel,
    .prisma-panel,
    .ral-classic-panel
) {
    background: #29333c !important;
    border-color: #3b4b55 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22) !important;
}

html:not([data-theme="light"]) :where(
    .samplebook-page .swatch,
    .samplebook-edit-swatch,
    .orchestra-swatch,
    .orch-swatch,
    .poly-swatch,
    .ammos-swatch,
    .prisma-swatch,
    .ral-classic-swatch
) {
    background: #29333c !important;
    border: 0 !important;
    box-shadow: none !important;
}

html:not([data-theme="light"]) :where(
    .samplebook-editor,
    .samplebook-edit,
    .orch-editor,
    .orch-edit,
    .poly-editor,
    .ammos-editor,
    .prisma-editor,
    .ral-classic-editor
) :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    background: #29333c !important;
}

html:not([data-theme="light"]) :where(.samplebook-editor, .samplebook-edit) input:-webkit-autofill,
html:not([data-theme="light"]) :where(.orch-editor, .orch-edit, .poly-editor, .ammos-editor, .prisma-editor, .ral-classic-editor) input:-webkit-autofill,
html:not([data-theme="light"]) :where(.samplebook-editor, .samplebook-edit, .orch-editor, .orch-edit, .poly-editor, .ammos-editor, .prisma-editor, .ral-classic-editor) input:-webkit-autofill:hover,
html:not([data-theme="light"]) :where(.samplebook-editor, .samplebook-edit, .orch-editor, .orch-edit, .poly-editor, .ammos-editor, .prisma-editor, .ral-classic-editor) input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #29333c inset !important;
    -webkit-text-fill-color: antiquewhite !important;
    caret-color: antiquewhite !important;
}

html:not([data-theme="light"]) :where(
    .samplebook-editor-panel,
    .orch-panel,
    .poly-panel,
    .ammos-panel,
    .prisma-panel,
    .ral-classic-panel
) > :where(
    .samplebook-editor-title,
    .samplebook-edit-title,
    .orch-title,
    .poly-title,
    .ammos-title,
    .prisma-title,
    .ral-classic-title
) {
    margin: -18px -18px 16px !important;
    padding: 18px !important;
    background: #20282f !important;
    border-bottom: 1px solid #3b4b55 !important;
    border-radius: 8px 8px 0 0 !important;
}

/* Sample-book galleries: complete light palette. */
html[data-theme="light"] :where(
    .samplebook-page,
    .orchestra-page,
    .poly-page,
    .ammos-page,
    .prisma-page,
    .ral-classic-page
) {
    background: #edf4f7 !important;
    color: #172a33 !important;
}

html[data-theme="light"] :where(
    .samplebook-title,
    .orchestra-title,
    .poly-title,
    .ammos-title,
    .prisma-title,
    .ral-classic-title,
    .samplebook-group-title
) {
    color: #476496 !important;
}

html[data-theme="light"] :where(
    .samplebook-subtitle,
    .orchestra-subtitle,
    .poly-subtitle,
    .ammos-subtitle,
    .prisma-subtitle,
    .ral-classic-subtitle,
    .samplebook-count
) {
    color: #5b6f7a !important;
}

html[data-theme="light"] .samplebook-toolbar {
    background: #d5e2e7 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: 0 12px 28px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] .samplebook-description {
    border-color: #d59aa6 !important;
}

html[data-theme="light"] .samplebook-description-title {
    color: #9f1d35 !important;
}

html[data-theme="light"] .samplebook-description-title::after {
    background: #9f1d35 !important;
}

html[data-theme="light"] .samplebook-description p {
    color: #263e48 !important;
}

html[data-theme="light"] .samplebook-filter {
    background: #e9eef6 !important;
    color: #476496 !important;
    border-color: #b5c3d4 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

html[data-theme="light"] .samplebook-filter.active,
html[data-theme="light"] .samplebook-filter:hover,
html[data-theme="light"] .samplebook-filter:focus {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
    text-shadow: none !important;
    box-shadow: 0 8px 18px rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] :where(
    .orchestra-filters,
    .poly-filters,
    .prisma-filters,
    .ral-classic-filters
) {
    background: #d5e2e7 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] :where(
    .orchestra-filter-title,
    .poly-filter-title,
    .prisma-filter-title,
    .ral-classic-filter-title
) {
    color: #476496 !important;
}

html[data-theme="light"] :where(
    .orchestra-filter-option,
    .poly-filter-option,
    .prisma-filter-option,
    .ral-classic-filter-option
) {
    background: #e9eef6 !important;
    color: #476496 !important;
    border-color: #b5c3d4 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

html[data-theme="light"] :where(
    .orchestra-filter-option,
    .poly-filter-option,
    .prisma-filter-option,
    .ral-classic-filter-option
):where(:hover, :focus-within, :has(input:checked)) {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
    text-shadow: none !important;
    box-shadow: 0 8px 18px rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] :where(
    .orchestra-filter-clear,
    .poly-filter-clear,
    .prisma-filter-clear,
    .ral-classic-filter-clear
) {
    background: #e9eef6 !important;
    color: #476496 !important;
    border-color: #9fb2c8 !important;
}

html[data-theme="light"] :where(
    .samplebook-page .color-card,
    .orchestra-card,
    .poly-card,
    .ammos-card,
    .prisma-card,
    .ral-classic-card
) {
    background: #d5e2e7 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: 0 10px 24px rgba(31, 61, 76, 0.13) !important;
}

html[data-theme="light"] :where(
    .samplebook-page .color-card,
    .orchestra-card,
    .poly-card,
    .ammos-card,
    .prisma-card,
    .ral-classic-card
):where(:hover, :focus) {
    color: #172a33 !important;
    border-color: #476496 !important;
    box-shadow: 0 14px 28px rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] :where(
    .samplebook-page .swatch,
    .orchestra-swatch,
    .poly-swatch,
    .ammos-swatch,
    .prisma-swatch,
    .ral-classic-swatch
) {
    background: #d5e2e7 !important;
    border: 0 !important;
    box-shadow: none !important;
}

html[data-theme="light"] :where(
    .color-code,
    .orchestra-code,
    .poly-code,
    .ammos-code,
    .prisma-code,
    .ral-classic-code
) {
    color: #476496 !important;
}

html[data-theme="light"] :where(
    .color-meta,
    .orchestra-meta,
    .poly-meta,
    .ammos-meta,
    .prisma-meta,
    .ral-classic-meta
) {
    color: #5b6f7a !important;
}

html[data-theme="light"] :where(.orchestra-sync-button, .poly-sync-button) {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #1b3157 !important;
}

html[data-theme="light"] :where(.orchestra-sync-message, .poly-sync-message) {
    color: #198754 !important;
}

html[data-theme="light"] :where(
    .samplebook-modal .modal-content,
    .orchestra-modal .modal-content,
    .poly-modal .modal-content,
    .ammos-modal .modal-content,
    .prisma-modal .modal-content,
    .ral-classic-modal .modal-content
) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
    box-shadow: 0 24px 58px rgba(31, 61, 76, 0.3) !important;
}

html[data-theme="light"] :where(
    .samplebook-modal-roll,
    .metric-label,
    .orchestra-modal-info,
    .orchestra-tech-list div,
    .orchestra-warranty-text,
    .poly-modal-info,
    .poly-description,
    .poly-tech-list div,
    .ammos-modal-info,
    .ammos-description,
    .ammos-tech-list div,
    .prisma-modal-info,
    .prisma-description,
    .prisma-tech-list div,
    .ral-classic-modal-info,
    .ral-classic-description,
    .ral-classic-tech-list div
) {
    color: #263e48 !important;
}

html[data-theme="light"] :where(
    .orchestra-detail-heading,
    .poly-heading,
    .ammos-heading,
    .prisma-heading,
    .ral-classic-heading
) {
    color: #476496 !important;
}

html[data-theme="light"] :where(
    .samplebook-modal-id,
    .metric-value,
    .orchestra-modal-title,
    .poly-modal-title,
    .ammos-modal-title,
    .prisma-modal-title,
    .ral-classic-modal-title
) {
    color: #9f1d35 !important;
}

/* Sample-book import and edit screens */
html[data-theme="light"] :where(
    .samplebook-editor,
    .samplebook-edit,
    .orch-editor,
    .orch-edit,
    .poly-editor,
    .ammos-editor,
    .prisma-editor,
    .ral-classic-editor
) {
    background: #edf4f7 !important;
    color: #172a33 !important;
}

html[data-theme="light"] :where(
    .samplebook-editor-panel,
    .orch-panel,
    .poly-panel,
    .ammos-panel,
    .prisma-panel,
    .ral-classic-panel
) {
    background: #d5e2e7 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: 0 12px 28px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] :where(
    .samplebook-editor-title,
    .samplebook-edit-title,
    .orch-title,
    .poly-title,
    .ammos-title,
    .prisma-title,
    .ral-classic-title
) {
    color: #476496 !important;
}

html[data-theme="light"] :where(
    .samplebook-editor-panel,
    .orch-panel,
    .poly-panel,
    .ammos-panel,
    .prisma-panel,
    .ral-classic-panel
) > :where(
    .samplebook-editor-title,
    .samplebook-edit-title,
    .orch-title,
    .poly-title,
    .ammos-title,
    .prisma-title,
    .ral-classic-title
) {
    margin: -18px -18px 16px !important;
    padding: 18px !important;
    background: #c7d7dd !important;
    border-bottom: 1px solid #aebfc8 !important;
    border-radius: 8px 8px 0 0 !important;
}

html[data-theme="light"] :where(
    .samplebook-editor-field,
    .orch-field,
    .poly-field,
    .ammos-field,
    .prisma-field,
    .ral-classic-field
) label {
    color: #476496 !important;
}

html[data-theme="light"] :where(
    .samplebook-editor,
    .samplebook-edit,
    .orch-editor,
    .orch-edit,
    .poly-editor,
    .ammos-editor,
    .prisma-editor,
    .ral-classic-editor
) :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    background: #d5e2e7 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: none !important;
}

html[data-theme="light"] :where(.samplebook-editor, .samplebook-edit, .orch-editor, .orch-edit, .poly-editor, .ammos-editor, .prisma-editor, .ral-classic-editor) input:-webkit-autofill,
html[data-theme="light"] :where(.samplebook-editor, .samplebook-edit, .orch-editor, .orch-edit, .poly-editor, .ammos-editor, .prisma-editor, .ral-classic-editor) input:-webkit-autofill:hover,
html[data-theme="light"] :where(.samplebook-editor, .samplebook-edit, .orch-editor, .orch-edit, .poly-editor, .ammos-editor, .prisma-editor, .ral-classic-editor) input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #d5e2e7 inset !important;
    -webkit-text-fill-color: #172a33 !important;
    caret-color: #172a33 !important;
}

html[data-theme="light"] :where(
    .samplebook-editor,
    .samplebook-edit,
    .orch-editor,
    .orch-edit,
    .poly-editor,
    .ammos-editor,
    .prisma-editor,
    .ral-classic-editor
) :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
    border-color: #476496 !important;
    box-shadow: 0 0 0 3px rgba(71, 100, 150, 0.16) !important;
    outline: none !important;
}

html[data-theme="light"] :where(
    .samplebook-editor,
    .samplebook-edit,
    .orch-editor,
    .orch-edit,
    .poly-editor,
    .ammos-editor,
    .prisma-editor,
    .ral-classic-editor
) input[type="checkbox"] {
    accent-color: #198754 !important;
}

html[data-theme="light"] :where(
    .samplebook-editor-btn,
    .orch-btn,
    .poly-btn,
    .ammos-btn,
    .prisma-btn,
    .ral-classic-btn
) {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
    box-shadow: 0 5px 12px rgba(71, 100, 150, 0.18) !important;
}

html[data-theme="light"] :where(
    .samplebook-editor-btn,
    .orch-btn,
    .poly-btn,
    .ammos-btn,
    .prisma-btn,
    .ral-classic-btn
):where(:hover, :focus) {
    background: #3b5682 !important;
    color: #ffffff !important;
    border-color: #263e68 !important;
}

html[data-theme="light"] :where(
    .samplebook-editor-actions,
    .orch-actions,
    .poly-actions,
    .ammos-actions,
    .prisma-actions,
    .ral-classic-actions
) button[type="submit"] {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #146c43 !important;
    box-shadow: 0 5px 12px rgba(25, 135, 84, 0.2) !important;
}

html[data-theme="light"] :where(
    .samplebook-editor-actions,
    .orch-actions,
    .poly-actions,
    .ammos-actions,
    .prisma-actions,
    .ral-classic-actions
) button[type="submit"]:where(:hover, :focus) {
    background: #146c43 !important;
    border-color: #105536 !important;
}

html[data-theme="light"] :where(
    .samplebook-editor,
    .samplebook-edit,
    .orch-editor,
    .orch-edit,
    .poly-editor,
    .ammos-editor,
    .prisma-editor,
    .ral-classic-editor
) :where(.btn-danger, button[data-action="delete"]) {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] :where(
    .orch-filters,
    .poly-filters,
    .prisma-filters,
    .ral-classic-filters
) {
    background: #d5e2e7 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] :where(
    .orch-filter-title,
    .poly-filter-title,
    .prisma-filter-title,
    .ral-classic-filter-title
) {
    color: #476496 !important;
}

html[data-theme="light"] body .orch-filter-list,
html[data-theme="light"] body .poly-filter-list,
html[data-theme="light"] body .prisma-filter-list,
html[data-theme="light"] body .ral-classic-filter-list {
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

html[data-theme="light"] :where(
    .orch-filter-option,
    .poly-filter-option,
    .prisma-filter-option,
    .ral-classic-filter-option
) {
    background: #e9eef6 !important;
    color: #476496 !important;
    border-color: #b8c7d8 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

html[data-theme="light"] :where(
    .orch-filter-option,
    .poly-filter-option,
    .prisma-filter-option,
    .ral-classic-filter-option
):has(input:checked) {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] :where(
    .samplebook-edit-card,
    .orch-card,
    .poly-card,
    .ammos-card,
    .prisma-card,
    .ral-classic-card
) {
    background: #d5e2e7 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: 0 10px 24px rgba(31, 61, 76, 0.13) !important;
}

html[data-theme="light"] :where(
    .samplebook-edit-card,
    .orch-card,
    .poly-card,
    .ammos-card,
    .prisma-card,
    .ral-classic-card
):where(:hover, :focus) {
    color: #172a33 !important;
    border-color: #476496 !important;
    box-shadow: 0 14px 28px rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] :where(
    .samplebook-edit-swatch,
    .orch-swatch,
    .poly-swatch,
    .ammos-swatch,
    .prisma-swatch,
    .ral-classic-swatch
) {
    background: #d5e2e7 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Product categories: list, editor and image picker */
html[data-theme="light"] #cardTab {
    background: transparent !important;
    color: #172a33 !important;
}

html[data-theme="light"] #cardTab > h1 {
    color: #476496 !important;
}

html[data-theme="light"] body #categoryContainer > [data-id] > .card.category-card {
    --bs-card-bg: #d5e2e7;
    background: #d5e2e7 !important;
    color: #172a33 !important;
    border: 1px solid #aebfc8 !important;
    box-shadow: 0 10px 24px rgba(31, 61, 76, 0.18) !important;
}

html[data-theme="light"] body #categoryContainer .category-card .card-title {
    color: #476496 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body #categoryContainer .category-card-body h6 {
    color: #9f1d35 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body #categoryContainer .category-card-body .card-text {
    color: #263e48 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body #categoryContainer .category-card-image {
    background-color: #d5e2e7 !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body .card-action-edit {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body .card-action-edit:where(:hover, :focus) {
    background: #3b5682 !important;
    color: #ffffff !important;
    border-color: #263e68 !important;
    box-shadow: 0 5px 12px rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] body .card-action-delete {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body .card-action-delete:where(:hover, :focus) {
    background: #86182d !important;
    color: #ffffff !important;
    border-color: #681222 !important;
    box-shadow: 0 5px 12px rgba(159, 29, 53, 0.22) !important;
}

html[data-theme="light"] body #categoryContainer > [data-id] > .card.category-card:focus-within,
html[data-theme="light"] body #categoryContainer > [data-id] > .card.category-card-focus {
    border-color: #476496 !important;
    box-shadow: 0 0 0 3px rgba(71, 100, 150, 0.2), 0 12px 28px rgba(31, 61, 76, 0.16) !important;
}

html[data-theme="light"] body .delete-confirm-dialog {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: 0 24px 58px rgba(31, 61, 76, 0.3) !important;
}

html[data-theme="light"] body .delete-confirm-title {
    color: #9f1d35 !important;
}

html[data-theme="light"] body .delete-confirm-body {
    color: #263e48 !important;
}

html[data-theme="light"] body .delete-confirm-actions {
    border-color: #d4dfe5 !important;
}

html[data-theme="light"] body .category-input-shell {
    background: transparent !important;
    color: #172a33 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="light"] body .category-input-title {
    color: #476496 !important;
}

html[data-theme="light"] body .category-input-subtitle {
    color: #5b6f7a !important;
}

html[data-theme="light"] body .category-input-card {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: 0 12px 28px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] body .category-input-label {
    color: #476496 !important;
}

html[data-theme="light"] body :where(.category-input-control, .category-input-file) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body :where(.category-input-control, .category-input-file):focus {
    border-color: #476496 !important;
    box-shadow: 0 0 0 3px rgba(71, 100, 150, 0.16) !important;
    outline: none !important;
}

html[data-theme="light"] body .category-input-file::file-selector-button,
html[data-theme="light"] body .image-picker-button {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body .image-picker-button:where(:hover, :focus),
html[data-theme="light"] body .image-picker-button.has-image {
    background: #3b5682 !important;
    color: #ffffff !important;
    border-color: #263e68 !important;
    box-shadow: 0 5px 12px rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] body .category-image-preview {
    background: #eef3f6 !important;
    color: #5b6f7a !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body .category-input-cancel {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body .category-input-cancel:where(:hover, :focus) {
    background: #86182d !important;
    color: #ffffff !important;
    border-color: #681222 !important;
    box-shadow: 0 5px 12px rgba(159, 29, 53, 0.22) !important;
}

html[data-theme="light"] body .category-input-submit {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #146c43 !important;
}

html[data-theme="light"] body .category-input-submit:where(:hover, :focus) {
    background: #146c43 !important;
    color: #ffffff !important;
    border-color: #105536 !important;
}

html[data-theme="light"] body .image-picker-modal-window {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
    box-shadow: 0 24px 58px rgba(31, 61, 76, 0.3) !important;
}

html[data-theme="light"] body .image-picker-modal-window .text-warning {
    color: #476496 !important;
}

html[data-theme="light"] body .image-picker-modal-window .text-info {
    color: #476496 !important;
}

html[data-theme="light"] body .image-picker-preview-frame {
    background: #eef3f6 !important;
    color: #5b6f7a !important;
    border-color: #9fb2c8 !important;
}

html[data-theme="light"] body #closeEntityImageModal,
html[data-theme="light"] body #clearEntityImageSelection {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body #pickEntityImageButton {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body #applyEntityImageSelection {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #146c43 !important;
}

/* Product subcategories, levels 1 and 2 */
html[data-theme="light"] body #subcategoryContainer > [data-id] > .card,
html[data-theme="light"] body #subcategory2Container > [data-id] > .card {
    --bs-card-bg: #d5e2e7;
    background: #d5e2e7 !important;
    color: #172a33 !important;
    border: 1px solid #aebfc8 !important;
    box-shadow: 0 10px 24px rgba(31, 61, 76, 0.18) !important;
}

html[data-theme="light"] body #subcategoryContainer .card-title,
html[data-theme="light"] body #subcategory2Container .card-title {
    color: #476496 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body #subcategoryContainer .text-muted,
html[data-theme="light"] body #subcategory2Container .text-muted {
    color: #9f1d35 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body #subcategoryContainer .card-text,
html[data-theme="light"] body #subcategory2Container .card-text {
    color: #263e48 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body #subcategoryContainer .list-card-image,
html[data-theme="light"] body #subcategory2Container .list-card-image {
    background-color: #d5e2e7 !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body #subcategoryContainer .badge.bg-dark,
html[data-theme="light"] body #subcategory2Container .badge.bg-dark {
    background: #476496 !important;
    color: #ffffff !important;
}

html[data-theme="light"] body .subcategory-filter-bar {
    background: #d5e2e7 !important;
    color: #172a33 !important;
    border-color: #aebfc8 !important;
    box-shadow: 0 8px 20px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] body .subcategory-filter-bar :where(.form-select, .form-control) {
    background: #d5e2e7 !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
}

html[data-theme="light"] body .subcategory-filter-bar input.form-control:-webkit-autofill,
html[data-theme="light"] body .subcategory-filter-bar input.form-control:-webkit-autofill:hover,
html[data-theme="light"] body .subcategory-filter-bar input.form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #d5e2e7 inset !important;
    -webkit-text-fill-color: #172a33 !important;
    caret-color: #172a33 !important;
}

html[data-theme="light"] body .subcategory-filter-bar .form-control::placeholder {
    color: #72858f !important;
}

/* Mobile category/subcategory filter picker.  The picker menu is appended to
   <body>, so it cannot inherit the light filter-bar styles above. */
html[data-theme="light"] body .mobile-list-filter-shell {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

html[data-theme="light"] body .mobile-list-filter-trigger {
    color-scheme: light !important;
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb2c8 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body .mobile-list-filter-trigger:focus-visible,
html[data-theme="light"] body .mobile-list-filter-trigger[aria-expanded="true"] {
    border-color: #476496 !important;
    box-shadow: 0 0 0 3px rgba(71, 100, 150, 0.18) !important;
}

html[data-theme="light"] body .mobile-list-filter-trigger-arrow {
    border-top-color: #476496 !important;
}

html[data-theme="light"] body .mobile-list-filter-trigger:disabled {
    background: #e4edf2 !important;
    color: #72858f !important;
    -webkit-text-fill-color: #72858f !important;
    border-color: #b9cbd4 !important;
}

html[data-theme="light"] body .mobile-list-filter-menu {
    color-scheme: light !important;
    background: #eef3f6 !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
    box-shadow: 0 18px 42px rgba(31, 61, 76, 0.22) !important;
    scrollbar-color: #9fb2c8 #eef3f6 !important;
}

html[data-theme="light"] body .mobile-list-filter-option {
    background: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #c5d4dc !important;
}

html[data-theme="light"] body .mobile-list-filter-option:hover,
html[data-theme="light"] body .mobile-list-filter-option:focus-visible {
    background: #e4edf2 !important;
    border-color: #476496 !important;
}

html[data-theme="light"] body .mobile-list-filter-option[aria-selected="true"] {
    background: #476496 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #476496 !important;
    box-shadow: inset 4px 0 0 #9f1d35 !important;
}

html[data-theme="light"] body .mobile-list-filter-option:disabled {
    background: #e4edf2 !important;
    color: #72858f !important;
    -webkit-text-fill-color: #72858f !important;
}

html[data-theme="light"] body .mobile-list-filter-option-mark {
    color: currentColor !important;
}

/* Keep the native controls readable as well when the responsive picker is not active. */
html[data-theme="light"] body [data-list-filter-select],
html[data-theme="light"] body [data-list-filter-select] option,
html[data-theme="light"] body [data-list-filter-select] optgroup {
    color-scheme: light !important;
    background-color: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
}

html[data-theme="light"] body #subcategoryContainer > [data-id] > .card:where(:focus, :focus-within),
html[data-theme="light"] body #subcategory2Container > [data-id] > .card:where(:focus, :focus-within),
html[data-theme="light"] body #subcategoryContainer > [data-id] > .card.subcategory1-card-focus {
    border-color: #476496 !important;
    box-shadow: 0 0 0 3px rgba(71, 100, 150, 0.2), 0 12px 28px rgba(31, 61, 76, 0.16) !important;
}

html[data-theme="light"] body .subcategory-input-shell {
    background: transparent !important;
    color: #172a33 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="light"] body .subcategory-input-title {
    color: #476496 !important;
}

html[data-theme="light"] body .subcategory-input-subtitle {
    color: #5b6f7a !important;
}

html[data-theme="light"] body .subcategory-input-card {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: 0 12px 28px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] body .subcategory-input-label {
    color: #476496 !important;
}

html[data-theme="light"] body :where(.subcategory-input-control, .subcategory-input-file) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body :where(.subcategory-input-control, .subcategory-input-file):focus {
    border-color: #476496 !important;
    box-shadow: 0 0 0 3px rgba(71, 100, 150, 0.16) !important;
    outline: none !important;
}

html[data-theme="light"] body .subcategory-input-file::file-selector-button {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body .subcategory-image-preview {
    background: #d5e2e7 !important;
    color: #5b6f7a !important;
    border-color: #aebfc8 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body .subcategory-input-cancel {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body .subcategory-input-cancel:where(:hover, :focus) {
    background: #86182d !important;
    color: #ffffff !important;
    border-color: #681222 !important;
    box-shadow: 0 5px 12px rgba(159, 29, 53, 0.22) !important;
}

html[data-theme="light"] body .subcategory-input-submit {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #146c43 !important;
}

html[data-theme="light"] body .subcategory-input-submit:where(:hover, :focus) {
    background: #146c43 !important;
    color: #ffffff !important;
    border-color: #105536 !important;
}

/* Components / raw materials */
html[data-theme="light"] body #cardTab > h1 {
    color: #476496 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body #componentFilterForm {
    padding: 14px 16px !important;
    border: 1px solid #aebfc8 !important;
    border-radius: 18px !important;
    background: #d5e2e7 !important;
    box-shadow: 0 8px 20px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] body #componentFilterForm .form-label {
    color: #476496 !important;
}

html[data-theme="light"] body #componentFilterForm :where(.form-select, .form-control) {
    background: #d5e2e7 !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
}

html[data-theme="light"] body #componentFilterForm .btn-outline-secondary {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body #componentFilterForm .btn-outline-secondary:where(:hover, :focus) {
    background: #86182d !important;
    color: #ffffff !important;
    border-color: #681222 !important;
}

html[data-theme="light"] body #componentContainer > [data-id] > .comp-card {
    --bs-card-bg: #d5e2e7;
    background: #d5e2e7 !important;
    color: #172a33 !important;
    border-color: #aebfc8 !important;
    box-shadow: 0 10px 24px rgba(31, 61, 76, 0.18) !important;
}

html[data-theme="light"] body #componentContainer .comp-card-head,
html[data-theme="light"] body #componentContainer .scrollable-content {
    background: transparent !important;
    color: #172a33 !important;
}

html[data-theme="light"] body #componentContainer .badge.bg-dark {
    background: #476496 !important;
    color: #ffffff !important;
}

html[data-theme="light"] body #componentContainer .comp-id-label {
    color: #9f1d35 !important;
    font-weight: 700 !important;
}

html[data-theme="light"] body #componentContainer .comp-card h5 {
    color: #476496 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body #componentContainer .comp-card h6 {
    color: #9f1d35 !important;
    border-bottom-color: #aebfc8 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body #componentContainer :where(.comp-card-image, .comp-card-image-stack, .comp-card-image-secondary-frame) {
    background: #d5e2e7 !important;
    background-image: none !important;
    border-color: #aebfc8 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body #componentContainer :where(.dynamic-values-container, .details-box, .description-box) {
    background: #eef3f6 !important;
    color: #263e48 !important;
    border-color: #b8c7d8 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body #componentContainer :where(.dynamic-row, .description-title, .description-scroll) {
    color: #263e48 !important;
    border-color: #c7d4db !important;
}

html[data-theme="light"] body #componentContainer .dynamic-row strong,
html[data-theme="light"] body #componentContainer .description-title {
    color: #476496 !important;
}

html[data-theme="light"] body #componentContainer .card-action-edit {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body #componentContainer .card-action-copy {
    background: #3b5682 !important;
    color: #ffffff !important;
    border-color: #263e68 !important;
}

html[data-theme="light"] body #componentContainer .card-action-delete {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body #componentContainer :where(.card-action-edit, .card-action-copy, .card-action-delete):where(:hover, :focus) {
    filter: brightness(0.9) !important;
    color: #ffffff !important;
}

html[data-theme="light"] body #componentContainer > [data-id] > .comp-card:where(:focus, :focus-within),
html[data-theme="light"] body #componentContainer > [data-id] > .comp-card.component-card-focus {
    border-color: #476496 !important;
    box-shadow: 0 0 0 3px rgba(71, 100, 150, 0.2), 0 12px 28px rgba(31, 61, 76, 0.16) !important;
}

html[data-theme="light"] body #componentContainer > [data-id] > .comp-card.product-card-focus {
    border-color: #476496 !important;
    box-shadow: 0 0 0 3px rgba(71, 100, 150, 0.2), 0 12px 28px rgba(31, 61, 76, 0.16) !important;
}

html[data-theme="light"] body .component-delete-modal {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
}

html[data-theme="light"] body .component-delete-modal-title {
    color: #9f1d35 !important;
}

html[data-theme="light"] body .component-delete-modal-text {
    color: #263e48 !important;
}

html[data-theme="light"] body #confirmComponentDelete {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body #cancelComponentDelete {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

/* Component create and edit forms */
html[data-theme="light"] body .component-input-shell {
    background: transparent !important;
    color: #172a33 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="light"] body .component-input-title {
    color: #476496 !important;
}

html[data-theme="light"] body .component-input-subtitle {
    color: #5b6f7a !important;
}

html[data-theme="light"] body .component-input-card {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: 0 12px 28px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] body :where(.form-label-custom, .component-input-label) {
    color: #476496 !important;
}

html[data-theme="light"] body .component-input-shell :where(.form-control, .form-select) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body .component-input-shell :where(.form-control, .form-select):focus {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #476496 !important;
    box-shadow: 0 0 0 3px rgba(71, 100, 150, 0.16) !important;
}

html[data-theme="light"] body .component-input-shell .form-control option {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] body .component-input-help {
    color: #5b6f7a !important;
}

html[data-theme="light"] body .component-input-shell :where(input[type="checkbox"], input[type="radio"]),
html[data-theme="light"] body .production-depart-picker-window :where(input[type="checkbox"], input[type="radio"]) {
    accent-color: #198754 !important;
}

html[data-theme="light"] body .dynamic-fields-shell {
    background: #d5e2e7 !important;
    color: #172a33 !important;
    border-color: #aebfc8 !important;
}

html[data-theme="light"] body .dynamic-fields-shell h6 {
    color: #476496 !important;
}

html[data-theme="light"] body .dynamic-field-item {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body :where(.dynamic-field-help, .dynamic-fields-empty) {
    color: #5b6f7a !important;
}

html[data-theme="light"] body :where(.component-file-btn, #openComponentTemplateToolModal) {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
    box-shadow: 0 5px 12px rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] body :where(.component-file-btn, #openComponentTemplateToolModal):where(:hover, :focus) {
    background: #3b5682 !important;
    color: #ffffff !important;
    border-color: #263e68 !important;
}

html[data-theme="light"] body :where(.component-file-btn.has-image, .component-pricelist-open-btn.has-pricelist, .production-depart-trigger-selected) {
    background: #3b5682 !important;
    color: #ffffff !important;
    border-color: #263e68 !important;
    box-shadow: 0 0 0 3px rgba(71, 100, 150, 0.18) !important;
}

html[data-theme="light"] body :where(.component-input-actions .component-cancel-btn, .component-action-row .btn-back) {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body :where(.component-input-actions .component-submit-btn, .component-action-row .btn-save) {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #146c43 !important;
}

html[data-theme="light"] body .component-preview img,
html[data-theme="light"] body .component-image-preview {
    background: #d5e2e7 !important;
    border-color: #aebfc8 !important;
}

/* Component image, field and confirmation dialogs */
html[data-theme="light"] body :where(.component-image-modal-window, .component-pricelist-modal-window, .component-unsaved-modal-window) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
    box-shadow: 0 24px 58px rgba(31, 61, 76, 0.3) !important;
}

html[data-theme="light"] body .component-image-modal-window :where(.text-warning, .component-unsaved-modal-title),
html[data-theme="light"] body .component-unsaved-modal-title {
    color: #476496 !important;
}

html[data-theme="light"] body .component-image-modal-window .text-info {
    color: #476496 !important;
}

html[data-theme="light"] body .component-pricelist-modal-window .text-info {
    color: #476496 !important;
}

html[data-theme="light"] body .component-image-preview-frame {
    background: #d5e2e7 !important;
    color: #5b6f7a !important;
    border-color: #9fb2c8 !important;
}

html[data-theme="light"] body .component-image-preview-frame .text-muted {
    color: #5b6f7a !important;
}

html[data-theme="light"] body :where(#closeComponentImageModal, #closeComponentImageModal2, #clearComponentImageSelection, #clearComponentImageSelection2, #closeComponentTemplateToolModal) {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body :where(#pickComponentImageButton, #pickComponentImageButton2) {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body :where(#applyComponentImageSelection, #applyComponentImageSelection2) {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #146c43 !important;
}

html[data-theme="light"] body .component-template-tool-row {
    background: #eef3f6 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body .component-template-tool-row.is-selected {
    background: #d5e2e7 !important;
    color: #476496 !important;
    border-color: #476496 !important;
}

html[data-theme="light"] body .component-template-tool-type {
    color: #476496 !important;
}

html[data-theme="light"] body .component-pricelist-folder,
html[data-theme="light"] body .component-pricelist-table-panel {
    background: #eef3f6 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body .component-pricelist-folder-title,
html[data-theme="light"] body .component-pricelist-subfolder-title {
    color: #476496 !important;
}

html[data-theme="light"] body .component-pricelist-link {
    background: #ffffff !important;
    color: #476496 !important;
    border-color: #9fb2c8 !important;
}

html[data-theme="light"] body .component-pricelist-link.active {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body .component-pricelist-table {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] body .component-pricelist-table th {
    background: #d5e2e7 !important;
    color: #476496 !important;
}

html[data-theme="light"] body .component-unsaved-modal-text {
    color: #263e48 !important;
}

/* Production-department picker opened from a component */
html[data-theme="light"] body .production-depart-picker-window {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
}

html[data-theme="light"] body .production-depart-picker-title,
html[data-theme="light"] body .production-depart-picker-help {
    color: #476496 !important;
}

html[data-theme="light"] body .production-depart-picker-option {
    background: #eef3f6 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body .production-depart-picker-option:has(input:checked) {
    background: #dcefe5 !important;
    color: #172a33 !important;
    border-color: #198754 !important;
}

html[data-theme="light"] body .production-depart-picker-close {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body .production-depart-picker-apply {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #146c43 !important;
}

/* Strong overrides for the legacy component-list styles in site.css */
html[data-theme="light"] body #cardTab #componentFilterForm .form-label,
html[data-theme="light"] body #cardTab #componentFilterForm label {
    color: #476496 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body #cardTab #componentFilterForm .form-select,
html[data-theme="light"] body #cardTab #componentFilterForm .form-control,
html[data-theme="light"] body #cardTab #componentFilterForm .form-select:focus,
html[data-theme="light"] body #cardTab #componentFilterForm .form-control:focus {
    background-color: #d5e2e7 !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb2c8 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body #cardTab #componentFilterForm .form-select option {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] body #cardTab #componentFilterForm .btn-outline-secondary {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body #componentContainer .comp-card .dynamic-values-container,
html[data-theme="light"] body #componentContainer .comp-card .details-box,
html[data-theme="light"] body #componentContainer .comp-card .description-box {
    background: #eef3f6 !important;
    color: #263e48 !important;
    border-color: #b8c7d8 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body #componentContainer .comp-card .dynamic-values-container :where(h6, strong),
html[data-theme="light"] body #componentContainer .comp-card .details-box strong,
html[data-theme="light"] body #componentContainer .comp-card .description-title {
    color: #476496 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body #componentContainer .comp-card .dynamic-values-container :where(span, .small),
html[data-theme="light"] body #componentContainer .comp-card .details-box,
html[data-theme="light"] body #componentContainer .comp-card .details-box span,
html[data-theme="light"] body #componentContainer .comp-card .description-scroll {
    color: #263e48 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body #componentContainer .comp-card :where(.dynamic-row, .description-title) {
    border-bottom-color: #c7d4db !important;
}

/* Remove the remaining yellow accents from the component pricelist dialog */
html[data-theme="light"] body #componentPricelistModalTitle,
html[data-theme="light"] body #componentPricelistSelectedTableTitle,
html[data-theme="light"] body #componentRetailPricelistModalTitle,
html[data-theme="light"] body #componentRetailPricelistSelectedTableTitle {
    color: #476496 !important;
}

html[data-theme="light"] body #closeComponentPricelistModal,
html[data-theme="light"] body #closeComponentRetailPricelistModal {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body #clearComponentRetailPricelistSelection {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

/* Products: list, create/edit forms, canvas and supporting dialogs */
html[data-theme="light"] body .product-filter-form {
    background: #d5e2e7 !important;
    border-color: #aebfc8 !important;
    box-shadow: 0 10px 26px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] body .product-filter-form .form-select {
    background: #d5e2e7 !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb2c8 !important;
}

/* Native selects and their responsive custom triggers use the same surface as
   the filter container on all category, component and product list pages. */
html:not([data-theme="light"]) body .subcategory-filter-bar :is([data-list-filter-select], .mobile-list-filter-trigger),
html:not([data-theme="light"]) body #componentFilterForm :is([data-list-filter-select], .mobile-list-filter-trigger),
html:not([data-theme="light"]) body .product-filter-form :is([data-list-filter-select], .mobile-list-filter-trigger) {
    background: #252b33 !important;
}

html[data-theme="light"] body .subcategory-filter-bar :is([data-list-filter-select], .mobile-list-filter-trigger),
html[data-theme="light"] body #componentFilterForm :is([data-list-filter-select], .mobile-list-filter-trigger),
html[data-theme="light"] body .product-filter-form :is([data-list-filter-select], .mobile-list-filter-trigger) {
    background: #d5e2e7 !important;
}

html[data-theme="light"] body .product-filter-reset {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body .product-filter-reset:where(:hover, :focus) {
    background: #86172d !important;
    color: #ffffff !important;
    border-color: #6d1225 !important;
}

html[data-theme="light"] body .product-delete-confirm {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
    box-shadow: 0 22px 58px rgba(31, 61, 76, 0.28) !important;
}

html[data-theme="light"] body .product-delete-confirm-title {
    color: #9f1d35 !important;
}

html[data-theme="light"] body .product-delete-confirm-message {
    color: #263e48 !important;
}

html[data-theme="light"] body .product-delete-confirm-cancel {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body .product-delete-confirm-ok {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body .product2-page-shell {
    background: #eef3f6 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: 0 14px 34px rgba(31, 61, 76, 0.14) !important;
}

html[data-theme="light"] body .product2-edit-label {
    color: #476496 !important;
}

html[data-theme="light"] body .product2-page-shell :where(.product2-field-label, label, h1, h2, h3, h4, h5, h6, strong, .fw-bold, .fw-semibold),
html[data-theme="light"] body :where(.builder-modal-window, .planner-modal-window, .image-modal-window, .product-kind-modal-window, .global-picker-shell) :where(label, h1, h2, h3, h4, h5, h6, strong, .fw-bold, .fw-semibold) {
    color: #172a33 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body .product2-page-shell :where(.text-info, .product2-field-label),
html[data-theme="light"] body :where(.builder-modal-window, .planner-modal-window, .image-modal-window, .product-kind-modal-window, .global-picker-shell) .text-info {
    color: #476496 !important;
}

html[data-theme="light"] body .product2-page-shell .text-warning,
html[data-theme="light"] body :where(.builder-modal-window, .planner-modal-window, .image-modal-window, .product-kind-modal-window, .global-picker-shell) .text-warning {
    color: #476496 !important;
}

html[data-theme="light"] body .product2-page-shell :where(.text-muted, .small.text-muted),
html[data-theme="light"] body :where(.builder-modal-window, .planner-modal-window, .image-modal-window, .product-kind-modal-window, .global-picker-shell) :where(.text-muted, .small.text-muted) {
    color: #5b6f7a !important;
}

html[data-theme="light"] body .product2-page-shell :where(.form-control, .form-select),
html[data-theme="light"] body :where(.builder-modal-window, .planner-modal-window, .image-modal-window, .product-kind-modal-window, .global-picker-shell) :where(.form-control, .form-select) {
    background-color: #ffffff !important;
    color: #172a33 !important;
    -webkit-text-fill-color: #172a33 !important;
    border-color: #9fb2c8 !important;
}

html[data-theme="light"] body .product2-page-shell :where(.form-control, .form-select):focus,
html[data-theme="light"] body :where(.builder-modal-window, .planner-modal-window, .image-modal-window, .product-kind-modal-window, .global-picker-shell) :where(.form-control, .form-select):focus {
    background-color: #ffffff !important;
    color: #172a33 !important;
    border-color: #476496 !important;
    box-shadow: 0 0 0 3px rgba(71, 100, 150, 0.16) !important;
}

html[data-theme="light"] body .product2-page-shell .form-select option,
html[data-theme="light"] body :where(.builder-modal-window, .planner-modal-window, .image-modal-window, .product-kind-modal-window, .global-picker-shell) .form-select option {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] body .product2-page-shell :where(input[type="checkbox"], input[type="radio"]),
html[data-theme="light"] body :where(.builder-modal-window, .planner-modal-window, .product-kind-modal-window) :where(input[type="checkbox"], input[type="radio"]) {
    accent-color: #198754 !important;
}

html[data-theme="light"] body .product2-page-shell :where(.product2-main-fields, .product2-category-fields, .product2-image-text-block, .product2-summary-block, .product2-category-template-block, .product2-dimensions-box, .product2-retail-only-box) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body .product2-page-shell :where(.product2-category-template-item, .product2-nocanvas) {
    background: #eef3f6 !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
}

html[data-theme="light"] body .product2-page-shell .product2-category-template-item:has(input:checked),
html[data-theme="light"] body .product2-page-shell .product2-nocanvas:has(input:checked) {
    background: #dcefe5 !important;
    border-color: #198754 !important;
}

html[data-theme="light"] body .product2-page-shell :where(.product2-category-template-drag-handle, .product2-template-tool-name) {
    color: #476496 !important;
}

html[data-theme="light"] body .product2-page-shell :where(.product2-summary-scroll, .table-responsive-scroll),
html[data-theme="light"] body .builder-modal-window .table-responsive-scroll {
    background: #eef3f6 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body .product2-page-shell .table-responsive-scroll :where(.table, tbody, tr),
html[data-theme="light"] body .builder-modal-window .table-responsive-scroll :where(.table, tbody, tr) {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] body .product2-page-shell .table-responsive-scroll thead th,
html[data-theme="light"] body .builder-modal-window .table-responsive-scroll thead th {
    background: #d5e2e7 !important;
    color: #476496 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body .product2-page-shell #configRows tr td,
html[data-theme="light"] body .builder-modal-window #configRows tr td {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #c7d4db !important;
}

html[data-theme="light"] body .product2-page-shell #configRows tr:hover td,
html[data-theme="light"] body .builder-modal-window #configRows tr:hover td {
    background: #eef3f6 !important;
}

html[data-theme="light"] body .product2-page-shell .product2-summary-empty {
    background: #eef3f6 !important;
    color: #5b6f7a !important;
}

html[data-theme="light"] body .product2-page-shell .product2-summary-table :where(th, td) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #c7d4db !important;
}

html[data-theme="light"] body .product2-cancel-btn {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
    box-shadow: 0 8px 18px rgba(159, 29, 53, 0.2) !important;
}

html[data-theme="light"] body .product2-cancel-btn:where(:hover, :focus) {
    background: #86172d !important;
    color: #ffffff !important;
}

html[data-theme="light"] body .product2-page-shell :where(.btn-warning, .btn-outline-warning, .btn-info, .btn-outline-info),
html[data-theme="light"] body :where(.builder-modal-window, .planner-modal-window, .image-modal-window, .product-kind-modal-window, .global-picker-shell) :where(.btn-warning, .btn-outline-warning, .btn-info, .btn-outline-info) {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body .product2-page-shell :where(.btn-warning, .btn-outline-warning, .btn-info, .btn-outline-info):where(:hover, :focus),
html[data-theme="light"] body :where(.builder-modal-window, .planner-modal-window, .image-modal-window, .product-kind-modal-window, .global-picker-shell) :where(.btn-warning, .btn-outline-warning, .btn-info, .btn-outline-info):where(:hover, :focus) {
    background: #3b5682 !important;
    color: #ffffff !important;
    border-color: #263e68 !important;
}

html[data-theme="light"] body .product2-page-shell :where(.btn-danger, .btn-outline-danger),
html[data-theme="light"] body :where(.builder-modal-window, .planner-modal-window, .image-modal-window, .product-kind-modal-window, .global-picker-shell) :where(.btn-danger, .btn-outline-danger) {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body .product2-page-shell :where(.btn-success, .product2-action-bar > .btn-success),
html[data-theme="light"] body :where(.builder-modal-window, .planner-modal-window, .image-modal-window, .product-kind-modal-window, .global-picker-shell) .btn-success {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #146c43 !important;
}

html[data-theme="light"] body :where(#applyProductKindModal, #applySampleBookMappingModal, #plannerTempSave) {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #146c43 !important;
}

html[data-theme="light"] body :where(#cancelSewingModal, #clearSewingConfig) {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body .product2-page-shell .product2-action-selected {
    background: #d5e2e7 !important;
    color: #476496 !important;
    border-color: #476496 !important;
    box-shadow: 0 0 0 3px rgba(71, 100, 150, 0.15) !important;
}

html[data-theme="light"] body #product2OperatorsSection,
html[data-theme="light"] body .builder-modal-window .sticky-toolbar {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) .drag-item {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) .op-item {
    background: #3b5682 !important;
    color: #ffffff !important;
}

html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) :where(.product2-template-line-btn.active, .dynamic-product-template, .dynamic-template, .product-dimension-token) {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) :where(.formula-zone, .rule-drop-zone) {
    background: #eef3f6 !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
}

html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) :where(.formula-zone.active-zone, .rule-drop-zone.active-zone) {
    border-color: #476496 !important;
    box-shadow: 0 0 0 3px rgba(71, 100, 150, 0.16) !important;
}

html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) :where(.formula-zone, .rule-drop-zone) :where(b, .text-warning, .text-antiquewhite, .text-light) {
    color: #476496 !important;
}

html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) .sortable-ghost {
    background: #d5e2e7 !important;
    border-color: #476496 !important;
}

html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) :where(.token, .rule-result-token, .formula-rule-result-token) {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body #product2RulesSection .card,
html[data-theme="light"] body .builder-modal-side .card {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
}

html[data-theme="light"] body #product2RulesSection .card-header,
html[data-theme="light"] body .builder-modal-side .card-header {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body #product2RulesSection .card-header :where(span, i),
html[data-theme="light"] body .builder-modal-side .card-header :where(span, i) {
    color: #ffffff !important;
}

html[data-theme="light"] body #product2RulesSection .card-header .badge,
html[data-theme="light"] body .builder-modal-side .card-header .badge {
    background: #eef3f6 !important;
    color: #476496 !important;
}

html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) .rule-block {
    background: #eef3f6 !important;
    color: #172a33 !important;
}

html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) .rule-block.border-success {
    border-color: #198754 !important;
    box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.15) !important;
}

html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) .rule-block.border-danger {
    border-color: #9f1d35 !important;
    box-shadow: 0 0 0 3px rgba(159, 29, 53, 0.14) !important;
}

html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) .rule-block .btn-close {
    position: relative;
    background-color: rgba(159, 29, 53, 0.08) !important;
    background-image: none !important;
    border-radius: 6px;
    filter: none !important;
    opacity: 1 !important;
}

html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) .rule-block .btn-close::before,
html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) .rule-block .btn-close::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 2px;
    border-radius: 999px;
    background: #9f1d35;
    content: "";
}

html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) .rule-block .btn-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) .rule-block .btn-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) .rule-block .btn-close:hover {
    background-color: rgba(159, 29, 53, 0.16) !important;
}

html[data-theme="light"] body :where(.product2-page-shell, .builder-modal-window) .rule-block .btn-close:focus-visible {
    box-shadow: 0 0 0 3px rgba(159, 29, 53, 0.24) !important;
    outline: none;
}

/* Product dialogs */
html[data-theme="light"] body :where(.product-kind-modal-window, .builder-modal-window, .planner-modal-window, .image-modal-window, .global-picker-shell) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
    box-shadow: 0 24px 58px rgba(31, 61, 76, 0.3) !important;
}

html[data-theme="light"] body :where(.product-kind-modal-title, .builder-modal-header .text-warning, .planner-modal-sidebar .text-warning, .image-modal-window .text-warning, .global-picker-title) {
    color: #476496 !important;
}

html[data-theme="light"] body .product-kind-options,
html[data-theme="light"] body .product2-template-tool-list,
html[data-theme="light"] body .global-picker-grid {
    background: #eef3f6 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body :where(.product-kind-option, .product2-template-tool-row, .global-picker-tile) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body :where(.product-kind-option, .product2-template-tool-row, .global-picker-tile):where(:hover, :focus),
html[data-theme="light"] body .product2-template-tool-row.is-selected {
    background: #d5e2e7 !important;
    color: #476496 !important;
    border-color: #476496 !important;
}

html[data-theme="light"] body .product-kind-option:has(input:checked) {
    background: #dcefe5 !important;
    color: #172a33 !important;
    border-color: #198754 !important;
}

html[data-theme="light"] body :where(.product2-template-tool-name, .product2-template-tool-type, .global-picker-tile-label, .global-picker-tile-meta, .global-picker-breadcrumb, .global-picker-depth) {
    color: #476496 !important;
}

html[data-theme="light"] body .samplebook-mapping-row {
    background: #eef3f6 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body :where(.pricelist-picker-folder, .product-pricelist-table-panel) {
    background: #eef3f6 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body :where(.pricelist-picker-folder-title, .pricelist-picker-subfolder-title, #productPricelistSelectedTableTitle) {
    color: #476496 !important;
}

html[data-theme="light"] body .pricelist-picker-subfolder {
    border-color: #c7d4db !important;
}

html[data-theme="light"] body .pricelist-picker-link {
    background: #ffffff !important;
    color: #476496 !important;
    border-color: #9fb2c8 !important;
}

html[data-theme="light"] body .pricelist-picker-link.active {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body .product-pricelist-table {
    background: #ffffff !important;
    color: #172a33 !important;
}

html[data-theme="light"] body .product-pricelist-table th {
    background: #d5e2e7 !important;
    color: #476496 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body .product-pricelist-table td {
    background: #ffffff !important;
    color: #263e48 !important;
    border-color: #c7d4db !important;
}

html[data-theme="light"] body .product-pricelist-price-pick {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body .product-sewing-component-option {
    background: #ffffff !important;
    color: #476496 !important;
    border-color: #9fb2c8 !important;
}

html[data-theme="light"] body .product-sewing-component-option.active {
    background: #dcefe5 !important;
    color: #172a33 !important;
    border-color: #198754 !important;
}

html[data-theme="light"] body .builder-modal-header {
    background: #d5e2e7 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body .builder-modal-body,
html[data-theme="light"] body .builder-modal-main,
html[data-theme="light"] body .builder-modal-side,
html[data-theme="light"] body .planner-modal-sidebar,
html[data-theme="light"] body .planner-modal-main {
    background: #eef3f6 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body :where(.planner-panel, .planner-canvas-shell) {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
}

html[data-theme="light"] body .planner-canvas-shell {
    background:
        linear-gradient(rgba(71, 100, 150, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(71, 100, 150, 0.08) 1px, transparent 1px),
        #eef3f6 !important;
    background-size: 32px 32px, 32px 32px, auto !important;
}

html[data-theme="light"] body .planner-canvas.show-dots {
    background-image: radial-gradient(circle, rgba(71, 100, 150, 0.42) 1.2px, transparent 1.4px) !important;
}

html[data-theme="light"] body .planner-library-item {
    background: #ffffff !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body .planner-library-item.active {
    background: #dcefe5 !important;
    border-color: #198754 !important;
    box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.14) !important;
}

html[data-theme="light"] body :where(.row-handle.is-planner-selected, .planner-pointer-ghost) {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
    box-shadow: 0 5px 14px rgba(71, 100, 150, 0.24) !important;
}

html[data-theme="light"] body :where(.planner-library-title, .planner-library-subtitle) {
    color: #263e48 !important;
}

html[data-theme="light"] body :where(.planner-library-handle, .planner-row-token, .planner-zone-chip) {
    background: #476496 !important;
    color: #ffffff !important;
    box-shadow: 0 5px 12px rgba(71, 100, 150, 0.22) !important;
}

html[data-theme="light"] body :where(.planner-zone, .planner-draft) {
    border-color: #476496 !important;
    background: rgba(71, 100, 150, 0.12) !important;
    color: #172a33 !important;
}

html[data-theme="light"] body .planner-zone.assigned {
    border-color: #198754 !important;
    background: rgba(25, 135, 84, 0.14) !important;
}

html[data-theme="light"] body .planner-zone-remove {
    background: #9f1d35 !important;
    color: #ffffff !important;
}

html[data-theme="light"] body #plannerDrawToggle {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body :where(#plannerDotsToggle, #plannerSnapToggle, #plannerClearAssignments) {
    background: #eef3f6 !important;
    color: #476496 !important;
    border-color: #476496 !important;
}

html[data-theme="light"] body #plannerClearZones {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body .image-preview-frame {
    background: #d5e2e7 !important;
    color: #5b6f7a !important;
    border-color: #9fb2c8 !important;
}

html[data-theme="light"] body #pickProductImageButton {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body :where(#closeProductImageModal, #clearProductImageSelection) {
    background: #9f1d35 !important;
    color: #ffffff !important;
    border-color: #7c1529 !important;
}

html[data-theme="light"] body #applyProductImageSelection {
    background: #198754 !important;
    color: #ffffff !important;
    border-color: #146c43 !important;
}

html[data-theme="light"] body .global-picker-header,
html[data-theme="light"] body .global-picker-toolbar {
    background: #d5e2e7 !important;
    color: #172a33 !important;
    border-color: #b8c7d8 !important;
}

html[data-theme="light"] body .global-picker-tile-actions .btn:first-child {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body .global-picker-shell .btn-outline-light {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body #pricelistExtensionModalBackdrop .border-info {
    background: #d5e2e7 !important;
    color: #172a33 !important;
    border-color: #9fb2c8 !important;
}

html[data-theme="light"] body #pricelistExtensionSelectedLabel {
    color: #172a33 !important;
}

html[data-theme="light"] body #componentContainer .comp-card .badge.bg-info {
    background: #476496 !important;
    color: #ffffff !important;
}

html[data-theme="light"] body :where(.rule-category-picker-display, .category-template-shell) {
    background: #eef3f6 !important;
    color: #263e48 !important;
    border-color: #b8c7d8 !important;
}

/* Product rule builder: replace the remaining cyan row selectors with blue. */
html[data-theme="light"] body .builder-modal-window .product2-template-line-btn,
html[data-theme="light"] body .product2-page-shell .product2-template-line-btn {
    background: #476496 !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body .builder-modal-window .product2-template-line-btn:is(:hover, :focus, .active),
html[data-theme="light"] body .product2-page-shell .product2-template-line-btn:is(:hover, :focus, .active) {
    background: #3b5682 !important;
    color: #ffffff !important;
    border-color: #263e68 !important;
}

/* Product list cards: keep every internal surface on the card's light-blue base. */
html[data-theme="light"] body #productFilterForm ~ #componentContainer .comp-card .dynamic-values-container,
html[data-theme="light"] body #productFilterForm ~ #componentContainer .comp-card .product-image-frame,
html[data-theme="light"] body #productFilterForm ~ #componentContainer .comp-card > div:last-child {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

html[data-theme="light"] body #productFilterForm ~ #componentContainer .comp-card .dynamic-values-container {
    border-color: #aebfc8 !important;
}

/* Identity account pages -------------------------------------------------- */
html[data-theme="light"] body[data-page^="/identity/"] {
    --identity-light-surface: #ffffff;
    --identity-light-surface-soft: #f2f7f9;
    --identity-light-text: #172a33;
    --identity-light-muted: #5b707b;
    --identity-light-border: #afc3cd;
    --identity-light-accent: #476496;
    --identity-light-accent-dark: #354f79;
    color: var(--identity-light-text) !important;
}

/* The scaffolded Identity pages use inline dark gradients for their cards. */
html[data-theme="light"] body[data-page^="/identity/"] [style*="radial-gradient"] {
    background: #ffffff !important;
    background-image: none !important;
    color: var(--identity-light-text) !important;
    border-color: var(--identity-light-border) !important;
    box-shadow: 0 18px 42px rgba(31, 61, 76, 0.18) !important;
}

html[data-theme="light"] body[data-page^="/identity/"] :where(
    [style*="color:antiquewhite"],
    [style*="color: antiquewhite"],
    [style*="color:azure"],
    [style*="color: azure"]
) {
    color: var(--identity-light-text) !important;
    text-shadow: none !important;
}

html[data-theme="light"] body[data-page^="/identity/"] :where(
    section,
    form,
    form .row,
    .identity-content,
    .password-reveal-container,
    .role-selection-panel,
    .text-danger
) {
    background: transparent !important;
    background-image: none !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .password-reveal-container {
    box-shadow: none !important;
}

html[data-theme="light"] body[data-page^="/identity/"] :where(h1, h2, h3, h4, h5, h6, legend) {
    color: #173844 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body[data-page^="/identity/"] hr {
    color: #7895a2 !important;
    border-color: #9fb5c0 !important;
    opacity: 0.72;
}

html[data-theme="light"] body[data-page^="/identity/"] :where(.form-control, .form-select, .input-group-text),
html[data-theme="light"] body[data-page^="/identity/"] #account .form-control {
    background-color: #ffffff !important;
    background-image: none !important;
    color: var(--identity-light-text) !important;
    -webkit-text-fill-color: var(--identity-light-text) !important;
    border-color: #9fb5c0 !important;
    box-shadow: none !important;
    color-scheme: light;
}

html[data-theme="light"] body[data-page^="/identity/"] :where(.form-control, .form-select):focus,
html[data-theme="light"] body[data-page^="/identity/"] #account .form-control:focus {
    background-color: #ffffff !important;
    color: var(--identity-light-text) !important;
    -webkit-text-fill-color: var(--identity-light-text) !important;
    border-color: #087f96 !important;
    box-shadow: 0 0 0 0.2rem rgba(8, 127, 150, 0.18) !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .form-control:disabled,
html[data-theme="light"] body[data-page^="/identity/"] .form-control[readonly] {
    background-color: #e8f0f4 !important;
    color: #526873 !important;
    -webkit-text-fill-color: #526873 !important;
    border-color: #b7c8d0 !important;
    opacity: 1;
}

html[data-theme="light"] body[data-page^="/identity/"] .form-control::placeholder {
    color: #71858f !important;
    -webkit-text-fill-color: #71858f !important;
    opacity: 1;
}

html[data-theme="light"] body[data-page^="/identity/"] input.form-control:-webkit-autofill,
html[data-theme="light"] body[data-page^="/identity/"] input.form-control:-webkit-autofill:hover,
html[data-theme="light"] body[data-page^="/identity/"] input.form-control:-webkit-autofill:focus,
html[data-theme="light"] body[data-page^="/identity/"] #account input.form-control:-webkit-autofill,
html[data-theme="light"] body[data-page^="/identity/"] #account input.form-control:-webkit-autofill:hover,
html[data-theme="light"] body[data-page^="/identity/"] #account input.form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: var(--identity-light-text) !important;
    caret-color: var(--identity-light-text) !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .form-floating > label,
html[data-theme="light"] body[data-page^="/identity/"] .form-control:disabled ~ label {
    background: transparent !important;
    color: var(--identity-light-muted) !important;
    opacity: 1;
}

html[data-theme="light"] body[data-page^="/identity/"] .form-floating > label::after {
    background: transparent !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .form-floating > .form-control:focus ~ label,
html[data-theme="light"] body[data-page^="/identity/"] .form-floating > .form-control:not(:placeholder-shown) ~ label {
    background: transparent !important;
    color: #087f96 !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .password-reveal-toggle {
    color: #47616d !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .password-reveal-toggle:is(:hover, :focus) {
    color: #087f96 !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .btn-primary,
html[data-theme="light"] body[data-page^="/identity/"] #entry {
    background: var(--identity-light-accent) !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .btn-primary:is(:hover, :focus, :active),
html[data-theme="light"] body[data-page^="/identity/"] #entry:is(:hover, :focus, :active) {
    background: var(--identity-light-accent-dark) !important;
    color: #ffffff !important;
    border-color: #263e68 !important;
    box-shadow: 0 0 0 0.2rem rgba(71, 100, 150, 0.2) !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .btn-outline-primary,
html[data-theme="light"] body[data-page^="/identity/"] #entry2 {
    background: #ffffff !important;
    color: #354f79 !important;
    border-color: #7086a9 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .btn-outline-primary:is(:hover, :focus, :active),
html[data-theme="light"] body[data-page^="/identity/"] #entry2:is(:hover, :focus, :active) {
    background: #e4ebf4 !important;
    color: #263e68 !important;
    border-color: #476496 !important;
}

html[data-theme="light"] body[data-page^="/identity/"] :where(.btn-link, #forgot-password, #recovery-code-login) {
    color: #087f96 !important;
}

html[data-theme="light"] body[data-page^="/identity/"] :where(.btn-link, #forgot-password, #recovery-code-login):hover {
    color: #075e70 !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .text-danger {
    color: #b4233a !important;
}

/* Login role selection. */
html[data-theme="light"] body[data-page^="/identity/"] .role-selection-card,
html[data-theme="light"] body[data-page^="/identity/"] .role-selection-card > section,
html[data-theme="light"] body[data-page^="/identity/"] .role-selection-card .role-selection-panel {
    background: var(--identity-light-surface-soft) !important;
    background-image: none !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .role-selection-card > section,
html[data-theme="light"] body[data-page^="/identity/"] .role-selection-card .role-selection-panel {
    border: 0 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .role-selection-title {
    color: #173844 !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .role-selection-message {
    color: var(--identity-light-muted) !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .role-selection-account {
    color: #087f96 !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .role-selection-button {
    background: var(--identity-light-surface-soft) !important;
    color: #263e48 !important;
    border-color: #b3c7d0 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .role-selection-button:is(:hover, :focus-visible) {
    background: #dcebf0 !important;
    color: #173844 !important;
    border-color: #087f96 !important;
    box-shadow: 0 0 0 0.2rem rgba(8, 127, 150, 0.16) !important;
}

html[data-theme="light"] body[data-page^="/identity/"] .role-selection-button-arrow,
html[data-theme="light"] body[data-page^="/identity/"] .role-selection-cancel {
    color: #087f96 !important;
}

/* Account management navigation and content. */
html[data-theme="light"] body[data-page^="/identity/account/manage"] :where(.identity-nav, .identity-content) {
    background: transparent !important;
    color: var(--identity-light-text) !important;
}

html[data-theme="light"] body[data-page^="/identity/account/manage"] .nav-pills .nav-link {
    background: transparent !important;
    color: #354d58 !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

html[data-theme="light"] body[data-page^="/identity/account/manage"] .nav-pills .nav-link:hover {
    background: #e4edf2 !important;
    color: #173844 !important;
    border-color: #b8cbd4 !important;
}

html[data-theme="light"] body[data-page^="/identity/account/manage"] .nav-pills .nav-link.active {
    background: var(--identity-light-accent) !important;
    color: #ffffff !important;
    border-color: #2f4b78 !important;
}

html[data-theme="light"] body[data-page^="/identity/account/manage"] .identity-profile-title,
html[data-theme="light"] body[data-page^="/identity/account/manage"] .identity-profile-card {
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="light"] body[data-page^="/identity/account/manage"] .identity-profile-title {
    margin-bottom: 0 !important;
}

html[data-theme="light"] body[data-page^="/identity/account/manage"] .identity-profile-card {
    padding-bottom: 0 !important;
}

html[data-theme="light"] body[data-page^="/identity/account/manage"] #profile-form > .form-floating:first-of-type {
    margin-top: 14px !important;
}

/* Also match the currently running compiled Profile view, whose form id may
   still contain the historical trailing space until the app restarts. */
html[data-theme="light"] body[data-page^="/identity/account/manage"] .identity-content:has(form[id^="profile-form"]),
html[data-theme="light"] body[data-page^="/identity/account/manage"] .identity-content:has(form[id^="profile-form"]) > h6,
html[data-theme="light"] body[data-page^="/identity/account/manage"] .identity-content > .row:has(form[id^="profile-form"]),
html[data-theme="light"] body[data-page^="/identity/account/manage"] .identity-content form[id^="profile-form"] {
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="light"] body[data-page^="/identity/account/manage"] form[id^="profile-form"] > .form-floating:first-of-type {
    margin-top: 14px !important;
}

html[data-theme="light"] body[data-page^="/identity/account/manage"] .identity-content:has(#change-password-form),
html[data-theme="light"] body[data-page^="/identity/account/manage"] .identity-content:has(#change-password-form) > h6,
html[data-theme="light"] body[data-page^="/identity/account/manage"] .identity-content > .row:has(#change-password-form),
html[data-theme="light"] body[data-page^="/identity/account/manage"] #change-password-form {
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="light"] body[data-page^="/identity/account/manage"] #change-password-form > .form-floating:first-of-type {
    margin-top: 14px !important;
}

html[data-theme="light"] body[data-page^="/identity/account/manage"] .identity-content:has(#download-data),
html[data-theme="light"] body[data-page^="/identity/account/manage"] .identity-content:has(#download-data) > h6,
html[data-theme="light"] body[data-page^="/identity/account/manage"] .identity-content > .row:has(#download-data),
html[data-theme="light"] body[data-page^="/identity/account/manage"] #download-data {
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="light"] body[data-page^="/identity/account/manage"] .identity-content:has(#email-form),
html[data-theme="light"] body[data-page^="/identity/account/manage"] .identity-content:has(#email-form) > h6 {
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

@media (max-width: 991.98px),
       (max-width: 1024px) and (pointer: coarse) {
    .theme-toggle-label {
        display: none;
    }

    .theme-toggle {
        width: 36px;
        min-width: 36px;
        min-height: 36px;
        padding: 0;
    }

    #main-head {
        gap: 7px;
    }
}

@media (max-width: 767.98px),
       (max-width: 1024px) and (pointer: coarse) {
    #main-head {
        display: none;
    }

    #main-head-title {
        display: none;
    }

    .theme-toggle {
        width: 34px;
        min-width: 34px;
        min-height: 34px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html,
    body,
    #head,
    #dashboard,
    .main-content,
    footer.footer,
    .theme-toggle {
        transition: none !important;
    }
}

/* Final sample-book surface layer. Page-scoped so every collection, input and
   edit screen keeps the same palette despite its legacy page-local styles. */
html[data-theme="light"] body[data-page^="/samplebooks/"] {
    --samplebook-unified-card: #d5e2e7;
    --samplebook-unified-header: #c7d7dd;
    --samplebook-unified-border: #aebfc8;
    --samplebook-unified-text: #172a33;
    --samplebook-unified-shadow: 0 10px 24px rgba(31, 61, 76, 0.13);
}

html:not([data-theme="light"]) body[data-page^="/samplebooks/"] {
    --samplebook-unified-card: #29333c;
    --samplebook-unified-header: #20282f;
    --samplebook-unified-border: #3b4b55;
    --samplebook-unified-text: antiquewhite;
    --samplebook-unified-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

html body[data-page^="/samplebooks/"] :is(
    .samplebook-toolbar,
    .orchestra-filters,
    .orch-filters,
    .poly-filters,
    .prisma-filters,
    .ral-classic-filters,
    .samplebook-page .color-card,
    .samplebook-edit-card,
    .orchestra-card,
    .orch-card,
    .poly-card,
    .ammos-card,
    .prisma-card,
    .ral-classic-card,
    .samplebook-editor-panel,
    .orch-panel,
    .poly-panel,
    .ammos-panel,
    .prisma-panel,
    .ral-classic-panel
) {
    background: var(--samplebook-unified-card) !important;
    color: var(--samplebook-unified-text) !important;
    border-color: var(--samplebook-unified-border) !important;
    box-shadow: var(--samplebook-unified-shadow) !important;
}

html body[data-page^="/samplebooks/"] :is(
    .samplebook-page .swatch,
    .samplebook-edit-swatch,
    .orchestra-swatch,
    .orch-swatch,
    .poly-swatch,
    .ammos-swatch,
    .prisma-swatch,
    .ral-classic-swatch
),
html body[data-page^="/samplebooks/"] :is(
    .samplebook-page .swatch,
    .samplebook-edit-swatch,
    .orchestra-swatch,
    .orch-swatch,
    .poly-swatch,
    .ammos-swatch,
    .prisma-swatch,
    .ral-classic-swatch
) img {
    background: var(--samplebook-unified-card) !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body[data-page^="/samplebooks/"] :is(
    .orchestra-filter-list,
    .orch-filter-list,
    .poly-filter-list,
    .prisma-filter-list,
    .ral-classic-filter-list
) {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body[data-page^="/samplebooks/"] :is(
    .samplebook-editor-panel,
    .orch-panel,
    .poly-panel,
    .ammos-panel,
    .prisma-panel,
    .ral-classic-panel
) > :is(
    .samplebook-editor-title,
    .samplebook-edit-title,
    .orch-title,
    .poly-title,
    .ammos-title,
    .prisma-title,
    .ral-classic-title
) {
    margin: -18px -18px 16px !important;
    padding: 18px !important;
    background: var(--samplebook-unified-header) !important;
    color: var(--samplebook-unified-text) !important;
    border-bottom: 1px solid var(--samplebook-unified-border) !important;
    border-radius: 8px 8px 0 0 !important;
}

html body[data-page^="/samplebooks/"] :is(
    .samplebook-editor-field,
    .orch-field,
    .poly-field,
    .ammos-field,
    .prisma-field,
    .ral-classic-field
) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea),
html body[data-page^="/samplebooks/"] :is(
    .samplebook-editor-field,
    .orch-field,
    .poly-field,
    .ammos-field,
    .prisma-field,
    .ral-classic-field
) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
    background: var(--samplebook-unified-card) !important;
    color: var(--samplebook-unified-text) !important;
}

html body[data-page^="/samplebooks/"] input:-webkit-autofill,
html body[data-page^="/samplebooks/"] input:-webkit-autofill:hover,
html body[data-page^="/samplebooks/"] input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--samplebook-unified-card) inset !important;
    -webkit-text-fill-color: var(--samplebook-unified-text) !important;
    caret-color: var(--samplebook-unified-text) !important;
}

/* Keep the text insertion caret clearly visible throughout the light theme. */
html[data-theme="light"] body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
html[data-theme="light"] body textarea,
html[data-theme="light"] body [contenteditable="true"] {
    caret-color: #000000 !important;
}