/**
 * Dark mode — Oranos soft charcoal + teal brand
 */

/* ── CSS Variables ── */
[data-theme="dark"],
html.satoads-dark {
    color-scheme: dark;

    --satoads-primary: #4aa3c7;
    --satoads-primary-dark: #6bb8d6;
    --satoads-primary-soft: rgba(74, 163, 199, 0.16);
    --satoads-accent: #6bb8d6;

    --satoads-bg: #1b1e24;
    --satoads-bg-accent: #1f232b;
    --satoads-surface: #242830;
    --satoads-surface-elevated: #2a2f38;
    --satoads-surface-2: #2a2f38;
    --satoads-surface-hover: #2e333d;
    --satoads-text: #e6e8ec;
    --satoads-text-muted: #9aa3b2;
    --satoads-border: #343a45;
    --satoads-border-subtle: #2e333d;
    --satoads-header-bg: rgba(31, 35, 43, 0.94);
    --satoads-footer-bg: #15181e;
    --satoads-input-bg: #1f232b;
    --satoads-shadow: 0 6px 24px rgba(0, 0, 0, 0.38);
    --satoads-shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.28);
    --satoads-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4);
    --satoads-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.45);
    --satoads-radius: 12px;
    --satoads-radius-lg: 16px;
    --satoads-sidebar-bg: #1f232b;
    --satoads-sidebar-text: #d5dae3;
    --satoads-sidebar-muted: #8b95a5;
    --satoads-sidebar-border: rgba(255, 255, 255, 0.07);
    --satoads-sidebar-hover: rgba(74, 163, 199, 0.12);
    --satoads-sidebar-active: rgba(74, 163, 199, 0.2);
}

/* ── Base ── */
[data-theme="dark"] body,
html.satoads-dark body {
    background-color: var(--satoads-bg);
    background-image: none;
    color: var(--satoads-text);
}

[data-theme="dark"] ::selection,
html.satoads-dark ::selection {
    background: rgba(74, 163, 199, 0.35);
    color: #fff;
}

/* ── Header & Navigation ── */
[data-theme="dark"] .satoads-header,
[data-theme="dark"] .satoads-topbar,
html.satoads-dark .satoads-header,
html.satoads-dark .satoads-topbar {
    background: var(--satoads-header-bg);
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border-color: var(--satoads-border);
    box-shadow: none;
    border-bottom: 1px solid var(--satoads-border);
}

[data-theme="dark"] .satoads-btn-primary,
[data-theme="dark"] .mps-btn-primary,
[data-theme="dark"] .mps-order-submit,
[data-theme="dark"] .mps-confirm-yes,
html.satoads-dark .satoads-btn-primary,
html.satoads-dark .mps-btn-primary,
html.satoads-dark .mps-order-submit,
html.satoads-dark .mps-confirm-yes {
    background: var(--satoads-primary);
    background-image: none;
    box-shadow: 0 8px 20px rgba(74, 163, 199, 0.22);
    color: #fff;
}

[data-theme="dark"] .satoads-btn-primary:hover:not(:disabled),
[data-theme="dark"] .mps-btn-primary:hover:not(:disabled),
[data-theme="dark"] .mps-order-submit:hover:not(:disabled),
[data-theme="dark"] .mps-confirm-yes:hover,
html.satoads-dark .satoads-btn-primary:hover:not(:disabled),
html.satoads-dark .mps-btn-primary:hover:not(:disabled),
html.satoads-dark .mps-order-submit:hover:not(:disabled),
html.satoads-dark .mps-confirm-yes:hover {
    background: var(--satoads-primary-dark);
    filter: none;
    box-shadow: 0 10px 24px rgba(74, 163, 199, 0.28);
}

[data-theme="dark"] .satoads-nav,
html.satoads-dark .satoads-nav {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
}

[data-theme="dark"] .satoads-nav.is-open,
html.satoads-dark .satoads-nav.is-open {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
}

[data-theme="dark"] .satoads-menu li a:hover,
[data-theme="dark"] .satoads-menu li.current-menu-item a,
html.satoads-dark .satoads-menu li a:hover,
html.satoads-dark .satoads-menu li.current-menu-item a {
    background: rgba(74, 163, 199, 0.14);
    color: #6bb8d6;
}

[data-theme="dark"] .satoads-topbar-wallet,
html.satoads-dark .satoads-topbar-wallet {
    background: var(--satoads-primary);
    border-color: transparent;
    color: #fff;
}

[data-theme="dark"] .satoads-topbar-wallet:hover,
html.satoads-dark .satoads-topbar-wallet:hover {
    background: var(--satoads-primary-dark);
    border-color: transparent;
    color: #fff;
}

/* ── Buttons ── */
[data-theme="dark"] .satoads-btn-outline,
html.satoads-dark .satoads-btn-outline {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
    box-shadow: var(--satoads-shadow);
}

[data-theme="dark"] .satoads-btn-outline:hover,
html.satoads-dark .satoads-btn-outline:hover {
    background: var(--satoads-surface-hover);
    border-color: rgba(74, 163, 199, 0.45);
    color: #6bb8d6;
}

[data-theme="dark"] .satoads-btn-white,
html.satoads-dark .satoads-btn-white {
    background: var(--satoads-surface-elevated);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}

[data-theme="dark"] .satoads-btn-white:hover,
html.satoads-dark .satoads-btn-white:hover {
    background: var(--satoads-surface-hover);
    color: #6bb8d6;
}

[data-theme="dark"] .satoads-btn-ghost:hover,
html.satoads-dark .satoads-btn-ghost:hover {
    background: var(--satoads-surface);
    color: var(--satoads-text);
}

/* ── Cards & Surfaces ── */
[data-theme="dark"] .satoads-post-article,
[data-theme="dark"] .satoads-auth-gate,
[data-theme="dark"] .satoads-notice,
[data-theme="dark"] .satoads-feature-card,
[data-theme="dark"] .satoads-seo-preview,
[data-theme="dark"] .satoads-blog-card,
[data-theme="dark"] .satoads-blog-empty,
html.satoads-dark .satoads-post-article,
html.satoads-dark .satoads-auth-gate,
html.satoads-dark .satoads-notice,
html.satoads-dark .satoads-feature-card,
html.satoads-dark .satoads-seo-preview,
html.satoads-dark .satoads-blog-card,
html.satoads-dark .satoads-blog-empty {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
    box-shadow: var(--satoads-shadow-md);
}

[data-theme="dark"] .satoads-feature-card:hover,
html.satoads-dark .satoads-feature-card:hover {
    border-color: rgba(74, 163, 199, 0.3);
    box-shadow: 0 8px 28px rgba(74, 163, 199, 0.1), var(--satoads-shadow-md);
}

[data-theme="dark"] .satoads-feature-card h3,
html.satoads-dark .satoads-feature-card h3 {
    color: var(--satoads-text);
}

/* ── Hero sections ── */
[data-theme="dark"] .satoads-hero,
[data-theme="dark"] .satoads-store-hero,
html.satoads-dark .satoads-hero,
html.satoads-dark .satoads-store-hero {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
}

[data-theme="dark"] .satoads-hero-badge,
html.satoads-dark .satoads-hero-badge {
    background: rgba(74, 163, 199, 0.12);
    border-color: rgba(74, 163, 199, 0.25);
    color: #6bb8d6;
}

[data-theme="dark"] .satoads-store-hero,
html.satoads-dark .satoads-store-hero {
    background: linear-gradient(135deg, rgba(74, 163, 199, 0.08) 0%, var(--satoads-surface) 100%);
}

[data-theme="dark"] .satoads-store-hero .satoads-hero-badge,
html.satoads-dark .satoads-store-hero .satoads-hero-badge {
    background: rgba(74, 163, 199, 0.12);
    border-color: rgba(74, 163, 199, 0.25);
    color: #6bb8d6;
}

[data-theme="dark"] .satoads-hero-title,
[data-theme="dark"] .satoads-page-title,
[data-theme="dark"] .satoads-topbar-title,
html.satoads-dark .satoads-hero-title,
html.satoads-dark .satoads-page-title,
html.satoads-dark .satoads-topbar-title {
    color: var(--satoads-text);
}

[data-theme="dark"] .satoads-hero-card,
[data-theme="dark"] .satoads-hero-card-3,
html.satoads-dark .satoads-hero-card,
html.satoads-dark .satoads-hero-card-3 {
    background: var(--satoads-surface-elevated);
    border-color: var(--satoads-border);
    box-shadow: var(--satoads-shadow-md);
}

[data-theme="dark"] .satoads-hero-card-3,
html.satoads-dark .satoads-hero-card-3 {
    background: rgba(74, 163, 199, 0.08);
    border-color: rgba(74, 163, 199, 0.2);
}

/* Landing hero */
[data-theme="dark"] .sato-hero,
html.satoads-dark .sato-hero {
    background: linear-gradient(135deg, #1a4a63 0%, #1f7fac 48%, #145a78 100%);
}

[data-theme="dark"] .sato-cat-chip,
[data-theme="dark"] .sato-home-card,
[data-theme="dark"] .sato-popular-cat-card,
html.satoads-dark .sato-cat-chip,
html.satoads-dark .sato-home-card,
html.satoads-dark .sato-popular-cat-card {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    box-shadow: var(--satoads-shadow-md);
}

[data-theme="dark"] .sato-cat-chip:hover,
[data-theme="dark"] .sato-popular-cat-card:hover,
html.satoads-dark .sato-cat-chip:hover,
html.satoads-dark .sato-popular-cat-card:hover {
    border-color: rgba(74, 163, 199, 0.4);
    box-shadow: 0 0 0 1px rgba(74, 163, 199, 0.2);
}

[data-theme="dark"] .sato-home-card:hover,
html.satoads-dark .sato-home-card:hover {
    border-color: rgba(74, 163, 199, 0.32);
}

[data-theme="dark"] .sato-home-card-thumb,
html.satoads-dark .sato-home-card-thumb {
    background: var(--satoads-surface-elevated);
}

[data-theme="dark"] .sato-home-card-name,
[data-theme="dark"] .sato-popular-cats-title,
[data-theme="dark"] .sato-section-title,
html.satoads-dark .sato-home-card-name,
html.satoads-dark .sato-popular-cats-title,
html.satoads-dark .sato-section-title {
    color: var(--satoads-text);
}

[data-theme="dark"] .sato-home-card-price,
html.satoads-dark .sato-home-card-price {
    color: #6bb8d6;
}

[data-theme="dark"] .sato-section-more,
html.satoads-dark .sato-section-more {
    background: rgba(74, 163, 199, 0.12);
    color: #6bb8d6;
}

[data-theme="dark"] .sato-section-more:hover,
html.satoads-dark .sato-section-more:hover {
    background: rgba(74, 163, 199, 0.2);
    color: #8ecae6;
}

[data-theme="dark"] .satoads-header.is-scrolled,
html.satoads-dark .satoads-header.is-scrolled {
    background: rgba(13, 13, 13, 0.96);
    box-shadow: none;
    border-bottom-color: var(--satoads-border);
}

[data-theme="dark"] .satoads-cta-band,
html.satoads-dark .satoads-cta-band {
    background:
        radial-gradient(ellipse 70% 120% at 100% 50%, rgba(74, 163, 199, 0.18), transparent 55%),
        linear-gradient(135deg, #141414 0%, #1a1a1a 48%, #222222 100%);
    border-top: 1px solid var(--satoads-border);
    border-bottom: 1px solid var(--satoads-border);
}

[data-theme="dark"] .sato-trust-card,
[data-theme="dark"] .sato-trust-bar-item,
html.satoads-dark .sato-trust-card,
html.satoads-dark .sato-trust-bar-item {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    box-shadow: var(--satoads-shadow-md);
}

[data-theme="dark"] .sato-trust-card-icon,
[data-theme="dark"] .sato-trust-bar-icon,
html.satoads-dark .sato-trust-card-icon,
html.satoads-dark .sato-trust-bar-icon {
    background: rgba(74, 163, 199, 0.12);
    color: #6bb8d6;
}

/* ── Footer ── */
[data-theme="dark"] .satoads-footer,
html.satoads-dark .satoads-footer {
    background: var(--satoads-footer-bg);
    border-color: var(--satoads-border-subtle);
}

[data-theme="dark"] .satoads-footer-grid,
html.satoads-dark .satoads-footer-grid {
    border-color: var(--satoads-border-subtle);
}

[data-theme="dark"] .satoads-footer-mini,
html.satoads-dark .satoads-footer-mini {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
}

[data-theme="dark"] .satoads-footer-mini .satoads-theme-version,
html.satoads-dark .satoads-footer-mini .satoads-theme-version {
    background: var(--satoads-bg);
    border-color: var(--satoads-border);
    color: var(--satoads-text-muted);
}

/* ── Sidebar ── */
[data-theme="dark"] .satoads-sidebar,
html.satoads-dark .satoads-sidebar {
    background:
        linear-gradient(180deg, rgba(74, 163, 199, 0.12) 0%, var(--satoads-sidebar-bg) 40%, var(--satoads-sidebar-bg) 100%);
    border-color: var(--satoads-sidebar-border);
    box-shadow: -8px 0 28px rgba(0, 0, 0, 0.28);
    color: var(--satoads-sidebar-text);
}

[data-theme="dark"] .satoads-sidebar::before,
html.satoads-dark .satoads-sidebar::before {
    background: radial-gradient(circle, rgba(74, 163, 199, 0.18) 0%, rgba(74, 163, 199, 0) 70%);
}

[data-theme="dark"] .satoads-sidebar-brand,
[data-theme="dark"] .satoads-sidebar-bottom,
html.satoads-dark .satoads-sidebar-brand,
html.satoads-dark .satoads-sidebar-bottom {
    border-color: var(--satoads-sidebar-border);
}

[data-theme="dark"] .satoads-sidebar-brand-text strong,
html.satoads-dark .satoads-sidebar-brand-text strong {
    color: var(--satoads-primary);
}

[data-theme="dark"] .satoads-sidebar-link,
html.satoads-dark .satoads-sidebar-link {
    color: var(--satoads-sidebar-text);
}

[data-theme="dark"] .satoads-sidebar-link:hover,
html.satoads-dark .satoads-sidebar-link:hover {
    background: var(--satoads-sidebar-hover);
    color: var(--satoads-primary-dark);
}

[data-theme="dark"] .satoads-sidebar-link.is-active,
html.satoads-dark .satoads-sidebar-link.is-active {
    background: var(--satoads-sidebar-active);
    color: var(--satoads-primary-dark);
    box-shadow: inset 0 0 0 1px rgba(74, 163, 199, 0.18);
}

[data-theme="dark"] .satoads-sidebar-icon,
html.satoads-dark .satoads-sidebar-icon {
    background: rgba(255, 255, 255, 0.04);
    color: var(--satoads-primary);
}

[data-theme="dark"] .satoads-sidebar-link.is-active .satoads-sidebar-icon,
html.satoads-dark .satoads-sidebar-link.is-active .satoads-sidebar-icon {
    background: var(--satoads-primary);
    color: #fff;
}

[data-theme="dark"] .satoads-sidebar-user-info strong,
html.satoads-dark .satoads-sidebar-user-info strong {
    color: var(--satoads-text);
}

[data-theme="dark"] .satoads-sidebar-collapse,
[data-theme="dark"] .satoads-sidebar-logout,
[data-theme="dark"] .satoads-sidebar-register,
html.satoads-dark .satoads-sidebar-collapse,
html.satoads-dark .satoads-sidebar-logout,
html.satoads-dark .satoads-sidebar-register {
    background: var(--satoads-surface);
    border-color: var(--satoads-sidebar-border);
    color: var(--satoads-sidebar-muted);
}

[data-theme="dark"] .satoads-sidebar-collapse:hover,
html.satoads-dark .satoads-sidebar-collapse:hover {
    background: var(--satoads-primary);
    border-color: var(--satoads-primary);
    color: #fff;
}

/* Cursor-like flat cards & inputs */
[data-theme="dark"] .mps-product-card,
[data-theme="dark"] .mps-category-card,
[data-theme="dark"] .sato-home-card,
[data-theme="dark"] .sato-popular-cat-card,
[data-theme="dark"] .mps-order-card,
[data-theme="dark"] .mps-wallet-card:not(.mps-wallet-card-primary),
html.satoads-dark .mps-product-card,
html.satoads-dark .mps-category-card,
html.satoads-dark .sato-home-card,
html.satoads-dark .sato-popular-cat-card,
html.satoads-dark .mps-order-card,
html.satoads-dark .mps-wallet-card:not(.mps-wallet-card-primary) {
    background: var(--satoads-surface);
    border: 1px solid var(--satoads-border);
    box-shadow: none;
    border-radius: 12px;
}

[data-theme="dark"] .mps-form-group input,
[data-theme="dark"] .mps-form-group select,
[data-theme="dark"] .mps-form-group textarea,
[data-theme="dark"] .mps-store-search input,
[data-theme="dark"] .mps-qty-stepper,
html.satoads-dark .mps-form-group input,
html.satoads-dark .mps-form-group select,
html.satoads-dark .mps-form-group textarea,
html.satoads-dark .mps-store-search input,
html.satoads-dark .mps-qty-stepper {
    background: var(--satoads-input-bg);
    border-color: var(--satoads-border);
    box-shadow: none;
}

[data-theme="dark"] .mps-modal-total,
html.satoads-dark .mps-modal-total {
    background: var(--satoads-surface-elevated);
    border-color: var(--satoads-border);
    background-image: none;
}

/* ── Notices & Alerts ── */
[data-theme="dark"] .satoads-notice-warn,
html.satoads-dark .satoads-notice-warn {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.25);
    color: #fcd34d;
}

[data-theme="dark"] .satoads-auth-alert-info,
html.satoads-dark .satoads-auth-alert-info {
    background: rgba(74, 163, 199, 0.12);
    border-color: rgba(74, 163, 199, 0.25);
    color: #6bb8d6;
}

[data-theme="dark"] .satoads-auth-alert-error,
html.satoads-dark .satoads-auth-alert-error {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.28);
    color: #fca5a5;
}

[data-theme="dark"] .satoads-auth-alert-success,
html.satoads-dark .satoads-auth-alert-success {
    background: rgba(52, 211, 153, 0.1);
    border-color: rgba(52, 211, 153, 0.25);
    color: #6ee7b7;
}

/* ── Auth ── */
[data-theme="dark"] .satoads-auth-card,
html.satoads-dark .satoads-auth-card {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    box-shadow: var(--satoads-shadow-lg);
}

[data-theme="dark"] .satoads-auth-input,
[data-theme="dark"] .mps-input,
html.satoads-dark .satoads-auth-input,
html.satoads-dark .mps-input {
    background: var(--satoads-input-bg);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}

[data-theme="dark"] .satoads-auth-input:focus,
html.satoads-dark .satoads-auth-input:focus {
    background: var(--satoads-surface-elevated);
    box-shadow: 0 0 0 3px rgba(74, 163, 199, 0.2);
}

/* ── Blog pagination ── */
[data-theme="dark"] .satoads-blog-pagination .page-numbers:not(.current),
html.satoads-dark .satoads-blog-pagination .page-numbers:not(.current) {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}

[data-theme="dark"] .satoads-blog-pagination .page-numbers:not(.current):hover,
html.satoads-dark .satoads-blog-pagination .page-numbers:not(.current):hover {
    border-color: rgba(74, 163, 199, 0.4);
    color: #6bb8d6;
}

/* ── Language switcher ── */
[data-theme="dark"] .satoads-lang-toggle,
html.satoads-dark .satoads-lang-toggle {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03);
}

[data-theme="dark"] .satoads-lang-globe,
html.satoads-dark .satoads-lang-globe {
    background: rgba(74, 163, 199, 0.14);
    color: #6bb8d6;
}

[data-theme="dark"] .satoads-lang-label,
html.satoads-dark .satoads-lang-label {
    color: var(--satoads-text-muted);
}

[data-theme="dark"] .satoads-lang-menu,
html.satoads-dark .satoads-lang-menu {
    background: var(--satoads-surface-elevated);
    border-color: var(--satoads-border);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .satoads-lang-toggle:hover,
[data-theme="dark"] .satoads-lang--dropdown.is-open .satoads-lang-toggle,
html.satoads-dark .satoads-lang-toggle:hover,
html.satoads-dark .satoads-lang--dropdown.is-open .satoads-lang-toggle {
    background: rgba(74, 163, 199, 0.1);
    border-color: rgba(74, 163, 199, 0.35);
    color: #8ecae6;
    box-shadow: 0 0 0 3px rgba(74, 163, 199, 0.12);
}

[data-theme="dark"] .satoads-lang-option:hover,
html.satoads-dark .satoads-lang-option:hover {
    background: rgba(74, 163, 199, 0.1);
    color: #8ecae6;
}

[data-theme="dark"] .satoads-lang-option.is-current,
html.satoads-dark .satoads-lang-option.is-current {
    background: rgba(74, 163, 199, 0.14);
    color: #8ecae6;
}

[data-theme="dark"] .satoads-lang-option-code,
html.satoads-dark .satoads-lang-option-code {
    color: var(--satoads-text-muted);
}

/* ── MPS Store: Cards & Grid ── */
[data-theme="dark"] .mps-product-card,
[data-theme="dark"] .mps-order-card,
[data-theme="dark"] .mps-wallet-card:not(.mps-wallet-card-primary),
[data-theme="dark"] .mps-modal-dialog,
[data-theme="dark"] .mps-category-card,
[data-theme="dark"] .mps-confirm-dialog,
html.satoads-dark .mps-product-card,
html.satoads-dark .mps-order-card,
html.satoads-dark .mps-wallet-card:not(.mps-wallet-card-primary),
html.satoads-dark .mps-modal-dialog,
html.satoads-dark .mps-category-card,
html.satoads-dark .mps-confirm-dialog {
    background: var(--satoads-surface);
    border: 1px solid var(--satoads-border);
    color: var(--satoads-text);
    box-shadow: var(--satoads-shadow-md);
}

[data-theme="dark"] .sato-home-card,
[data-theme="dark"] .sato-popular-cat-card,
[data-theme="dark"] .sato-cat-chip,
[data-theme="dark"] .sato-trust-card,
[data-theme="dark"] .satoads-feature-card,
[data-theme="dark"] .satoads-blog-card,
[data-theme="dark"] .satoads-auth-card,
html.satoads-dark .sato-home-card,
html.satoads-dark .sato-popular-cat-card,
html.satoads-dark .sato-cat-chip,
html.satoads-dark .sato-trust-card,
html.satoads-dark .satoads-feature-card,
html.satoads-dark .satoads-blog-card,
html.satoads-dark .satoads-auth-card {
    border: 1px solid var(--satoads-border);
}

[data-theme="dark"] .mps-confirm-backdrop,
html.satoads-dark .mps-confirm-backdrop {
    background: rgba(10, 12, 14, 0.72);
}

[data-theme="dark"] .mps-confirm-close,
html.satoads-dark .mps-confirm-close {
    color: var(--satoads-text-muted);
}

[data-theme="dark"] .mps-confirm-close:hover,
html.satoads-dark .mps-confirm-close:hover {
    background: rgba(255, 255, 255, 0.08);
    color: var(--satoads-text);
}

[data-theme="dark"] .mps-confirm-message,
[data-theme="dark"] .mps-confirm-product-label,
[data-theme="dark"] .mps-confirm-order-meta span,
html.satoads-dark .mps-confirm-message,
html.satoads-dark .mps-confirm-product-label,
html.satoads-dark .mps-confirm-order-meta span {
    color: var(--satoads-text-muted);
}

[data-theme="dark"] .mps-confirm-product,
html.satoads-dark .mps-confirm-product {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--satoads-border);
}

[data-theme="dark"] .mps-confirm-product-name,
[data-theme="dark"] .mps-confirm-order-meta strong,
[data-theme="dark"] .mps-confirm-title,
html.satoads-dark .mps-confirm-product-name,
html.satoads-dark .mps-confirm-order-meta strong,
html.satoads-dark .mps-confirm-title {
    color: var(--satoads-text);
}

[data-theme="dark"] .mps-confirm-no,
html.satoads-dark .mps-confirm-no {
    background: var(--satoads-surface-elevated);
    color: var(--satoads-text);
    border-color: var(--satoads-border);
}

[data-theme="dark"] .mps-confirm-no:hover,
html.satoads-dark .mps-confirm-no:hover {
    border-color: #f87171;
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.1);
}

[data-theme="dark"] .mps-product-card:hover:not(:disabled),
[data-theme="dark"] .mps-category-card:hover,
html.satoads-dark .mps-product-card:hover:not(:disabled),
html.satoads-dark .mps-category-card:hover {
    border-color: rgba(74, 163, 199, 0.35);
    box-shadow: 0 8px 28px rgba(74, 163, 199, 0.12), var(--satoads-shadow-md);
}

[data-theme="dark"] .mps-category-card-thumb,
[data-theme="dark"] .mps-product-thumb,
html.satoads-dark .mps-category-card-thumb,
html.satoads-dark .mps-product-thumb {
    background: var(--satoads-surface-elevated);
}

[data-theme="dark"] .mps-product-details-link,
html.satoads-dark .mps-product-details-link {
    background: rgba(38, 41, 46, 0.94);
    border-color: rgba(255, 255, 255, 0.16);
    color: #6bb8d6;
}

[data-theme="dark"] .mps-product-details-link:hover,
html.satoads-dark .mps-product-details-link:hover {
    background: var(--satoads-primary, #1f7fac);
    border-color: transparent;
    color: #fff;
}

[data-theme="dark"] .mps-product-price,
html.satoads-dark .mps-product-price {
    border-top-color: rgba(255, 255, 255, 0.12);
}

/* ── MPS Store: Search & Forms ── */
[data-theme="dark"] .mps-store-search input,
[data-theme="dark"] .mps-form-group input,
[data-theme="dark"] .mps-form-group select,
[data-theme="dark"] .mps-form-group textarea,
[data-theme="dark"] .mps-topup-form textarea,
html.satoads-dark .mps-store-search input,
html.satoads-dark .mps-form-group input,
html.satoads-dark .mps-form-group select,
html.satoads-dark .mps-form-group textarea,
html.satoads-dark .mps-topup-form textarea {
    background: var(--satoads-input-bg);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}

[data-theme="dark"] .mps-store-search input:focus,
html.satoads-dark .mps-store-search input:focus {
    background: var(--satoads-surface-elevated);
    box-shadow: 0 0 0 3px rgba(74, 163, 199, 0.18);
}

[data-theme="dark"] .mps-form-group input:focus,
[data-theme="dark"] .mps-form-group select:focus,
[data-theme="dark"] .mps-form-group textarea:focus,
html.satoads-dark .mps-form-group input:focus,
html.satoads-dark .mps-form-group select:focus,
html.satoads-dark .mps-form-group textarea:focus {
    box-shadow: 0 0 0 3px rgba(74, 163, 199, 0.18);
}

/* ── MPS Store: Breadcrumb & Navigation ── */
[data-theme="dark"] .mps-store-breadcrumb,
html.satoads-dark .mps-store-breadcrumb {
    background: rgba(74, 163, 199, 0.06);
    border-color: rgba(74, 163, 199, 0.15);
}

[data-theme="dark"] .mps-store-back,
html.satoads-dark .mps-store-back {
    background: var(--satoads-surface-elevated);
    border-color: var(--satoads-border);
    color: #6bb8d6;
}

[data-theme="dark"] .mps-store-back:hover,
html.satoads-dark .mps-store-back:hover {
    background: rgba(74, 163, 199, 0.12);
    border-color: rgba(74, 163, 199, 0.3);
}

[data-theme="dark"] .mps-category-card-name,
[data-theme="dark"] .mps-store-crumb-title,
html.satoads-dark .mps-category-card-name,
html.satoads-dark .mps-store-crumb-title {
    color: var(--satoads-text);
}

/* ── MPS Store: Modal ── */
[data-theme="dark"] .mps-modal-backdrop,
html.satoads-dark .mps-modal-backdrop {
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(4px);
}

[data-theme="dark"] .mps-modal-product,
[data-theme="dark"] .mps-order-product-info,
html.satoads-dark .mps-modal-product,
html.satoads-dark .mps-order-product-info,
body.satoads-dark .mps-modal-product,
body.satoads-dark .mps-order-product-info {
    background: var(--satoads-surface-elevated) !important;
    border-color: var(--satoads-border) !important;
}

[data-theme="dark"] .mps-modal-dialog,
[data-theme="dark"] .mps-confirm-dialog,
html.satoads-dark .mps-modal-dialog,
html.satoads-dark .mps-confirm-dialog {
    background: var(--satoads-surface);
    border: 1px solid var(--satoads-border);
    box-shadow: var(--satoads-shadow-lg);
    border-radius: 12px;
}

[data-theme="dark"] .mps-modal-title,
html.satoads-dark .mps-modal-title,
body.satoads-dark .mps-modal-title {
    color: var(--satoads-text) !important;
}

[data-theme="dark"] .mps-modal-desc,
html.satoads-dark .mps-modal-desc,
body.satoads-dark .mps-modal-desc {
    background: var(--satoads-input-bg, #141414) !important;
    border-color: var(--satoads-border);
    color: var(--satoads-text-muted, #8f8f8f);
}

[data-theme="dark"] .mps-btn-outline,
html.satoads-dark .mps-btn-outline,
body.satoads-dark .mps-btn-outline {
    background: var(--satoads-surface-elevated, #222222);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}

[data-theme="dark"] .mps-modal-close,
html.satoads-dark .mps-modal-close {
    background: var(--satoads-surface-elevated);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}

[data-theme="dark"] .mps-modal-close:hover,
html.satoads-dark .mps-modal-close:hover {
    background: var(--satoads-surface-hover);
}

[data-theme="dark"] .mps-modal-total,
[data-theme="dark"] .mps-code-item,
[data-theme="dark"] .mps-sub-details,
html.satoads-dark .mps-modal-total,
html.satoads-dark .mps-code-item,
html.satoads-dark .mps-sub-details {
    background: var(--satoads-input-bg);
    border-color: var(--satoads-border);
}

[data-theme="dark"] .mps-btn-outline,
html.satoads-dark .mps-btn-outline {
    background: var(--satoads-surface-elevated);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}

[data-theme="dark"] .mps-btn-outline:hover,
html.satoads-dark .mps-btn-outline:hover {
    border-color: rgba(74, 163, 199, 0.4);
    color: #6bb8d6;
}

[data-theme="dark"] .mps-copy-btn,
html.satoads-dark .mps-copy-btn {
    background: var(--satoads-surface-elevated);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}

[data-theme="dark"] .mps-copy-btn:hover,
html.satoads-dark .mps-copy-btn:hover {
    background: var(--satoads-surface-hover);
}

/* ── MPS Store: Wallet ── */
[data-theme="dark"] .mps-wallet-section,
[data-theme="dark"] .mps-wallet-action-btn:not(.mps-wallet-action-store),
html.satoads-dark .mps-wallet-section,
html.satoads-dark .mps-wallet-action-btn:not(.mps-wallet-action-store) {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}

[data-theme="dark"] .mps-wallet-card-icon-accent,
html.satoads-dark .mps-wallet-card-icon-accent {
    background: rgba(74, 163, 199, 0.12);
    color: #6bb8d6;
}

/* ── MPS Store: Deposit ── */
[data-theme="dark"] .mps-deposit-method-card,
html.satoads-dark .mps-deposit-method-card {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
}

[data-theme="dark"] .mps-deposit-gateway-info,
[data-theme="dark"] .mps-deposit-selected-label,
html.satoads-dark .mps-deposit-gateway-info,
html.satoads-dark .mps-deposit-selected-label {
    background: var(--satoads-input-bg);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}

[data-theme="dark"] .mps-deposit-calc-box,
html.satoads-dark .mps-deposit-calc-box {
    background: rgba(52, 211, 153, 0.08);
    border-color: rgba(52, 211, 153, 0.22);
}

[data-theme="dark"] .mps-deposit-calc-label,
html.satoads-dark .mps-deposit-calc-label {
    color: #6ee7b7;
}

[data-theme="dark"] .mps-deposit-calc-value,
html.satoads-dark .mps-deposit-calc-value {
    color: #4aa3c7;
}

[data-theme="dark"] .mps-deposit-copy-btn,
html.satoads-dark .mps-deposit-copy-btn {
    background: var(--satoads-surface-elevated);
    border-color: var(--satoads-border);
    color: #6bb8d6;
}

/* ── MPS Store: Orders ── */
[data-theme="dark"] .mps-orders-toolbar,
[data-theme="dark"] .mps-orders-search,
html.satoads-dark .mps-orders-toolbar,
html.satoads-dark .mps-orders-search {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
}

[data-theme="dark"] .mps-orders-search:focus-within,
html.satoads-dark .mps-orders-search:focus-within {
    background: var(--satoads-input-bg);
}

[data-theme="dark"] .mps-orders-status-chip,
html.satoads-dark .mps-orders-status-chip {
    background: var(--satoads-input-bg);
    border-color: var(--satoads-border);
    color: #cbd5e1;
}

[data-theme="dark"] .mps-order-input-chip,
html.satoads-dark .mps-order-input-chip {
    background: rgba(74, 163, 199, 0.1);
    border-color: rgba(74, 163, 199, 0.22);
    color: #b7d9eb;
}

[data-theme="dark"] .mps-order-body,
html.satoads-dark .mps-order-body {
    border-color: var(--satoads-border);
}

[data-theme="dark"] .mps-order-stat,
html.satoads-dark .mps-order-stat {
    background: var(--satoads-input-bg);
    border-color: var(--satoads-border);
}

[data-theme="dark"] .mps-order-stat-total,
html.satoads-dark .mps-order-stat-total {
    background: rgba(74, 163, 199, 0.1);
    border-color: rgba(74, 163, 199, 0.22);
}

[data-theme="dark"] .mps-order-api-id,
[data-theme="dark"] .mps-order-provider,
[data-theme="dark"] .mps-orders-empty,
html.satoads-dark .mps-order-api-id,
html.satoads-dark .mps-order-provider,
html.satoads-dark .mps-orders-empty {
    background: var(--satoads-input-bg);
    border-color: var(--satoads-border);
    color: var(--satoads-text-muted);
}

[data-theme="dark"] .mps-order-provider,
html.satoads-dark .mps-order-provider {
    background: rgba(74, 163, 199, 0.1);
    border-color: rgba(74, 163, 199, 0.2);
    color: #6bb8d6;
}

[data-theme="dark"] .mps-order-meta strong,
[data-theme="dark"] .mps-tx-type,
[data-theme="dark"] .mps-order-section-title,
[data-theme="dark"] .mps-order-field dd,
html.satoads-dark .mps-order-meta strong,
html.satoads-dark .mps-tx-type,
html.satoads-dark .mps-order-section-title,
html.satoads-dark .mps-order-field dd {
    color: var(--satoads-text);
}

[data-theme="dark"] .mps-order-error,
html.satoads-dark .mps-order-error {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.25);
    color: #fca5a5;
}

/* Status badges */
[data-theme="dark"] .mps-status-processing,
[data-theme="dark"] .mps-status-pending,
html.satoads-dark .mps-status-processing,
html.satoads-dark .mps-status-pending {
    background: rgba(245, 158, 11, 0.12);
    color: #fcd34d;
    border-color: rgba(245, 158, 11, 0.25);
}

[data-theme="dark"] .mps-status-completed,
html.satoads-dark .mps-status-completed {
    background: rgba(52, 211, 153, 0.1);
    color: #6ee7b7;
    border-color: rgba(52, 211, 153, 0.22);
}

[data-theme="dark"] .mps-status-rejected,
[data-theme="dark"] .mps-status-failed,
[data-theme="dark"] .mps-status-cancelled,
html.satoads-dark .mps-status-rejected,
html.satoads-dark .mps-status-failed,
html.satoads-dark .mps-status-cancelled {
    background: rgba(239, 68, 68, 0.1);
    color: #fca5a5;
    border-color: rgba(239, 68, 68, 0.25);
}

/* Form messages */
[data-theme="dark"] .mps-form-msg-ok,
[data-theme="dark"] .mps-order-msg-ok,
html.satoads-dark .mps-form-msg-ok,
html.satoads-dark .mps-order-msg-ok {
    background: rgba(52, 211, 153, 0.1);
    color: #6ee7b7;
}

[data-theme="dark"] .mps-form-msg-error,
[data-theme="dark"] .mps-order-msg-error,
html.satoads-dark .mps-form-msg-error,
html.satoads-dark .mps-order-msg-error {
    background: rgba(239, 68, 68, 0.1);
    color: #fca5a5;
}

[data-theme="dark"] .mps-notice-warn,
html.satoads-dark .mps-notice-warn {
    background: rgba(245, 158, 11, 0.1);
    color: #fcd34d;
}

[data-theme="dark"] .mps-notice-info,
html.satoads-dark .mps-notice-info {
    background: rgba(74, 163, 199, 0.1);
    color: #6bb8d6;
    border-color: rgba(74, 163, 199, 0.22);
}

/* ── MPS Store: Pagination ── */
[data-theme="dark"] .mps-pager button,
[data-theme="dark"] .mps-orders-pager-inner,
html.satoads-dark .mps-orders-pager-inner {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    box-shadow: var(--satoads-shadow-md);
}

[data-theme="dark"] .mps-pager-nav-btn,
[data-theme="dark"] .mps-pager-page,
html.satoads-dark .mps-pager button,
html.satoads-dark .mps-pager-nav-btn,
html.satoads-dark .mps-pager-page {
    background: var(--satoads-surface-elevated);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}

[data-theme="dark"] .mps-pager-page,
html.satoads-dark .mps-pager-page {
    background: transparent;
}

[data-theme="dark"] .mps-pager-page:hover:not(.is-active),
[data-theme="dark"] .mps-pager-nav-btn:hover:not(:disabled),
html.satoads-dark .mps-pager-page:hover:not(.is-active),
html.satoads-dark .mps-pager-nav-btn:hover:not(:disabled) {
    background: rgba(74, 163, 199, 0.1);
    border-color: rgba(74, 163, 199, 0.35);
    color: #6bb8d6;
}

[data-theme="dark"] .mps-pager button.is-active,
html.satoads-dark .mps-pager button.is-active {
    background: var(--satoads-primary);
    border-color: var(--satoads-primary);
    color: #fff;
}

/* ── MPS Store: Level system ── */
[data-theme="dark"] .mps-level-progress-card,
[data-theme="dark"] .mps-level-max-card,
[data-theme="dark"] .mps-level-tier-card,
[data-theme="dark"] .mps-level-empty,
html.satoads-dark .mps-level-progress-card,
html.satoads-dark .mps-level-max-card,
html.satoads-dark .mps-level-tier-card,
html.satoads-dark .mps-level-empty {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
}

[data-theme="dark"] .mps-level-progress-bar,
html.satoads-dark .mps-level-progress-bar {
    background: var(--satoads-border);
}

/* ── MPS Store: Product types & variations ── */
[data-theme="dark"] .mps-product-type-badge,
html.satoads-dark .mps-product-type-badge {
    background: rgba(38, 41, 46, 0.92);
    color: var(--satoads-text);
    border: 1px solid var(--satoads-border);
    backdrop-filter: blur(6px);
}

[data-theme="dark"] .mps-ptype-simple.mps-product-type-badge,
html.satoads-dark .mps-ptype-simple.mps-product-type-badge {
    background: rgba(148, 163, 184, 0.15);
    color: #cbd5e1;
}

[data-theme="dark"] .mps-ptype-variable.mps-product-type-badge,
html.satoads-dark .mps-ptype-variable.mps-product-type-badge {
    background: rgba(139, 92, 246, 0.15);
    color: #c4b5fd;
}

[data-theme="dark"] .mps-ptype-codes.mps-product-type-badge,
html.satoads-dark .mps-ptype-codes.mps-product-type-badge {
    background: rgba(245, 158, 11, 0.12);
    color: #fcd34d;
}

[data-theme="dark"] .mps-ptype-subscription.mps-product-type-badge,
html.satoads-dark .mps-ptype-subscription.mps-product-type-badge {
    background: rgba(74, 163, 199, 0.12);
    color: #6bb8d6;
}

[data-theme="dark"] .mps-variation-pill,
html.satoads-dark .mps-variation-pill {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}

[data-theme="dark"] .mps-variation-pill.is-selected,
html.satoads-dark .mps-variation-pill.is-selected {
    background: rgba(74, 163, 199, 0.1);
    border-color: rgba(74, 163, 199, 0.4);
    box-shadow: 0 0 0 3px rgba(74, 163, 199, 0.12);
}

[data-theme="dark"] .mps-sub-pending,
[data-theme="dark"] .mps-sub-pending-badge,
html.satoads-dark .mps-sub-pending,
html.satoads-dark .mps-sub-pending-badge {
    background: rgba(245, 158, 11, 0.1);
    color: #fcd34d;
}

/* ── MPS Store: Skeleton loading ── */
[data-theme="dark"] .mps-skeleton,
[data-theme="dark"] .mps-category-card-thumb.mps-skeleton,
[data-theme="dark"] .mps-product-thumb.mps-skeleton,
html.satoads-dark .mps-skeleton,
html.satoads-dark .mps-category-card-thumb.mps-skeleton,
html.satoads-dark .mps-product-thumb.mps-skeleton {
    background: var(--satoads-surface-elevated);
}

[data-theme="dark"] .mps-skeleton::after,
html.satoads-dark .mps-skeleton::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
}

/* ── MPS Store: Slider ── */
[data-theme="dark"] .mps-store-slider,
html.satoads-dark .mps-store-slider {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .mps-store-slider-arrow,
html.satoads-dark .mps-store-slider-arrow {
    background: rgba(28, 38, 64, 0.95);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}

/* ── MPS Account ── */
[data-theme="dark"] .mps-account-nav,
[data-theme="dark"] .mps-account-panel,
html.satoads-dark .mps-account-nav,
html.satoads-dark .mps-account-panel {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
}

[data-theme="dark"] .mps-account-stat,
[data-theme="dark"] .mps-account-card,
html.satoads-dark .mps-account-stat,
html.satoads-dark .mps-account-card {
    background: var(--satoads-input-bg);
    border-color: var(--satoads-border);
}

[data-theme="dark"] .mps-account-nav-btn:hover,
html.satoads-dark .mps-account-nav-btn:hover {
    background: var(--satoads-surface-hover);
    color: var(--satoads-text);
}

[data-theme="dark"] .mps-account-nav-btn.is-active,
html.satoads-dark .mps-account-nav-btn.is-active {
    background: rgba(74, 163, 199, 0.12);
    color: #6bb8d6;
}

[data-theme="dark"] .mps-account-quick-link,
[data-theme="dark"] .mps-account-lang-option,
[data-theme="dark"] .mps-account-wallets-list li,
html.satoads-dark .mps-account-quick-link,
html.satoads-dark .mps-account-lang-option,
html.satoads-dark .mps-account-wallets-list li {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}

/* ── Theme Toggle ── */
.satoads-theme-toggle {
    position: relative;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 12px;
    background: var(--satoads-surface, #ffffff);
    border: 1px solid var(--satoads-border);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, transform 0.12s, box-shadow 0.2s, border-color 0.2s;
    flex-shrink: 0;
}

.satoads-theme-toggle:hover {
    transform: none;
    background: var(--satoads-primary-soft, #e6f3f8);
    border-color: rgba(31, 127, 172, 0.22);
    color: var(--satoads-primary);
}

.satoads-theme-toggle-track {
    position: relative;
    width: 22px;
    height: 22px;
    pointer-events: none;
}

.satoads-theme-icon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.25s, transform 0.25s;
    pointer-events: none;
}

.satoads-theme-icon svg {
    width: 20px;
    height: 20px;
    color: var(--satoads-text-muted);
}

[data-theme="light"] .satoads-theme-icon-moon,
html:not(.satoads-dark):not([data-theme="dark"]) .satoads-theme-icon-moon {
    opacity: 1;
    transform: rotate(0);
}

[data-theme="light"] .satoads-theme-icon-sun,
html:not(.satoads-dark):not([data-theme="dark"]) .satoads-theme-icon-sun {
    opacity: 0;
    transform: rotate(90deg) scale(0.5);
}

[data-theme="dark"] .satoads-theme-icon-sun,
html.satoads-dark .satoads-theme-icon-sun,
html[data-theme="dark"] .satoads-theme-icon-sun {
    opacity: 1;
    transform: rotate(0);
}

[data-theme="dark"] .satoads-theme-icon-moon,
html.satoads-dark .satoads-theme-icon-moon,
html[data-theme="dark"] .satoads-theme-icon-moon {
    opacity: 0;
    transform: rotate(-90deg) scale(0.5);
}

[data-theme="dark"] .satoads-theme-toggle,
html.satoads-dark .satoads-theme-toggle {
    background: var(--satoads-surface-elevated);
    border-color: var(--satoads-border);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04), 0 0 20px rgba(74, 163, 199, 0.08);
}

[data-theme="dark"] .satoads-theme-toggle:hover,
html.satoads-dark .satoads-theme-toggle:hover {
    box-shadow: 0 0 0 1px rgba(74, 163, 199, 0.25), 0 0 24px rgba(74, 163, 199, 0.12);
    border-color: rgba(74, 163, 199, 0.35);
}

[data-theme="dark"] .satoads-theme-icon-sun svg,
html.satoads-dark .satoads-theme-icon-sun svg {
    color: #fbbf24;
}

.satoads-theme-toggle--sidebar {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    gap: 10px;
    margin-bottom: 10px;
    justify-content: flex-start;
}

.satoads-theme-toggle--sidebar .satoads-theme-toggle-label {
    font-size: 13px;
    font-weight: 600;
    color: #cbd5e1;
}

.satoads-sidebar-theme-row .satoads-theme-icon svg {
    color: #94a3b8;
}

.satoads-sidebar-theme-row .satoads-theme-toggle {
    justify-content: center;
    gap: 0;
    padding: 6px 10px;
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.08);
}

.satoads-sidebar-theme-row .satoads-theme-toggle-label {
    display: none;
}

body.satoads-sidebar-collapsed .satoads-theme-toggle-label {
    display: none;
}

.satoads-topbar-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}

.satoads-header-tools {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}

.satoads-header-tools .satoads-theme-toggle {
    margin: 0;
    width: 38px;
    height: 38px;
}

.satoads-nav-auth {
    display: flex;
    align-items: center;
    gap: 8px;
}
