/**
 * Claude chrome — header, sidebar, balance, account menu, icons, page tiles.
 * Editorial cream / coral / navy. Color-block first, shadow rare.
 */

/* ——— Icons: thin line-art, never boxed fills ——— */
.satoads-icon:not(.satoads-icon--brand),
svg.lucide:not(.satoads-icon--brand) {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.5 !important;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.satoads-sidebar-icon,
.satoads-topbar-dropdown-item svg,
.satoads-topbar-balance-ico,
.satoads-topbar-bell svg,
.satoads-mobile-nav-item .satoads-icon,
.mps-wallet-card-icon svg,
.mps-wallet-action-btn svg {
    color: inherit;
}

/* ——— Top nav: 64px cream, hairline only ——— */
.satoads-topbar,
.satoads-header {
    height: 64px;
    min-height: 64px;
    background: var(--satoads-header-bg, #faf9f5) !important;
    border-bottom: 1px solid var(--satoads-hairline, #e6dfd8) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.satoads-topbar-inner {
    height: 64px;
    align-items: center;
}
.satoads-topbar-logo-text,
.satoads-topbar-brand-link {
    font-family: var(--satoads-font-display);
    font-weight: 400;
    letter-spacing: -0.02em;
    color: var(--satoads-text, #141413);
}
.satoads-topbar-logo-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--satoads-surface-card, #efe9de);
    color: var(--satoads-text, #141413);
}

/* Circular 36px icon controls — language, bell, hamburger */
.satoads-topbar-toggle,
.satoads-nav-toggle,
.satoads-front-menu-toggle,
.satoads-topbar-bell,
.satoads-lang-switcher-btn,
.satoads-theme-toggle--topbar,
.satoads-theme-toggle--header {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px;
    border-radius: 9999px !important;
    background: transparent !important;
    border: 1px solid var(--satoads-hairline, #e6dfd8) !important;
    color: var(--satoads-text, #141413) !important;
    box-shadow: none !important;
}
.satoads-topbar-toggle:hover,
.satoads-nav-toggle:hover,
.satoads-front-menu-toggle:hover,
.satoads-topbar-bell:hover,
.mps-notif-wrap.is-open .satoads-topbar-bell,
.satoads-lang-switcher-btn:hover,
.satoads-lang-switcher.is-open .satoads-lang-switcher-btn,
.satoads-theme-toggle--topbar:hover,
.satoads-theme-toggle--header:hover {
    background: var(--satoads-surface-card, #efe9de) !important;
    border-color: var(--satoads-hairline, #e6dfd8) !important;
    color: var(--satoads-text, #141413) !important;
}

/* Hamburger — three equal 1.5px strokes, centered, clean X */
.satoads-topbar-toggle,
.satoads-nav-toggle,
.satoads-front-menu-toggle {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 0 !important;
    direction: ltr;
}
.satoads-topbar-toggle span,
.satoads-nav-toggle span,
.satoads-front-menu-toggle span {
    display: block !important;
    width: 16px !important;
    height: 1.5px !important;
    margin: 0 !important;
    background: currentColor !important;
    border-radius: 999px !important;
    transform-origin: center !important;
    transition:
        transform 0.2s ease,
        opacity 0.15s ease !important;
}
.satoads-topbar-toggle.is-active,
.satoads-nav-toggle.is-active,
.satoads-nav-toggle[aria-expanded="true"],
.satoads-front-menu-toggle.is-active,
.satoads-front-menu-toggle[aria-expanded="true"] {
    align-items: center !important;
    padding: 0 !important;
}
.satoads-topbar-toggle.is-active span:nth-child(1),
.satoads-nav-toggle.is-active span:nth-child(1),
.satoads-nav-toggle[aria-expanded="true"] span:nth-child(1),
.satoads-front-menu-toggle.is-active span:nth-child(1),
.satoads-front-menu-toggle[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(6.5px) rotate(45deg) !important;
}
.satoads-topbar-toggle.is-active span:nth-child(2),
.satoads-nav-toggle.is-active span:nth-child(2),
.satoads-nav-toggle[aria-expanded="true"] span:nth-child(2),
.satoads-front-menu-toggle.is-active span:nth-child(2),
.satoads-front-menu-toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0 !important;
    transform: scaleX(0) !important;
}
.satoads-topbar-toggle.is-active span:nth-child(3),
.satoads-nav-toggle.is-active span:nth-child(3),
.satoads-nav-toggle[aria-expanded="true"] span:nth-child(3),
.satoads-front-menu-toggle.is-active span:nth-child(3),
.satoads-front-menu-toggle[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-6.5px) rotate(-45deg) !important;
}

/* Guest account = secondary cream button, not outlined xAI chip */
.satoads-topbar-pill {
    height: 40px !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
    background: var(--satoads-surface-card, #efe9de) !important;
    border: 1px solid transparent !important;
    color: var(--satoads-text, #141413) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}
.satoads-topbar-pill:hover {
    background: var(--satoads-surface-cream-strong, #e8e0d2) !important;
    color: var(--satoads-text, #141413) !important;
}

/* Balance chip — cream card, serif amount, coral not used */
.satoads-topbar-balance {
    height: 40px !important;
    padding: 0 14px 0 10px !important;
    border-radius: 9999px !important;
    background: var(--satoads-surface-card, #efe9de) !important;
    border: 1px solid transparent !important;
    color: var(--satoads-text, #141413) !important;
    gap: 8px !important;
}
.satoads-topbar-balance:hover {
    background: var(--satoads-surface-cream-strong, #e8e0d2) !important;
    color: var(--satoads-text, #141413) !important;
    border-color: transparent !important;
}
.satoads-topbar-balance-ico {
    width: 16px !important;
    height: 16px !important;
    color: var(--satoads-primary, #cc785c) !important;
}
.satoads-topbar-balance-amount {
    font-family: var(--satoads-font-display) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    transform: none !important;
    color: var(--satoads-text, #141413) !important;
}

/* Avatar — perfect circle (Claude photography crop) */
.satoads-topbar-avatar-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9999px !important;
    border: 1px solid var(--satoads-hairline, #e6dfd8) !important;
    background: var(--satoads-surface-card, #efe9de) !important;
    overflow: hidden !important;
    padding: 0 !important;
}
.satoads-topbar-avatar-btn:hover,
.satoads-topbar-menu.is-open .satoads-topbar-avatar-btn {
    border-color: var(--satoads-primary, #cc785c) !important;
    background: var(--satoads-surface-card, #efe9de) !important;
}
.satoads-topbar-avatar,
.satoads-topbar-avatar-btn img {
    border-radius: 9999px !important;
}

/* Account menu — cream card, 12px, editorial type */
.satoads-topbar-dropdown,
.satoads-lang-switcher-menu,
.mps-notif-panel {
    background: var(--satoads-bg, #faf9f5) !important;
    border: 1px solid var(--satoads-hairline, #e6dfd8) !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(20, 20, 19, 0.08) !important;
    padding: 8px !important;
}
.satoads-topbar-dropdown-head {
    padding: 12px 12px 16px !important;
    margin-bottom: 4px;
    border-bottom: 1px solid var(--satoads-hairline, #e6dfd8);
}
.satoads-topbar-dropdown-avatar {
    width: 40px !important;
    height: 40px !important;
    border-radius: 9999px !important;
    border: 1px solid var(--satoads-hairline, #e6dfd8) !important;
    overflow: hidden !important;
}
.satoads-topbar-dropdown-avatar-img {
    border-radius: 9999px !important;
}
.satoads-topbar-dropdown-name {
    font-family: var(--satoads-font-display) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    color: var(--satoads-text, #141413) !important;
}
.satoads-topbar-dropdown-email {
    font-size: 13px !important;
    color: var(--satoads-muted-soft, #8e8b82) !important;
}
.satoads-topbar-dropdown-item {
    min-height: 40px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--satoads-body, #3d3d3a) !important;
}
.satoads-topbar-dropdown-item span {
    transform: none !important;
}
.satoads-topbar-dropdown-item svg {
    width: 16px !important;
    height: 16px !important;
    color: var(--satoads-muted, #6c6a64) !important;
}
.satoads-topbar-dropdown-item:hover {
    background: var(--satoads-surface-card, #efe9de) !important;
    color: var(--satoads-text, #141413) !important;
}
.satoads-topbar-dropdown-item:hover svg {
    color: var(--satoads-primary, #cc785c) !important;
}
.satoads-topbar-dropdown-logout {
    color: var(--satoads-body, #3d3d3a) !important;
}
.satoads-topbar-dropdown-logout:hover {
    background: var(--satoads-surface-card, #efe9de) !important;
    color: var(--satoads-text, #141413) !important;
}
.satoads-topbar-dropdown-row-label {
    font-size: 14px !important;
    font-weight: 500 !important;
}
.satoads-theme-toggle--menu {
    border-radius: 9999px !important;
    background: var(--satoads-surface-card, #efe9de) !important;
    border-color: transparent !important;
}
.mps-notif-badge {
    background: var(--satoads-primary, #cc785c) !important;
    color: #fff !important;
    border-radius: 9999px !important;
}

/* ——— Sidebar: cream rail, cream-card active, line icons ——— */
.satoads-sidebar {
    background: var(--satoads-bg, #faf9f5) !important;
    border-inline-end: 1px solid var(--satoads-hairline, #e6dfd8) !important;
    color: var(--satoads-body, #3d3d3a);
}
.satoads-sidebar-brand {
    border-bottom-color: var(--satoads-hairline, #e6dfd8) !important;
}
.satoads-sidebar-client {
    padding: 8px 10px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    background: var(--satoads-surface-card, #efe9de);
    border: 1px solid transparent !important;
}
.satoads-sidebar-client:hover {
    background: var(--satoads-surface-cream-strong, #e8e0d2) !important;
    border-color: transparent !important;
}
.satoads-sidebar-client-avatar .satoads-sidebar-avatar,
.satoads-sidebar-client-avatar--icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 9999px !important;
    border-color: transparent !important;
}
.satoads-sidebar-client-avatar--icon {
    background: var(--satoads-bg, #faf9f5) !important;
    color: var(--satoads-text, #141413) !important;
}
.satoads-sidebar-client-level {
    font-family: var(--satoads-font) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: var(--satoads-muted, #6c6a64) !important;
}
.satoads-sidebar-client-balance {
    font-family: var(--satoads-font-display) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    color: var(--satoads-text, #141413) !important;
}
.satoads-sidebar-client--guest .satoads-sidebar-client-level {
    font-family: var(--satoads-font-display) !important;
    font-size: 15px !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
    color: var(--satoads-text, #141413) !important;
}
.satoads-sidebar-collapse {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9999px !important;
    border-color: var(--satoads-hairline, #e6dfd8) !important;
    background: transparent !important;
    color: var(--satoads-muted, #6c6a64) !important;
}
.satoads-sidebar-collapse:hover {
    background: var(--satoads-surface-card, #efe9de) !important;
    color: var(--satoads-text, #141413) !important;
}
.satoads-sidebar-group-label {
    font-family: var(--satoads-font) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    color: var(--satoads-muted-soft, #8e8b82) !important;
}
.satoads-sidebar-link {
    border-radius: 8px !important;
    border: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--satoads-body, #3d3d3a) !important;
    padding: 10px 12px !important;
}
.satoads-sidebar-link:hover {
    background: var(--satoads-surface-soft, #f5f0e8) !important;
    color: var(--satoads-text, #141413) !important;
}
.satoads-sidebar-link.is-active,
.satoads-sidebar-link.current {
    background: var(--satoads-surface-card, #efe9de) !important;
    color: var(--satoads-text, #141413) !important;
    border: 0 !important;
    font-weight: 500 !important;
}
.satoads-sidebar-link.is-active::before,
.satoads-sidebar-link.current::before {
    display: none !important;
}
.satoads-sidebar-icon {
    width: 20px !important;
    height: 20px !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    color: var(--satoads-muted, #6c6a64) !important;
}
.satoads-sidebar-link:hover .satoads-sidebar-icon {
    background: transparent !important;
    border: 0 !important;
    color: var(--satoads-text, #141413) !important;
}
.satoads-sidebar-link.is-active .satoads-sidebar-icon,
.satoads-sidebar-link.current .satoads-sidebar-icon {
    background: transparent !important;
    border: 0 !important;
    color: var(--satoads-primary, #cc785c) !important;
}
.satoads-sidebar-link-text {
    transform: none !important;
}
.satoads-sidebar-tools .satoads-theme-toggle,
.satoads-sidebar-tools .satoads-sidebar-logout {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9999px !important;
    background: transparent !important;
    border: 1px solid var(--satoads-hairline, #e6dfd8) !important;
    color: var(--satoads-body, #3d3d3a) !important;
}
.satoads-sidebar-tools .satoads-theme-toggle:hover,
.satoads-sidebar-tools .satoads-sidebar-logout:hover {
    background: var(--satoads-surface-card, #efe9de) !important;
    border-color: var(--satoads-hairline, #e6dfd8) !important;
    color: var(--satoads-text, #141413) !important;
}
body.satoads-sidebar-collapsed .satoads-sidebar-link {
    border-radius: 8px !important;
}
body.satoads-sidebar-collapsed .satoads-sidebar-icon {
    width: 20px !important;
    height: 20px !important;
}

/* Wallet tiles restyled in claude-pages.css */

/* ——— Page tiles: cream cards, 12px, no shadow ——— */
.mps-product-card,
.mps-account-card,
.mps-account-header,
.mps-account-nav,
.mps-account-panel,
.mps-order-card,
.mps-deposit-method-card,
.mps-tier-card,
.satoads-blog-card,
.mps-form-card,
.mps-kyc-card,
.mps-agent-card,
.mps-referral-card,
.mps-dispute-card {
    background: var(--satoads-surface-card, #efe9de) !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}
.mps-account-nav-btn {
    border-radius: 8px !important;
    font-weight: 500 !important;
}
.mps-account-nav-btn.is-active {
    background: var(--satoads-bg, #faf9f5) !important;
    color: var(--satoads-text, #141413) !important;
}
.mps-account-nav-btn.is-active::before {
    background: var(--satoads-primary, #cc785c) !important;
}

/* ——— Mobile nav: cream bar, active = cream card; deposit = raised coral FAB ——— */
.satoads-mobile-nav-inner {
    background: var(--satoads-header-bg, #faf9f5) !important;
    border-top: 1px solid var(--satoads-hairline, #e6dfd8) !important;
    height: 64px !important;
    padding: 8px !important;
    gap: 4px !important;
    overflow: visible !important;
}
.satoads-mobile-nav-item:not(.is-deposit) {
    height: auto !important;
    margin: 0 !important;
    padding: 6px 4px !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: var(--satoads-muted, #6c6a64) !important;
    font-family: var(--satoads-font) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    gap: 4px !important;
    justify-content: center !important;
}
.satoads-mobile-nav-item::before,
.satoads-mobile-nav-item.is-deposit::before {
    display: none !important;
    background: transparent !important;
}
.satoads-mobile-nav-item:not(.is-deposit).is-active,
.satoads-mobile-nav-item:not(.is-deposit).is-open {
    background: var(--satoads-surface-card, #efe9de) !important;
    color: var(--satoads-text, #141413) !important;
}
.satoads-mobile-nav-item:not(.is-deposit) .satoads-mobile-nav-ico {
    width: 22px !important;
    height: 22px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    color: inherit !important;
}
.satoads-mobile-nav-item.is-deposit {
    height: 92px !important;
    margin-top: -28px !important;
    padding: 0 4px 7px !important;
    justify-content: flex-end !important;
    background: transparent !important;
    color: var(--satoads-primary, #cc785c) !important;
    border-radius: 0 !important;
    z-index: 4 !important;
}
.satoads-mobile-nav-item.is-deposit:hover,
.satoads-mobile-nav-item.is-deposit:focus-visible,
.satoads-mobile-nav-item.is-deposit:active,
.satoads-mobile-nav-item.is-deposit.is-active {
    background: transparent !important;
    color: var(--satoads-primary, #cc785c) !important;
}
.satoads-mobile-nav-item.is-deposit .satoads-mobile-nav-ico,
.satoads-mobile-nav-item.is-deposit.is-active .satoads-mobile-nav-ico,
.satoads-mobile-nav-item.is-deposit:hover .satoads-mobile-nav-ico {
    width: 52px !important;
    height: 52px !important;
    border-radius: 9999px !important;
    background: var(--satoads-primary, #cc785c) !important;
    color: #ffffff !important;
    border: 3px solid var(--satoads-header-bg, #faf9f5) !important;
    box-shadow: 0 8px 20px rgba(204, 120, 92, 0.34) !important;
    transform: none !important;
}
.satoads-mobile-nav-item.is-deposit:hover .satoads-mobile-nav-ico,
.satoads-mobile-nav-item.is-deposit.is-active .satoads-mobile-nav-ico {
    background: var(--satoads-primary-dark, #a9583e) !important;
}
.satoads-mobile-nav-item.is-deposit .satoads-mobile-nav-label {
    color: var(--satoads-primary, #cc785c) !important;
}
.satoads-mobile-nav-label {
    font-size: 12px !important;
    font-weight: 500 !important;
}

/* ——— Dark mode chrome ——— */
[data-theme="dark"] .satoads-topbar,
html.satoads-dark .satoads-topbar,
[data-theme="dark"] .satoads-header,
html.satoads-dark .satoads-header {
    background: var(--satoads-header-bg, #181715) !important;
    border-bottom-color: var(--satoads-hairline, #3a3732) !important;
}
[data-theme="dark"] .satoads-topbar-balance,
html.satoads-dark .satoads-topbar-balance,
[data-theme="dark"] .satoads-topbar-pill,
html.satoads-dark .satoads-topbar-pill {
    background: var(--satoads-surface-dark-elevated, #252320) !important;
    color: var(--satoads-on-dark, #faf9f5) !important;
}
[data-theme="dark"] .satoads-topbar-balance:hover,
html.satoads-dark .satoads-topbar-balance:hover,
[data-theme="dark"] .satoads-topbar-pill:hover,
html.satoads-dark .satoads-topbar-pill:hover {
    background: #2c2a26 !important;
}
[data-theme="dark"] .satoads-topbar-balance-amount,
html.satoads-dark .satoads-topbar-balance-amount {
    color: var(--satoads-on-dark, #faf9f5) !important;
}
[data-theme="dark"] .satoads-topbar-toggle,
html.satoads-dark .satoads-topbar-toggle,
[data-theme="dark"] .satoads-nav-toggle,
html.satoads-dark .satoads-nav-toggle,
[data-theme="dark"] .satoads-front-menu-toggle,
html.satoads-dark .satoads-front-menu-toggle,
[data-theme="dark"] .satoads-topbar-bell,
html.satoads-dark .satoads-topbar-bell,
[data-theme="dark"] .satoads-lang-switcher-btn,
html.satoads-dark .satoads-lang-switcher-btn,
[data-theme="dark"] .satoads-topbar-avatar-btn,
html.satoads-dark .satoads-topbar-avatar-btn {
    border-color: var(--satoads-hairline, #3a3732) !important;
    color: var(--satoads-on-dark, #faf9f5) !important;
    background: transparent !important;
}
[data-theme="dark"] .satoads-topbar-toggle:hover,
html.satoads-dark .satoads-topbar-toggle:hover,
[data-theme="dark"] .satoads-nav-toggle:hover,
html.satoads-dark .satoads-nav-toggle:hover,
[data-theme="dark"] .satoads-topbar-bell:hover,
html.satoads-dark .satoads-topbar-bell:hover,
[data-theme="dark"] .mps-notif-wrap.is-open .satoads-topbar-bell,
html.satoads-dark .mps-notif-wrap.is-open .satoads-topbar-bell,
[data-theme="dark"] .satoads-lang-switcher-btn:hover,
html.satoads-dark .satoads-lang-switcher-btn:hover {
    background: var(--satoads-surface-dark-elevated, #252320) !important;
}
[data-theme="dark"] .satoads-topbar-dropdown,
html.satoads-dark .satoads-topbar-dropdown,
[data-theme="dark"] .satoads-lang-switcher-menu,
html.satoads-dark .satoads-lang-switcher-menu,
[data-theme="dark"] .mps-notif-panel,
html.satoads-dark .mps-notif-panel {
    background: var(--satoads-surface-dark-elevated, #252320) !important;
    border-color: var(--satoads-hairline, #3a3732) !important;
}
[data-theme="dark"] .satoads-topbar-dropdown-name,
html.satoads-dark .satoads-topbar-dropdown-name,
[data-theme="dark"] .satoads-topbar-dropdown-item,
html.satoads-dark .satoads-topbar-dropdown-item,
[data-theme="dark"] .satoads-topbar-dropdown-row-label,
html.satoads-dark .satoads-topbar-dropdown-row-label {
    color: var(--satoads-on-dark, #faf9f5) !important;
}
[data-theme="dark"] .satoads-topbar-dropdown-item:hover,
html.satoads-dark .satoads-topbar-dropdown-item:hover {
    background: #2c2a26 !important;
}
[data-theme="dark"] .satoads-sidebar,
html.satoads-dark .satoads-sidebar {
    background: var(--satoads-bg, #181715) !important;
    border-inline-end-color: var(--satoads-hairline, #3a3732) !important;
}
[data-theme="dark"] .satoads-sidebar-client,
html.satoads-dark .satoads-sidebar-client {
    background: var(--satoads-surface-dark-elevated, #252320) !important;
}
[data-theme="dark"] .satoads-sidebar-client-balance,
html.satoads-dark .satoads-sidebar-client-balance,
[data-theme="dark"] .satoads-sidebar-link,
html.satoads-dark .satoads-sidebar-link {
    color: var(--satoads-on-dark, #faf9f5) !important;
}
[data-theme="dark"] .satoads-sidebar-link:hover,
html.satoads-dark .satoads-sidebar-link:hover {
    background: var(--satoads-surface-dark-elevated, #252320) !important;
}
[data-theme="dark"] .satoads-sidebar-link.is-active,
html.satoads-dark .satoads-sidebar-link.is-active {
    background: var(--satoads-surface-dark-elevated, #252320) !important;
    color: var(--satoads-on-dark, #faf9f5) !important;
}
[data-theme="dark"] .satoads-sidebar-icon,
html.satoads-dark .satoads-sidebar-icon {
    color: var(--satoads-on-dark-soft, #a09d96) !important;
    background: transparent !important;
}
[data-theme="dark"] .satoads-sidebar-link.is-active .satoads-sidebar-icon,
html.satoads-dark .satoads-sidebar-link.is-active .satoads-sidebar-icon {
    color: var(--satoads-primary, #cc785c) !important;
    background: transparent !important;
}
[data-theme="dark"] .mps-product-card,
html.satoads-dark .mps-product-card,
[data-theme="dark"] .mps-account-card,
html.satoads-dark .mps-account-card,
[data-theme="dark"] .mps-account-header,
html.satoads-dark .mps-account-header,
[data-theme="dark"] .mps-account-nav,
html.satoads-dark .mps-account-nav,
[data-theme="dark"] .mps-account-panel,
html.satoads-dark .mps-account-panel,
[data-theme="dark"] .satoads-blog-card,
html.satoads-dark .satoads-blog-card {
    background: var(--satoads-surface-dark-elevated, #252320) !important;
}
[data-theme="dark"] .satoads-mobile-nav-inner,
html.satoads-dark .satoads-mobile-nav-inner {
    background: var(--satoads-header-bg, #181715) !important;
    border-top-color: var(--satoads-hairline, #3a3732) !important;
}
[data-theme="dark"] .satoads-mobile-nav-item:not(.is-deposit),
html.satoads-dark .satoads-mobile-nav-item:not(.is-deposit) {
    color: var(--satoads-on-dark-soft, #a09d96) !important;
    background: transparent !important;
}
[data-theme="dark"] .satoads-mobile-nav-item:not(.is-deposit):hover,
html.satoads-dark .satoads-mobile-nav-item:not(.is-deposit):hover,
[data-theme="dark"] .satoads-mobile-nav-item:not(.is-deposit).is-active,
html.satoads-dark .satoads-mobile-nav-item:not(.is-deposit).is-active,
[data-theme="dark"] .satoads-mobile-nav-item:not(.is-deposit).is-open,
html.satoads-dark .satoads-mobile-nav-item:not(.is-deposit).is-open {
    background: var(--satoads-surface-dark-elevated, #252320) !important;
    color: var(--satoads-on-dark, #faf9f5) !important;
}
[data-theme="dark"] .satoads-mobile-nav-item.is-deposit,
html.satoads-dark .satoads-mobile-nav-item.is-deposit,
[data-theme="dark"] .satoads-mobile-nav-item.is-deposit.is-active,
html.satoads-dark .satoads-mobile-nav-item.is-deposit.is-active {
    background: transparent !important;
    color: var(--satoads-primary, #cc785c) !important;
}
[data-theme="dark"] .satoads-mobile-nav-item.is-deposit .satoads-mobile-nav-ico,
html.satoads-dark .satoads-mobile-nav-item.is-deposit .satoads-mobile-nav-ico,
[data-theme="dark"] .satoads-mobile-nav-item.is-deposit.is-active .satoads-mobile-nav-ico,
html.satoads-dark .satoads-mobile-nav-item.is-deposit.is-active .satoads-mobile-nav-ico,
[data-theme="dark"] .satoads-mobile-nav-item.is-deposit:hover .satoads-mobile-nav-ico,
html.satoads-dark .satoads-mobile-nav-item.is-deposit:hover .satoads-mobile-nav-ico {
    background: var(--satoads-primary, #cc785c) !important;
    border-color: var(--satoads-header-bg, #181715) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(204, 120, 92, 0.4) !important;
    transform: none !important;
}
[data-theme="dark"] .satoads-mobile-nav-item.is-deposit:hover .satoads-mobile-nav-ico,
html.satoads-dark .satoads-mobile-nav-item.is-deposit:hover .satoads-mobile-nav-ico,
[data-theme="dark"] .satoads-mobile-nav-item.is-deposit.is-active .satoads-mobile-nav-ico,
html.satoads-dark .satoads-mobile-nav-item.is-deposit.is-active .satoads-mobile-nav-ico {
    background: var(--satoads-primary-dark, #a9583e) !important;
}