/*
 * DigiWorld admin day/night system
 * Shared by the dashboard and every operational admin page.
 */

html[data-dw-admin-theme="true"] {
    color-scheme: light;
    --dw-admin-canvas: #f5f7fb;
    --dw-admin-canvas-deep: #edf2f8;
    --dw-admin-surface: rgba(255, 255, 255, 0.9);
    --dw-admin-surface-solid: #ffffff;
    --dw-admin-surface-soft: rgba(248, 250, 252, 0.88);
    --dw-admin-elevated: rgba(255, 255, 255, 0.96);
    --dw-admin-text: #172033;
    --dw-admin-text-soft: #344054;
    --dw-admin-muted: #667085;
    --dw-admin-line: rgba(15, 23, 42, 0.12);
    --dw-admin-line-strong: rgba(15, 23, 42, 0.2);
    --dw-admin-input: rgba(255, 255, 255, 0.96);
    --dw-admin-accent: #f57224;
    --dw-admin-accent-strong: #e85d16;
    --dw-admin-accent-soft: rgba(245, 114, 36, 0.12);
    --dw-admin-link: #c2410c;
    --dw-admin-focus: #0284c7;
    --dw-admin-success: #047857;
    --dw-admin-warning: #b45309;
    --dw-admin-danger: #be123c;
    --dw-admin-shadow: 0 22px 65px rgba(15, 23, 42, 0.11), 0 2px 8px rgba(15, 23, 42, 0.05);
    --dw-admin-shadow-soft: 0 12px 34px rgba(15, 23, 42, 0.08);

    /* Aliases used by the older standalone tools. */
    --bg: var(--dw-admin-canvas);
    --bg-color: var(--dw-admin-canvas);
    --background: var(--dw-admin-canvas);
    --background-color: var(--dw-admin-canvas);
    --bg-gradient: radial-gradient(circle at 8% 0%, rgba(245, 114, 36, 0.14), transparent 31rem), radial-gradient(circle at 94% 2%, rgba(14, 165, 233, 0.11), transparent 35rem), linear-gradient(145deg, var(--dw-admin-canvas), #fffaf5 52%, var(--dw-admin-canvas-deep));
    --card-bg: var(--dw-admin-surface);
    --card-background: var(--dw-admin-surface);
    --card-border: var(--dw-admin-line);
    --surface: var(--dw-admin-surface);
    --surface-elevated: var(--dw-admin-elevated);
    --surface-muted: var(--dw-admin-surface-soft);
    --text: var(--dw-admin-text);
    --text-color: var(--dw-admin-text);
    --text-primary: var(--dw-admin-text);
    --text-secondary: var(--dw-admin-muted);
    --muted: var(--dw-admin-muted);
    --border: var(--dw-admin-line);
    --border-color: var(--dw-admin-line);
}

html[data-dw-admin-theme="true"][data-theme="dark"] {
    color-scheme: dark;
    --dw-admin-canvas: #050914;
    --dw-admin-canvas-deep: #091426;
    --dw-admin-surface: rgba(12, 20, 35, 0.9);
    --dw-admin-surface-solid: #0d1728;
    --dw-admin-surface-soft: rgba(22, 35, 56, 0.82);
    --dw-admin-elevated: rgba(17, 28, 47, 0.96);
    --dw-admin-text: #f8fafc;
    --dw-admin-text-soft: #d7e0ec;
    --dw-admin-muted: #9eacc0;
    --dw-admin-line: rgba(148, 163, 184, 0.2);
    --dw-admin-line-strong: rgba(125, 211, 252, 0.34);
    --dw-admin-input: rgba(7, 15, 28, 0.94);
    --dw-admin-accent: #fb7b35;
    --dw-admin-accent-strong: #ff955f;
    --dw-admin-accent-soft: rgba(251, 123, 53, 0.16);
    --dw-admin-link: #7dd3fc;
    --dw-admin-focus: #67e8f9;
    --dw-admin-success: #6ee7b7;
    --dw-admin-warning: #fcd34d;
    --dw-admin-danger: #fda4af;
    --dw-admin-shadow: 0 26px 76px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.04);
    --dw-admin-shadow-soft: 0 16px 42px rgba(0, 0, 0, 0.34);
    --bg-gradient: radial-gradient(circle at 10% -8%, rgba(251, 123, 53, 0.18), transparent 32rem), radial-gradient(circle at 94% 2%, rgba(56, 189, 248, 0.14), transparent 36rem), radial-gradient(circle at 50% 110%, rgba(99, 102, 241, 0.13), transparent 42rem), linear-gradient(145deg, var(--dw-admin-canvas), var(--dw-admin-canvas-deep) 58%, #07101f);
}

html[data-dw-admin-theme="true"] body {
    min-height: 100vh;
    color: var(--dw-admin-text);
    background: var(--bg-gradient) !important;
    background-attachment: fixed !important;
    transition: color 260ms ease, background-color 360ms ease, border-color 260ms ease;
}

html[data-dw-admin-theme="true"] body::selection,
html[data-dw-admin-theme="true"] body ::selection {
    color: #fff;
    background: rgba(234, 106, 39, 0.78);
}

html[data-dw-admin-theme="true"] :where(h1, h2, h3, h4, h5, h6, legend) {
    color: var(--dw-admin-text);
    text-wrap: balance;
}

html[data-dw-admin-theme="true"] :where(p, small, .muted, .subtitle, .description, .helper, .help-text, .panel-help) {
    color: var(--dw-admin-muted);
}

html[data-dw-admin-theme="true"] a:not(.btn):not([class*="button"]) {
    color: var(--dw-admin-link);
    text-decoration-color: color-mix(in srgb, var(--dw-admin-link) 42%, transparent);
}

html[data-dw-admin-theme="true"] :where(
    .container,
    .page-container,
    .panel,
    .box,
    .card,
    .login-container,
    .form-container,
    .table-container,
    .table-shell,
    .table-responsive,
    .modal-content,
    .dashboard-panel,
    .summary-card,
    .status-card,
    .stock-card,
    .bulk-card,
    .size-guide-card,
    .banner-card,
    .settings-card,
    .content-card,
    .upload-card,
    .result-card
) {
    color: var(--dw-admin-text);
    background: linear-gradient(145deg, var(--dw-admin-elevated), var(--dw-admin-surface)) !important;
    border: 1px solid var(--dw-admin-line);
    border-radius: 20px;
    border-color: var(--dw-admin-line) !important;
    box-shadow: var(--dw-admin-shadow-soft);
    backdrop-filter: blur(20px) saturate(1.12);
    -webkit-backdrop-filter: blur(20px) saturate(1.12);
}

html[data-dw-admin-theme="true"] :where(.header, .page-header, .toolbar, .panel-header, .card-header, .modal-header) {
    color: var(--dw-admin-text);
    border-color: var(--dw-admin-line) !important;
}

html[data-dw-admin-theme="true"] :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    color: var(--dw-admin-text) !important;
    background: var(--dw-admin-input) !important;
    border-color: var(--dw-admin-line-strong) !important;
    caret-color: var(--dw-admin-accent);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
}

html[data-dw-admin-theme="true"] :where(input, textarea)::placeholder {
    color: var(--dw-admin-muted) !important;
    opacity: 0.84;
}

html[data-dw-admin-theme="true"] option {
    color: var(--dw-admin-text);
    background: var(--dw-admin-surface-solid);
}

html[data-dw-admin-theme="true"] input:-webkit-autofill,
html[data-dw-admin-theme="true"] input:-webkit-autofill:hover,
html[data-dw-admin-theme="true"] input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--dw-admin-text) !important;
    box-shadow: 0 0 0 1000px var(--dw-admin-input) inset !important;
    caret-color: var(--dw-admin-text);
}

html[data-dw-admin-theme="true"] :where(button, a, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid var(--dw-admin-focus) !important;
    outline-offset: 3px !important;
}

html[data-dw-admin-theme="true"] :where(table) {
    color: var(--dw-admin-text-soft);
    background: transparent;
}

html[data-dw-admin-theme="true"] :where(th, td) {
    border-color: var(--dw-admin-line) !important;
}

html[data-dw-admin-theme="true"] thead th {
    color: var(--dw-admin-text-soft) !important;
    background: var(--dw-admin-surface-soft) !important;
}

html[data-dw-admin-theme="true"] tbody td {
    color: var(--dw-admin-text-soft);
    background: transparent;
}

html[data-dw-admin-theme="true"] tbody tr:nth-child(even) td {
    background: color-mix(in srgb, var(--dw-admin-surface-soft) 38%, transparent);
}

html[data-dw-admin-theme="true"] tbody tr:hover td {
    background: color-mix(in srgb, var(--dw-admin-accent) 9%, transparent);
}

html[data-dw-admin-theme="true"] :where(pre, code, kbd) {
    color: var(--dw-admin-text-soft);
    background: var(--dw-admin-surface-soft);
    border-color: var(--dw-admin-line);
}

html[data-dw-admin-theme="true"] :where(.modal, .modal-overlay, [class*="backdrop"]) {
    --modal-overlay: rgba(2, 6, 23, 0.78);
}

html[data-dw-admin-theme="true"] :where(.message, .status, .notice, .alert) {
    border-color: var(--dw-admin-line) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] :where(
    p,
    small,
    .muted,
    .subtitle,
    .description,
    .helper,
    .help-text,
    .panel-help,
    .size-guide-card span,
    .banner-admin-hero p,
    .card-header p
) {
    color: var(--dw-admin-muted) !important;
}

html[data-dw-admin-theme="true"] :where(.success, .status-success) {
    color: var(--dw-admin-success);
}

html[data-dw-admin-theme="true"] :where(.warning, .status-warning) {
    color: var(--dw-admin-warning);
}

html[data-dw-admin-theme="true"] :where(.error, .danger, .status-error) {
    color: var(--dw-admin-danger);
}

html[data-dw-admin-theme="true"] .dw-admin-theme-switch {
    position: fixed;
    right: max(18px, env(safe-area-inset-right));
    bottom: max(18px, env(safe-area-inset-bottom));
    z-index: 2147482000;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 46px;
    padding: 7px 14px 7px 8px;
    color: var(--dw-admin-text);
    font: 700 0.82rem/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    letter-spacing: -0.01em;
    background: var(--dw-admin-elevated);
    border: 1px solid var(--dw-admin-line-strong);
    border-radius: 999px;
    box-shadow: var(--dw-admin-shadow);
    backdrop-filter: blur(22px) saturate(1.25);
    -webkit-backdrop-filter: blur(22px) saturate(1.25);
    cursor: pointer;
    isolation: isolate;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

html[data-dw-admin-theme="true"] .dw-admin-theme-switch:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--dw-admin-accent) 65%, var(--dw-admin-line));
    box-shadow: 0 20px 54px color-mix(in srgb, var(--dw-admin-accent) 20%, transparent), var(--dw-admin-shadow-soft);
}

html[data-dw-admin-theme="true"] .dw-admin-theme-switch:active {
    transform: translateY(0) scale(0.98);
}

html[data-dw-admin-theme="true"] .dw-admin-theme-switch__glyph {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    color: #fff;
    font-size: 1rem;
    background: linear-gradient(135deg, #f97316, #fb7185);
    border-radius: 50%;
    box-shadow: 0 8px 20px rgba(249, 115, 22, 0.3), inset 0 1px rgba(255, 255, 255, 0.35);
    transform: rotate(0deg);
    transition: transform 400ms cubic-bezier(0.2, 0.8, 0.2, 1), background 260ms ease;
}

html[data-dw-admin-theme="true"][data-theme="dark"] .dw-admin-theme-switch__glyph {
    color: #172033;
    background: linear-gradient(135deg, #fde68a, #fb923c);
    transform: rotate(180deg);
}

html[data-dw-admin-theme="true"].dw-theme-changing *,
html[data-dw-admin-theme="true"].dw-theme-changing *::before,
html[data-dw-admin-theme="true"].dw-theme-changing *::after {
    transition-duration: 320ms !important;
}

html[data-dw-admin-theme="true"]::view-transition-old(root),
html[data-dw-admin-theme="true"]::view-transition-new(root) {
    animation-duration: 520ms;
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

html[data-dw-admin-theme="true"][data-dw-theme-transition]::view-transition-old(root) {
    animation: none;
    z-index: 1;
}

html[data-dw-admin-theme="true"][data-dw-theme-transition]::view-transition-new(root) {
    z-index: 2;
    animation-name: dw-admin-theme-reveal;
}

@keyframes dw-admin-theme-reveal {
    from {
        clip-path: circle(0 at var(--dw-theme-x, calc(100% - 40px)) var(--dw-theme-y, 40px));
    }
    to {
        clip-path: circle(150vmax at var(--dw-theme-x, calc(100% - 40px)) var(--dw-theme-y, 40px));
    }
}

html[data-dw-admin-theme="true"] {
    scrollbar-color: color-mix(in srgb, var(--dw-admin-muted) 42%, transparent) transparent;
}

html[data-dw-admin-theme="true"] ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

html[data-dw-admin-theme="true"] ::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--dw-admin-muted) 40%, transparent);
    border: 2px solid transparent;
    border-radius: 999px;
    background-clip: padding-box;
}

@media (max-width: 700px) {
    html[data-dw-admin-theme="true"] body {
        background-attachment: scroll !important;
    }

    html[data-dw-admin-theme="true"] .dw-admin-theme-switch {
        right: max(12px, env(safe-area-inset-right));
        bottom: max(12px, env(safe-area-inset-bottom));
        min-height: 43px;
        padding: 6px;
    }

    html[data-dw-admin-theme="true"] .dw-admin-theme-switch__label {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    html[data-dw-admin-theme="true"] body:has(.dw-bottom-nav) .dw-admin-theme-switch {
        bottom: calc(78px + env(safe-area-inset-bottom));
    }
}

@media (prefers-reduced-motion: reduce) {
    html[data-dw-admin-theme="true"],
    html[data-dw-admin-theme="true"] *,
    html[data-dw-admin-theme="true"] *::before,
    html[data-dw-admin-theme="true"] *::after,
    html[data-dw-admin-theme="true"]::view-transition-old(root),
    html[data-dw-admin-theme="true"]::view-transition-new(root) {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

@media (prefers-contrast: more) {
    html[data-dw-admin-theme="true"] {
        --dw-admin-line: rgba(71, 85, 105, 0.48);
        --dw-admin-line-strong: rgba(30, 41, 59, 0.7);
    }

    html[data-dw-admin-theme="true"][data-theme="dark"] {
        --dw-admin-muted: #cbd5e1;
        --dw-admin-line: rgba(226, 232, 240, 0.44);
        --dw-admin-line-strong: rgba(226, 232, 240, 0.72);
    }
}

/*
 * DigiWorld admin brand finish
 * This is intentionally the final admin layer. Older tools keep their layout,
 * while typography, controls, surfaces and both color modes share one system.
 */
html[data-dw-admin-theme="true"] {
    --dw-admin-canvas: #f3f5f8;
    --dw-admin-canvas-deep: #e9edf3;
    --dw-admin-surface: #ffffff;
    --dw-admin-surface-solid: #ffffff;
    --dw-admin-surface-soft: #f7f8fa;
    --dw-admin-elevated: #ffffff;
    --dw-admin-text: #17202e;
    --dw-admin-text-soft: #344054;
    --dw-admin-muted: #667085;
    --dw-admin-line: #dfe4ec;
    --dw-admin-line-strong: #c8d0dc;
    --dw-admin-input: #ffffff;
    --dw-admin-accent: #e65f24;
    --dw-admin-accent-strong: #c94b16;
    --dw-admin-accent-soft: #fff0e8;
    --dw-admin-link: #b54718;
    --dw-admin-focus: #e65f24;
    --dw-admin-success: #087f5b;
    --dw-admin-warning: #a15c00;
    --dw-admin-danger: #c43245;
    --dw-admin-shadow: 0 12px 32px rgba(16, 24, 40, 0.1);
    --dw-admin-shadow-soft: 0 4px 14px rgba(16, 24, 40, 0.055);
    --dw-admin-radius-lg: 16px;
    --dw-admin-radius-md: 12px;
    --dw-admin-radius-sm: 9px;
    --dw-admin-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --bg-gradient: linear-gradient(180deg, #f7f8fa 0, var(--dw-admin-canvas) 18rem, var(--dw-admin-canvas-deep) 100%);
}

html[data-dw-admin-theme="true"][data-theme="dark"] {
    --dw-admin-canvas: #0b111b;
    --dw-admin-canvas-deep: #0e1622;
    --dw-admin-surface: #141e2c;
    --dw-admin-surface-solid: #141e2c;
    --dw-admin-surface-soft: #192535;
    --dw-admin-elevated: #172231;
    --dw-admin-text: #f3f6fa;
    --dw-admin-text-soft: #d5dde8;
    --dw-admin-muted: #9aa8bb;
    --dw-admin-line: #29384a;
    --dw-admin-line-strong: #3b4c61;
    --dw-admin-input: #101925;
    --dw-admin-accent: #ff8144;
    --dw-admin-accent-strong: #ff9c69;
    --dw-admin-accent-soft: rgba(255, 129, 68, 0.14);
    --dw-admin-link: #ffad82;
    --dw-admin-focus: #ff9c69;
    --dw-admin-success: #5bd6a5;
    --dw-admin-warning: #f7c66a;
    --dw-admin-danger: #ff8795;
    --dw-admin-shadow: 0 18px 42px rgba(0, 0, 0, 0.32);
    --dw-admin-shadow-soft: 0 6px 18px rgba(0, 0, 0, 0.22);
    --bg-gradient: linear-gradient(180deg, #0d1420 0, var(--dw-admin-canvas) 18rem, #09101a 100%);
}

html[data-dw-admin-theme="true"] body,
html[data-dw-admin-theme="true"] :where(button, input, select, textarea) {
    font-family: var(--dw-admin-font) !important;
    font-synthesis-weight: none;
}

html[data-dw-admin-theme="true"] body {
    color: var(--dw-admin-text) !important;
    background: var(--bg-gradient) !important;
    background-attachment: fixed !important;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.006em;
}

html[data-dw-admin-theme="true"] :where(h1, h2, h3, h4, h5, h6, legend) {
    font-family: var(--dw-admin-font) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.025em !important;
}

html[data-dw-admin-theme="true"] h1 { font-weight: 650 !important; }
html[data-dw-admin-theme="true"] h2 { font-weight: 640 !important; }
html[data-dw-admin-theme="true"] :where(h3, h4, h5, h6, legend) { font-weight: 620 !important; }

html[data-dw-admin-theme="true"] :where(
    button,
    .btn,
    .action-btn,
    .nav-link,
    .back-button,
    .pagination-btn,
    .status-badge,
    .badge,
    .pill,
    .nav-badge,
    .eyebrow,
    .toggle-label,
    thead th
) {
    font-weight: 600 !important;
}

html[data-dw-admin-theme="true"] :where(.stat-value, .glance-card h4, .metric-value, .kpi-value) {
    font-weight: 650 !important;
    letter-spacing: -0.03em !important;
}

html[data-dw-admin-theme="true"] :where(.eyebrow, .stat-title, thead th) {
    font-size: 0.72rem !important;
    letter-spacing: 0.055em !important;
    text-transform: uppercase;
}

html[data-dw-admin-theme="true"] :where(
    .container,
    .page-container,
    .panel,
    .box,
    .card,
    .login-container,
    .form-container,
    .table-container,
    .table-shell,
    .table-responsive,
    .modal-content,
    .dashboard-panel,
    .dashboard-card,
    .overview-panel,
    .quick-card,
    .controls-panel,
    .summary-card,
    .status-card,
    .stock-card,
    .bulk-card,
    .settings-card,
    .content-card,
    .upload-card,
    .result-card
) {
    color: var(--dw-admin-text) !important;
    background: var(--dw-admin-elevated) !important;
    background-image: none !important;
    border: 1px solid var(--dw-admin-line) !important;
    border-radius: var(--dw-admin-radius-lg) !important;
    box-shadow: var(--dw-admin-shadow-soft) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html[data-dw-admin-theme="true"] :where(.admin-header, .page-header, .header, .toolbar, .panel-header, .card-header, .modal-header) {
    color: var(--dw-admin-text) !important;
    background-color: var(--dw-admin-elevated) !important;
    background-image: none !important;
    border-color: var(--dw-admin-line) !important;
    box-shadow: var(--dw-admin-shadow-soft) !important;
}

html[data-dw-admin-theme="true"] :where(.admin-header, .overview-panel, .dashboard-card, .quick-card, .controls-panel)::after {
    display: none !important;
}

html[data-dw-admin-theme="true"] :where(.btn, .action-btn, button, [role="button"]) {
    min-height: 38px;
    border-radius: var(--dw-admin-radius-sm) !important;
    letter-spacing: -0.008em !important;
    box-shadow: none !important;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, transform 150ms ease !important;
}

html[data-dw-admin-theme="true"] :where(.btn, .action-btn, button, [role="button"]):hover {
    transform: translateY(-1px) !important;
}

html[data-dw-admin-theme="true"] :where(.btn, .action-btn, button, [role="button"]):active {
    transform: translateY(0) !important;
}

html[data-dw-admin-theme="true"] :where(
    .btn-primary,
    .btn-accent,
    .btn-orders,
    .primary-button,
    .save-button,
    button[type="submit"]
) {
    color: #ffffff !important;
    background: var(--dw-admin-accent) !important;
    border-color: var(--dw-admin-accent) !important;
}

html[data-dw-admin-theme="true"] :where(
    .btn-primary,
    .btn-accent,
    .btn-orders,
    .primary-button,
    .save-button,
    button[type="submit"]
):hover {
    background: var(--dw-admin-accent-strong) !important;
    border-color: var(--dw-admin-accent-strong) !important;
}

html[data-dw-admin-theme="true"] :where(
    .btn-secondary,
    .secondary-button,
    .action-btn,
    .pagination-btn,
    .back-button
) {
    color: var(--dw-admin-text-soft) !important;
    background: var(--dw-admin-surface-soft) !important;
    border: 1px solid var(--dw-admin-line) !important;
}

html[data-dw-admin-theme="true"] :where(.btn-danger, .delete-btn, .danger-button) {
    color: var(--dw-admin-danger) !important;
    background: color-mix(in srgb, var(--dw-admin-danger) 10%, var(--dw-admin-surface)) !important;
    border-color: color-mix(in srgb, var(--dw-admin-danger) 30%, var(--dw-admin-line)) !important;
}

html[data-dw-admin-theme="true"] :where(button, .btn, .action-btn):disabled {
    cursor: not-allowed;
    opacity: 0.54 !important;
    transform: none !important;
}

html[data-dw-admin-theme="true"] :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    min-height: 42px;
    padding: 9px 11px;
    color: var(--dw-admin-text) !important;
    background: var(--dw-admin-input) !important;
    border: 1px solid var(--dw-admin-line-strong) !important;
    border-radius: var(--dw-admin-radius-sm) !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04) !important;
}

html[data-dw-admin-theme="true"] :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):hover {
    border-color: color-mix(in srgb, var(--dw-admin-text-soft) 44%, var(--dw-admin-line)) !important;
}

html[data-dw-admin-theme="true"] :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
    border-color: var(--dw-admin-accent) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px var(--dw-admin-accent-soft) !important;
}

html[data-dw-admin-theme="true"] :where(input[type="checkbox"], input[type="radio"]) {
    accent-color: var(--dw-admin-accent);
}

html[data-dw-admin-theme="true"] :where(.toggle-wrapper, .form-group, .filter-group, .search-group) {
    color: var(--dw-admin-text) !important;
    background: var(--dw-admin-surface-soft) !important;
    border-color: var(--dw-admin-line) !important;
    border-radius: var(--dw-admin-radius-md) !important;
    box-shadow: none !important;
}

html[data-dw-admin-theme="true"] :where(.switch-slider, .slider) {
    box-shadow: none !important;
}

html[data-dw-admin-theme="true"] :where(.toggle-switch input:checked + .slider, input:checked + .switch-slider) {
    background: var(--dw-admin-accent) !important;
}

html[data-dw-admin-theme="true"] :where(.pill, .badge, .status-badge, .nav-badge, .tag, .eyebrow) {
    color: var(--dw-admin-text-soft) !important;
    background: var(--dw-admin-surface-soft) !important;
    background-image: none !important;
    border: 1px solid var(--dw-admin-line) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

html[data-dw-admin-theme="true"] :where(.pill.live, .badge.success, .status-badge.success, .status-success) {
    color: var(--dw-admin-success) !important;
    background: color-mix(in srgb, var(--dw-admin-success) 10%, var(--dw-admin-surface)) !important;
    border-color: color-mix(in srgb, var(--dw-admin-success) 28%, var(--dw-admin-line)) !important;
}

html[data-dw-admin-theme="true"] :where(.nav-badge, .pill.brand, .eyebrow) {
    color: var(--dw-admin-accent-strong) !important;
    background: var(--dw-admin-accent-soft) !important;
    border-color: color-mix(in srgb, var(--dw-admin-accent) 24%, var(--dw-admin-line)) !important;
}

html[data-dw-admin-theme="true"] :where(.table-shell, .table-responsive, .table-container) {
    overflow: auto;
    border-radius: var(--dw-admin-radius-md) !important;
}

html[data-dw-admin-theme="true"] table {
    color: var(--dw-admin-text-soft) !important;
    background: transparent !important;
    border-collapse: collapse !important;
}

html[data-dw-admin-theme="true"] thead th {
    color: var(--dw-admin-muted) !important;
    background: var(--dw-admin-surface-soft) !important;
    border-bottom: 1px solid var(--dw-admin-line) !important;
}

html[data-dw-admin-theme="true"] tbody td {
    color: var(--dw-admin-text-soft) !important;
    background: transparent !important;
    border-bottom: 1px solid var(--dw-admin-line) !important;
}

html[data-dw-admin-theme="true"] tbody tr:nth-child(even) td {
    background: color-mix(in srgb, var(--dw-admin-surface-soft) 54%, transparent) !important;
}

html[data-dw-admin-theme="true"] tbody tr:hover td {
    background: var(--dw-admin-accent-soft) !important;
}

html[data-dw-admin-theme="true"] :where(.modal, .modal-overlay, [class*="backdrop"]) {
    background-color: rgba(7, 12, 20, 0.7);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

html[data-dw-admin-theme="true"] .modal-content {
    border-radius: var(--dw-admin-radius-lg) !important;
    box-shadow: var(--dw-admin-shadow) !important;
}

html[data-dw-admin-theme="true"] :where(.sidebar, .orders-sidebar) {
    background: #17202e !important;
    background-image: none !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 8px 0 28px rgba(16, 24, 40, 0.12) !important;
}

html[data-dw-admin-theme="true"] :where(.sidebar-header, .orders-brand) {
    border-color: rgba(255, 255, 255, 0.09) !important;
}

html[data-dw-admin-theme="true"] :where(.sidebar-header h2, .orders-brand, .sidebar .brand) {
    color: #ffffff !important;
    font-weight: 650 !important;
}

html[data-dw-admin-theme="true"] .sidebar-header h2::before {
    font-weight: 650 !important;
    background: var(--dw-admin-accent) !important;
    box-shadow: none !important;
}

html[data-dw-admin-theme="true"] :where(.sidebar-nav .nav-link, .orders-nav a) {
    min-height: 40px;
    color: #b8c2d1 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

html[data-dw-admin-theme="true"] .sidebar-nav .nav-section-label {
    margin: 14px 10px 4px;
    color: #77859a !important;
    font-size: 0.66rem;
    font-weight: 600 !important;
    letter-spacing: 0.09em;
    line-height: 1.2;
    text-transform: uppercase;
}

html[data-dw-admin-theme="true"] .sidebar-nav .nav-section-label:first-child {
    margin-top: 2px;
}

html[data-dw-admin-theme="true"] :where(.sidebar-nav .nav-link, .orders-nav a):hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.07) !important;
    transform: none !important;
}

html[data-dw-admin-theme="true"] :where(.sidebar-nav .nav-link.active, .orders-nav a.active) {
    color: #ffffff !important;
    background: rgba(230, 95, 36, 0.16) !important;
    border-color: rgba(255, 129, 68, 0.25) !important;
    box-shadow: inset 3px 0 0 var(--dw-admin-accent) !important;
}

html[data-dw-admin-theme="true"] :where(.sidebar-nav .nav-link i, .orders-nav a i) {
    color: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
}

html[data-dw-admin-theme="true"] .dw-admin-theme-switch {
    min-height: 42px;
    padding: 5px 12px 5px 6px;
    font-family: var(--dw-admin-font) !important;
    font-size: 0.78rem;
    font-weight: 600 !important;
    color: var(--dw-admin-text) !important;
    background: var(--dw-admin-elevated) !important;
    border: 1px solid var(--dw-admin-line-strong) !important;
    border-radius: 11px !important;
    box-shadow: var(--dw-admin-shadow-soft) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

html[data-dw-admin-theme="true"] .dw-admin-theme-switch__glyph {
    width: 30px;
    height: 30px;
    color: #ffffff;
    background: var(--dw-admin-accent) !important;
    border-radius: 8px;
    box-shadow: none !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] .dw-admin-theme-switch__glyph {
    color: #ffffff;
    background: #263448 !important;
}

html[data-dw-admin-theme="true"] :where(.loading-spinner, .spinner, [aria-busy="true"]) {
    border-color: var(--dw-admin-line) !important;
    border-top-color: var(--dw-admin-accent) !important;
}

@media (max-width: 760px) {
    html[data-dw-admin-theme="true"] body {
        font-size: 13.5px;
        background-attachment: scroll !important;
    }

    html[data-dw-admin-theme="true"] :where(.admin-header, .overview-panel, .dashboard-card, .quick-card, .controls-panel) {
        border-radius: 14px !important;
    }

    html[data-dw-admin-theme="true"] :where(.btn, .action-btn, button, [role="button"]) {
        min-height: 40px;
    }
}

/* Dashboard-specific cascade lock: the legacy bundle uses high-specificity
 * important rules, so keep the professional brand finish authoritative. */
html[data-dw-admin-theme="true"] body[data-no-components="true"] #dashboardContainer :where(
    button,
    .btn,
    .action-btn,
    .nav-link,
    .pill,
    .eyebrow,
    .toggle-label,
    thead th
) {
    font-family: var(--dw-admin-font) !important;
    font-weight: 600 !important;
}

html[data-dw-admin-theme="true"][data-theme] body[data-no-components="true"] #dashboardContainer .btn.btn.btn,
html[data-dw-admin-theme="true"][data-theme] body[data-no-components="true"] #dashboardContainer .action-btn.action-btn.action-btn,
html[data-dw-admin-theme="true"][data-theme] body[data-no-components="true"] #dashboardContainer .nav-link.nav-link.nav-link {
    font-family: var(--dw-admin-font) !important;
    font-weight: 600 !important;
}

html[data-dw-admin-theme="true"] body[data-no-components="true"] #dashboardContainer :where(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .stat-value,
    .glance-card h4,
    .stock-product-name
) {
    font-family: var(--dw-admin-font) !important;
    font-weight: 650 !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body[data-no-components="true"] #dashboardContainer :where(
    .btn-secondary,
    .automation-panel-toggle,
    .admin-theme-toggle,
    .icon-btn,
    .pagination-btn,
    .page-status,
    .modal-close,
    .stock-panel-action,
    .top-review-stock-btn
) {
    color: var(--dw-admin-text-soft) !important;
    background: var(--dw-admin-surface-soft) !important;
    background-image: none !important;
    border-color: var(--dw-admin-line-strong) !important;
    box-shadow: none !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body[data-no-components="true"] #dashboardContainer :where(
    .pill,
    .eyebrow,
    .nav-badge,
    .status-badge
) {
    color: var(--dw-admin-text-soft) !important;
    background: var(--dw-admin-surface-soft) !important;
    background-image: none !important;
    border-color: var(--dw-admin-line) !important;
    box-shadow: none !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body[data-no-components="true"] #dashboardContainer :where(
    .pill.live,
    .status-badge.success
) {
    color: var(--dw-admin-success) !important;
    background: color-mix(in srgb, var(--dw-admin-success) 11%, var(--dw-admin-surface)) !important;
    border-color: color-mix(in srgb, var(--dw-admin-success) 28%, var(--dw-admin-line)) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body[data-no-components="true"] #dashboardContainer :where(
    .pill.brand,
    .eyebrow,
    .nav-badge
) {
    color: var(--dw-admin-accent-strong) !important;
    background: var(--dw-admin-accent-soft) !important;
    border-color: color-mix(in srgb, var(--dw-admin-accent) 28%, var(--dw-admin-line)) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body[data-no-components="true"] #dashboardContainer :where(
    .quick-card-icon,
    .card-icon,
    .dashboard-card h3 i,
    .stock-kpi-card,
    .message,
    .notice,
    .alert
) {
    color: var(--dw-admin-text-soft) !important;
    background: var(--dw-admin-surface-soft) !important;
    background-image: none !important;
    border-color: var(--dw-admin-line) !important;
    box-shadow: none !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body[data-no-components="true"] #dashboardContainer .message:not(.error):not(.danger) {
    color: var(--dw-admin-success) !important;
    background: color-mix(in srgb, var(--dw-admin-success) 9%, var(--dw-admin-surface)) !important;
}

/* Night-mode surface hardening: legacy inline styles must never paint white. */
html[data-dw-admin-theme="true"][data-theme="dark"] body :where(
    .admin-layout,
    .dashboard,
    .dashboard-grid,
    .content-area,
    .pending-reviews,
    .pending-review-card,
    .stock-premium-panel,
    .stock-kpi-card,
    .stock-item,
    .result-item,
    .info-box,
    .table-pagination,
    .admin-form,
    fieldset
) {
    color: var(--dw-admin-text) !important;
    background-color: var(--dw-admin-surface) !important;
    background-image: none !important;
    border-color: var(--dw-admin-line) !important;
    box-shadow: none !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body :where(
    [style*="background: white"],
    [style*="background:white"],
    [style*="background: #fff"],
    [style*="background:#fff"],
    [style*="background-color: white"],
    [style*="background-color:white"],
    [style*="background-color: #fff"],
    [style*="background-color:#fff"]
) {
    color: var(--dw-admin-text) !important;
    background: var(--dw-admin-surface-soft) !important;
    border-color: var(--dw-admin-line) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body :where(
    button:not([class]),
    .btn-secondary,
    .secondary-button,
    .pagination-btn,
    .page-status,
    .icon-btn,
    .modal-close,
    .stock-panel-action,
    .top-review-stock-btn
) {
    color: var(--dw-admin-text-soft) !important;
    background: var(--dw-admin-surface-soft) !important;
    background-image: none !important;
    border-color: var(--dw-admin-line-strong) !important;
    box-shadow: none !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body :where(
    .controls-panel,
    .controls-panel-header,
    .toggle-wrapper,
    .form-group,
    .table-shell,
    .table-responsive,
    .modal-content
) {
    color: var(--dw-admin-text) !important;
    background: var(--dw-admin-elevated) !important;
    background-image: none !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body :where(hr) {
    border-color: var(--dw-admin-line) !important;
}

/* Responsive guardrails shared by the old standalone tools and new workspaces. */
html[data-dw-admin-theme="true"] body :where(
    .admin-layout,
    .main-content,
    .container,
    .page-container,
    .content-area,
    .dashboard,
    .dashboard-grid,
    .dashboard-column,
    .panel,
    .card,
    .dashboard-card,
    .table-shell,
    .table-responsive,
    form,
    fieldset
) {
    min-width: 0;
    max-width: 100%;
}

html[data-dw-admin-theme="true"] body :where(img, video, canvas, svg) {
    max-width: 100%;
    height: auto;
}

html[data-dw-admin-theme="true"] body :where(pre, code, .log-entry, .result-item, td, p) {
    overflow-wrap: anywhere;
}

html[data-dw-admin-theme="true"] :where(.table-shell, .table-responsive, .table-container) {
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 760px) {
    html[data-dw-admin-theme="true"] body :where(.container, .page-container, .lookup-container, .metrics-shell) {
        width: calc(100% - 20px) !important;
        margin-inline: auto !important;
        padding: 14px !important;
    }

    html[data-dw-admin-theme="true"] body :where(
        .search-form,
        .filter-row,
        .filter-bar,
        .toolbar,
        .button-group,
        .actions,
        .form-actions,
        .admin-actions
    ) {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 9px !important;
        min-width: 0 !important;
    }

    html[data-dw-admin-theme="true"] body :where(.search-form, .filter-row, .form-actions) > :where(input, select, textarea, button, .btn) {
        width: 100% !important;
        flex: 1 1 100% !important;
        min-width: 0 !important;
    }

    html[data-dw-admin-theme="true"] body :where(.table-shell, .table-responsive, .table-container) table:has(th:nth-child(4)) {
        min-width: 640px !important;
        width: 100% !important;
    }

    html[data-dw-admin-theme="true"] body > table,
    html[data-dw-admin-theme="true"] main > table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    html[data-dw-admin-theme="true"] .modal-content {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        max-height: calc(100dvh - 24px) !important;
        margin: 12px auto !important;
        padding: 16px !important;
        overflow: auto !important;
    }

    html[data-dw-admin-theme="true"] :where(.sidebar, .orders-sidebar) {
        width: min(88vw, 320px) !important;
        max-width: calc(100vw - 28px) !important;
    }
}

/* Page-specific finishing layer for the busiest operational workspaces. */
html[data-dw-admin-theme="true"] body :where(
    .orders-eyebrow,
    .orders-nav-label,
    .orders-section-kicker,
    .orders-stat-card p,
    .order-cell small,
    .order-cell strong,
    .order-status,
    .order-total,
    .ps-brand-mark,
    .ps-brand strong,
    .ps-brand small,
    .ps-product-item strong,
    .ps-dropzone strong,
    .ps-step,
    .ps-kicker,
    .ps-form-group label,
    .card-kicker,
    .card-kicker span,
    .mini-cart-header,
    #miniCartTitle
) {
    font-weight: 650 !important;
}

html[data-dw-admin-theme="true"] body :where(.order-email, .order-row, .order-row *) {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body :where(
    .mini-cart-drawer,
    .mini-cart-header,
    .mini-cart-footer
) {
    color: var(--dw-admin-text) !important;
    background: var(--dw-admin-elevated) !important;
    background-image: none !important;
    border-color: var(--dw-admin-line) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body :where(.mini-cart-total, #miniCartTitle) {
    color: var(--dw-admin-text) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body .operations-ribbon > div,
html[data-dw-admin-theme="true"][data-theme="dark"] body .studio-card:not(.premium) {
    color: var(--dw-admin-text) !important;
    background: var(--dw-admin-elevated) !important;
    background-image: none !important;
    border-color: var(--dw-admin-line) !important;
    box-shadow: var(--dw-admin-shadow-sm) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body :where(
    .operations-ribbon strong,
    .studio-card:not(.premium) h3,
    .studio-card:not(.premium) label
) {
    color: var(--dw-admin-text) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body :where(
    .operations-ribbon small,
    .studio-card:not(.premium) p,
    .studio-card:not(.premium) .card-kicker
) {
    color: var(--dw-admin-text-soft) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body :where(
    .ribbon-icon,
    .ribbon-icon.violet,
    .ribbon-icon.green,
    .studio-card:not(.premium) .card-kicker span,
    .studio-card:not(.premium) .title-icon,
    .studio-card:not(.premium) .result-wrap,
    .studio-card:not(.premium) #directIidImage
) {
    color: var(--dw-admin-accent) !important;
    background: var(--dw-admin-surface-soft) !important;
    background-image: none !important;
    border-color: var(--dw-admin-line) !important;
    box-shadow: none !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body :where(
    .ps-auth-card,
    .ps-sidebar,
    .ps-filter-row,
    .ps-quality-card,
    .ps-dropzone,
    .ps-preview-media,
    .ps-icon-button,
    .ps-menu-button,
    .ps-button-secondary,
    .ps-product-item img
) {
    color: var(--dw-admin-text) !important;
    background: var(--dw-admin-elevated) !important;
    background-image: none !important;
    border-color: var(--dw-admin-line) !important;
    box-shadow: none !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body :where(
    .ps-filter-row button.active,
    .ps-step,
    .ps-format-pill,
    .ps-quality-card > span,
    .ps-stock-pill,
    .ps-instant-pill
) {
    color: var(--dw-admin-accent) !important;
    background: color-mix(in srgb, var(--dw-admin-accent) 12%, var(--dw-admin-elevated)) !important;
    border-color: color-mix(in srgb, var(--dw-admin-accent) 28%, var(--dw-admin-line)) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body :where(
    .ps-quality-card p,
    .ps-dropzone > span:not(.ps-drop-icon),
    .ps-dropzone em
) {
    color: var(--dw-admin-text-soft) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body :where(
    .orders-sync-label,
    .orders-tabs button,
    .orders-tabs button span,
    .order-status
) {
    color: var(--dw-admin-text-soft) !important;
    background: var(--dw-admin-surface-soft) !important;
    border-color: var(--dw-admin-line) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body .orders-tabs button.active {
    color: var(--dw-admin-accent) !important;
    background: color-mix(in srgb, var(--dw-admin-accent) 12%, var(--dw-admin-elevated)) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body .orders-tabs button.active span {
    color: #fff !important;
    background: var(--dw-admin-accent) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body :where(.order-status.pending, .order-status.unpaid) {
    color: var(--dw-admin-warning) !important;
    background: color-mix(in srgb, var(--dw-admin-warning) 12%, var(--dw-admin-elevated)) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body .order-row {
    color: var(--dw-admin-text) !important;
    background: var(--dw-admin-elevated) !important;
    border-color: var(--dw-admin-line) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body .order-row :where(.order-id, strong) {
    color: var(--dw-admin-text) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body .order-row :where(.order-email, p, small, span) {
    color: var(--dw-admin-text-soft) !important;
}

@media (max-width: 760px) {
    html[data-dw-admin-theme="true"] body :where(.stock-container, .stock-card, .stock-panel-header, .stock-toolbar, .stock-toolbar-field) {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html[data-dw-admin-theme="true"] body .stock-container {
        width: calc(100% - 20px) !important;
        margin: 12px auto !important;
        padding: 0 !important;
    }

    html[data-dw-admin-theme="true"] body .stock-card {
        padding: 16px !important;
    }

    html[data-dw-admin-theme="true"] body :where(.stock-panel-header, .stock-toolbar) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    html[data-dw-admin-theme="true"] body :where(.stock-toolbar-field, #product-select, #delete-date, #delete-range-btn) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html[data-dw-admin-theme="true"] body .new-header .user-actions {
        max-width: calc(100vw - 32px) !important;
        min-width: 0 !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
    }

    html[data-dw-admin-theme="true"] body .new-header :where(.header-btn, .action-btn, #cartBtn) {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        padding-inline: 0 !important;
        overflow: hidden !important;
    }

    html[data-dw-admin-theme="true"] body .premium-footer,
    html[data-dw-admin-theme="true"] body .premium-footer * {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html[data-dw-admin-theme="true"] body .premium-footer {
        overflow-x: hidden !important;
    }

    html[data-dw-admin-theme="true"] body .premium-footer::before,
    html[data-dw-admin-theme="true"] body .premium-footer::after {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: auto !important;
    }

    html[data-dw-admin-theme="true"] body .dispatch-workspace .form-actions {
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        margin-top: 18px !important;
        padding: 18px 0 0 !important;
        transform: none !important;
        background: transparent !important;
        backdrop-filter: none !important;
    }

    html[data-dw-admin-theme="true"] body .orders-search {
        width: 100% !important;
    }

    html[data-dw-admin-theme="true"] body .orders-search kbd {
        display: none !important;
    }

    html[data-dw-admin-theme="true"] body .orders-filter-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    html[data-dw-admin-theme="true"] body .orders-tabs {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        overflow: visible !important;
        gap: 6px !important;
    }

    html[data-dw-admin-theme="true"] body .orders-tabs button {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: center !important;
    }

    html[data-dw-admin-theme="true"] body .orders-result-meta {
        text-align: center !important;
    }

    html[data-dw-admin-theme="true"] body[data-no-components="true"] #dashboardContainer .sidebar:not(.open) {
        transform: translateX(-105%) !important;
    }

    html[data-dw-admin-theme="true"] body[data-no-components="true"] #dashboardContainer .sidebar.open {
        transform: translateX(0) !important;
    }
}

/* Extensionless admin routes and legacy dashboard widgets need explicit
   specificity because their page bundles still contain late !important rules. */
html[data-dw-admin-theme="true"][data-theme="dark"] body.cid-admin-page .operations-ribbon > div,
html[data-dw-admin-theme="true"][data-theme="dark"] body.cid-admin-page .studio-card,
html[data-dw-admin-theme="true"][data-theme="dark"] body.cid-admin-page .studio-card.premium,
html[data-dw-admin-theme="true"][data-theme="dark"] body.cid-admin-page .admin-header,
html[data-dw-admin-theme="true"][data-theme="dark"] body.cid-admin-page .login-container {
    color: var(--dw-admin-text) !important;
    background: var(--dw-admin-elevated) !important;
    background-image: none !important;
    border-color: var(--dw-admin-line) !important;
    box-shadow: var(--dw-admin-shadow-sm) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body.cid-admin-page :where(
    .studio-card h3,
    .studio-card label,
    .operations-ribbon strong,
    .admin-header h1
) {
    color: var(--dw-admin-text) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body.cid-admin-page :where(
    .studio-card > p,
    .operations-ribbon small,
    .card-kicker,
    .admin-subtitle,
    .upload-help
) {
    color: var(--dw-admin-text-soft) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body.cid-admin-page :where(
    .studio-card input,
    .studio-card textarea,
    .result-wrap,
    #directIidImage,
    .message:not(:empty)
) {
    color: var(--dw-admin-text) !important;
    background: var(--dw-admin-surface-soft) !important;
    background-image: none !important;
    border-color: var(--dw-admin-line) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardMessage.message {
    color: var(--dw-admin-success) !important;
    background: color-mix(in srgb, var(--dw-admin-success) 9%, var(--dw-admin-elevated)) !important;
    background-image: none !important;
    border-color: color-mix(in srgb, var(--dw-admin-success) 30%, var(--dw-admin-line)) !important;
    box-shadow: none !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body[data-no-components="true"] #dashboardContainer table thead tr th {
    color: var(--dw-admin-text-soft) !important;
    background: var(--dw-admin-surface-soft) !important;
    background-image: none !important;
    border-color: var(--dw-admin-line) !important;
}

/* Pending reviews are rendered asynchronously. The legacy premium stylesheet
   targets them through #dashboardContainer with an !important light surface,
   so this late, ID-scoped rule must remain more specific. */
html[data-dw-admin-theme="true"][data-theme="dark"] body[data-no-components="true"] #dashboardContainer #pendingReviewsCard #pendingReviewsList .pending-review-card {
    color: var(--dw-admin-text) !important;
    background: var(--dw-admin-surface-soft) !important;
    background-image: none !important;
    border-color: var(--dw-admin-line) !important;
    box-shadow: none !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body[data-no-components="true"] #dashboardContainer #pendingReviewsCard #pendingReviewsList .pending-review-card :where(header, strong) {
    color: var(--dw-admin-text) !important;
}

html[data-dw-admin-theme="true"][data-theme="dark"] body[data-no-components="true"] #dashboardContainer #pendingReviewsCard #pendingReviewsList .pending-review-card :where(p, small) {
    color: var(--dw-admin-text-soft) !important;
}

/* Mobile dashboard cascade lock.
   admin-panel-bundle.css intentionally keeps the legacy composition loaded,
   but its compact dark-grid rules must not hide controls or content in the
   final day/night theme. Keep these ID-scoped overrides at the end of this
   last-loaded stylesheet. */
@media (max-width: 760px) {
    html[data-dw-admin-theme="true"][data-theme] body[data-no-components="true"] #dashboardContainer .admin-header {
        overflow: visible !important;
    }

    html[data-dw-admin-theme="true"][data-theme] body[data-no-components="true"] #dashboardContainer #automationControlsPanel {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    html[data-dw-admin-theme="true"][data-theme] body[data-no-components="true"] #dashboardContainer #automationControlsPanel .toggle-stack {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    html[data-dw-admin-theme="true"][data-theme] body[data-no-components="true"] #dashboardContainer #pendingReviewsCard #pendingReviewsList {
        max-height: min(68dvh, 560px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }

    html[data-dw-admin-theme="true"][data-theme] body[data-no-components="true"] #dashboardContainer #pendingReviewsCard #pendingReviewsList .pending-review-card {
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    html[data-dw-admin-theme="true"][data-theme] body[data-no-components="true"] #dashboardContainer .table-pagination .page-controls {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    html[data-dw-admin-theme="true"][data-theme] body[data-no-components="true"] #dashboardContainer .table-pagination .page-controls > :where(.btn, .pagination-btn, button) {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 40px !important;
        padding-inline: 10px !important;
    }

    html[data-dw-admin-theme="true"][data-theme] body[data-no-components="true"] #dashboardContainer .table-pagination .page-status {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: max-content !important;
        min-height: 40px !important;
        padding: 8px 10px !important;
        color: var(--dw-admin-text-soft) !important;
        white-space: nowrap !important;
        background: var(--dw-admin-surface-soft) !important;
        background-image: none !important;
        border: 1px solid var(--dw-admin-line) !important;
        border-radius: var(--dw-admin-radius-sm) !important;
    }

    html[data-dw-admin-theme="true"][data-theme] body[data-no-components="true"] #dashboardContainer :where(.table-summary, .page-size-control) {
        color: var(--dw-admin-muted) !important;
        opacity: 1 !important;
    }

    html[data-dw-admin-theme="true"][data-theme] body[data-no-components="true"] #dashboardContainer #dashboardGrid .table-responsive:has(table th:nth-child(3))::before {
        content: "Swipe table \2192" !important;
        display: block !important;
        padding: 9px 10px 5px !important;
        color: var(--dw-admin-muted) !important;
        font-size: 0.7rem !important;
        font-weight: 650 !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase;
        background: var(--dw-admin-surface-soft) !important;
    }

    html[data-dw-admin-theme="true"][data-theme] body[data-no-components="true"] #dashboardContainer .glance-subtext {
        display: block;
        max-width: 100%;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }

    html[data-dw-admin-theme="true"][data-theme="light"] body[data-no-components="true"] #dashboardContainer :where(label, .toggle-label),
    html[data-dw-admin-theme="true"][data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card .admin-form label,
    html[data-dw-admin-theme="true"][data-theme="light"] body[data-no-components="true"] .modal-overlay .modal-content :where(h2, h3, label) {
        color: var(--dw-admin-text) !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    html[data-dw-admin-theme="true"][data-theme="light"] body[data-no-components="true"] #dashboardContainer #pendingReviewsCard #pendingReviewsList .pending-review-card header :where(span, em) {
        color: var(--dw-admin-text) !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    html[data-dw-admin-theme="true"][data-theme="light"] body[data-no-components="true"] #dashboardContainer #automationControlsPanel .controls-panel-header,
    html[data-dw-admin-theme="true"][data-theme="light"] body[data-no-components="true"] #dashboardContainer #statsGrid .stat-card {
        color: var(--dw-admin-text) !important;
        background: var(--dw-admin-elevated) !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html[data-dw-admin-theme="true"][data-theme="light"] body[data-no-components="true"] #dashboardContainer #statsGrid .stat-card .stat-title,
    html[data-dw-admin-theme="true"][data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card .page-size-control,
    html[data-dw-admin-theme="true"][data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card .page-size-control :where(span) {
        color: var(--dw-admin-muted) !important;
        opacity: 1 !important;
    }

    html[data-dw-admin-theme="true"][data-theme="light"] body[data-no-components="true"] #dashboardContainer #statsGrid .stat-card .stat-value {
        color: var(--dw-admin-text) !important;
    }

    html[data-dw-admin-theme="true"][data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card :where(input, textarea)::placeholder {
        color: var(--dw-admin-muted) !important;
        opacity: 0.82 !important;
    }

    html[data-dw-admin-theme="true"][data-theme="light"] body[data-no-components="true"] #dashboardContainer #productManagementCard .table-toolbar .search-field i {
        color: var(--dw-admin-accent) !important;
    }
}