/**
 * Dark Mode Overrides
 * Scope: toàn bộ giao diện frontend, auth, dashboard, email, payment/register.
 */
html[data-theme="dark"] {
    color-scheme: dark;
    --primary: #8bb5ff;
    --primary-dark: #bcd2ff;
    --accent: #ff5bc8;
    --vibe-gradient: linear-gradient(135deg, #7c5cff 0%, #c052df 52%, #ff5bc8 100%);
    --text-main: #eef4ff;
    --text-body: #cbd5e1;
    --text-light: #94a3b8;
    --bg-body: #0b1020;
    --bg-subtle: #111827;
    --border: #263247;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .35);
    --shadow-xl: 0 24px 60px -20px rgb(0 0 0 / .75), 0 12px 24px -18px rgb(0 0 0 / .7);
    --shadow-glow: 0 0 46px -14px rgba(124, 92, 255, .55);
    --danger: #f87171;
    --danger-hover: #ef4444;
    --danger-bg: #2d1919;
    --danger-border: #4c1d1d;
    --primary-bg: rgba(139, 181, 255, 0.12);
    --primary-border: rgba(139, 181, 255, 0.24);
    --success: #4ade80;
    --success-hover: #22c55e;
    --success-bg: rgba(34, 197, 94, 0.12);
    --success-border: rgba(34, 197, 94, 0.32);
    --mv-surface: #121a2b;
    --mv-surface-soft: #0f1728;
    --mv-surface-muted: #182235;
    --mv-surface-raised: #151f33;
    --mv-border-soft: rgba(51, 65, 85, 0.86);
    --mv-border-strong: #334155;
    --mv-shadow-card: 0 18px 44px rgba(0, 0, 0, 0.34);
    --mv-shadow-hover: 0 22px 54px rgba(0, 0, 0, 0.42);
    --mv-focus-ring: 0 0 0 3px rgba(139, 181, 255, 0.24);
    --mv-table-head: #0f1728;
    --mv-row-hover: #182235;
    --mv-chip-bg: #121a2b;
    --mv-muted-text: #94a3b8;
    --mv-danger-soft: rgba(239, 68, 68, 0.12);
    --mv-success-soft: rgba(34, 197, 94, 0.12);
    --mv-warning-soft: rgba(245, 158, 11, 0.12);
}

html[data-theme="dark"] body {
    background: var(--bg-body) !important;
    color: var(--text-body);
}

html[data-theme="dark"] ::selection {
    background: rgba(255, 91, 200, .32);
    color: #ffffff;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
    color: var(--text-main);
}

html[data-theme="dark"] .site-header {
    background: rgba(11, 16, 32, .88);
    border-bottom-color: rgba(148, 163, 184, .16);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .28);
}

html[data-theme="dark"] .text-logo,
html[data-theme="dark"] .main-navigation a,
html[data-theme="dark"] .btn-login-link,
html[data-theme="dark"] .user-display-name,
html[data-theme="dark"] .header-cart-icon {
    color: var(--text-main);
}

html[data-theme="dark"] .main-navigation a:hover,
html[data-theme="dark"] .main-navigation li.current-menu-item a,
html[data-theme="dark"] .header-cart-icon:hover {
    color: var(--primary);
}

html[data-theme="dark"] .main-navigation .sub-menu {
    background: #111827;
    border-color: rgba(148, 163, 184, .18);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .32);
}

html[data-theme="dark"] .main-navigation .sub-menu::before {
    background: #111827;
    border-color: rgba(148, 163, 184, .18);
}

html[data-theme="dark"] .main-navigation .sub-menu a:hover,
html[data-theme="dark"] .main-navigation .sub-menu li.current-menu-item a {
    background: #0f172a;
    color: var(--primary);
}

html[data-theme="dark"] .header-mail-tab {
    background: #182235;
    border-color: var(--border);
    color: var(--text-main);
    box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] .header-mail-tab:hover,
html[data-theme="dark"] .header-cart-icon:hover {
    background: #1d2940;
    border-color: rgba(139, 181, 255, .36);
    color: var(--primary);
    box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] .cart-badge {
    border-color: #0b1020;
    box-shadow: 0 2px 6px rgba(239, 68, 68, .28);
}

html[data-theme="dark"] .about-check-list span {
    background: rgba(34, 197, 94, .14);
    border: 1px solid rgba(34, 197, 94, .28);
    box-sizing: border-box;
    color: #86efac;
}

html[data-theme="dark"] .btn-load-more,
html[data-theme="dark"] body.login.myvibe-reset-screen .wp-generate-pw {
    background: #182235;
    border-color: var(--border);
    color: var(--text-body);
}

html[data-theme="dark"] .btn-load-more:hover,
html[data-theme="dark"] body.login.myvibe-reset-screen .wp-generate-pw:hover {
    background: #1d2940;
    border-color: rgba(139, 181, 255, .36);
    color: var(--primary);
    box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] .btn-login-link:hover {
    color: var(--primary);
    background: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .theme-toggle-btn {
    background: #151d2f;
    border-color: var(--border);
    color: #ffd166;
    box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] .theme-toggle-btn:hover,
html[data-theme="dark"] .dashboard-theme-toggle:hover,
html[data-theme="dark"] .seo-app .dashboard-theme-toggle:hover,
html[data-theme="dark"] .mail-app-mode .dashboard-theme-toggle:hover {
    background: #182235 !important;
    border-color: var(--border) !important;
    color: var(--primary) !important;
    transform: none !important;
    box-shadow: var(--shadow-sm) !important;
    filter: none !important;
}

html[data-theme="dark"] .user-role,
html[data-theme="dark"] .menu-group-header,
html[data-theme="dark"] .dropdown-item,
html[data-theme="dark"] .mb-label {
    color: var(--text-light);
}

html[data-theme="dark"] .user-dropdown-menu,
html[data-theme="dark"] .user-info-mini {
    background: #121a2b;
    border-color: var(--border);
    box-shadow: var(--shadow-xl);
}

html[data-theme="dark"] .menu-group-header:hover,
html[data-theme="dark"] .dropdown-item:hover {
    background: #182235;
    color: var(--primary);
}

html[data-theme="dark"] .logout-item {
    color: #f87171;
}

html[data-theme="dark"] .logout-item:hover {
    background: rgba(239, 68, 68, .14);
    color: #fecaca;
}

html[data-theme="dark"] .dropdown-divider,
html[data-theme="dark"] .dash-divider,
html[data-theme="dark"] .footer-grid,
html[data-theme="dark"] .profile-heading,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .wm-header-bar,
html[data-theme="dark"] .wm-read-meta,
html[data-theme="dark"] .compose-row,
html[data-theme="dark"] .compose-footer,
html[data-theme="dark"] .wm-tpl-actions,
html[data-theme="dark"] .auto-card-header {
    border-color: var(--border) !important;
}

html[data-theme="dark"] .mobile-bottom-nav {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 65' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L0,65 L1000,65 L1000,0 L580,0 C580,0 565,1 550,15 C535,29 520,42 500,42 C480,42 465,29 450,15 C435,1 420,0 420,0 L0,0 Z' fill='%23111827'/%3E%3C/svg%3E") !important;
    filter: drop-shadow(0 -8px 18px rgba(0, 0, 0, .45));
}

html[data-theme="dark"] .mb-nav-item {
    color: #8a98ad;
}

html[data-theme="dark"] .mb-nav-item.active,
html[data-theme="dark"] .mb-nav-item:hover {
    color: var(--primary);
}

html[data-theme="dark"] .mb-center-btn {
    border-color: #111827;
}

html[data-theme="dark"] .hero-section,
html[data-theme="dark"] .hero-compact,
html[data-theme="dark"] .section-hero-archive {
    background: radial-gradient(900px 420px at 80% -10%, rgba(124, 92, 255, .18), transparent 62%), linear-gradient(180deg, #101827 0%, #0b1020 100%);
}

html[data-theme="dark"] .hero-section::before,
html[data-theme="dark"] .hero-compact::before {
    background: radial-gradient(circle, rgba(255, 91, 200, .12) 0%, transparent 68%);
}

html[data-theme="dark"] .hero-subtitle,
html[data-theme="dark"] .hero-subtitle-archive,
html[data-theme="dark"] .section-desc,
html[data-theme="dark"] .service-desc,
html[data-theme="dark"] .mission-desc,
html[data-theme="dark"] .mission-note,
html[data-theme="dark"] .about-section-desc,
html[data-theme="dark"] .about-story-copy p,
html[data-theme="dark"] .services-overview-copy p,
html[data-theme="dark"] .post-excerpt,
html[data-theme="dark"] .single-meta,
html[data-theme="dark"] .single-content-wrap,
html[data-theme="dark"] .single-post-excerpt,
html[data-theme="dark"] .template-desc,
html[data-theme="dark"] .contact-info p,
html[data-theme="dark"] .contact-page-lead,
html[data-theme="dark"] .contact-page-note,
html[data-theme="dark"] .contact-page-details div,
html[data-theme="dark"] .trust-label,
html[data-theme="dark"] .logo-item,
html[data-theme="dark"] .logo-cloud,
html[data-theme="dark"] .floating-card span,
html[data-theme="dark"] .about-floating-note span,
html[data-theme="dark"] .services-visual-stat span,
html[data-theme="dark"] .post-meta,
html[data-theme="dark"] .empty-state-title,
html[data-theme="dark"] .author-bio-content p,
html[data-theme="dark"] .wp-caption-text,
html[data-theme="dark"] .single-content-wrap > em,
html[data-theme="dark"] .plan-period,
html[data-theme="dark"] .card-subtitle {
    color: var(--text-body) !important;
}

html[data-theme="dark"] .trust-label {
    opacity: 1;
}

html[data-theme="dark"] .logo-item,
html[data-theme="dark"] .logo-cloud {
    color: rgba(238, 244, 255, .78) !important;
    filter: none !important;
}

html[data-theme="dark"] .logo-item:hover {
    color: var(--primary) !important;
}

html[data-theme="dark"] .section-mission,
html[data-theme="dark"] .steps-section,
html[data-theme="dark"] .faq-section,
html[data-theme="dark"] .pricing-section,
html[data-theme="dark"] .domain-check-section,
html[data-theme="dark"] .trust-section,
html[data-theme="dark"] .services-list-section,
html[data-theme="dark"] .about-story-section,
html[data-theme="dark"] .about-journey-section,
html[data-theme="dark"] .about-values-section,
html[data-theme="dark"] .services-overview-section,
html[data-theme="dark"] .services-process-section,
html[data-theme="dark"] .services-capability-section,
html[data-theme="dark"] .services-final-cta,
html[data-theme="dark"] .cta-section,
html[data-theme="dark"] .single-content-box,
html[data-theme="dark"] .page-content-wrapper,
html[data-theme="dark"] .page-single-bg-white,
html[data-theme="dark"] .single-post-content-area,
html[data-theme="dark"] .contact-page-bg,
html[data-theme="dark"] .empty-search-box,
html[data-theme="dark"] .error-404-section {
    background: var(--bg-body) !important;
}

html[data-theme="dark"] .bento-section,
html[data-theme="dark"] .bento-section-pad,
html[data-theme="dark"] .testimonial-section,
html[data-theme="dark"] .pricing-section-pad,
html[data-theme="dark"] .legal-section,
html[data-theme="dark"] .showcase-section,
html[data-theme="dark"] .section-blog-list,
html[data-theme="dark"] .latest-news-section,
html[data-theme="dark"] .related-posts-section,
html[data-theme="dark"] .dashboard-section,
html[data-theme="dark"] .auth-section,
html[data-theme="dark"] .section-register,
html[data-theme="dark"] .section-payment,
html[data-theme="dark"] .services-track-section,
html[data-theme="dark"] .services-recommend-section,
html[data-theme="dark"] .about-problem-section,
html[data-theme="dark"] .about-audience-section {
    background: var(--bg-subtle) !important;
}

html[data-theme="dark"] .contact-section,
html[data-theme="dark"] .contact-page-section {
    background: linear-gradient(rgba(11, 16, 32, .82), rgba(11, 16, 32, .95)), url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=1920&auto=format&fit=crop') no-repeat center center !important;
    background-size: cover !important;
}

html[data-theme="dark"] :is(
    .bento-card,
    .pricing-card,
    .testimonial-card,
    .faq-item,
    .faq-accordion-item,
    .contact-details li,
    .contact-page-details li,
    .contact-page-note,
    .contact-form-box,
    .contact-page-form-card,
    .contact-box-white,
    .faq-contact-box,
    .domain-checker-box,
    .hero-domain-checker,
    .hero-demo-link,
    .visual-placeholder,
    .floating-card,
    .about-info-card,
    .about-audience-card,
    .about-value-card,
    .about-step-item,
    .about-visual-card,
    .services-track-card,
    .services-recommend-card,
    .services-capability-card,
    .services-visual-card,
    .post-card,
    .related-card,
    .author-bio-box,
    .single-featured-image,
    .single-content-wrap blockquote,
    .legal-content-card,
    .empty-showcase-box,
    .showcase-toolbar,
    .template-card,
    .search-result-label,
    .auth-container,
    .auth-forms,
    .reg-step-card,
    .price-option,
    .template-option,
    .template-info,
    .plan-summary-item,
    .order-summary-box,
    .payment-msg-box,
    .dash-sidebar,
    .stat-card,
    .dash-post-card,
    .editor-container,
    .editor-main,
    .editor-widget,
    .profile-card-header,
    .cat-list-box,
    .view-switcher,
    .image-upload-box,
    .detail-info-box,
    .detail-notes-box,
    .input-group-merge,
    .searchable-dropdown-menu,
    .compose-row-first,
    .compose-row-mid,
    .compose-row-last,
    .table-responsive,
    .admin-table-tools,
    .admin-table-card,
    .modal-content,
    .webmail-box,
    .wm-content,
    .wm-tpl-card,
    .auto-card,
    #mv-custom-context-menu,
    .mv-ctx-submenu
) {
    background-color: #121a2b !important;
    border-color: var(--border) !important;
    color: var(--text-body);
    box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] :is(
    .bento-card:hover,
    .pricing-card:hover,
    .testimonial-card:hover,
    .faq-item:hover,
    .contact-details li:hover,
    .contact-page-details li:hover,
    .contact-page-note:hover,
    .contact-page-form-card:hover,
    .about-info-card:hover,
    .about-audience-card:hover,
    .about-step-item:hover,
    .about-value-card:hover,
    .services-track-card:hover,
    .services-recommend-card:hover,
    .services-capability-card:hover,
    .template-card:hover,
    .post-card:hover,
    .related-card:hover,
    .dash-post-card:hover,
    .wm-tpl-card:hover
) {
    border-color: rgba(139, 181, 255, .35) !important;
    box-shadow: var(--shadow-xl);
}

html[data-theme="dark"] .pricing-card.popular {
    border-color: rgba(255, 91, 200, .65) !important;
    box-shadow: 0 18px 46px rgba(255, 91, 200, .12);
}

html[data-theme="dark"] :is(
    .hero-trust,
    .badge-pill,
    .role-badge,
    .post-cat-badge,
    .single-cat-badge,
    .template-tag,
    .tpl-code-label,
    .about-hero-points span,
    .services-hero-points span,
    .about-floating-note,
    .services-visual-stat,
    .permalink-box,
    .payment-note-box,
    .locked-warning-box,
    .bank-info-container,
    .qr-image-wrapper,
    .imap-row-box,
    .auto-shortcodes,
    .wm-chat-notice,
    .pricing-features li code,
    .pricing-features-dynamic li code,
    .auto-shortcodes code,
    .badge-code,
    .cat-info span,
    .admin-filter-chip,
    .btn-cat-action,
    .btn-add-cat,
    .btn-switch,
    .mobile-domain-modal .mb-modal-content
) {
    background: #182235 !important;
    border-color: var(--border) !important;
    color: var(--text-body) !important;
}

html[data-theme="dark"] .badge-pill {
    color: var(--primary) !important;
}

html[data-theme="dark"] .badge-premium {
    color: var(--accent) !important;
}

html[data-theme="dark"] .badge-org,
html[data-theme="dark"] .text-green-color,
html[data-theme="dark"] .text-success {
    color: #4ade80 !important;
}

html[data-theme="dark"] .text-accent-color {
    color: var(--accent) !important;
}

html[data-theme="dark"] .text-blue-color,
html[data-theme="dark"] .text-primary,
html[data-theme="dark"] .text-primary-color {
    color: var(--primary) !important;
}

html[data-theme="dark"] :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not(.domain-input):not(.dc-input):not(.domain-check-input):not(.mv-chat-input-field),
    textarea:not(.mv-chat-input-field),
    select,
    .auth-input,
    .editor-input,
    .mini-search-form,
    .wm-search-input,
    .voucher-input,
    .note-textarea,
    .permalink-input,
    .cat-quick-add input,
    .user-search-box input,
    .tpl-search-container input
) {
    background-color: #0f1728 !important;
    border-color: var(--border) !important;
    color: var(--text-main) !important;
    box-shadow: none;
}

html[data-theme="dark"] :is(input, textarea)::placeholder {
    color: #6f7f96 !important;
}

html[data-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not(.domain-input):not(.dc-input):not(.domain-check-input):not(.mv-chat-input-field), textarea:not(.mv-chat-input-field), select, .auth-input, .editor-input):focus {
    border-color: var(--primary) !important;
    background-color: #111c30 !important;
    box-shadow: 0 0 0 4px rgba(139, 181, 255, .12) !important;
    outline: none;
}

html[data-theme="dark"] .domain-checker-box,
html[data-theme="dark"] .domain-check-wrapper {
    background: #121a2b !important;
    border-color: var(--border) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .35) !important;
}

html[data-theme="dark"] .domain-prefix,
html[data-theme="dark"] .dc-prefix,
html[data-theme="dark"] .permalink-base,
html[data-theme="dark"] .summary-label,
html[data-theme="dark"] .bank-label,
html[data-theme="dark"] .wm-list-count,
html[data-theme="dark"] .wm-date,
html[data-theme="dark"] .wm-snippet,
html[data-theme="dark"] .card-subtitle,
html[data-theme="dark"] .related-date,
html[data-theme="dark"] .post-meta,
html[data-theme="dark"] .price-desc,
html[data-theme="dark"] .plan-desc,
html[data-theme="dark"] .footer-desc,
html[data-theme="dark"] .copyright {
    color: var(--text-light) !important;
}

html[data-theme="dark"] .form-group label,
html[data-theme="dark"] .editor-label,
html[data-theme="dark"] .imap-label,
html[data-theme="dark"] .compose-row label,
html[data-theme="dark"] .dur-name,
html[data-theme="dark"] .template-name,
html[data-theme="dark"] .plan-info h4,
html[data-theme="dark"] .summary-val,
html[data-theme="dark"] .bank-value,
html[data-theme="dark"] .wm-subject,
html[data-theme="dark"] .wm-sender,
html[data-theme="dark"] .cat-info h4,
html[data-theme="dark"] .dash-post-title,
html[data-theme="dark"] .stat-info strong,
html[data-theme="dark"] .auto-card-title,
html[data-theme="dark"] .contact-info .contact-title,
html[data-theme="dark"] .contact-page-heading,
html[data-theme="dark"] .contact-details strong,
html[data-theme="dark"] .contact-page-details strong,
html[data-theme="dark"] .contact-page-note strong,
html[data-theme="dark"] .floating-card strong,
html[data-theme="dark"] .about-floating-note strong,
html[data-theme="dark"] .services-visual-stat strong,
html[data-theme="dark"] .single-title,
html[data-theme="dark"] .post-title,
html[data-theme="dark"] .post-title a,
html[data-theme="dark"] .related-title a,
html[data-theme="dark"] .faq-question {
    color: var(--text-main) !important;
}

html[data-theme="dark"] :is(
    .bento-icon-glass,
    .icon-box,
    .icon-circle,
    .stat-icon,
    .step-icon-wrapper,
    .about-card-icon,
    .wm-avatar-wrapper,
    .step-badge,
    .step-badge-simple
) {
    background: rgba(139, 181, 255, .12) !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .contact-details li:hover .icon-circle {
    background: var(--primary) !important;
    color: #08111f !important;
}

html[data-theme="dark"] :is(
    .bg-white,
    .bg-light-blue,
    .post-thumbnail,
    .related-thumb,
    .template-thumb,
    .template-header,
    .img-placeholder-60,
    .post-list-thumb,
    .post-list-thumb-placeholder
) {
    background: #0f1728 !important;
    border-color: var(--border) !important;
}

html[data-theme="dark"] :is(
    .trust-section,
    .stat-group,
    .template-header,
    .related-posts-section,
    .mail-table-card thead th,
    .mail-table-card tbody td
) {
    border-color: var(--border) !important;
}

html[data-theme="dark"] .step-number::after {
    background: var(--border) !important;
}

html[data-theme="dark"] .avatars span,
html[data-theme="dark"] .single-meta img,
html[data-theme="dark"] .header-avatar,
html[data-theme="dark"] .cart-badge {
    border-color: #0b1020 !important;
}

html[data-theme="dark"] .post-cat-badge {
    border: 1px solid var(--border);
    box-shadow: none;
}

html[data-theme="dark"] .single-content-wrap blockquote::before {
    opacity: .18;
}

html[data-theme="dark"] .mce-tinymce,
html[data-theme="dark"] .wp-editor-wrap,
html[data-theme="dark"] .wp-editor-tools,
html[data-theme="dark"] .mce-toolbar-grp,
html[data-theme="dark"] .mce-edit-area,
html[data-theme="dark"] .wp-media-buttons .button {
    background: #121a2b !important;
    border-color: var(--border) !important;
    color: var(--text-body) !important;
}

html[data-theme="dark"] .mce-btn:hover,
html[data-theme="dark"] .mce-btn.mce-active,
html[data-theme="dark"] .wp-core-ui .wp-switch-editor,
html[data-theme="dark"] .wp-core-ui .wp-switch-editor.active {
    background: #182235 !important;
    color: var(--text-main) !important;
    border-color: var(--border) !important;
}

html[data-theme="dark"] .dashboard-section,
html[data-theme="dark"] .dash-main,
html[data-theme="dark"] .wm-dashboard-section {
    color: var(--text-body);
}

html[data-theme="dark"] .dash-menu a:hover,
html[data-theme="dark"] .dash-menu a.active,
html[data-theme="dark"] .cat-item:hover,
html[data-theme="dark"] .btn-switch:hover,
html[data-theme="dark"] .view-mode-grid .btn-switch-grid,
html[data-theme="dark"] .view-mode-list .btn-switch-list,
html[data-theme="dark"] .wm-nav li:hover,
html[data-theme="dark"] .wm-nav li.active,
html[data-theme="dark"] .wm-item:hover,
html[data-theme="dark"] .mv-ctx-item:hover,
html[data-theme="dark"] .mv-ctx-sub-item:hover {
    background: #182235 !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .dash-menu-group .dash-section-label:hover {
    background: transparent !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .wm-sidebar,
html[data-theme="dark"] .compose-footer,
html[data-theme="dark"] .user-table th,
html[data-theme="dark"] .mce-toolbar-grp,
html[data-theme="dark"] .single-post-header,
html[data-theme="dark"] .template-img-wrap,
html[data-theme="dark"] .dash-post-thumb {
    background: #0f1728 !important;
}

html[data-theme="dark"] .user-table td,
html[data-theme="dark"] .cat-item,
html[data-theme="dark"] .wm-item,
html[data-theme="dark"] .summary-row,
html[data-theme="dark"] .payment-bank-row {
    border-color: var(--border) !important;
    color: var(--text-body);
}

html[data-theme="dark"] .wm-item.unread {
    background: #151f33 !important;
}

/* SEO & Mail dashboard */
html[data-theme="dark"] .seo-app,
html[data-theme="dark"] .seo-main,
html[data-theme="dark"] .seo-content,
html[data-theme="dark"] .mail-app-mode .seo-app,
html[data-theme="dark"] .mail-standalone-login {
    background: var(--bg-body) !important;
    color: var(--text-body) !important;
}

html[data-theme="dark"] .seo-header,
html[data-theme="dark"] .seo-sidebar,
html[data-theme="dark"] .seo-brand,
html[data-theme="dark"] .domain-switcher,
html[data-theme="dark"] .domain-dropdown-menu,
html[data-theme="dark"] .qr-config-panel,
html[data-theme="dark"] .qr-template-manager,
html[data-theme="dark"] .qr-logo-upload-box,
html[data-theme="dark"] .qr-tpl-box,
html[data-theme="dark"] .scroll-stat-box,
html[data-theme="dark"] .sl-stats-content,
html[data-theme="dark"] .sl-stats-header,
html[data-theme="dark"] .sl-stats-body,
html[data-theme="dark"] .chart-box-white,
html[data-theme="dark"] #qr-preview-box,
html[data-theme="dark"] .mail-list-box-new,
html[data-theme="dark"] .mail-reader-card-new,
html[data-theme="dark"] .mail-form-card,
html[data-theme="dark"] .mail-table-card,
html[data-theme="dark"] .mail-automation-card,
html[data-theme="dark"] .mail-app-mode .view-pane.active,
html[data-theme="dark"] .mail-app-mode .wm-header-bar,
html[data-theme="dark"] .mail-app-mode .wm-list,
html[data-theme="dark"] .mail-app-mode .wm-settings-panel,
html[data-theme="dark"] .mail-app-mode .wm-settings-card,
html[data-theme="dark"] .mail-app-mode .wm-compose-body,
html[data-theme="dark"] .mail-app-mode .wm-template-card,
html[data-theme="dark"] .mail-app-mode .user-dropdown-menu,
html[data-theme="dark"] .mail-app-mode .dropdown-header,
html[data-theme="dark"] .mail-app-mode .wm-conv-stack,
html[data-theme="dark"] .mail-app-mode .wm-stack-header,
html[data-theme="dark"] .mail-app-mode .wm-stack-list,
html[data-theme="dark"] .email-html-content blockquote,
html[data-theme="dark"] .compose-meta-wrapper {
    background: #121a2b !important;
    border-color: var(--border) !important;
    color: var(--text-body) !important;
    box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .seo-header {
    background: rgba(18, 26, 43, .94) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .28) !important;
}

html[data-theme="dark"] .seo-app .form-group input,
html[data-theme="dark"] .seo-app .form-group select,
html[data-theme="dark"] .seo-app .form-group textarea,
html[data-theme="dark"] .seo-app .form-control,
html[data-theme="dark"] .qr-input-group input,
html[data-theme="dark"] .qr-input-group select,
html[data-theme="dark"] .qr-input-group textarea,
html[data-theme="dark"] .seo-app .mv-custom-select,
html[data-theme="dark"] .shortlink-slug-wrapper,
html[data-theme="dark"] .mail-app-mode .wm-linked-email,
html[data-theme="dark"] .mail-app-mode .compose-schedule-control input {
    background-color: #0f1728 !important;
    border-color: var(--border) !important;
    color: var(--text-main) !important;
}

html[data-theme="dark"] .seo-app .form-group input:focus,
html[data-theme="dark"] .seo-app .form-group select:focus,
html[data-theme="dark"] .seo-app .form-group textarea:focus,
html[data-theme="dark"] .seo-app .form-control:focus,
html[data-theme="dark"] .qr-input-group input:focus,
html[data-theme="dark"] .qr-input-group select:focus,
html[data-theme="dark"] .qr-input-group textarea:focus,
html[data-theme="dark"] .seo-app .mv-custom-select:focus,
html[data-theme="dark"] .shortlink-slug-wrapper:focus-within {
    background-color: #111c30 !important;
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(139, 181, 255, .14) !important;
}

html[data-theme="dark"] .seo-sidebar .menu-item:hover,
html[data-theme="dark"] .seo-sidebar .menu-item.active,
html[data-theme="dark"] .domain-dropdown-item:hover,
html[data-theme="dark"] .domain-dropdown-item.active,
html[data-theme="dark"] .btn-action-circle:hover,
html[data-theme="dark"] .mail-item:hover,
html[data-theme="dark"] .mail-app-mode #messageListContainer .wm-conv-item:hover,
html[data-theme="dark"] .mail-app-mode #messageListContainer .wm-conv-item.is-opening,
html[data-theme="dark"] .mail-app-mode #messageListContainer .wm-item:hover,
html[data-theme="dark"] .mail-app-mode #messageListContainer .wm-item.is-opening,
html[data-theme="dark"] .mail-app-mode .wm-star-btn:not(.wm-icon-action):hover,
html[data-theme="dark"] .mail-app-mode .wm-stack-tool:hover,
html[data-theme="dark"] .mail-app-mode .dropdown-item:hover {
    background: #182235 !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .mail-item.unread,
html[data-theme="dark"] .mail-app-mode #messageListContainer .wm-conv-item.unread,
html[data-theme="dark"] .mail-app-mode #messageListContainer .wm-item.unread {
    background: #151f33 !important;
}

html[data-theme="dark"] .track-count,
html[data-theme="dark"] .btn-action-circle,
html[data-theme="dark"] .thead-light,
html[data-theme="dark"] .input-bg-white,
html[data-theme="dark"] .loading-shimmer,
html[data-theme="dark"] kbd,
html[data-theme="dark"] .mail-app-mode .wm-bulk-count,
html[data-theme="dark"] .mail-app-mode .wm-icon-action-muted,
html[data-theme="dark"] .wm-btn-circle,
html[data-theme="dark"] .mail-app-mode .wm-stack-back,
html[data-theme="dark"] .mail-app-mode .wm-stack-tool,
html[data-theme="dark"] .mail-app-mode .wm-icon-action-danger {
    background: #182235 !important;
    border-color: var(--border) !important;
    color: var(--text-body) !important;
}

html[data-theme="dark"] .dash-section-label,
html[data-theme="dark"] .seo-sidebar .dash-section-label,
html[data-theme="dark"] .text-light,
html[data-theme="dark"] .app-page-subtitle,
html[data-theme="dark"] .track-link,
html[data-theme="dark"] .shortlink-prefix,
html[data-theme="dark"] .seo-upload-text,
html[data-theme="dark"] .empty-data-text,
html[data-theme="dark"] .text-64748b-095,
html[data-theme="dark"] .subject-text,
html[data-theme="dark"] .mail-time,
html[data-theme="dark"] .mail-app-mode .wm-settings-card .wm-settings-email,
html[data-theme="dark"] .mail-app-mode .wm-settings-field span,
html[data-theme="dark"] .mail-app-mode .wm-settings-toggle > span,
html[data-theme="dark"] .mail-app-mode #messageListContainer .wm-conv-participants,
html[data-theme="dark"] .mail-app-mode .wm-stack-date,
html[data-theme="dark"] .mail-app-mode .wm-stack-email,
html[data-theme="dark"] .mail-app-mode .wm-stack-recipient,
html[data-theme="dark"] .mail-app-mode .wm-stack-count {
    color: var(--text-light) !important;
}

html[data-theme="dark"] .app-page-title,
html[data-theme="dark"] .track-name,
html[data-theme="dark"] .box-title,
html[data-theme="dark"] .chart-title,
html[data-theme="dark"] .sl-stats-title,
html[data-theme="dark"] .sender-text,
html[data-theme="dark"] .subject-title,
html[data-theme="dark"] .reader-subject,
html[data-theme="dark"] .reader-subject-top,
html[data-theme="dark"] .email-html-content,
html[data-theme="dark"] .mail-app-mode .wm-settings-card-title {
    color: var(--text-main) !important;
}

html[data-theme="dark"] .mail-table-card thead th,
html[data-theme="dark"] .mail-table-card tbody td,
html[data-theme="dark"] .reader-header,
html[data-theme="dark"] .wm-header-bar-read,
html[data-theme="dark"] .mail-item,
html[data-theme="dark"] .mail-app-mode #messageListContainer .wm-conv-item,
html[data-theme="dark"] .acc-divider {
    border-color: var(--border) !important;
}

/* .compose-save-status and .success-box color overrides are now handled elegantly via semantic CSS variables */

html[data-theme="dark"] .auth-visual {
    background: radial-gradient(circle at top, rgba(255, 91, 200, .2), transparent 42%), var(--vibe-gradient);
}

html[data-theme="dark"] .price-option.selected,
html[data-theme="dark"] .plan-summary-item.selected,
html[data-theme="dark"] .duration-item.selected,
html[data-theme="dark"] .template-option.selected {
    background: rgba(139, 181, 255, .12) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(139, 181, 255, .12);
}

html[data-theme="dark"] .locked-warning-box {
    background: rgba(245, 158, 11, .12) !important;
    border-color: rgba(245, 158, 11, .35) !important;
}

/* .success-box background override is now handled elegantly via semantic CSS variables */

html[data-theme="dark"] .modal-overlay,
html[data-theme="dark"] .mv-qr-popup-overlay,
html[data-theme="dark"] .mobile-domain-modal .mb-modal-overlay {
    background: rgba(2, 6, 23, .76) !important;
}

html[data-theme="dark"] .mv-qr-popup-content,
html[data-theme="dark"] .qr-modal-header,
html[data-theme="dark"] .qr-modal-body,
html[data-theme="dark"] #global-alert-modal .mv-modal-box,
html[data-theme="dark"] #global-confirm-modal .mv-modal-box,
html[data-theme="dark"] #global-prompt-modal .mv-modal-box {
    background: #121a2b !important;
    color: var(--text-body) !important;
    border-color: var(--border) !important;
}

html[data-theme="dark"] #global-alert-modal h3,
html[data-theme="dark"] #global-confirm-modal h3,
html[data-theme="dark"] #global-prompt-modal h3,
html[data-theme="dark"] #global-alert-modal p,
html[data-theme="dark"] #global-confirm-modal p,
html[data-theme="dark"] #global-prompt-modal label,
html[data-theme="dark"] .qr-modal-title,
html[data-theme="dark"] .mb-modal-header h3 {
    color: var(--text-main) !important;
}

html[data-theme="dark"] .btn-outline {
    border-color: var(--border);
    color: var(--text-main);
}

html[data-theme="dark"] .btn-outline:hover {
    background: #182235;
    border-color: var(--primary);
    color: var(--primary);
}

html[data-theme="dark"] .admin-table-tools {
    background: rgba(18, 26, 43, .78) !important;
}

html[data-theme="dark"] .admin-filter-chip:hover {
    background: #182235 !important;
    border-color: rgba(139, 181, 255, .34) !important;
    color: var(--primary) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .admin-filter-chip.is-active {
    background: rgba(139, 181, 255, .14) !important;
    border-color: rgba(139, 181, 255, .42) !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .btn-white {
    background: #ffffff;
    color: #0d3e9a;
}

html[data-theme="dark"] .showcase-ai-cta {
    background: #121a2b !important;
    border-color: var(--border) !important;
    box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .showcase-ai-cta strong {
    color: var(--text-main) !important;
}

html[data-theme="dark"] .showcase-ai-cta span {
    color: var(--text-body) !important;
}

html[data-theme="dark"] .toolbar-right {
    border-color: var(--border) !important;
}

html[data-theme="dark"] .filter-tab:hover {
    background: rgba(139, 181, 255, .1) !important;
    color: var(--text-main) !important;
}

html[data-theme="dark"] .template-header {
    border-color: var(--border) !important;
}

html[data-theme="dark"] .template-thumb {
    background: #0f1728 !important;
}

html[data-theme="dark"] .btn-template-ai {
    background: #182235 !important;
    border-color: rgba(139, 181, 255, .28) !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .btn-template-ai:hover {
    background: rgba(139, 181, 255, .14) !important;
    border-color: rgba(139, 181, 255, .5) !important;
    color: var(--text-main) !important;
}

/* Chatbox */
html[data-theme="dark"] #mv-chat-box,
html[data-theme="dark"] #mv-chat-auth,
html[data-theme="dark"] #mv-admin-chat-list,
html[data-theme="dark"] .mv-chat-list-user,
html[data-theme="dark"] .mv-canned-modal,
html[data-theme="dark"] .mv-canned-modal-header,
html[data-theme="dark"] .mv-canned-suggestions-box,
html[data-theme="dark"] #mv-canned-list,
html[data-theme="dark"] .mv-canned-empty {
    background: #121a2b !important;
    color: var(--text-body) !important;
    border-color: var(--border) !important;
}

html[data-theme="dark"] #mv-chat-toggle {
    box-shadow: 0 3px 10px rgba(124, 92, 255, .22);
}

html[data-theme="dark"] #mv-chat-widget #mv-chat-messages,
html[data-theme="dark"] .mv-chat-closed-notice {
    background: #0f1728 !important;
}

html[data-theme="dark"] #mv-chat-widget #mv-chat-messages::-webkit-scrollbar-thumb,
html[data-theme="dark"] .mv-chat-list-scroll::-webkit-scrollbar-thumb,
html[data-theme="dark"] #mv-canned-list::-webkit-scrollbar-thumb {
    background-color: #334155;
}

html[data-theme="dark"] #mv-chat-widget #mv-chat-footer,
html[data-theme="dark"] .mv-chat-list-footer,
html[data-theme="dark"] .mv-chat-reply-preview {
    background: #111827 !important;
    border-color: var(--border) !important;
    color: var(--text-light) !important;
}

html[data-theme="dark"] .mv-chat-input-wrapper,
html[data-theme="dark"] .mv-auth-input,
html[data-theme="dark"] .mv-canned-input-group,
html[data-theme="dark"] .mv-canned-input-text {
    background: #0b1222 !important;
    border-color: var(--border) !important;
    color: var(--text-main) !important;
}

html[data-theme="dark"] .mv-chat-input-field,
html[data-theme="dark"] .mv-chat-input-wrapper .mv-chat-input-field,
html[data-theme="dark"] .mv-canned-input-short {
    color: var(--text-main) !important;
}

html[data-theme="dark"] .mv-chat-input-field::placeholder,
html[data-theme="dark"] .mv-chat-input-wrapper .mv-chat-input-field::placeholder,
html[data-theme="dark"] .mv-auth-input::placeholder,
html[data-theme="dark"] .mv-canned-input-short::placeholder,
html[data-theme="dark"] .mv-canned-input-text::placeholder {
    color: #73839b !important;
}

html[data-theme="dark"] .mv-msg-system,
html[data-theme="dark"] .mv-typing-indicator {
    background: #172033 !important;
    border-color: var(--border) !important;
    color: var(--text-body) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .22) !important;
}

html[data-theme="dark"] .mv-msg-user {
    background: linear-gradient(135deg, #6d5dfc 0%, #0ea5e9 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(14, 165, 233, .2) !important;
}

html[data-theme="dark"] #mv-chat-widget .mv-msg.mv-msg-ai {
    background: linear-gradient(180deg, #18243a 0%, #141e31 100%) !important;
    border-color: rgba(139, 181, 255, .22) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .26) !important;
}

html[data-theme="dark"] #mv-chat-widget .mv-msg.mv-msg-ai .mv-msg-body {
    color: #dbe6f8 !important;
}

html[data-theme="dark"] #mv-chat-widget .mv-msg.mv-msg-ai .mv-ai-md-heading,
html[data-theme="dark"] #mv-chat-widget .mv-msg.mv-msg-ai strong:not(.mv-ai-md-heading) {
    color: #c7d2fe !important;
}

html[data-theme="dark"] #mv-chat-widget .mv-msg.mv-msg-ai code {
    background: rgba(139, 181, 255, .14) !important;
    color: #bfdbfe !important;
}

html[data-theme="dark"] .mv-chat-time,
html[data-theme="dark"] .mv-chat-seen-status,
html[data-theme="dark"] .mv-chat-closed-text-sm,
html[data-theme="dark"] .mv-admin-time,
html[data-theme="dark"] .mv-user-time,
html[data-theme="dark"] .mv-empty-state {
    color: var(--text-light) !important;
}

html[data-theme="dark"] .mv-canned-item {
    background: #141e31 !important;
    border-color: var(--border) !important;
}

html[data-theme="dark"] .mv-canned-item:focus-within,
html[data-theme="dark"] .mv-canned-input-group:focus-within,
html[data-theme="dark"] .mv-canned-input-text:focus,
html[data-theme="dark"] .mv-auth-input:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(139, 181, 255, .14) !important;
}

html[data-theme="dark"] .mv-canned-prefix {
    background: #182235 !important;
    border-color: var(--border) !important;
    color: var(--text-light) !important;
}

html[data-theme="dark"] .mv-suggestion-item,
html[data-theme="dark"] .mv-admin-chat-item,
html[data-theme="dark"] .mv-user-chat-item {
    background: transparent !important;
    border-color: var(--border) !important;
    color: var(--text-body) !important;
}

html[data-theme="dark"] .mv-suggestion-item:hover,
html[data-theme="dark"] .mv-suggestion-item.active,
html[data-theme="dark"] .mv-admin-chat-item:hover,
html[data-theme="dark"] .mv-user-chat-item:hover {
    background: rgba(139, 181, 255, .1) !important;
}

html[data-theme="dark"] .mv-admin-chat-item.unread,
html[data-theme="dark"] .mv-user-chat-item.unread {
    background: rgba(124, 92, 255, .16) !important;
}

html[data-theme="dark"] .mv-admin-avatar,
html[data-theme="dark"] .mv-chat-status-badge.closed {
    background: #1d2940 !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .mv-chat-status-badge.open {
    background: rgba(34, 197, 94, .14) !important;
    color: #86efac !important;
}

html[data-theme="dark"] .mv-chat-status-badge.deleted {
    background: rgba(239, 68, 68, .14) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .mv-admin-msg,
html[data-theme="dark"] .mv-user-msg,
html[data-theme="dark"] .mv-suggestion-text {
    color: var(--text-body) !important;
}

html[data-theme="dark"] .mv-chat-unread-badge {
    border-color: #0b1020 !important;
}

html[data-theme="dark"] .mv-msg-reply {
    background: rgba(255, 255, 255, .08) !important;
}

html[data-theme="dark"] .mv-msg-reaction,
html[data-theme="dark"] .mv-msg-action-btn,
html[data-theme="dark"] .btn-canned-close {
    background: #101827 !important;
    border-color: var(--border) !important;
    color: var(--text-light) !important;
}

html[data-theme="dark"] .mv-msg-action-btn:hover {
    background: #172033 !important;
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

html[data-theme="dark"] .mv-msg-action-btn.btn-recall:hover,
html[data-theme="dark"] .mv-chat-ctx-delete:hover,
html[data-theme="dark"] .mv-chat-reply-preview .close-reply:hover,
html[data-theme="dark"] .mv-chat-list-del-btn,
html[data-theme="dark"] .del-canned-btn {
    background: rgba(239, 68, 68, .14) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .mv-chat-list-del-btn:hover,
html[data-theme="dark"] .del-canned-btn:hover {
    background: #ef4444 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .msg-is-recalled {
    border-color: var(--border) !important;
    color: var(--text-light) !important;
}

html[data-theme="dark"] #mv-chat-context-menu {
    background: #121a2b !important;
    border-color: var(--border) !important;
    box-shadow: var(--shadow-xl) !important;
}

html[data-theme="dark"] .mv-ctx-item {
    color: var(--text-body) !important;
}

html[data-theme="dark"] .mv-ctx-item:hover {
    background: #172033 !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .mv-ctx-divider {
    background: var(--border) !important;
}

html[data-theme="dark"] .mv-chat-delete-everyone-wrap,
html[data-theme="dark"] .mv-msg-error {
    background: rgba(239, 68, 68, .14) !important;
    border-color: rgba(239, 68, 68, .34) !important;
}

html[data-theme="dark"] .mv-chat-divider {
    border-color: var(--border) !important;
    color: var(--text-light) !important;
}

html[data-theme="dark"] .site-footer {
    background: #071126;
}

html[data-theme="dark"] .footer-links a,
html[data-theme="dark"] .contact-value {
    color: rgba(238, 244, 255, .86);
}

/* SEO & Mail app precision fixes */
html[data-theme="dark"] body.seo-app-mode,
html[data-theme="dark"] body.mail-app-mode,
html[data-theme="dark"] body.mail-standalone-login {
    background: var(--bg-body) !important;
    color: var(--text-body) !important;
}

html[data-theme="dark"] .mail-standalone-login .auth-section {
    background:
        radial-gradient(circle at 16% 10%, rgba(124, 92, 255, .2), transparent 30%),
        radial-gradient(circle at 86% 86%, rgba(255, 91, 200, .16), transparent 34%),
        linear-gradient(135deg, #071126 0%, #0b1020 100%) !important;
}

html[data-theme="dark"] .mail-standalone-login .auth-container {
    background: #101827 !important;
    border: 1px solid var(--border) !important;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .36), 0 0 0 1px rgba(255, 255, 255, .03) inset !important;
}

html[data-theme="dark"] .mail-standalone-login .auth-forms {
    background: linear-gradient(180deg, #121a2b 0%, #0f1728 100%) !important;
}

html[data-theme="dark"] .mail-standalone-login .auth-title,
html[data-theme="dark"] .mail-standalone-login .form-group label {
    color: var(--text-main) !important;
}

html[data-theme="dark"] .mail-standalone-login .auth-subtitle,
html[data-theme="dark"] .mail-standalone-login .auth-switch-link {
    color: var(--text-light) !important;
}

html[data-theme="dark"] .mail-standalone-login .auth-switch-link {
    color: var(--primary) !important;
}

html[data-theme="dark"] .mail-standalone-login .auth-input {
    background: #0f1728 !important;
    border-color: var(--border) !important;
    color: var(--text-main) !important;
}

html[data-theme="dark"] .mail-standalone-login .auth-input:focus {
    background: #111c30 !important;
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 4px rgba(139, 181, 255, .14) !important;
}

html[data-theme="dark"] .mail-standalone-login .btn-auth.btn-primary {
    position: relative;
    overflow: hidden;
    background: var(--vibe-gradient) !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 2px 8px rgba(124, 92, 255, .18) !important;
}

html[data-theme="dark"] .mail-standalone-login .btn-auth.btn-primary:hover {
    filter: brightness(1.04);
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(124, 92, 255, .26) !important;
}

html[data-theme="dark"] .mail-standalone-login .btn-auth.btn-primary:focus-visible {
    transform: none;
    box-shadow: 0 0 0 3px rgba(139, 181, 255, .24) !important;
}

html[data-theme="dark"] .mail-standalone-login .toggle-password-btn {
    background: transparent !important;
    box-shadow: none !important;
    color: var(--text-light) !important;
}

html[data-theme="dark"] .mail-standalone-login .toggle-password-btn:hover,
html[data-theme="dark"] .mail-standalone-login .auth-switch-link:hover {
    color: var(--primary) !important;
}

html[data-theme="dark"] .review-admin-card,
html[data-theme="dark"] .review-admin-notice {
    background: #121a2b;
    border-color: var(--border);
    color: var(--text-body);
    box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] .review-admin-actions {
    border-color: var(--border);
}

html[data-theme="dark"] .review-admin-person h3 {
    color: var(--text-main);
}

html[data-theme="dark"] .seo-brand-text,
html[data-theme="dark"] .header-divider {
    border-color: var(--border) !important;
}

html[data-theme="dark"] .seo-brand-text,
html[data-theme="dark"] .domain-switcher,
html[data-theme="dark"] .domain-dropdown-item,
html[data-theme="dark"] .mail-app-mode .dropdown-header strong,
html[data-theme="dark"] .mail-app-mode .wm-stack-title,
html[data-theme="dark"] .mail-app-mode .wm-stack-sender strong,
html[data-theme="dark"] .mail-app-mode .wm-thread-title,
html[data-theme="dark"] .mail-app-mode .wm-thread-sender,
html[data-theme="dark"] .wm-sender,
html[data-theme="dark"] .wm-subject,
html[data-theme="dark"] .wm-header-title,
html[data-theme="dark"] .wm-tpl-title,
html[data-theme="dark"] .auto-card-title {
    color: var(--text-main) !important;
}

html[data-theme="dark"] .domain-dropdown-menu,
html[data-theme="dark"] .qr-preview-container,
html[data-theme="dark"] .box-dashed-bg,
html[data-theme="dark"] .inline-qr-wrap,
html[data-theme="dark"] .wp-editor-wrap,
html[data-theme="dark"] .wp-editor-tools,
html[data-theme="dark"] .wp-media-buttons .insert-media,
html[data-theme="dark"] .mce-edit-area,
html[data-theme="dark"] .mce-container,
html[data-theme="dark"] .mce-panel,
html[data-theme="dark"] .mail-app-mode .wm-conversation-thread,
html[data-theme="dark"] .mail-app-mode .wm-thread-header,
html[data-theme="dark"] .mail-app-mode .wm-thread-list,
html[data-theme="dark"] .mail-app-mode .wm-thread-item,
html[data-theme="dark"] .wm-content,
html[data-theme="dark"] .wm-compose-body,
html[data-theme="dark"] .auto-card,
html[data-theme="dark"] .auto-shortcodes {
    background: #121a2b !important;
    border-color: var(--border) !important;
    color: var(--text-body) !important;
}

html[data-theme="dark"] .qr-preview-container,
html[data-theme="dark"] .box-dashed-bg,
html[data-theme="dark"] .qr-template-manager,
html[data-theme="dark"] .qr-tpl-box,
html[data-theme="dark"] .qr-logo-upload-box,
html[data-theme="dark"] .auto-shortcodes {
    background: #182235 !important;
}

html[data-theme="dark"] .inline-qr-wrap {
    background: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .2) !important;
}

html[data-theme="dark"] .btn-qr-type,
html[data-theme="dark"] .sl-stats-close,
html[data-theme="dark"] .wm-btn-sync,
html[data-theme="dark"] .wm-btn-bulk-delete,
html[data-theme="dark"] .wp-media-buttons .insert-media,
html[data-theme="dark"] .mail-app-mode .wm-thread-item:hover,
html[data-theme="dark"] .mail-app-mode .wm-thread-item.wm-thread-current {
    background: #182235 !important;
    border-color: var(--border) !important;
    color: var(--text-body) !important;
}

html[data-theme="dark"] .btn-qr-type:hover,
html[data-theme="dark"] .btn-qr-type.active,
html[data-theme="dark"] .wp-media-buttons .insert-media:hover,
html[data-theme="dark"] .mail-app-mode .wm-thread-item:hover,
html[data-theme="dark"] .mail-app-mode .wm-thread-item.wm-thread-current {
    background: rgba(139, 181, 255, .14) !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .mail-app-mode .wm-thread-item,
html[data-theme="dark"] .mail-app-mode .wm-stack-item + .wm-stack-item,
html[data-theme="dark"] .mail-app-mode .wm-settings-table td,
html[data-theme="dark"] .imap-group-wrapper,
html[data-theme="dark"] .auto-card-header,
html[data-theme="dark"] .wm-tpl-actions {
    border-color: var(--border) !important;
}

html[data-theme="dark"] .mail-app-mode .wm-stack-body,
html[data-theme="dark"] .mail-app-mode .wm-stack-body-inner,
html[data-theme="dark"] .mail-app-mode .wm-thread-excerpt,
html[data-theme="dark"] .auto-card-desc,
html[data-theme="dark"] .wm-save-status,
html[data-theme="dark"] .tbl-user-text span,
html[data-theme="dark"] .wm-read-date-text,
html[data-theme="dark"] .mv-ctx-shortcut {
    color: var(--text-light) !important;
}

html[data-theme="dark"] .mail-app-mode .wm-stack-me,
html[data-theme="dark"] .mail-app-mode .wm-conv-count,
html[data-theme="dark"] .wm-nav li.active {
    background: rgba(139, 181, 255, .14) !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .wm-btn-circle.danger,
html[data-theme="dark"] .wm-btn-outline-danger,
html[data-theme="dark"] .mail-app-mode .wm-stack-tool.is-danger:hover,
html[data-theme="dark"] .wm-tpl-btn-delete {
    background: rgba(239, 68, 68, .14) !important;
    border-color: rgba(239, 68, 68, .34) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .wm-tpl-btn-edit,
html[data-theme="dark"] .wm-btn-outline-secondary {
    background: rgba(139, 181, 255, .12) !important;
    border-color: rgba(139, 181, 255, .26) !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .wm-switch-slider,
html[data-theme="dark"] .qr-switch-slider {
    background-color: #334155 !important;
}

html[data-theme="dark"] :is(.wm-switch, .qr-switch) input:checked + :is(.wm-switch-slider, .qr-switch-slider) {
    background: var(--vibe-gradient) !important;
}

html[data-theme="dark"] .mail-app-mode .wm-thread-list::-webkit-scrollbar-track,
html[data-theme="dark"] .mail-app-mode .wm-stack-list::-webkit-scrollbar-track,
html[data-theme="dark"] .seo-content::-webkit-scrollbar-track {
    background: #0f1728;
}

html[data-theme="dark"] .mail-app-mode .wm-thread-list::-webkit-scrollbar-thumb,
html[data-theme="dark"] .mail-app-mode .wm-stack-list::-webkit-scrollbar-thumb,
html[data-theme="dark"] .seo-content::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 999px;
}

/* Component precision fixes */
html[data-theme="dark"] .hero-domain-checker,
html[data-theme="dark"] .domain-checker-box,
html[data-theme="dark"] .domain-check-wrapper {
    background: rgba(15, 23, 40, .72) !important;
    border: 1px solid #2b3850 !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .28) !important;
}

html[data-theme="dark"] :is(
    .hero-domain-checker .domain-input,
    .cta-domain-checker .domain-input,
    .domain-checker-box .dc-input,
    .domain-check-wrapper .dc-input,
    .domain-check-input
) {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: var(--text-main) !important;
}

html[data-theme="dark"] :is(
    .hero-domain-checker .domain-input,
    .cta-domain-checker .domain-input,
    .domain-checker-box .dc-input,
    .domain-check-wrapper .dc-input,
    .domain-check-input
):focus {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .hero-domain-checker .checker-input-group,
html[data-theme="dark"] .cta-domain-checker .checker-input-group,
html[data-theme="dark"] .domain-checker-box .dc-input-group,
html[data-theme="dark"] .domain-check-wrapper .dc-input-group {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .cta-domain-checker,
html[data-theme="dark"] #cta-checker-box {
    background: rgba(15, 23, 40, .24) !important;
    border: 1px solid rgba(255, 255, 255, .28) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 16px 34px rgba(0, 0, 0, .18) !important;
}

html[data-theme="dark"] #cta-domain-input,
html[data-theme="dark"] .cta-domain-checker .domain-input {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    color: #ffffff !important;
    caret-color: #ffffff;
}

html[data-theme="dark"] #cta-domain-input:focus,
html[data-theme="dark"] .cta-domain-checker .domain-input:focus {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .cta-domain-checker .domain-prefix {
    color: rgba(238, 244, 255, .78) !important;
}

html[data-theme="dark"] #cta-btn-action.state-check,
html[data-theme="dark"] .cta-domain-checker .btn-cta-action.state-check {
    background: var(--vibe-gradient) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    box-shadow: 0 2px 8px rgba(124, 92, 255, .2) !important;
}

html[data-theme="dark"] #cta-btn-action.state-check:hover,
html[data-theme="dark"] .cta-domain-checker .btn-cta-action.state-check:hover {
    filter: brightness(1.04);
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(124, 92, 255, .26) !important;
}

html[data-theme="dark"] .google-auth-wrapper {
    min-height: 54px;
    padding: 7px;
    background: #0f1728;
    border: 1px solid var(--border);
    border-radius: 18px;
}

html[data-theme="dark"] .google-auth-wrapper > div,
html[data-theme="dark"] .google-auth-wrapper iframe {
    border-radius: 999px !important;
}

html[data-theme="dark"] .user-table tbody tr,
html[data-theme="dark"] .user-table tbody td {
    background: #121a2b !important;
    color: var(--text-body) !important;
}

html[data-theme="dark"] .user-table tbody tr:hover,
html[data-theme="dark"] .user-table tbody tr:hover td {
    background: #182235 !important;
    color: var(--text-main) !important;
}

html[data-theme="dark"] .user-table tbody tr:hover :is(.text-primary, .font-mono, a) {
    color: var(--primary) !important;
}

html[data-theme="dark"] .back-to-top {
    box-shadow: 0 12px 28px rgba(124, 92, 255, .34);
}

html[data-theme="dark"] img {
    opacity: .96;
}

html[data-theme="dark"] .cta-gradient-box,
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .popular-tag,
html[data-theme="dark"] .mb-center-btn,
html[data-theme="dark"] .btn-check-domain,
html[data-theme="dark"] .btn-check-action {
    color: #ffffff;
}

html[data-theme="dark"] .cta-gradient-box h2,
html[data-theme="dark"] .cta-gradient-box p,
html[data-theme="dark"] .cta-note,
html[data-theme="dark"] .btn-outline-white {
    color: #ffffff !important;
}

@media (max-width: 991px) {
    html[data-theme="dark"] .user-header-dropdown.active .user-dropdown-menu {
        background: #121a2b;
        border-color: var(--border);
    }
}

/* Admin controls - dark mode parity */
html[data-theme="dark"] .dashboard-section :is(.btn-outline, .btn-manage-cats) {
    background: #182235 !important;
    border-color: var(--border) !important;
    color: var(--text-body) !important;
}

html[data-theme="dark"] .dashboard-section .btn-toolbar-icon {
    background: #182235 !important;
    border-color: var(--border) !important;
    color: var(--text-body) !important;
}

html[data-theme="dark"] .dashboard-section .btn-toolbar-icon:hover {
    background: #1d2940 !important;
    border-color: rgba(139, 181, 255, .36) !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .dashboard-section .btn-toolbar-icon.btn-toolbar-primary {
    background: var(--vibe-gradient) !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(124, 92, 255, .18);
}

html[data-theme="dark"] .dashboard-section .btn-toolbar-icon.btn-toolbar-primary:hover {
    color: #fff !important;
    filter: brightness(1.04);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(124, 92, 255, .26) !important;
}

html[data-theme="dark"] .dashboard-section .btn-toolbar-icon.btn-toolbar-primary:focus-visible {
    background: var(--vibe-gradient) !important;
    border: 0 !important;
    color: #fff !important;
    transform: none;
    box-shadow: var(--mv-btn-focus) !important;
}

html[data-theme="dark"] .dashboard-section .btn-toolbar-icon.btn-toolbar-danger {
    background: rgba(239, 68, 68, .12) !important;
    border-color: rgba(248, 113, 113, .32) !important;
    color: #f87171 !important;
}

html[data-theme="dark"] .dashboard-section :is(.btn-outline, .btn-manage-cats):hover {
    background: #1d2940 !important;
    border-color: rgba(139, 181, 255, .36) !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .dashboard-section .btn-danger {
    background: rgba(239, 68, 68, .12) !important;
    border-color: rgba(248, 113, 113, .32) !important;
    color: #f87171 !important;
}

html[data-theme="dark"] .dashboard-section .btn-danger:hover {
    background: rgba(239, 68, 68, .2) !important;
    border-color: rgba(248, 113, 113, .5) !important;
    color: #fecaca !important;
}

html[data-theme="dark"] .dashboard-section .btn-cat-action {
    background: #182235 !important;
    border-color: var(--border) !important;
    color: var(--text-body) !important;
}

html[data-theme="dark"] .dashboard-section .btn-cat-action:hover {
    background: #1d2940 !important;
    border-color: rgba(139, 181, 255, .36) !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .dashboard-section :is(
    .btn-edit-cat,
    .btn-cat-edit,
    .btn-edit-tpl,
    .btn-user-edit,
    .btn-edit-domain,
    .btn-customer-edit,
    .btn-edit-voucher,
    .btn-edit-post,
    .btn-view-order,
    .btn-view-customer-order,
    .btn-cat-action.text-primary,
    .btn-cat-action.bg-light.text-primary
) {
    background: rgba(139, 181, 255, .12) !important;
    border-color: rgba(139, 181, 255, .3) !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .dashboard-section :is(
    .btn-delete-cat,
    .btn-cat-delete,
    .btn-delete-tpl,
    .btn-user-delete,
    .btn-delete-domain,
    .btn-delete-order,
    .btn-delete-voucher,
    .btn-delete-post,
    .btn-cat-action.text-danger,
    .btn-cat-action.btn-delete
) {
    background: rgba(239, 68, 68, .12) !important;
    border-color: rgba(248, 113, 113, .32) !important;
    color: #f87171 !important;
}

html[data-theme="dark"] .dashboard-section .btn-icon.btn-edit {
    background: rgba(139, 181, 255, .12) !important;
    border-color: rgba(139, 181, 255, .3) !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .dashboard-section .btn-icon.btn-delete {
    background: rgba(239, 68, 68, .12) !important;
    border-color: rgba(248, 113, 113, .32) !important;
    color: #f87171 !important;
}

html[data-theme="dark"] :is(.modal-content, .modal-header, .modal-body-scroll) {
    background: #121a2b !important;
    border-color: var(--border) !important;
}

html[data-theme="dark"] :is(.modal-footer, .detail-modal-footer, .modal-action-wrap, .modal-body-scroll form > .text-center.mt-4, .modal-body-scroll form > .mt-4:last-child) {
    background: #0f1728 !important;
    border-color: var(--border) !important;
}

html[data-theme="dark"] .btn-close-modal {
    background: #182235 !important;
    border-color: var(--border) !important;
    color: var(--text-body) !important;
}

html[data-theme="dark"] .btn-close-modal:hover {
    background: #1d2940 !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] body.seo-app-mode .btn-action-circle,
html[data-theme="dark"] body.mail-app-mode .btn-action-circle {
    background: #182235 !important;
    border-color: var(--border) !important;
    color: var(--text-body) !important;
}

html[data-theme="dark"] body.seo-app-mode .btn-action-circle:hover,
html[data-theme="dark"] body.mail-app-mode .btn-action-circle:hover {
    background: #1d2940 !important;
    border-color: rgba(139, 181, 255, .36) !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] body.seo-app-mode .btn-action-circle.text-danger,
html[data-theme="dark"] body.mail-app-mode .btn-action-circle.text-danger {
    background: rgba(239, 68, 68, .12) !important;
    border-color: rgba(248, 113, 113, .32) !important;
    color: #f87171 !important;
}

html[data-theme="dark"] body.seo-app-mode :is(.sl-stats-content, .sl-stats-header),
html[data-theme="dark"] body.mail-app-mode :is(.sl-stats-content, .sl-stats-header) {
    background: #121a2b !important;
    border-color: var(--border) !important;
}

html[data-theme="dark"] body.seo-app-mode .sl-stats-body,
html[data-theme="dark"] body.mail-app-mode .sl-stats-body {
    background: #0f1728 !important;
}

html[data-theme="dark"] body.seo-app-mode .sl-stats-close,
html[data-theme="dark"] body.mail-app-mode .sl-stats-close {
    background: #182235 !important;
    border-color: var(--border) !important;
    color: var(--text-body) !important;
}

html[data-theme="dark"] body.seo-app-mode .sl-stats-close:hover,
html[data-theme="dark"] body.mail-app-mode .sl-stats-close:hover {
    background: #1d2940 !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .seo-perm-badge.is-on {
    background: rgba(139, 181, 255, .12) !important;
    border-color: rgba(139, 181, 255, .3) !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] .seo-perm-badge.is-off,
html[data-theme="dark"] .admin-seo-thumb {
    background: #182235 !important;
    border-color: var(--border) !important;
    color: var(--text-light) !important;
}

html[data-theme="dark"] .btn-copy {
    background: #182235 !important;
    border-color: var(--border) !important;
    color: var(--text-body) !important;
}

html[data-theme="dark"] .btn-copy:hover {
    background: #1d2940 !important;
    border-color: rgba(139, 181, 255, .36) !important;
    color: var(--primary) !important;
}

/* Mobile Modal Dark Mode */
html[data-theme="dark"] .user-info-mini {
    background: #182235 !important;
    border-color: var(--border) !important;
}
html[data-theme="dark"] .user-info-mini strong {
    color: var(--primary) !important;
}
html[data-theme="dark"] .mb-account-modal-links .dropdown-item {
    background: #182235 !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border) !important;
}
html[data-theme="dark"] .mb-account-modal-links .dropdown-item:hover {
    background: #1d2940 !important;
    color: var(--primary) !important;
}
html[data-theme="dark"] .mb-theme-toggle-row {
    border-color: var(--border) !important;
}
html[data-theme="dark"] .mb-close-btn {
    background: #182235 !important;
    color: #94a3b8 !important;
}
html[data-theme="dark"] .mb-close-btn:hover {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #ef4444 !important;
}

html.mv-theme-switching.mv-theme-switching:is(html, #mv-theme-transition-lock#mv-theme-transition-lock),
html.mv-theme-switching.mv-theme-switching :is(*, #mv-theme-transition-lock#mv-theme-transition-lock),
html.mv-theme-switching.mv-theme-switching :is(*, #mv-theme-transition-lock#mv-theme-transition-lock)::before,
html.mv-theme-switching.mv-theme-switching :is(*, #mv-theme-transition-lock#mv-theme-transition-lock)::after {
    transition-property: none !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
    animation-duration: 0s !important;
    animation-delay: 0s !important;
}

/* Automatic voucher highlights */
html[data-theme="dark"] .pricing-card.pricing-card-sale,
html[data-theme="dark"] .price-option.has-sale {
    background: linear-gradient(180deg, #121a2b 0%, rgba(22, 163, 74, 0.1) 100%) !important;
    border-color: rgba(34, 197, 94, 0.32) !important;
}

html[data-theme="dark"] .pricing-card-sale .plan-price.is-sale,
html[data-theme="dark"] .pricing-card-sale .plan-sale-badge,
html[data-theme="dark"] .price-option.has-sale .price,
html[data-theme="dark"] .price-option.has-sale .plan-sale-badge,
html[data-theme="dark"] .plan-summary-item .plan-sale-badge {
    color: #86efac !important;
}

html[data-theme="dark"] .pricing-card-sale .plan-sale-badge,
html[data-theme="dark"] .price-option.has-sale .plan-sale-badge,
html[data-theme="dark"] .plan-summary-item .plan-sale-badge {
    background: rgba(34, 197, 94, 0.12) !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
}

/* Showcase custom-template modal uses the shared modal classes. */
html[data-theme="dark"] #mv-template-request-modal.modal-overlay {
    background: rgba(2, 6, 23, .72) !important;
}

html[data-theme="dark"] #mv-template-request-modal .modal-content {
    background: #121a2b !important;
    border-color: var(--border) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .42) !important;
}

html[data-theme="dark"] #mv-template-request-modal .modal-header,
html[data-theme="dark"] #mv-template-request-modal .modal-body-scroll {
    background: #121a2b !important;
    border-color: var(--border) !important;
}

html[data-theme="dark"] #mv-template-request-modal .modal-header .text-light {
    color: var(--text-light) !important;
}

html[data-theme="dark"] #mv-template-request-modal .modal-header h3,
html[data-theme="dark"] #mv-template-request-form .editor-label {
    color: var(--text-main) !important;
}

html[data-theme="dark"] #mv-template-request-modal .btn-close-modal {
    background: #182235 !important;
    border-color: var(--border) !important;
    color: #94a3b8 !important;
}

html[data-theme="dark"] #mv-template-request-modal .btn-close-modal:hover {
    background: #1d2940 !important;
    color: var(--primary) !important;
}

html[data-theme="dark"] #mv-template-request-modal .detail-info-box {
    background: rgba(139, 181, 255, .1) !important;
    border-color: rgba(139, 181, 255, .34) !important;
    border-left-color: #8bb5ff !important;
    color: #dbeafe !important;
    box-shadow: none !important;
}

html[data-theme="dark"] #mv-template-request-form .checkbox-line {
    background: #121a2b !important;
    border-color: var(--border) !important;
    color: var(--text-body) !important;
}

html[data-theme="dark"] #mv-template-request-form .checkbox-line:hover,
html[data-theme="dark"] #mv-template-request-form .checkbox-line:has(input:checked) {
    background: rgba(139, 181, 255, .12) !important;
    border-color: rgba(139, 181, 255, .28) !important;
    color: #bfdbfe !important;
}

html[data-theme="dark"] #mv-template-request-form input[type="text"],
html[data-theme="dark"] #mv-template-request-form input[type="email"],
html[data-theme="dark"] #mv-template-request-form input[type="tel"],
html[data-theme="dark"] #mv-template-request-form select,
html[data-theme="dark"] #mv-template-request-form textarea {
    background: #0b1222 !important;
    border-color: var(--border) !important;
    color: var(--text-main) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] #mv-template-request-form input::placeholder,
html[data-theme="dark"] #mv-template-request-form textarea::placeholder {
    color: #73839b !important;
}

html[data-theme="dark"] #mv-template-request-modal .modal-footer {
    background: #0f1728 !important;
    border-color: var(--border) !important;
}