/* Dark theme overrides — loaded after page styles */

html.app-theme-dark {
    --dashboard-text-color: #ffffff;
    --dashboard-title-color: #ffffff;
    --dashboard-accent-red: #df132e;
    --dashboard-board-bg: #3d3d3d;
    --dashboard-board-surface: #3d3d3d;
    --dashboard-card-bg: #1f1f1f;
    --dashboard-card-surface: #1f1f1f;
    --dashboard-icon-color: #d5bb86;
    --swal2-background: #1f1f1f;
    --swal2-color: #ffffff;
    color-scheme: dark;
}

html.app-theme-dark,
html.app-theme-dark .page-shell,
html.app-theme-dark .dashboard-shell,
html.app-theme-dark .dashboard-stage,
html.app-theme-dark .dashboard-page {
    background: #3d3d3d !important;
    color: #ffffff;
}

/* Primary cards */
html.app-theme-dark .dashboard-brand-card,
html.app-theme-dark .dashboard-market-card,
html.app-theme-dark .dashboard-currency-card,
html.app-theme-dark .dashboard-bubble-card,
html.app-theme-dark .archive-card,
html.app-theme-dark .analytical-card,
html.app-theme-dark .archive-table-card,
html.app-theme-dark .support-hero-card,
html.app-theme-dark .support-table-card,
html.app-theme-dark .support-overview-card,
html.app-theme-dark .support-ticket-card,
html.app-theme-dark .support-ticket-summary-card,
html.app-theme-dark .support-thread-card,
html.app-theme-dark .support-ticket-content,
html.app-theme-dark .authenticity-card,
html.app-theme-dark .customer-inquiry-card,
html.app-theme-dark .calculator-field,
html.app-theme-dark .calculator-result-panel,
html.app-theme-dark .calculator-guide-card,
html.app-theme-dark .calculator-result-modal .modal-content,
html.app-theme-dark .finance-hero-card,
html.app-theme-dark .finance-table-card,
html.app-theme-dark .profile-edit-card,
html.app-theme-dark .wallet-card,
html.app-theme-dark .dashboard-settings-subitem {
    background: #1f1f1f !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24) !important;
}

/* Nested surfaces inside cards */
html.app-theme-dark .dashboard-special-box,
html.app-theme-dark .dashboard-bubble-item,
html.app-theme-dark .dashboard-account-chip,
html.app-theme-dark .analytical-signals,
html.app-theme-dark .analytical-signal-item,
html.app-theme-dark .support-register-card,
html.app-theme-dark .support-search-field,
html.app-theme-dark .support-table-wrap,
html.app-theme-dark .support-ticket-summary-item,
html.app-theme-dark .support-thread-bubble,
html.app-theme-dark .support-thread-attachment,
html.app-theme-dark .support-upload-field,
html.app-theme-dark .analytical-history-meta-item,
html.app-theme-dark .analytical-history-detail-block,
html.app-theme-dark .analytical-history-level-item,
html.app-theme-dark .analytical-history-item,
html.app-theme-dark .authenticity-result,
html.app-theme-dark .authenticity-result-item {
    background: #2a2a2a !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Titles & headings */
html.app-theme-dark .dashboard-card-head,
html.app-theme-dark .dashboard-currency-head,
html.app-theme-dark .dashboard-currency-title,
html.app-theme-dark .dashboard-card-subtitle,
html.app-theme-dark .dashboard-bubble-head h2,
html.app-theme-dark .dashboard-bubble-kicker,
html.app-theme-dark .dashboard-status-row,
html.app-theme-dark .archive-card-head h1,
html.app-theme-dark .archive-card-head p,
html.app-theme-dark .analytical-ai-head h2,
html.app-theme-dark .analytical-signals-head strong,
html.app-theme-dark .analytical-history-head h1,
html.app-theme-dark .analytical-history-head p,
html.app-theme-dark .support-hero-head h1,
html.app-theme-dark .support-hero-head p,
html.app-theme-dark .support-register-copy strong,
html.app-theme-dark .support-ticket-title,
html.app-theme-dark .support-ticket-summary-card h1,
html.app-theme-dark .support-thread-head h2,
html.app-theme-dark .authenticity-hero-copy h1,
html.app-theme-dark .authenticity-result-head strong,
html.app-theme-dark .finance-hero-head h1,
html.app-theme-dark .finance-hero-head p,
html.app-theme-dark .profile-edit-head h1,
html.app-theme-dark .wallet-card-head h1,
html.app-theme-dark .customer-inquiry-locked h2 {
    color: #ffffff !important;
}

html.app-theme-dark .dashboard-card-head,
html.app-theme-dark .dashboard-currency-head,
html.app-theme-dark .dashboard-card-icon,
html.app-theme-dark .dashboard-currency-icon,
html.app-theme-dark .dashboard-bubble-icon {
    color: #d5bb86 !important;
}

/* Body / secondary text */
html.app-theme-dark .dashboard-card-subtitle,
html.app-theme-dark .dashboard-bubble-head p,
html.app-theme-dark .support-kicker,
html.app-theme-dark .support-register-copy small,
html.app-theme-dark .support-hero-head p,
html.app-theme-dark .support-overview-card span,
html.app-theme-dark .support-ticket-code,
html.app-theme-dark .support-table-meta,
html.app-theme-dark .support-empty-state,
html.app-theme-dark .support-table-empty,
html.app-theme-dark .authenticity-hero-copy p,
html.app-theme-dark .authenticity-label,
html.app-theme-dark .authenticity-result-item span,
html.app-theme-dark .authenticity-result-note,
html.app-theme-dark .analytical-ai-text,
html.app-theme-dark .analytical-signals-head span,
html.app-theme-dark .archive-filter-label,
html.app-theme-dark .archive-chart-unit-copy,
html.app-theme-dark .archive-summary-row-date,
html.app-theme-dark .finance-kicker,
html.app-theme-dark .finance-filter-field span,
html.app-theme-dark .calculator-field-label,
html.app-theme-dark .calculator-guide-text,
html.app-theme-dark .customer-inquiry-locked p,
html.app-theme-dark .dashboard-footer-copy,
html.app-theme-dark .dashboard-footer-copy p,
html.app-theme-dark .dashboard-footer-copy a {
    color: rgba(255, 255, 255, 0.78) !important;
}

html.app-theme-dark .support-overview-card strong,
html.app-theme-dark .archive-summary-row,
html.app-theme-dark .archive-summary-row span,
html.app-theme-dark .archive-summary-row strong,
html.app-theme-dark .archive-summary-value,
html.app-theme-dark .analytical-history-meta-item strong,
html.app-theme-dark .analytical-history-detail-block p,
html.app-theme-dark .authenticity-result-item strong,
html.app-theme-dark .finance-hero-head h1 {
    color: #ffffff !important;
}

html.app-theme-dark .customer-inquiry-locked {
    background: linear-gradient(180deg, #252525 0%, #1f1f1f 100%) !important;
    border-color: rgba(213, 187, 134, 0.22) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

html.app-theme-dark .customer-inquiry-locked .authenticity-result-label {
    color: #d5bb86 !important;
}

html.app-theme-dark .customer-inquiry-locked-link {
    color: #fff8f0 !important;
}

/* Price tables — titles like انس، مظنه */
html.app-theme-dark .dashboard-price-head {
    background: rgba(213, 187, 134, 0.16) !important;
    color: #d5bb86 !important;
}

html.app-theme-dark .dashboard-price-head-title,
html.app-theme-dark .dashboard-price-head-buy,
html.app-theme-dark .dashboard-price-head-sell,
html.app-theme-dark .dashboard-price-title-label,
html.app-theme-dark .dashboard-price-row,
html.app-theme-dark .dashboard-price-title-cell {
    color: #ffffff !important;
}

html.app-theme-dark .dashboard-price-value,
html.app-theme-dark .dashboard-price-number {
    color: #ffffff !important;
}

html.app-theme-dark .dashboard-price-value small,
html.app-theme-dark .dashboard-currency-item span {
    color: #d5bb86 !important;
}

html.app-theme-dark .dashboard-currency-item strong,
html.app-theme-dark .dashboard-currency-value {
    color: #ffffff !important;
}

html.app-theme-dark .dashboard-price-row,
html.app-theme-dark .dashboard-currency-item {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Bubble cards */
html.app-theme-dark .dashboard-bubble-label {
    color: rgba(255, 255, 255, 0.82) !important;
}

html.app-theme-dark .dashboard-bubble-value {
    color: #ffffff !important;
}

html.app-theme-dark .dashboard-bubble-value small {
    color: #d5bb86 !important;
}

html.app-theme-dark .dashboard-bubble-percent {
    background: rgba(205, 36, 64, 0.28) !important;
    color: #ff9a9a !important;
}

html.app-theme-dark .dashboard-bubble-percent small {
    color: #ff9a9a !important;
}

html.app-theme-dark .dashboard-bubble-item.is-negative .dashboard-bubble-value {
    color: #7dffb8 !important;
}

html.app-theme-dark .dashboard-bubble-item.is-negative .dashboard-bubble-percent,
html.app-theme-dark .dashboard-bubble-item.is-negative .dashboard-bubble-percent small {
    background: rgba(15, 122, 73, 0.32) !important;
    color: #7dffb8 !important;
}

/* Trend / percent badges */
html.app-theme-dark .analytical-trend-badge.is-positive {
    background: rgba(15, 122, 73, 0.28) !important;
    color: #7dffb8 !important;
}

html.app-theme-dark .analytical-trend-badge.is-negative {
    background: rgba(205, 36, 64, 0.28) !important;
    color: #ff9a9a !important;
}

html.app-theme-dark .archive-stat-min {
    background: rgba(205, 36, 64, 0.28) !important;
    color: #ff9a9a !important;
}

html.app-theme-dark .archive-stat-max {
    background: rgba(15, 122, 73, 0.28) !important;
    color: #7dffb8 !important;
}

/* Archive chart */
html.app-theme-dark .archive-range-tab {
    background: #2a2a2a !important;
    color: rgba(255, 255, 255, 0.78) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html.app-theme-dark .archive-range-tab.active {
    background: #6f0012 !important;
    color: #ffffff !important;
}

html.app-theme-dark .archive-primary-tabs .nav-link {
    color: rgba(255, 255, 255, 0.72) !important;
}

html.app-theme-dark .archive-primary-tabs .nav-link.active,
html.app-theme-dark .archive-primary-tabs .show > .nav-link {
    color: #d5bb86 !important;
}

html.app-theme-dark .archive-chart-labels-y text,
html.app-theme-dark .archive-chart-labels-x text {
    fill: rgba(255, 255, 255, 0.72) !important;
}

html.app-theme-dark .archive-chart-viewport,
html.app-theme-dark .archive-chart-stage,
html.app-theme-dark .archive-chart-wrap,
html.app-theme-dark .archive-chart-toolbar {
    background: transparent !important;
}

/* Support page controls */
html.app-theme-dark .support-tab-button,
html.app-theme-dark .support-tabs .support-tab-button {
    background: #2a2a2a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.82) !important;
}

html.app-theme-dark .support-tab-button.is-active,
html.app-theme-dark .support-tabs .support-tab-button.is-active {
    background: #6f0012 !important;
    border-color: #6f0012 !important;
    color: #ffffff !important;
}

html.app-theme-dark .support-filter-select,
html.app-theme-dark .support-filter-reset,
html.app-theme-dark .support-page-button,
html.app-theme-dark .support-search-field input {
    background: #2a2a2a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

html.app-theme-dark .support-search-field input::placeholder {
    color: rgba(255, 255, 255, 0.45) !important;
}

html.app-theme-dark .support-table thead th {
    background: #2a2a2a !important;
    color: #d5bb86 !important;
}

html.app-theme-dark .support-table tbody td {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html.app-theme-dark .support-ticket-row:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}

html.app-theme-dark .support-hero-icon,
html.app-theme-dark .support-register-icon {
    background: rgba(213, 187, 134, 0.16) !important;
}

/* Forms & inputs */
html.app-theme-dark .authenticity-field,
html.app-theme-dark .finance-filter-field input,
html.app-theme-dark .finance-filter-field select,
html.app-theme-dark .wallet-topup-field,
html.app-theme-dark .support-field input,
html.app-theme-dark .support-field select,
html.app-theme-dark .support-field textarea {
    color: #ffffff !important;
}

html.app-theme-dark .authenticity-input::placeholder,
html.app-theme-dark .calculator-field-control input::placeholder,
html.app-theme-dark .profile-edit-input::placeholder {
    color: rgba(255, 255, 255, 0.45) !important;
}

html.app-theme-dark .calculator-custom-option:hover,
html.app-theme-dark .calculator-custom-option.is-selected {
    background: rgba(213, 187, 134, 0.16) !important;
    color: #ffffff !important;
}

html.app-theme-dark .authenticity-chip {
    background: rgba(173, 0, 23, 0.22) !important;
    color: var(--dashboard-accent-red) !important;
}

html.app-theme-dark .authenticity-hero-illustration {
    background: radial-gradient(circle at top right, rgba(213, 187, 134, 0.12), transparent 55%), #2a2a2a !important;
}

html.app-theme-dark .authenticity-feedback,
html.app-theme-dark .card-to-iban-help,
html.app-theme-dark .customer-inquiry-form-help,
html.app-theme-dark .customer-inquiry-scan-feedback {
    background: rgba(213, 187, 134, 0.12) !important;
    border: 1px solid rgba(213, 187, 134, 0.28) !important;
    color: #d5bb86 !important;
}

html.app-theme-dark .authenticity-feedback.is-error {
    background: rgba(205, 36, 64, 0.2) !important;
    border-color: rgba(255, 154, 154, 0.28) !important;
    color: #ff9a9a !important;
}

html.app-theme-dark .authenticity-feedback.is-success {
    background: rgba(15, 122, 73, 0.2) !important;
    border-color: rgba(125, 255, 184, 0.24) !important;
    color: #7dffb8 !important;
}

/* Calculator segmented controls / archive toggles in light colors */
html.app-theme-dark .archive-range-tabs {
    background: transparent !important;
    border-color: rgba(213, 187, 134, 0.42) !important;
}

html.app-theme-dark .calculator-choice-block .btn {
    background: #2a2a2a !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Sidebar & drawer */
html.app-theme-dark .dashboard-drawer-panel,
html.app-theme-dark .dashboard-menu-item {
    background: #1f1f1f !important;
    color: #ffffff !important;
}

html.app-theme-dark .dashboard-menu-item.active,
html.app-theme-dark .dashboard-menu-item.is-active {
    background: #2a2a2a !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
}

html.app-theme-dark .dashboard-menu-label,
html.app-theme-dark .dashboard-menu-main svg [stroke]:not([stroke="none"]),
html.app-theme-dark .dashboard-drawer-close svg [stroke]:not([stroke="none"]) {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

html.app-theme-dark .dashboard-topbar {
    background: #1f1f1f !important;
}

html.app-theme-dark .dashboard-top-button svg rect,
html.app-theme-dark .dashboard-top-button svg path {
    stroke: var(--dashboard-accent-red) !important;
}

html.app-theme-dark .dashboard-account-card {
    background: #1f1f1f !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Profile drawer — wallet, identity & subscription boxes */
html.app-theme-dark .dashboard-profile-drawer-panel .dashboard-account-card {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
}

html.app-theme-dark .dashboard-profile-drawer-panel .dashboard-account-chip {
    background: #2a2a2a !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

html.app-theme-dark .dashboard-profile-drawer-panel .dashboard-account-chip span {
    color: rgba(255, 255, 255, 0.62) !important;
}

html.app-theme-dark .dashboard-account-chip strong.wallet-balance,
html.app-theme-dark .dashboard-account-chip .wallet-balance-number,
html.app-theme-dark .dashboard-account-chip .wallet-balance-unit {
    color: #ffffff !important;
}

html.app-theme-dark .dashboard-account-chip strong.identity-complete-status:not(.is-incomplete) {
    color: #4ade80 !important;
}

html.app-theme-dark .dashboard-subscription-summary {
    background: linear-gradient(180deg, rgba(213, 187, 134, 0.12) 0%, #2a2a2a 100%) !important;
    border: 1px solid rgba(213, 187, 134, 0.22) !important;
    box-shadow: none !important;
}

html.app-theme-dark .dashboard-subscription-summary-item {
    background: #1f1f1f !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html.app-theme-dark .dashboard-profile-drawer-panel .dashboard-subscription-summary {
    padding: 10px !important;
}

html.app-theme-dark .dashboard-subscription-summary-head span,
html.app-theme-dark .dashboard-subscription-summary-item span {
    color: rgba(255, 255, 255, 0.62) !important;
}

html.app-theme-dark .dashboard-overlay {
    background: rgba(0, 0, 0, 0.55) !important;
}

/* Modals */
html.app-theme-dark .modal-content:not(.app-release-notice-content),
html.app-theme-dark .support-ticket-content {
    background: #1f1f1f !important;
    color: #ffffff !important;
}

html.app-theme-dark .app-release-notice-content,
html.app-theme-dark .app-release-notice-content .app-release-notice-body {
    background: #ffffff !important;
    color: #2d2126 !important;
}

html.app-theme-dark .app-release-notice-title,
html.app-theme-dark .app-release-notice-subtitle,
html.app-theme-dark .app-release-notice-item,
html.app-theme-dark .app-release-notice-item-text {
    color: #3a2d33 !important;
}

html.app-theme-dark .app-release-notice-subtitle {
    color: #6f5f66 !important;
}

html.app-theme-dark .app-release-notice-title {
    color: #2d2126 !important;
}

html.app-theme-dark .modal-header:not(.app-release-notice-hero),
html.app-theme-dark .modal-body,
html.app-theme-dark .modal-footer {
    color: #ffffff !important;
}

/* Board reorder modal — چینش باکس اختصاصی */
html.app-theme-dark .board-reorder-modal-content {
    background: #1f1f1f !important;
    box-shadow: 0 28px 54px rgba(0, 0, 0, 0.45) !important;
}

html.app-theme-dark .board-reorder-modal-copy h2 {
    color: #ffffff !important;
}

html.app-theme-dark .board-reorder-modal-copy p,
html.app-theme-dark .board-reorder-modal-field span {
    color: rgba(255, 255, 255, 0.72) !important;
}

html.app-theme-dark .board-reorder-modal-close {
    color: rgba(255, 255, 255, 0.88) !important;
}

html.app-theme-dark .board-reorder-modal-close:hover {
    color: #ffffff !important;
}

html.app-theme-dark .board-reorder-modal-field input {
    background: #2a2a2a !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}

html.app-theme-dark .board-reorder-modal-field input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

html.app-theme-dark .board-reorder-modal-field input:focus {
    border-color: rgba(213, 187, 134, 0.45) !important;
    box-shadow: 0 0 0 4px rgba(213, 187, 134, 0.12) !important;
}

html.app-theme-dark .board-reorder-list-wrap {
    background: #2a2a2a !important;
}

html.app-theme-dark .board-reorder-item {
    border-top-color: rgba(255, 255, 255, 0.14) !important;
}

html.app-theme-dark .board-reorder-item-main,
html.app-theme-dark .board-reorder-item-main strong {
    color: #ffffff !important;
}

html.app-theme-dark .board-reorder-item-toggle {
    background: rgba(223, 19, 46, 0.14) !important;
    border-color: rgba(223, 19, 46, 0.28) !important;
    color: var(--dashboard-accent-red) !important;
    box-shadow: none !important;
}

html.app-theme-dark .board-reorder-item-toggle:hover {
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22) !important;
}

html.app-theme-dark .board-reorder-item-toggle.is-off {
    background: #353535 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.38) !important;
}

html.app-theme-dark .board-reorder-item.is-drop-before {
    box-shadow: inset 0 3px 0 var(--dashboard-accent-red) !important;
}

html.app-theme-dark .board-reorder-item.is-drop-after {
    box-shadow: inset 0 -3px 0 var(--dashboard-accent-red) !important;
}

html.app-theme-dark .board-reorder-hide {
    background: #2a2a2a !important;
    border-color: rgba(223, 19, 46, 0.35) !important;
    color: var(--dashboard-accent-red) !important;
    box-shadow: none !important;
}

html.app-theme-dark .board-reorder-hide:hover {
    background: rgba(223, 19, 46, 0.12) !important;
    box-shadow: none !important;
}

html.app-theme-dark .board-reorder-save {
    background: #d5bb86 !important;
    color: #2a2418 !important;
    box-shadow: 0 14px 24px rgba(0, 0, 0, 0.28) !important;
}

html.app-theme-dark .board-reorder-save:hover {
    box-shadow: 0 18px 26px rgba(0, 0, 0, 0.36) !important;
}

html.app-theme-dark .board-reorder-list-wrap::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.18) !important;
}

/* Page loader in dark mode */
html.app-theme-dark .page-loader {
    background: rgba(31, 31, 31, 0.88) !important;
}

html.app-theme-dark .page-loader-panel {
    background: #1f1f1f !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

/* Dashboard / archive tabs */
html.app-theme-dark .dashboard-tabs .nav-link,
html.app-theme-dark .price-tabs .nav-link {
    color: rgba(255, 255, 255, 0.72) !important;
}

html.app-theme-dark .dashboard-tabs .nav-link.active,
html.app-theme-dark .dashboard-tabs .show > .nav-link,
html.app-theme-dark .price-tabs .nav-link.active,
html.app-theme-dark .price-tabs .show > .nav-link {
    color: #d5bb86 !important;
}

/* Bills & wallet pages */
html.app-theme-dark .bills-card {
    background: #1f1f1f !important;
}

html.app-theme-dark .bills-copy,
html.app-theme-dark .bills-copy p {
    color: #ffffff !important;
}

html.app-theme-dark .wallet-card-head h1,
html.app-theme-dark .wallet-card-head h2,
html.app-theme-dark .wallet-card-kicker,
html.app-theme-dark .wallet-topup-field span,
html.app-theme-dark .wallet-topup-unit,
html.app-theme-dark .subscription-status-badge {
    color: rgba(255, 255, 255, 0.82) !important;
}

html.app-theme-dark .wallet-card-icon-balance,
html.app-theme-dark .wallet-card-icon-subscription {
    background: rgba(213, 187, 134, 0.16) !important;
}

html.app-theme-dark .finance-table thead th,
html.app-theme-dark .finance-table tbody td {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html.app-theme-dark .finance-table thead th {
    background: #2a2a2a !important;
    color: #d5bb86 !important;
}

html.app-theme-dark .customer-inquiry-mode-tab {
    background: #2a2a2a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.82) !important;
}

html.app-theme-dark .customer-inquiry-mode-tab.is-active {
    background: #6f0012 !important;
    color: #ffffff !important;
}

html.app-theme-dark .customer-inquiry-scan-mode {
    background: #2a2a2a !important;
    color: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.app-theme-dark .customer-inquiry-scan-mode.is-active {
    background: rgba(213, 187, 134, 0.18) !important;
    color: #ffffff !important;
}

html.app-theme-dark .calculator-result-line span,
html.app-theme-dark .calculator-result-line strong,
html.app-theme-dark .calculator-guide-head strong {
    color: #ffffff !important;
}

html.app-theme-dark .support-status-badge {
    background: rgba(111, 0, 18, 0.35) !important;
    color: #ffcbd2 !important;
}

html.app-theme-dark .support-view-link {
    color: #d5bb86 !important;
}

html.app-theme-dark .support-department-badge {
    filter: saturate(1.1) brightness(1.05);
}

/* Prices sheet modal — همه قیمت‌ها */
html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-content {
    background: #1f1f1f !important;
    box-shadow: 0 -18px 48px rgba(0, 0, 0, 0.42) !important;
    color: #ffffff !important;
}

html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-handle {
    background: rgba(255, 255, 255, 0.22) !important;
}

html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-title-line {
    color: rgba(255, 255, 255, 0.82) !important;
}

html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-close {
    background: #2a2a2a !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.88) !important;
}

html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-capture {
    color: #2a2418 !important;
}

html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-section {
    background: #2a2a2a !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}

html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-section-head {
    border-bottom-color: rgba(255, 255, 255, 0.14) !important;
}

html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-section-head > span {
    color: var(--dashboard-accent-red) !important;
}

html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-section-icon {
    color: #d5bb86 !important;
}

html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-row-main,
html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-row-main strong,
html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-currency-label {
    color: rgba(255, 255, 255, 0.9) !important;
}

html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-row + .dashboard-prices-sheet-row {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-row-value,
html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-currency-value {
    color: #d5bb86 !important;
}

html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-row-value small,
html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-currency-value small {
    color: rgba(255, 255, 255, 0.55) !important;
}

html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-currency-item {
    background: #353535 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}

html.app-theme-dark .dashboard-prices-sheet-modal .dashboard-prices-sheet-empty {
    color: rgba(255, 255, 255, 0.55) !important;
}

/* Archive — فیلد نمودار و خلاصه قیمت بدون بکگراند اضافه */
html.app-theme-dark .archive-filter-field,
html.app-theme-dark .archive-summary-grid {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html.app-theme-dark .archive-summary-row-date {
    border-bottom-color: rgba(255, 255, 255, 0.14) !important;
}

/* Select boxes — border & arrow روشن‌تر */
html.app-theme-dark .calculator-custom-select-trigger,
html.app-theme-dark .archive-subject-trigger {
    min-height: 48px;
    padding: 0 14px;
    border-radius: 14px !important;
    border: 1px solid rgba(213, 187, 134, 0.45) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html.app-theme-dark .calculator-custom-select-trigger svg path,
html.app-theme-dark .archive-subject-trigger svg path,
html.app-theme-dark .calculator-field-unit-wrap svg path {
    stroke: rgba(255, 255, 255, 0.85) !important;
}

html.app-theme-dark .calculator-custom-select-menu,
html.app-theme-dark .archive-subject-menu {
    border: 1px solid rgba(213, 187, 134, 0.28) !important;
    border-radius: 14px !important;
    background: #2a2a2a !important;
    overflow: hidden;
}

html.app-theme-dark .calculator-custom-option,
html.app-theme-dark .archive-subject-menu .calculator-custom-option {
    background: #2a2a2a !important;
    color: rgba(255, 255, 255, 0.88) !important;
}

/* Calculator / wallet / finance inputs */
html.app-theme-dark .calculator-field-control:has(> input),
html.app-theme-dark .calculator-field-control.calculator-field-control-text,
html.app-theme-dark .finance-filter-field {
    min-height: 48px;
    padding: 0 14px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.05);
    box-sizing: border-box;
}

html.app-theme-dark .finance-filter-field input,
html.app-theme-dark .finance-filter-field select {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    padding: 0 !important;
}

html.app-theme-dark .wallet-topup-input,
html.app-theme-dark select.wallet-topup-input {
    min-height: 48px;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html.app-theme-dark select.wallet-topup-input {
    padding: 0 14px !important;
}

html.app-theme-dark .wallet-topup-input-wrap > .wallet-topup-input {
    padding: 0 16px 0 82px !important;
}

html.app-theme-dark .wallet-topup-input:focus,
html.app-theme-dark select.wallet-topup-input:focus {
    border-color: rgba(213, 187, 134, 0.45) !important;
    box-shadow: 0 0 0 3px rgba(213, 187, 134, 0.12) !important;
}

html.app-theme-dark .wallet-topup-field > span {
    color: rgba(255, 255, 255, 0.82) !important;
}

html.app-theme-dark .calculator-field-control input {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    padding: 0 !important;
}

html.app-theme-dark .calculator-inline-unit,
html.app-theme-dark .calculator-field-unit-wrap,
html.app-theme-dark .calculator-field-unit-wrap select,
html.app-theme-dark .wallet-topup-unit {
    color: #d5bb86 !important;
}

html.app-theme-dark .calculator-custom-select-trigger-compact,
html.app-theme-dark .calculator-custom-select-trigger-compact span {
    color: #d5bb86 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html.app-theme-dark #pricePerGramInput,
html.app-theme-dark .calculator-field-control-text input {
    color: #ffffff !important;
}

html.app-theme-dark .authenticity-input,
html.app-theme-dark .profile-edit-input {
    min-height: 48px;
    padding: 0 14px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
}

html.app-theme-dark .profile-edit-select {
    min-height: 48px;
    padding: 0 14px !important;
    padding-left: 40px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23ffffff' stroke-opacity='0.85' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    color: #ffffff !important;
}

/* Calculator — unit alignment */
html.app-theme-dark .calculator-field-control-text {
    align-items: center !important;
}

html.app-theme-dark .calculator-inline-unit {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    min-height: 24px;
    min-width: 58px;
    text-align: left;
}

/* Analytical chart — summary & stat cards */
html.app-theme-dark .analytical-summary-row,
html.app-theme-dark .analytical-summary-row span {
    color: rgba(255, 255, 255, 0.82) !important;
}

html.app-theme-dark .analytical-summary-row strong {
    color: #ffffff !important;
}

html.app-theme-dark .analytical-stat-card,
html.app-theme-dark .analytical-stat-card-min,
html.app-theme-dark .analytical-stat-card-max,
html.app-theme-dark .analytical-stat-card-close {
    background: #2a2a2a !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html.app-theme-dark .analytical-stat-card span {
    color: rgba(255, 255, 255, 0.72) !important;
}

html.app-theme-dark .analytical-stat-card strong {
    color: #ffffff !important;
}

html.app-theme-dark .analytical-stat-card-min {
    background: rgba(205, 36, 64, 0.14) !important;
}

html.app-theme-dark .analytical-stat-card-max {
    background: rgba(15, 122, 73, 0.16) !important;
}

html.app-theme-dark .analytical-stat-card-close {
    background: rgba(213, 187, 134, 0.12) !important;
}

/* Finance — filters, table, badges */
html.app-theme-dark .finance-filter-field {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}

html.app-theme-dark .finance-filter-field span {
    color: rgba(255, 255, 255, 0.72) !important;
}

html.app-theme-dark .finance-table-wrap {
    background: #2a2a2a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.app-theme-dark .finance-table tbody tr:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}

html.app-theme-dark .finance-date-cell {
    color: rgba(255, 255, 255, 0.78) !important;
}

html.app-theme-dark .finance-amount {
    color: #ffffff !important;
}

html.app-theme-dark .finance-export-button {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #d5bb86 !important;
}

html.app-theme-dark .finance-pagination,
html.app-theme-dark .finance-pagination span,
html.app-theme-dark .finance-pagination button {
    color: rgba(255, 255, 255, 0.78) !important;
}

html.app-theme-dark .finance-type-badge.is-charge {
    background: rgba(15, 122, 73, 0.28) !important;
    color: #7dffb8 !important;
}

html.app-theme-dark .finance-type-badge.is-subscription {
    background: rgba(213, 187, 134, 0.18) !important;
    color: #d5bb86 !important;
}

html.app-theme-dark .finance-type-badge.is-deduction {
    background: rgba(205, 36, 64, 0.28) !important;
    color: #ff9a9a !important;
}

/* Wallet & subscription */
html.app-theme-dark .wallet-quick-amount {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(213, 187, 134, 0.35) !important;
    color: rgba(255, 255, 255, 0.88) !important;
}

html.app-theme-dark .wallet-quick-amount.is-selected {
    background: rgba(111, 0, 18, 0.35) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
}

html.app-theme-dark .subscription-current-item,
html.app-theme-dark .wallet-identity-grid .subscription-current-item {
    background: #2a2a2a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.app-theme-dark .subscription-current-item span {
    color: rgba(255, 255, 255, 0.72) !important;
}

html.app-theme-dark .subscription-current-item strong {
    color: #ffffff !important;
}

html.app-theme-dark .plans-head h2 {
    color: #ffffff !important;
}

html.app-theme-dark .plans-head p {
    color: rgba(255, 255, 255, 0.72) !important;
}

html.app-theme-dark .subscription-plan,
html.app-theme-dark .subscription-plan-silver,
html.app-theme-dark .subscription-plan-gold,
html.app-theme-dark .subscription-plan-diamond {
    background: #2a2a2a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.app-theme-dark .subscription-plan-silver {
    background: linear-gradient(180deg, #2a2a2a 0%, #242424 100%) !important;
}

html.app-theme-dark .subscription-plan-gold {
    background: linear-gradient(180deg, rgba(213, 187, 134, 0.18) 0%, #2a2a2a 100%) !important;
}

html.app-theme-dark .subscription-plan-diamond {
    background: linear-gradient(180deg, rgba(160, 120, 190, 0.16) 0%, #2a2a2a 100%) !important;
}

html.app-theme-dark .subscription-plan-top strong {
    color: #ffffff !important;
}

html.app-theme-dark .subscription-plan-badge {
    background: rgba(173, 0, 23, 0.22) !important;
    color: var(--dashboard-accent-red) !important;
}

html.app-theme-dark .subscription-plan-features li {
    color: rgba(255, 255, 255, 0.82) !important;
}

html.app-theme-dark .subscription-plan-action {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(213, 187, 134, 0.35) !important;
    color: #d5bb86 !important;
}

html.app-theme-dark .subscription-status-badge {
    background: rgba(15, 122, 73, 0.28) !important;
    color: #7dffb8 !important;
}

html.app-theme-dark .subscription-status-badge.is-muted {
    background: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.72) !important;
}

html.app-theme-dark .wallet-identity-verified-mini {
    background: #2a2a2a !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html.app-theme-dark .wallet-identity-verified-mini strong,
html.app-theme-dark .wallet-identity-verified-mini span,
html.app-theme-dark .wallet-identity-verified-mini small {
    color: rgba(255, 255, 255, 0.82) !important;
}

html.app-theme-dark .wallet-bank-card-item {
    background: #2a2a2a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.app-theme-dark .wallet-bank-card-item strong,
html.app-theme-dark .wallet-bank-card-item span,
html.app-theme-dark .wallet-bank-card-item small {
    color: rgba(255, 255, 255, 0.82) !important;
}

html.app-theme-dark .finance-table-meta {
    color: rgba(255, 255, 255, 0.72) !important;
}

html.app-theme-dark .finance-detail-item {
    background: #2a2a2a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.app-theme-dark .finance-detail-item span {
    color: rgba(255, 255, 255, 0.72) !important;
}

html.app-theme-dark .finance-detail-item strong {
    color: #ffffff !important;
}

/* Auth — استعلام هویت / تکمیل پروفایل */
html.app-theme-dark .info-card,
html.app-theme-dark .auth-card {
    background: #1f1f1f !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24) !important;
    color: #ffffff !important;
}

html.app-theme-dark .auth-title {
    color: #ffffff !important;
}

html.app-theme-dark .auth-input,
html.app-theme-dark .auth-select {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

html.app-theme-dark .auth-select:disabled {
    background: rgba(255, 255, 255, 0.03) !important;
    color: rgba(255, 255, 255, 0.45) !important;
}

html.app-theme-dark .auth-step-summary {
    background: #2a2a2a !important;
}

html.app-theme-dark .auth-step-summary,
html.app-theme-dark .auth-step-card {
    background: #2a2a2a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.app-theme-dark .auth-step-summary span,
html.app-theme-dark .auth-step-head span,
html.app-theme-dark .auth-step-field span {
    color: rgba(255, 255, 255, 0.72) !important;
}

html.app-theme-dark .auth-step-summary strong,
html.app-theme-dark .auth-step-head strong {
    color: #ffffff !important;
}

html.app-theme-dark .auth-step-summary small {
    color: rgba(255, 255, 255, 0.62) !important;
}

html.app-theme-dark .auth-step-summary-icon {
    background: rgba(213, 187, 134, 0.16) !important;
    color: #d5bb86 !important;
    box-shadow: inset 0 0 0 1px rgba(213, 187, 134, 0.24) !important;
}

html.app-theme-dark .auth-step-marker {
    background: rgba(213, 187, 134, 0.16) !important;
    border-color: rgba(213, 187, 134, 0.35) !important;
    color: #d5bb86 !important;
}

html.app-theme-dark .auth-step-card.is-done {
    background: rgba(15, 122, 73, 0.12) !important;
    border-color: rgba(125, 255, 184, 0.18) !important;
}

html.app-theme-dark .auth-step-card.is-active .auth-step-marker {
    background: rgba(111, 0, 18, 0.35) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}

html.app-theme-dark .auth-user-info-item {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.app-theme-dark .auth-user-info-item strong {
    color: #ffffff !important;
}

html.app-theme-dark .auth-step-alert,
html.app-theme-dark .auth-step-note,
html.app-theme-dark .auth-step-error {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.82) !important;
}

html.app-theme-dark .auth-step-alert.is-success,
html.app-theme-dark .auth-step-note.is-success {
    background: rgba(15, 122, 73, 0.2) !important;
    border-color: rgba(125, 255, 184, 0.24) !important;
    color: #7dffb8 !important;
}

html.app-theme-dark .auth-step-alert.is-error,
html.app-theme-dark .auth-step-error {
    background: rgba(205, 36, 64, 0.2) !important;
    border-color: rgba(255, 154, 154, 0.28) !important;
    color: #ff9a9a !important;
}

html.app-theme-dark .auth-card-list-item {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.82) !important;
}

html.app-theme-dark .auth-error {
    color: #ff9a9a !important;
}

/* Landing — صفحه عمومی قیمت‌ها */
html.app-theme-dark .page-shell,
html.app-theme-dark .mobile-stage {
    background: #3d3d3d !important;
}

html.app-theme-dark .info-card {
    background: #1f1f1f !important;
    color: #ffffff !important;
}

html.app-theme-dark .section-title,
html.app-theme-dark .section-subtitle,
html.app-theme-dark .new-price-label,
html.app-theme-dark .item-name {
    color: #ffffff !important;
}

html.app-theme-dark .section-subtitle {
    color: rgba(255, 255, 255, 0.72) !important;
}

html.app-theme-dark .new-price-head {
    background: rgba(213, 187, 134, 0.16) !important;
    color: #d5bb86 !important;
}

html.app-theme-dark .new-price-cell-head,
html.app-theme-dark .new-list .item-value,
html.app-theme-dark .item-value-number {
    color: #d5bb86 !important;
}

html.app-theme-dark .price-tabs .nav-link {
    color: rgba(255, 255, 255, 0.72) !important;
}

html.app-theme-dark .price-tabs .nav-link.active,
html.app-theme-dark .price-tabs .show > .nav-link {
    color: #d5bb86 !important;
}

html.app-theme-dark .landing-special-box {
    background: #2a2a2a !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html.app-theme-dark .landing-special-box strong,
html.app-theme-dark .landing-special-box span {
    color: rgba(255, 255, 255, 0.82) !important;
}

html.app-theme-dark .landing-special-guest-cta,
html.app-theme-dark .landing-special-guest-link {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(213, 187, 134, 0.28) !important;
    color: #d5bb86 !important;
}

html.app-theme-dark .wallet-form-note {
    background: rgba(213, 187, 134, 0.12) !important;
    border-color: rgba(213, 187, 134, 0.28) !important;
    color: #d5bb86 !important;
}

html.app-theme-dark .wallet-form-error {
    background: rgba(205, 36, 64, 0.2) !important;
    border-color: rgba(255, 154, 154, 0.28) !important;
    color: #ff9a9a !important;
}

/* Calculator — تراز واحد وزن با تومان/درصد */
html.app-theme-dark .calculator-field-unit-wrap {
    min-width: 58px;
    justify-content: flex-end;
}

html.app-theme-dark .calculator-custom-select-compact {
    min-width: 0;
    width: 100%;
}

html.app-theme-dark .calculator-custom-select-trigger-compact {
    gap: 4px;
    min-height: 24px;
    padding: 0;
    width: 100%;
    justify-content: flex-end;
}

/* SweetAlert — popup/modal in dark mode */
html.app-theme-dark .swal2-popup.authenticity-swal-popup,
html.app-theme-dark .authenticity-swal-popup {
    background: #1f1f1f !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45) !important;
}

html.app-theme-dark .authenticity-swal-title,
html.app-theme-dark .swal2-popup .swal2-title {
    color: #ffffff !important;
}

html.app-theme-dark .authenticity-swal-text,
html.app-theme-dark .swal2-popup .swal2-html-container {
    color: rgba(255, 255, 255, 0.82) !important;
}

html.app-theme-dark .subscription-swal-field span {
    color: rgba(255, 255, 255, 0.68);
}

html.app-theme-dark .subscription-swal-countdown {
    color: rgba(255, 255, 255, 0.72) !important;
}

html.app-theme-dark .subscription-swal-countdown strong {
    color: #d5bb86 !important;
}

html.app-theme-dark .subscription-swal-timer-bar {
    background: rgba(213, 187, 134, 0.55) !important;
}

html.app-theme-dark .subscription-swal-input {
    background: #2a2a2a;
    border-color: rgba(255, 255, 255, 0.12);
    color: #f5f5f5;
}

html.app-theme-dark .authenticity-swal-close {
    color: rgba(255, 255, 255, 0.72) !important;
}

html.app-theme-dark .authenticity-swal-close:hover,
html.app-theme-dark .authenticity-swal-close:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #f5f5f5 !important;
}

html.app-theme-dark .swal2-popup .swal2-icon.swal2-warning {
    border-color: #d5bb86 !important;
    color: #d5bb86 !important;
}

html.app-theme-dark .swal2-popup .swal2-icon.swal2-warning .swal2-icon-content {
    color: #d5bb86 !important;
}

html.app-theme-dark .swal2-popup .swal2-icon.swal2-question {
    border-color: #7dffb8 !important;
    color: #7dffb8 !important;
}

html.app-theme-dark .swal2-popup .swal2-icon.swal2-error {
    border-color: #ff9a9a !important;
}

html.app-theme-dark .swal2-popup .swal2-icon.swal2-success {
    border-color: #7dffb8 !important;
}

html.app-theme-dark .swal2-timer-progress-bar {
    background: rgba(213, 187, 134, 0.55) !important;
}

/* Brand-red text — lighter on dark surfaces (matches header icon stroke) */
html.app-theme-dark :is(
    .analytical-signal-item strong,
    .dashboard-account-chip strong,
    .dashboard-subscription-summary-head strong,
    .dashboard-subscription-summary-item strong,
    .dashboard-special-box strong,
    .dashboard-special-box-icon,
    .dashboard-bubble-icon,
    .dashboard-profit-mode-toggle input:checked + span,
    .archive-table-sort.is-active,
    .customer-inquiry-profile-copy span,
    .customer-inquiry-scan-action.is-secondary,
    .finance-toolbar-button-light,
    .finance-page-button:not(.is-active),
    .support-page-button:not(.is-active),
    .board-reorder-item-handle,
    .board-reorder-item-toggle,
    .board-reorder-hide,
    .auth-step-marker,
    .auth-step-summary-icon
) {
    color: var(--dashboard-accent-red) !important;
}

html.app-theme-dark .subscription-plan-features li::before {
    background: var(--dashboard-accent-red) !important;
}

/* Board customization preview — respect user theme variables in dark mode */
html.app-theme-dark body.board-customizable-page,
html.app-theme-dark body.board-customizable-page .dashboard-shell,
html.app-theme-dark body.board-customizable-page .dashboard-stage,
html.app-theme-dark body.board-customizable-page .dashboard-page {
    background: var(--dashboard-board-surface, var(--dashboard-board-bg, #3d3d3d)) !important;
}

html.app-theme-dark body.board-customizable-page .dashboard-brand-card,
html.app-theme-dark body.board-customizable-page .dashboard-market-card,
html.app-theme-dark body.board-customizable-page .dashboard-currency-card,
html.app-theme-dark body.board-customizable-page .dashboard-topbar,
html.app-theme-dark body.board-customizable-page .board-customization-toolbar,
html.app-theme-dark body.board-customizable-page .board-customization-logo-card {
    background: var(--dashboard-card-surface, var(--dashboard-card-bg, #1f1f1f)) !important;
}

html.app-theme-dark body.board-customizable-page .dashboard-card-head,
html.app-theme-dark body.board-customizable-page .dashboard-card-head > div,
html.app-theme-dark body.board-customizable-page .dashboard-card-head > span,
html.app-theme-dark body.board-customizable-page .dashboard-currency-head,
html.app-theme-dark body.board-customizable-page .dashboard-currency-title,
html.app-theme-dark body.board-customizable-page .board-customization-title,
html.app-theme-dark body.board-customizable-page .dashboard-brand-card h1 {
    color: var(--dashboard-title-color, #ffffff) !important;
}

html.app-theme-dark body.board-customizable-page .dashboard-card-icon,
html.app-theme-dark body.board-customizable-page .dashboard-currency-icon {
    color: var(--dashboard-icon-color, #d5bb86) !important;
}

html.app-theme-dark body.board-customizable-page .dashboard-price-head {
    background: color-mix(in srgb, var(--dashboard-title-color, #ffffff) 16%, transparent) !important;
    color: var(--dashboard-title-color, #ffffff) !important;
}

html.app-theme-dark body.board-customizable-page .dashboard-price-head-title,
html.app-theme-dark body.board-customizable-page .dashboard-price-head-buy,
html.app-theme-dark body.board-customizable-page .dashboard-price-head-sell,
html.app-theme-dark body.board-customizable-page .dashboard-price-title-label,
html.app-theme-dark body.board-customizable-page .dashboard-price-row,
html.app-theme-dark body.board-customizable-page .dashboard-price-title-cell,
html.app-theme-dark body.board-customizable-page .dashboard-price-value,
html.app-theme-dark body.board-customizable-page .dashboard-price-number,
html.app-theme-dark body.board-customizable-page .board-dashboard-ticker-item .ticker-title,
html.app-theme-dark body.board-customizable-page .board-dashboard-ticker-item .ticker-value-number,
html.app-theme-dark body.board-customizable-page .dashboard-currency-item strong,
html.app-theme-dark body.board-customizable-page .dashboard-currency-value,
html.app-theme-dark body.board-customizable-page .dashboard-status-row,
html.app-theme-dark body.board-customizable-page .dashboard-status-label,
html.app-theme-dark body.board-customizable-page #currentTime,
html.app-theme-dark body.board-customizable-page #currentDate,
html.app-theme-dark body.board-customizable-page .board-custom-list-row-main,
html.app-theme-dark body.board-customizable-page .dashboard-footer-copy,
html.app-theme-dark body.board-customizable-page .dashboard-footer-copy a {
    color: var(--dashboard-text-color, #ffffff) !important;
}

html.app-theme-dark body.board-customizable-page .dashboard-price-value small,
html.app-theme-dark body.board-customizable-page .dashboard-currency-item span,
html.app-theme-dark body.board-customizable-page .board-dashboard-ticker-item .ticker-side-label {
    color: var(--dashboard-icon-color, #d5bb86) !important;
}