/* Warm-paper secondary surfaces. Load after app.css and workspace-theme.css.
   The [class] qualifier gives legacy glass-theme rules a predictable peer
   specificity. Every selector is gated by skin-warm-paper; layout, visibility,
   dragging, focus management and modal stacking remain owned by app.css / JS. */
body.skin-warm-paper {
    --warm-panel-page: #f7f6f2;
    --warm-panel-surface: #fff;
    --warm-panel-ink: #27282c;
    --warm-panel-muted: #82827e;
    --warm-panel-accent: #bc5143;
    --warm-panel-line: #e3e3dc;
    --warm-panel-tint: #f8eeea;
    --warm-panel-shadow: 0 16px 48px rgb(47 46 36 / 12%), 0 2px 8px rgb(47 46 36 / 4%);
}

/* Modal backdrops retain their existing open/closed opacity transitions. */
body.skin-warm-paper[class] :is(#accountModal, #randomModal, #exportModal,
    #predictTargetModal, #blueprintModal, #pastPaperPreviewOverlay,
    #dangerConfirmModal, #fusionSuccessModal, #successChoiceModal,
    #pwaInstallHelpModal, #avatarCropperModal, #subscriptionCheckoutModal),
body.skin-warm-paper[class] .legal-modal-backdrop {
    background-color: rgb(44 43 38 / 36%) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    backdrop-filter: blur(5px) !important;
}

body.skin-warm-paper[class] :is(#randomModalContent, #exportModalContent,
    #predictTargetContent, #blueprintContent, #dangerConfirmContent,
    #fusionSuccessContent, #successChoiceContent, #subscriptionCheckoutContent,
    .past-paper-preview-shell, .legal-modal-panel),
body.skin-warm-paper[class] #accountModalContent > .account-shell,
body.skin-warm-paper[class] #pwaInstallHelpModal > div,
body.skin-warm-paper[class] #avatarCropperModal > div {
    color-scheme: light;
    color: var(--warm-panel-ink) !important;
    background: var(--warm-panel-surface) !important;
    border-color: var(--warm-panel-line) !important;
    border-radius: 12px !important;
    box-shadow: var(--warm-panel-shadow) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* Utility normalization is limited to configuration chrome, never the whole
   page, arbitrary SVG descendants or the assistant's rendered answer content. */
body.skin-warm-paper[class] :is(#accountModalContent, #randomModalContent,
    #exportModalContent, #predictTargetContent, #subscriptionCheckoutContent)
    :is(.bg-white, .account-main, .account-card, .account-bind-row) {
    background-color: var(--warm-panel-surface) !important;
    background-image: none !important;
    border-color: var(--warm-panel-line) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
body.skin-warm-paper[class] :is(#accountModalContent, #randomModalContent,
    #exportModalContent, #predictTargetContent, #subscriptionCheckoutContent)
    :is(.bg-slate-50, .bg-gray-50, .bg-slate-100, .bg-gray-100,
    [class~="bg-slate-100/50"], [class~="bg-slate-200/80"], .account-sidebar, .account-card-head) {
    background-color: var(--warm-panel-page) !important;
    background-image: none !important;
    border-color: var(--warm-panel-line) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
body.skin-warm-paper[class] :is(#accountModalContent, #randomModalContent,
    #exportModalContent, #predictTargetContent, #subscriptionCheckoutContent)
    :is(.border-slate-100, .border-slate-200, .border-slate-300, .border-gray-200,
    .border-gray-300, [class~="border-slate-200/60"]) {
    border-color: var(--warm-panel-line) !important;
}
body.skin-warm-paper[class] :is(#accountModalContent, #randomModalContent,
    #exportModalContent, #predictTargetContent, #subscriptionCheckoutContent)
    :is(.text-slate-900, .text-slate-800, .text-slate-700,
    .text-gray-900, .text-gray-800, .text-gray-700) {
    color: var(--warm-panel-ink) !important;
}
body.skin-warm-paper[class] :is(#accountModalContent, #randomModalContent,
    #exportModalContent, #predictTargetContent, #subscriptionCheckoutContent)
    :is(.text-slate-600, .text-slate-500, .text-slate-400,
    .text-gray-600, .text-gray-500, .text-gray-400) {
    color: var(--warm-panel-muted) !important;
}
body.skin-warm-paper[class] :is(#accountModalContent, #randomModalContent,
    #exportModalContent, #predictTargetContent, #subscriptionCheckoutContent)
    :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), select, textarea) {
    color-scheme: light;
    color: var(--warm-panel-ink) !important;
    background-color: var(--warm-panel-surface) !important;
    background-image: none !important;
    border-color: var(--warm-panel-line) !important;
    border-radius: 9px;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
body.skin-warm-paper[class] #accountModalContent .account-field input:disabled,
body.skin-warm-paper[class] .mobile-field:disabled {
    background-color: var(--warm-panel-page) !important;
    color: var(--warm-panel-muted) !important;
}
body.skin-warm-paper[class] :is(#accountModalContent, #randomModalContent,
    #exportModalContent, #predictTargetContent, #mobileSheetBody)
    :is(input, select, textarea):focus-visible {
    border-color: var(--warm-panel-accent) !important;
    outline: 2px solid rgb(188 81 67 / 25%);
    outline-offset: 2px;
    --tw-ring-color: rgb(188 81 67 / 16%);
}
body.skin-warm-paper[class] :is(#accountModalContent, #randomModalContent,
    #exportModalContent, #predictTargetContent, #mobileSheetBody, .filter-dropdown)
    :is(input[type="checkbox"], input[type="radio"]) {
    accent-color: var(--warm-panel-accent);
}
body.skin-warm-paper[class] :is(#accountModalContent, #randomModalContent,
    #exportModalContent) .bg-st-red:not(:disabled),
body.skin-warm-paper[class] :is(.subscription-pay-btn, .capybara-send-primary):not(:disabled) {
    color: #fff !important;
    background: var(--warm-panel-accent) !important;
    border-color: var(--warm-panel-accent) !important;
    box-shadow: 0 3px 9px rgb(188 81 67 / 12%) !important;
}
body.skin-warm-paper[class] :is(#accountModalContent, #randomModalContent,
    #exportModalContent) .bg-st-red:hover:not(:disabled),
body.skin-warm-paper[class] :is(.subscription-pay-btn, .capybara-send-primary):hover:not(:disabled) {
    background: #a9473c !important;
}

/* Account pages: independent navigation and existing security/status colors. */
body.skin-warm-paper[class] #accountModalContent :is(.account-tabs, .account-tab-button) {
    background: transparent !important;
    color: var(--warm-panel-muted) !important;
}
body.skin-warm-paper[class] #accountModalContent .account-tab-button.is-active {
    background: var(--warm-panel-tint) !important;
    color: var(--warm-panel-accent) !important;
    box-shadow: none !important;
}
body.skin-warm-paper[class] #accountModalContent :is(.account-style-btn, .account-theme-btn,
    .account-language-btn, .account-avatar-actions button),
body.skin-warm-paper[class] #exportModalContent #btnDownloadMS {
    background: var(--warm-panel-surface) !important;
    border-color: var(--warm-panel-line) !important;
    color: var(--warm-panel-ink) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
body.skin-warm-paper[class] #accountModalContent :is(.account-style-btn, .account-theme-btn,
    .account-language-btn, .account-avatar-actions button):hover:not(:disabled) {
    background: var(--warm-panel-page) !important;
}

/* Match the specific legacy selectors used by glass configuration cards. */
body.skin-warm-paper[class] #exportModalContent .bg-white.p-5.rounded-xl,
body.skin-warm-paper[class] #randomModalContent button.bg-white,
body.skin-warm-paper[class] #predictTargetContent button[onclick="closePredictTargetModal()"],
body.skin-warm-paper[class] #randomModal .filter-dropdown > div[onclick] {
    background: var(--warm-panel-surface) !important;
    border-color: var(--warm-panel-line) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
body.skin-warm-paper[class] #exportModalContent .rounded-lg.bg-slate-100,
body.skin-warm-paper[class] #exportModalContent [class~="bg-slate-200/80"]:not([class~="rounded-t-[14px]"]) {
    background: var(--warm-panel-page) !important;
    border-color: var(--warm-panel-line) !important;
}
body.skin-warm-paper[class] #exportModalContent :is(#exportQuestionsPerPage, #exportSpacing) {
    background: var(--warm-panel-surface) !important;
    border-color: var(--warm-panel-line) !important;
}
body.skin-warm-paper[class] :is(#boxNum, #boxMarks) {
    background: var(--warm-panel-page) !important;
    border-color: var(--warm-panel-line) !important;
    box-shadow: none !important;
}
body.skin-warm-paper[class] :is(#boxNum, #boxMarks).border-st-red {
    background: var(--warm-panel-tint) !important;
    border-color: var(--warm-panel-accent) !important;
}
body.skin-warm-paper[class] :is(#boxNum, #boxMarks).border-st-red :is(input[type="number"], label > span) {
    color: var(--warm-panel-accent) !important;
    border-color: var(--warm-panel-accent) !important;
}
body.skin-warm-paper[class] #blueprintContent > :is(.bg-slate-50, .overflow-y-auto) {
    background: var(--warm-panel-page) !important;
    border-color: var(--warm-panel-line) !important;
}
body.skin-warm-paper[class] #blueprintContent > .bg-white,
body.skin-warm-paper[class] #blueprintGrid > div {
    background: var(--warm-panel-surface) !important;
    border-color: var(--warm-panel-line) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* Multi-select menus and unified search suggestions keep their own sizing,
   keyboard selection, hidden state and scroll containers. */
body.skin-warm-paper[class] .filter-dropdown > div[id],
body.skin-warm-paper[class] :is(.question-search-suggestions, .theme-picker-menu) {
    color-scheme: light;
    background: var(--warm-panel-surface) !important;
    border-color: var(--warm-panel-line) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 28px rgb(47 46 36 / 10%) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
body.skin-warm-paper[class] .filter-dropdown > div[id] > label,
body.skin-warm-paper[class] .question-search-option {
    color: var(--warm-panel-ink) !important;
    border-color: var(--warm-panel-line) !important;
}
body.skin-warm-paper[class] .filter-dropdown > div[id] > label:hover,
body.skin-warm-paper[class] .filter-dropdown > div[id] > label:has(input:checked),
body.skin-warm-paper[class] .question-search-option:is(:hover, [aria-selected="true"]),
body.skin-warm-paper[class] .theme-picker-item:is(:hover, .active) {
    background-color: var(--warm-panel-tint) !important;
}
body.skin-warm-paper[class] :is(.question-search-option > strong, .theme-picker-check) {
    color: var(--warm-panel-accent) !important;
}
body.skin-warm-paper[class] .theme-picker-name { color: var(--warm-panel-ink) !important; }
body.skin-warm-paper[class] :is(.theme-picker-title, .theme-picker-desc,
    .question-search-option > .question-search-snippet) { color: var(--warm-panel-muted) !important; }

/* Assistant chrome and message containers; source mathematics stays untouched. */
body.skin-warm-paper[class] :is(.capybara-drawer, .capybara-drawer-header,
    .capybara-input-area, .capybara-question-meta, .capybara-message.assistant) {
    color-scheme: light;
    color: var(--warm-panel-ink) !important;
    background: var(--warm-panel-surface) !important;
    border-color: var(--warm-panel-line) !important;
}
body.skin-warm-paper[class] .capybara-drawer {
    box-shadow: -12px 0 40px rgb(47 46 36 / 10%) !important;
}
body.skin-warm-paper[class] :is(.capybara-chat-body, .capybara-tabs) {
    background: var(--warm-panel-page) !important;
    border-color: var(--warm-panel-line) !important;
}
body.skin-warm-paper[class] .capybara-drawer-title {
    color: var(--warm-panel-ink) !important;
    font-weight: 700;
}
body.skin-warm-paper[class] .capybara-tab { color: var(--warm-panel-muted) !important; }
body.skin-warm-paper[class] :is(.capybara-tab.active, .capybara-message.user,
    .capybara-quota-hint:not(.is-empty)) {
    background: var(--warm-panel-tint) !important;
    color: var(--warm-panel-accent) !important;
    border-color: #e8cfc7 !important;
    box-shadow: none !important;
}
body.skin-warm-paper[class] .capybara-message.assistant {
    border-radius: 12px;
    box-shadow: 0 2px 7px rgb(47 46 36 / 3%) !important;
}
body.skin-warm-paper[class] .capybara-textarea {
    background: var(--warm-panel-surface) !important;
    color: var(--warm-panel-ink) !important;
    border: 1px solid var(--warm-panel-line) !important;
    border-radius: 12px;
    font-weight: 500;
}
body.skin-warm-paper[class] .capybara-textarea:focus {
    border-color: var(--warm-panel-accent) !important;
    box-shadow: 0 0 0 3px rgb(188 81 67 / 10%) !important;
}
body.skin-warm-paper[class] :is(.capybara-close-btn, .subscription-checkout-close,
    .subscription-later-btn, .legal-modal-close) {
    color: var(--warm-panel-muted) !important;
    background: var(--warm-panel-surface) !important;
    border-color: var(--warm-panel-line) !important;
}

/* Photo search, part selection and subscriptions share the same palette. */
body.skin-warm-paper[class] :is(.photo-dialog, .capybara-drawer) {
    --photo-ink: #27282c;
    --photo-muted: #82827e;
    --photo-line: #e3e3dc;
    --photo-panel: #fff;
    --photo-soft: #f7f6f2;
    --photo-accent: #bc5143;
}
body.skin-warm-paper[class] :is(.photo-dialog, .question-selection-dialog) {
    color-scheme: light;
    background: var(--warm-panel-surface) !important;
    color: var(--warm-panel-ink) !important;
    border-color: var(--warm-panel-line) !important;
    box-shadow: var(--warm-panel-shadow) !important;
}
body.skin-warm-paper[class] :is(.photo-dialog, .question-selection-dialog)::backdrop {
    background: rgb(44 43 38 / 36%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
body.skin-warm-paper[class] :is(.question-selection-shell > header,
    .question-selection-shell > footer, .question-selection-body > aside,
    .question-selection-group, .question-selection-actions button) {
    background: var(--warm-panel-surface);
    color: var(--warm-panel-ink);
    border-color: var(--warm-panel-line);
}
body.skin-warm-paper[class] .question-selection-preview-pane {
    background: var(--warm-panel-page);
}
body.skin-warm-paper[class] .question-selection-actions button.primary:not(:disabled) {
    background: var(--warm-panel-accent);
    border-color: var(--warm-panel-accent);
    color: #fff;
}
body.skin-warm-paper[class] .question-selection-dialog input[type="checkbox"] {
    accent-color: var(--warm-panel-accent);
}
body.skin-warm-paper[class] :is(.subscription-method-card, .subscription-region-btn,
    .subscription-checkout-head) {
    background: var(--warm-panel-surface) !important;
    border-color: var(--warm-panel-line) !important;
}
body.skin-warm-paper[class] .subscription-summary-card {
    background: var(--warm-panel-page) !important;
    border-color: var(--warm-panel-line) !important;
}
body.skin-warm-paper[class] .subscription-region-btn.is-active {
    background: var(--warm-panel-tint) !important;
    border-color: var(--warm-panel-accent) !important;
    box-shadow: none !important;
}
body.skin-warm-paper[class] :is(.subscription-checkout-head h3,
    .subscription-region-title, .subscription-method-title,
    .subscription-summary-title, .subscription-summary-price) { color: var(--warm-panel-ink) !important; }
body.skin-warm-paper[class] :is(.subscription-checkout-head p, .subscription-checkout-label,
    .subscription-region-detail, .subscription-method-text,
    .subscription-summary-meta, .subscription-summary-row) { color: var(--warm-panel-muted) !important; }

/* Preview workspace tint is UI chrome; actual paper images remain pure white. */
body.skin-warm-paper[class] #exportModalContent > div:first-child {
    background: var(--warm-panel-surface) !important;
    border-color: var(--warm-panel-line) !important;
}
body.skin-warm-paper[class] #exportModalContent #previewImagePane {
    background: var(--warm-panel-page) !important;
}
body.skin-warm-paper[class] #exportModalContent :is(#tabPreviewQ, #tabPreviewMS).bg-slate-800 {
    background: var(--warm-panel-ink) !important;
    color: #fff !important;
}
body.skin-warm-paper[class] :is(#previewImageList > div, #previewImageList img,
    #questionSelectionPreview, .question-selection-crop, .mobile-question-image-wrap,
    .mobile-question-image, .mobile-answer-body > img, .mobile-answer-snippet-frame,
    .past-paper-preview-shell iframe, .photo-question > img) {
    background-color: #fff !important;
}

@media (min-width: 768px) {
    body.skin-warm-paper[class] :is(.photo-dialog, .question-selection-dialog) {
        border-radius: 12px;
    }
}

/* Existing phone shell, bottom navigation and drawers keep all geometric and
   interaction rules, including keyboard avoidance and the safe-area insets. */
@media (max-width: 767px) {
    body.skin-warm-paper[class] :is(.mobile-study-app, .mobile-sheet-panel) {
        color-scheme: light;
        background: var(--warm-panel-page) !important;
        color: var(--warm-panel-ink) !important;
    }
    body.skin-warm-paper[class] :is(.mobile-study-topbar, .mobile-bottom-nav,
        .mobile-sheet-header, .mobile-question-card, .mobile-question-meta,
        .mobile-menu-card, .mobile-filter-group, .mobile-cart-summary,
        .mobile-cart-item:not(.is-dragging), .mobile-paper-row, .mobile-account-card,
        .mobile-generate-modal, .mobile-answer-drawer, .mobile-answer-head,
        .mobile-question-toolbar) {
        background: var(--warm-panel-surface) !important;
        border-color: var(--warm-panel-line) !important;
    }
    body.skin-warm-paper[class] :is(.mobile-question-card, .mobile-menu-card,
        .mobile-filter-group, .mobile-cart-summary, .mobile-cart-item:not(.is-dragging),
        .mobile-paper-row, .mobile-account-card, .mobile-generate-modal) {
        border-radius: 12px;
        box-shadow: 0 2px 8px rgb(47 46 36 / 3%) !important;
    }
    body.skin-warm-paper[class] .mobile-bottom-nav {
        box-shadow: 0 -3px 16px rgb(47 46 36 / 4%) !important;
    }
    body.skin-warm-paper[class] :is(.mobile-study-title, .mobile-question-id,
        .mobile-filter-title, .mobile-menu-card strong, .mobile-cart-summary strong,
        .mobile-cart-id, .mobile-paper-title, .mobile-account-id strong,
        .mobile-account-row-label, .mobile-sheet-header h2, .mobile-answer-head h2) {
        color: var(--warm-panel-ink) !important;
        font-weight: 650;
    }
    body.skin-warm-paper[class] :is(.mobile-study-subtitle, .mobile-question-chapter,
        .mobile-menu-card span, .mobile-cart-summary span, .mobile-cart-chapter,
        .mobile-cart-drag-handle, .mobile-paper-meta, .mobile-account-id span,
        .mobile-account-group-title, .mobile-account-row-value, .mobile-account-row-chevron) {
        color: var(--warm-panel-muted) !important;
    }
    body.skin-warm-paper[class] :is(.mobile-study-empty, .mobile-study-loading) {
        color: var(--warm-panel-muted);
        background: var(--warm-panel-surface);
        border-color: var(--warm-panel-line);
    }
    body.skin-warm-paper[class] :is(.mobile-topbar-action, .mobile-topbar-filter,
        .mobile-icon-btn, .mobile-sheet-close, .mobile-answer-close,
        .mobile-generate-close, .mobile-cart-icon-btn, .mobile-field):not(:disabled),
    body.skin-warm-paper[class] .mobile-question-toolbar button,
    body.skin-warm-paper[class] .mobile-filter-chip:not(.is-selected):not(:disabled),
    body.skin-warm-paper[class] .mobile-action-btn:not(.primary):not(.dark):not(.preview-exit):not(:disabled) {
        color: var(--warm-panel-ink) !important;
        background: var(--warm-panel-surface) !important;
        border-color: var(--warm-panel-line) !important;
        box-shadow: none;
    }
    body.skin-warm-paper[class] .mobile-sheet-tabs {
        background: var(--warm-panel-page) !important;
        border-color: var(--warm-panel-line) !important;
    }
    body.skin-warm-paper[class] .mobile-bottom-nav button:not(.is-active):not(.has-filter),
    body.skin-warm-paper[class] .mobile-sheet-tab:not(.is-active) {
        color: var(--warm-panel-muted) !important;
    }
    body.skin-warm-paper[class] :is(.mobile-bottom-nav button.is-active,
        .mobile-bottom-nav button.has-filter, .mobile-sheet-tab.is-active,
        .mobile-topbar-filter.has-filter, .mobile-filter-chip.is-selected,
        .mobile-action-btn.preview-exit):not(:disabled) {
        color: var(--warm-panel-accent) !important;
        background: var(--warm-panel-tint) !important;
        border-color: #e8cfc7 !important;
        box-shadow: none !important;
    }
    body.skin-warm-paper[class] :is(.mobile-action-btn.primary,
        .mobile-action-btn.dark):not(:disabled) {
        color: #fff !important;
        background: var(--warm-panel-accent) !important;
        border-color: var(--warm-panel-accent) !important;
        box-shadow: none !important;
    }
    body.skin-warm-paper[class] :is(.mobile-sheet-eyebrow, .mobile-answer-eyebrow,
        .mobile-question-marks) { color: var(--warm-panel-accent) !important; }
    body.skin-warm-paper[class] .mobile-question-marks {
        background: var(--warm-panel-tint) !important;
    }
    body.skin-warm-paper[class] .mobile-account-page .mobile-account-avatar {
        background-color: var(--warm-panel-accent);
        color: #fff;
    }
    body.skin-warm-paper[class] .mobile-account-toggle { background-color: var(--warm-panel-line); }
    body.skin-warm-paper[class] .mobile-account-toggle.is-on { background-color: var(--warm-panel-accent); }
    body.skin-warm-paper[class] .mobile-account-rows .mobile-account-row + .mobile-account-row {
        border-color: var(--warm-panel-line);
    }
    body.skin-warm-paper[class] .mobile-account-row:active,
    body.skin-warm-paper[class] .mobile-menu-card:active {
        background: var(--warm-panel-page) !important;
    }
    body.skin-warm-paper[class] .mobile-sticky-actions {
        background: linear-gradient(180deg, transparent, var(--warm-panel-page) 28%) !important;
    }
    body.skin-warm-paper[class] .mobile-generate-status:not(.is-error) {
        background: var(--warm-panel-page);
        border-color: var(--warm-panel-line);
        color: var(--warm-panel-muted);
    }
    body.skin-warm-paper[class] .mobile-sheet-overlay {
        background-color: rgb(44 43 38 / 28%);
    }
    body.skin-warm-paper[class] .mobile-sheet-overlay[data-variant="bottom"] {
        background-color: rgb(44 43 38 / 8%);
    }
    body.skin-warm-paper[class] .mobile-generate-overlay {
        background-color: rgb(44 43 38 / 36%);
    }
    body.skin-warm-paper[class] .mobile-answer-drawer {
        border-radius: 12px 12px 0 0;
        box-shadow: 0 -10px 34px rgb(47 46 36 / 12%) !important;
    }
    body.skin-warm-paper[class] .mobile-answer-handle span { background: #cdcbc2; }
    body.skin-warm-paper[class] #accountModal.account-mobile-detail {
        --account-page: #f7f6f2;
        --account-surface: #fff;
        --account-ink: #27282c;
        --account-muted: #82827e;
        --account-line: #e3e3dc;
        --account-tint: #f8eeea;
        --account-accent: #bc5143;
    }
    body.skin-warm-paper[class] #accountModal.account-mobile-detail .account-shell {
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    body.skin-warm-paper[class] #accountModal.account-mobile-detail
        :is(.account-security-body button, .mobile-sub-plan-row[data-featured="true"] .mobile-sub-plan-action):not(:disabled) {
        background: var(--warm-panel-accent);
        border-color: var(--warm-panel-accent);
        color: #fff;
    }
}