/* Theme choice is applied before styles load; never invert page pixels or charts. */
:root[data-theme="light"] { color-scheme: light; }

.mynq-header-row {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 12px;
}

.mynq-header-row::before,
.mynq-header-row::after { display: none; }

.mynq-header-row > .mynq-header-brand {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
}

.el-header .mynq-header-title { margin: 0; }

.mynq-header-row > .mynq-nav-menus {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
    width: auto;
    margin: 0;
}

.mynq-nav-menus .mynq-nav-more-btn { margin-top: 0; }

.theme-toggle {
    display: inline-flex;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid rgba(87, 117, 144, 0.25);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.58);
    color: var(--mynq-heading);
    cursor: pointer;
    transition: background-color 160ms ease, border-color 160ms ease;
}

.theme-toggle:hover { background: var(--mynq-control-soft); border-color: var(--mynq-link); }
.theme-toggle:focus-visible { outline: 2px solid var(--mynq-link); outline-offset: 3px; }
.theme-icon { display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.theme-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.theme-icon .theme-icon-sun { display: none; }
:root[data-theme="dark"] .theme-icon .theme-icon-sun { display: block; }
:root[data-theme="dark"] .theme-icon .theme-icon-moon { display: none; }

/* History date/month/year pickers are appended to body, outside the chart card. */
.el-picker-panel,
.el-time-panel {
    --mynq-popper-color: var(--mynq-popup-bg);
    --mynq-popper-edge: var(--mynq-glass-edge);
    border-color: var(--mynq-glass-edge);
    border-radius: 14px;
    background: var(--mynq-popup-bg);
    color: var(--mynq-text);
    box-shadow: var(--mynq-glass-shadow);
}
:is(.el-picker-panel, .el-time-panel) .el-input__inner { background: var(--mynq-control-bg); color: var(--mynq-text); }
:is(.el-picker-panel, .el-time-panel)[x-placement^="top"] .popper__arrow { border-top-color: var(--mynq-popper-edge); }
:is(.el-picker-panel, .el-time-panel)[x-placement^="top"] .popper__arrow::after { border-top-color: var(--mynq-popper-color); }
:is(.el-picker-panel, .el-time-panel)[x-placement^="bottom"] .popper__arrow { border-bottom-color: var(--mynq-popper-edge); }
:is(.el-picker-panel, .el-time-panel)[x-placement^="bottom"] .popper__arrow::after { border-bottom-color: var(--mynq-popper-color); }

/* Match Chengyue's dark glass palette and the same four fixed glows. */
:root[data-theme="dark"] {
    color-scheme: dark;
    --mynq-glass-base: #0c1724;
    --mynq-text: #d5e3ef;
    --mynq-heading: #eff7ff;
    --mynq-muted: #b1c4d7;
    --mynq-link: #8cc7ff;
    --mynq-glass-edge: rgba(180, 208, 238, 0.16);
    --mynq-glass-shadow: 0 16px 36px -18px rgba(0, 0, 0, 0.55), 0 3px 10px -5px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(223, 239, 255, 0.1);
    --mynq-popup-bg: #172430;
    --mynq-control-bg: #1e2e3d;
    --mynq-control-soft: #24384a;
    --mynq-tab-text: #b1c4d7;
    --mynq-tab-accent: #a7d6ff;
    --mynq-night-panel: #172430;
    --mynq-night-raised: #1a2b3b;
    --mynq-night-border: #324657;
    --mynq-night-selected: #284961;
}

:root[data-theme="dark"] body::before {
    background: radial-gradient(ellipse at 8% 8%, rgba(47, 109, 174, 0.34), transparent 54%),
                radial-gradient(ellipse at 90% 18%, rgba(77, 91, 137, 0.26), transparent 52%),
                radial-gradient(ellipse at 85% 90%, rgba(31, 117, 126, 0.20), transparent 56%),
                radial-gradient(ellipse at 42% 64%, rgba(48, 66, 86, 0.22), transparent 54%);
}

:root[data-theme="dark"] #app > .el-header,
:root[data-theme="dark"] .mynq-body .el-card,
:root[data-theme="dark"] :is(.el-message-box, .el-drawer, .el-dialog, .el-popover, .el-select-dropdown, .el-notification, .el-tooltip__popper.is-light, .vue-country-list-wrap, .el-picker-panel, .el-time-panel) {
    --mynq-popper-color: var(--mynq-popup-bg);
    --mynq-popper-edge: var(--mynq-glass-edge);
    --mynq-divider-surface: #172430;
    background: var(--mynq-night-panel);
    border-color: var(--mynq-glass-edge);
    color: var(--mynq-text);
    box-shadow: var(--mynq-glass-shadow);
}

:root[data-theme="dark"] :is(.el-message-box, .el-drawer, .el-dialog, .el-popover, .el-select-dropdown, .el-notification, .el-tooltip__popper.is-light, .vue-country-list-wrap, .el-picker-panel, .el-time-panel) {
    background: var(--mynq-popup-bg);
}
:root[data-theme="dark"] .mynq-login-popover.el-popper[x-placement^="bottom"] .popper__arrow::after { border-bottom-color: var(--mynq-popup-bg); }

:root[data-theme="dark"] .mynq-body .node-box,
:root[data-theme="dark"] .detail-tabs > .el-tabs__content > .el-tab-pane { background: var(--mynq-night-panel); }

:root[data-theme="dark"] :is(.el-drawer, .el-dialog) .el-card { background: var(--mynq-control-bg); color: var(--mynq-text); }
:root[data-theme="dark"] .el-card__header { border-color: var(--mynq-night-border); }

:root[data-theme="dark"] :is(.mynq-nav-btn, .theme-toggle) { background: var(--mynq-control-bg); color: var(--mynq-link); border-color: var(--mynq-night-border); }
:root[data-theme="dark"] :is(.mynq-nav-btn, .theme-toggle):hover { background: var(--mynq-night-selected); color: var(--mynq-heading); }

:root[data-theme="dark"] :is(.el-message-box__title, .el-dialog__title, .el-popover__title, .el-notification__title, .mynq-login-title, .el-result__title p) { color: var(--mynq-heading); }
:root[data-theme="dark"] :is(.el-dialog__body, .el-message-box__content, .el-drawer__header, .el-message-box__message, .el-select-dropdown__item, .el-checkbox__label, .el-radio__label, .el-form-item__label, .el-descriptions__body) { color: var(--mynq-text); }
:root[data-theme="dark"] :is(.text-black, .report-card .el-tab-pane, .vue-country-intl .vue-country-item) { color: var(--mynq-text); }
:root[data-theme="dark"] :is(.mynq-login-subtitle, .mynq-turnstile, .el-notification__content, .el-table__empty-text, .el-empty__description p, .el-result__subtitle p, .el-input__icon, .el-dialog__close, .el-message-box__close, .el-notification__closeBtn) { color: var(--mynq-muted); }
:root[data-theme="dark"] .mynq-body .el-card .text-grey,
:root[data-theme="dark"] .mynq-body .report-card .title sub { color: var(--mynq-muted); }
:root[data-theme="dark"] .mynq-body .node-box .node .node-status-online,
:root[data-theme="dark"] .mynq-body .mynode .node-status-online { color: #8edca1; }
:root[data-theme="dark"] .mynq-body .node-box .node .node-status-offline,
:root[data-theme="dark"] .mynq-body .mynode .node-status-offline { color: #f0c57f; }
:root[data-theme="dark"] :where(.mynq-body, .el-drawer, .el-dialog, .el-popover) .el-link.el-link--default:hover,
:root[data-theme="dark"] .copyright a:hover { color: #c3e4ff; }

:root[data-theme="dark"] .mynq-body .el-tabs__nav[role="tablist"],
:root[data-theme="dark"] .dashboard-toolbar .node-list-mode { background: var(--mynq-night-panel); border-color: var(--mynq-glass-edge); box-shadow: var(--mynq-glass-shadow); }
:root[data-theme="dark"] .mynq-body .el-tabs__header .el-tabs__nav[role="tablist"] > .el-tabs__item:hover,
:root[data-theme="dark"] .dashboard-toolbar .node-list-mode-btn:hover { background: var(--mynq-control-soft); color: var(--mynq-link); }
:root[data-theme="dark"] .mynq-body .el-tabs__header .el-tabs__nav[role="tablist"] > .el-tabs__item.is-active,
:root[data-theme="dark"] .dashboard-toolbar .node-list-mode-btn.is-active { background: var(--mynq-night-selected); color: var(--mynq-heading); box-shadow: inset 0 0 0 1px rgba(140, 199, 255, 0.25); }
:root[data-theme="dark"] .dashboard-toolbar .node-list-mode-btn { color: var(--mynq-muted); }
:root[data-theme="dark"] .mynq-body .el-tabs__header .el-tabs__nav[role="tablist"] > .el-tabs__item.is-disabled { color: #718698; background: transparent; }

:root[data-theme="dark"] :is(.mynq-body, .mynq-drawer, .el-drawer) .el-divider--horizontal { background-color: var(--mynq-night-border); }
:root[data-theme="dark"] :is(.mynq-body, .mynq-drawer, .el-drawer) .el-divider__text { color: var(--mynq-text); --mynq-divider-surface: #172430; }
@supports selector(:has(*)) {
    :root[data-theme="dark"] :is(.mynq-body, .mynq-drawer, .el-drawer) .el-divider--horizontal:has(> .el-divider__text) { background: transparent; }
    :root[data-theme="dark"] :is(.mynq-body, .mynq-drawer, .el-drawer) .el-divider--horizontal:has(> .el-divider__text)::before,
    :root[data-theme="dark"] :is(.mynq-body, .mynq-drawer, .el-drawer) .el-divider--horizontal:has(> .el-divider__text)::after { background: var(--mynq-night-border); }
}

/* Input rules are followed by explicit error/disabled states so validation remains visible. */
:root[data-theme="dark"] :is(.el-input__inner, .el-textarea__inner, .el-input-group__append, .el-input-group__prepend, .country-intl-input, .country-intl-label, .el-checkbox__inner, .el-radio__inner) {
    background-color: var(--mynq-control-bg);
    border-color: var(--mynq-night-border);
    color: var(--mynq-text);
}
:root[data-theme="dark"] :is(.el-input__inner, .el-textarea__inner, .country-intl-input)::placeholder { color: #9bafc2; }
:root[data-theme="dark"] :is(.el-input__inner, .el-textarea__inner):focus { border-color: #8cc7ff; }
:root[data-theme="dark"] .el-select .el-input.is-focus .el-input__inner { border-color: #8cc7ff; }
:root[data-theme="dark"] .el-form-item.is-error :is(.el-input__inner, .el-textarea__inner),
:root[data-theme="dark"] .el-message-box__input input.invalid { border-color: #ff9aa2; }
:root[data-theme="dark"] :is(.el-form-item__error, .el-message-box__errormsg) { color: #ffadb4; }
:root[data-theme="dark"] :is(.el-input, .el-textarea).is-disabled :is(.el-input__inner, .el-textarea__inner),
:root[data-theme="dark"] .el-checkbox__input.is-disabled .el-checkbox__inner,
:root[data-theme="dark"] .el-radio__input.is-disabled .el-radio__inner { background: #202d3a; color: #8093a5; border-color: #344554; }
:root[data-theme="dark"] :is(.el-checkbox__input.is-checked, .el-checkbox__input.is-indeterminate) .el-checkbox__inner,
:root[data-theme="dark"] .el-radio__input.is-checked .el-radio__inner { background: #377db5; border-color: #8cc7ff; }
:root[data-theme="dark"] .el-checkbox__input.is-disabled + .el-checkbox__label,
:root[data-theme="dark"] .el-radio__input.is-disabled + .el-radio__label { color: #8093a5; }

:root[data-theme="dark"] .el-button--default:not(.el-button--primary),
:root[data-theme="dark"] .el-message-box__btns .el-button--default:not(.el-button--primary) { background: var(--mynq-control-bg); border-color: var(--mynq-night-border); color: var(--mynq-text); }
:root[data-theme="dark"] .el-button--default:not(.is-disabled):not(.el-button--primary):hover { background: var(--mynq-night-selected); border-color: #8cc7ff; color: var(--mynq-heading); }
:root[data-theme="dark"] .el-button--default.is-disabled { color: #8093a5; background: #202d3a; border-color: #344554; }
:root[data-theme="dark"] .el-button--text,
:root[data-theme="dark"] .el-link.el-link--primary,
:root[data-theme="dark"] .mynq-turnstile-retry { color: var(--mynq-link); }
:root[data-theme="dark"] .el-button--text.is-disabled { color: #8093a5; }
:root[data-theme="dark"] .el-button--primary.is-plain { background: var(--mynq-control-bg); border-color: #527a9b; color: var(--mynq-link); }
:root[data-theme="dark"] .el-button--primary.is-plain:not(.is-disabled):hover { background: var(--mynq-night-selected); border-color: #8cc7ff; color: var(--mynq-heading); }
:root[data-theme="dark"] .mynq-login-mark { color: #a7d6ff; border-color: var(--mynq-glass-edge); background: linear-gradient(140deg, #1d424b, #293f61); }
:root[data-theme="dark"] .mynq-login-form .el-input__inner:focus { box-shadow: 0 0 0 3px rgba(140, 199, 255, 0.14); }
:root[data-theme="dark"] .mynq-login-submit.el-button--primary { background: linear-gradient(110deg, #235d82, #28688e); border-color: #448db7; }
:root[data-theme="dark"] .mynq-login-submit.el-button--primary.is-disabled { background: #3e596b; color: #b0c2d1; border-color: #526c80; }

:root[data-theme="dark"] .el-select-dropdown__item:is(.hover, :hover, .selected),
:root[data-theme="dark"] .vue-country-intl .vue-country-item.selected,
:root[data-theme="dark"] .vue-country-intl .vue-country-item.selected .vue-country-areaCode,
:root[data-theme="dark"] .vue-country-intl .vue-country-item:not(.selected):hover,
:root[data-theme="dark"] .vue-country-intl .vue-country-item:not(.selected):hover .vue-country-areaCode { background: var(--mynq-night-selected); color: var(--mynq-heading); }
:root[data-theme="dark"] .el-select-dropdown__item.is-disabled { color: #8093a5; background: transparent; }
:root[data-theme="dark"] .vue-country-intl .country-intl-input-wrap { border-color: var(--mynq-night-border); }
:root[data-theme="dark"] .vue-country-intl:not(.focused) .country-intl-input-wrap.has-selected .country-intl-input,
:root[data-theme="dark"] .vue-country-intl:not(.focused) .country-intl-input-wrap.has-selected .country-intl-input::placeholder { color: transparent; }
:root[data-theme="dark"] .vue-country-intl .vue-country-areaCode { color: var(--mynq-muted); }

/* Date/month/year selectors used by history charts are body-mounted Element panels. */
:root[data-theme="dark"] :is(.el-picker-panel__footer, .el-time-panel__footer, .el-picker-panel__sidebar, .el-time-spinner__item:hover:not(.disabled):not(.active), .el-time-select__item:hover) { background: var(--mynq-control-bg); border-color: var(--mynq-night-border); color: var(--mynq-text); }
:root[data-theme="dark"] :is(.el-date-table th, .el-date-picker__time-header, .el-date-range-picker__time-header, .el-date-range-picker__content.is-left, .el-time-panel__content::before, .el-time-panel__content::after) { border-color: var(--mynq-night-border); }
:root[data-theme="dark"] :is(.el-date-picker__header-label, .el-picker-panel__icon-btn, .el-date-table th, .el-month-table td .cell, .el-year-table td .cell, .el-picker-panel__shortcut, .el-time-spinner__item, .el-time-panel__btn, .history-period-caption, .history-chart-status) { color: var(--mynq-muted); }
:root[data-theme="dark"] .el-date-table td.today span,
:root[data-theme="dark"] :is(.el-month-table td.today .cell, .el-year-table td.today .cell, .el-time-panel__btn.confirm) { color: var(--mynq-link); }
:root[data-theme="dark"] :is(.el-date-table td.available, .el-month-table td, .el-year-table td):hover { color: var(--mynq-link); }
:root[data-theme="dark"] .el-date-table td.current:not(.disabled) span { background: #28688e; color: #eff7ff; }
:root[data-theme="dark"] :is(.el-date-table td.disabled div, .el-month-table td.disabled .cell, .el-year-table td.disabled .cell) { background: #202d3a; color: #718698; }
:root[data-theme="dark"] :is(.el-date-table td.prev-month, .el-date-table td.next-month, .el-time-spinner__item.disabled) { color: #718698; }
:root[data-theme="dark"] .el-time-spinner__item.active:not(.disabled) { color: var(--mynq-heading); }
:root[data-theme="dark"] .history-chart-status.is-error { color: #ffadb4; }

/* Opaque fixed cells prevent scrolled table text bleeding through a second layer. */
:root[data-theme="dark"] :is(.mynq-body, .mynq-drawer, .el-dialog) .el-table {
    --mynq-table-surface: var(--mynq-night-panel);
    --mynq-table-fixed: #1a2b3b;
    --mynq-table-header: #22384b;
    --mynq-table-stripe: #1e3244;
    --mynq-table-hover: #29465d;
    --mynq-table-current: #2d506c;
    --mynq-table-border: #324657;
    color: var(--mynq-text);
}
:root[data-theme="dark"] :is(.mynq-body, .mynq-drawer, .el-dialog) .el-table th.el-table__cell { color: var(--mynq-heading); }
:root[data-theme="dark"] :is(.mynq-body, .mynq-drawer, .el-dialog) .el-table .el-table__empty-text { color: var(--mynq-muted); }
:root[data-theme="dark"] :is(.mynq-body, .mynq-drawer, .el-dialog) .el-table .ascending .sort-caret.ascending { border-bottom-color: var(--mynq-link); }
:root[data-theme="dark"] :is(.mynq-body, .mynq-drawer, .el-dialog) .el-table .descending .sort-caret.descending { border-top-color: var(--mynq-link); }
:root[data-theme="dark"] .mynq-body .el-descriptions .el-descriptions-item__cell { border-color: var(--mynq-night-border); }
:root[data-theme="dark"] .mynq-body .el-descriptions .is-bordered-label { background: var(--mynq-control-soft); color: var(--mynq-muted); }

:root[data-theme="dark"] :is(.el-alert--info.is-light, .el-message--info) { background: #20374b; color: #b9d7f0; }
:root[data-theme="dark"] :is(.el-alert--success.is-light, .el-message--success) { background: #203d35; color: #a3dec0; }
:root[data-theme="dark"] :is(.el-alert--warning.is-light, .el-message--warning) { background: #433b2c; color: #f0d399; }
:root[data-theme="dark"] :is(.el-alert--error.is-light, .el-message--error) { background: #452d39; color: #ffb7c1; }
:root[data-theme="dark"] .el-alert.is-light .el-alert__description { color: inherit; }
:root[data-theme="dark"] .el-alert .el-alert__closebtn { color: inherit; }
:root[data-theme="dark"] :is(.mynq-body, .el-drawer, .el-dialog) .el-loading-mask,
:root[data-theme="dark"] :is(.mynq-body, .mynq-drawer, .el-dialog) .el-table .el-loading-mask { background: rgba(12, 23, 36, 0.82); }
:root[data-theme="dark"] :is(.mynq-body, .mynq-drawer, .el-dialog) .el-table .el-loading-spinner .path { stroke: #8cc7ff; }
:root[data-theme="dark"] .mynq-body .el-skeleton__item { background-color: #24384a; }
:root[data-theme="dark"] .el-skeleton.is-animated .el-skeleton__item { background-image: linear-gradient(90deg, #24384a 25%, #30495f 37%, #24384a 63%); }
:root[data-theme="dark"] .mynq-body :is(.el-progress-bar__outer, .el-slider__runway) { background: #2e4357; }
:root[data-theme="dark"] .el-progress__text { color: var(--mynq-text); }
:root[data-theme="dark"] .mynq-body :is(.el-step__icon, .el-steps--simple) { background: var(--mynq-control-bg); }
:root[data-theme="dark"] .mynq-body :is(.el-step__head.is-process, .el-step__title.is-process) { color: var(--mynq-text); border-color: var(--mynq-text); }

:root[data-theme="dark"] .mynq-body .extend-tab-content :is(pre, blockquote, table tr th) { background: var(--mynq-control-bg); color: var(--mynq-text); border-color: var(--mynq-night-border); }
:root[data-theme="dark"] .mynq-body .extend-tab-content table :is(th, td) { border-color: var(--mynq-night-border); }
:root[data-theme="dark"] .mynq-body .extend-tab-content code { color: #ffb7cc; }
:root[data-theme="dark"] .mynq-body .extend-tab-content pre code { color: var(--mynq-text); }

:root[data-theme="dark"] .el-main .node-box .node-slot-expanded > .el-card { background: var(--mynq-night-raised); box-shadow: var(--mynq-glass-shadow); }
:root[data-theme="dark"] :is(.node-card-history, .node-card-history-title) { color: var(--mynq-text); }
:root[data-theme="dark"] :is(.node-card-cpu-status, .node-card-history-status, .node-card-cpu-gauge.is-unavailable) { color: var(--mynq-muted); }
:root[data-theme="dark"] .node-card-cpu-gauge { color: #8bd8ed; background: conic-gradient(#3daac6 var(--node-cpu-angle), #2e4357 0); }
:root[data-theme="dark"] .node-card-cpu-gauge::before { background: #1a2b3b; }

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .el-picker-panel,
    .el-time-panel {
        -webkit-backdrop-filter: blur(18px) saturate(135%);
        backdrop-filter: blur(18px) saturate(135%);
    }

    :root[data-theme="dark"] {
        --mynq-night-panel: rgba(21, 35, 51, 0.78);
        --mynq-night-raised: rgba(21, 35, 51, 0.94);
        --mynq-popup-bg: rgba(21, 35, 51, 0.94);
        --mynq-control-bg: rgba(36, 56, 74, 0.8);
        --mynq-control-soft: rgba(47, 73, 96, 0.72);
    }

    :root[data-theme="dark"] #app > .el-header,
    :root[data-theme="dark"] .mynq-body .el-card,
    :root[data-theme="dark"] :is(.el-message-box, .el-drawer, .el-dialog, .el-popover, .el-select-dropdown, .el-notification, .vue-country-list-wrap, .el-picker-panel, .el-time-panel) {
        background-image: linear-gradient(135deg, rgba(21, 35, 51, 0.12), rgba(21, 35, 51, 0) 62%);
    }

    :root[data-theme="dark"] :is(.el-picker-panel, .el-time-panel) {
        -webkit-backdrop-filter: blur(18px) saturate(135%);
        backdrop-filter: blur(18px) saturate(135%);
    }

    :root[data-theme="dark"] :is(.el-alert--info.is-light, .el-message--info) { background-color: rgba(32, 55, 75, 0.94); }
    :root[data-theme="dark"] :is(.el-alert--success.is-light, .el-message--success) { background-color: rgba(32, 61, 53, 0.94); }
    :root[data-theme="dark"] :is(.el-alert--warning.is-light, .el-message--warning) { background-color: rgba(67, 59, 44, 0.94); }
    :root[data-theme="dark"] :is(.el-alert--error.is-light, .el-message--error) { background-color: rgba(69, 45, 57, 0.94); }
}

@media (prefers-reduced-transparency: reduce) {
    .el-picker-panel,
    .el-time-panel {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    :root[data-theme="dark"] {
        --mynq-night-panel: #172430;
        --mynq-night-raised: #1a2b3b;
        --mynq-popup-bg: #172430;
        --mynq-control-bg: #1e2e3d;
        --mynq-control-soft: #24384a;
    }
    :root[data-theme="dark"] body::before { display: none; }
    :root[data-theme="dark"] #app > .el-header,
    :root[data-theme="dark"] .mynq-body .el-card,
    :root[data-theme="dark"] :is(.el-message-box, .el-drawer, .el-dialog, .el-popover, .el-select-dropdown, .el-notification, .el-message, .vue-country-list-wrap, .el-picker-panel, .el-time-panel) {
        background-image: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
    :root[data-theme="dark"] :is(.el-alert--info.is-light, .el-message--info) { background-color: #20374b; }
    :root[data-theme="dark"] :is(.el-alert--success.is-light, .el-message--success) { background-color: #203d35; }
    :root[data-theme="dark"] :is(.el-alert--warning.is-light, .el-message--warning) { background-color: #433b2c; }
    :root[data-theme="dark"] :is(.el-alert--error.is-light, .el-message--error) { background-color: #452d39; }
}

@media (prefers-reduced-motion: reduce) {
    .theme-toggle { transition: none; }
}