/**
 * Claude pages — buttons, tabs, records, auth, store grids, purchase modal.
 */

/* ========== Buttons ========== */
.satoads-btn,
.satoads-btn-primary,
.satoads-btn-outline,
.satoads-btn-ghost,
.satoads-auth-submit,
.mps-btn,
.mps-btn-primary,
.mps-btn-outline,
.mps-btn-secondary,
.mps-order-submit,
.mps-deposit-submit,
.mps-topup-submit,
.mps-transfer-submit,
.mps-product-buy-btn,
.mps-pp-buy,
.mps-confirm-yes,
.mps-confirm-no,
.mps-wallet-action-store,
.mps-wallet-action-deposit {
    min-height: 40px !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    font-family: var(--satoads-font) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    letter-spacing: 0 !important;
}
.satoads-btn-primary,
.mps-btn-primary,
.satoads-auth-submit,
.mps-order-submit,
.mps-deposit-submit,
.mps-topup-submit,
.mps-transfer-submit,
.mps-product-buy-btn,
.mps-pp-buy,
.mps-confirm-yes,
.mps-wallet-action-store,
.mps-wallet-action-deposit,
.mps-pager-page.is-active {
    background: var(--satoads-primary, #cc785c) !important;
    color: #ffffff !important;
    border: 1px solid var(--satoads-primary, #cc785c) !important;
}
.satoads-btn-primary:hover:not(:disabled),
.mps-btn-primary:hover:not(:disabled),
.satoads-auth-submit:hover:not(:disabled),
.mps-order-submit:hover:not(:disabled),
.mps-deposit-submit:hover:not(:disabled),
.mps-product-buy-btn:hover:not(:disabled),
.mps-pp-buy:hover:not(:disabled),
.mps-confirm-yes:hover {
    background: var(--satoads-primary-dark, #a9583e) !important;
    border-color: var(--satoads-primary-dark, #a9583e) !important;
    color: #ffffff !important;
    filter: none !important;
}
.satoads-btn-outline,
.mps-btn-outline,
.mps-btn-secondary,
.mps-confirm-no,
.mps-store-back,
.mps-deposit-back {
    background: var(--satoads-bg, #faf9f5) !important;
    color: var(--satoads-text, #141413) !important;
    border: 1px solid var(--satoads-hairline, #e6dfd8) !important;
}
.satoads-btn-outline:hover,
.mps-btn-outline:hover,
.mps-btn-secondary:hover,
.mps-confirm-no:hover {
    background: var(--satoads-surface-card, #efe9de) !important;
    border-color: var(--satoads-hairline, #e6dfd8) !important;
    color: var(--satoads-text, #141413) !important;
}
.satoads-btn-primary:disabled,
.mps-btn-primary:disabled:not(.is-btn-loading) {
    background: #e6dfd8 !important;
    border-color: #e6dfd8 !important;
    color: #6c6a64 !important;
}

/* ========== Tabs / chips (cream active, not ink fill) ========== */
.satoads-auth-tab,
.mps-orders-status-chip,
.mps-account-nav-btn,
.mps-product-category-pill,
.mps-variation-pill,
.mps-store-cat-chip,
.mps-filter-chip {
    background: transparent !important;
    color: var(--satoads-muted, #6c6a64) !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 8px 14px !important;
    box-shadow: none !important;
}
.satoads-auth-tab:hover,
.mps-orders-status-chip:hover,
.mps-account-nav-btn:hover,
.mps-product-category-pill:hover,
.mps-variation-pill:hover:not(:disabled),
.mps-store-cat-chip:hover {
    background: var(--satoads-surface-soft, #f5f0e8) !important;
    color: var(--satoads-text, #141413) !important;
}
.satoads-auth-tab.is-active,
.mps-orders-status-chip.is-active,
.mps-account-nav-btn.is-active,
.mps-product-category-pill.is-active,
.mps-variation-pill.is-selected,
.mps-store-cat-chip.is-active,
.mps-filter-chip.is-active {
    background: var(--satoads-surface-card, #efe9de) !important;
    color: var(--satoads-text, #141413) !important;
    border-color: transparent !important;
}
.mps-account-nav-btn.is-active::before {
    background: var(--satoads-primary, #cc785c) !important;
}

/* ========== Auth / login ========== */
body.satoads-auth-page,
body.satoads-auth-page.satoads-auth-layout--editorial {
    background: var(--satoads-bg, #faf9f5) !important;
}
.satoads-auth-display {
    font-family: var(--satoads-font-display) !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
}
.satoads-auth-title {
    font-family: var(--satoads-font-display) !important;
    font-weight: 400 !important;
}
.satoads-auth-card {
    background: var(--satoads-surface-card, #efe9de) !important;
    border: 1px solid transparent !important;
    border-radius: 16px !important;
    padding: 32px !important;
    box-shadow: none !important;
}
.satoads-auth-tabs {
    gap: 8px !important;
}
body.satoads-auth-page .satoads-auth-form input[type="text"],
body.satoads-auth-page .satoads-auth-form input[type="email"],
body.satoads-auth-page .satoads-auth-form input[type="password"],
body.satoads-auth-page .satoads-auth-form select.satoads-auth-input,
body.satoads-auth-page .satoads-auth-input {
    min-height: 40px !important;
    background: var(--satoads-bg, #faf9f5) !important;
    border: 1px solid var(--satoads-hairline, #e6dfd8) !important;
    border-radius: 8px !important;
}
body.satoads-auth-page .satoads-auth-input:focus,
body.satoads-auth-page .satoads-auth-form input:focus {
    border-color: var(--satoads-primary, #cc785c) !important;
    box-shadow: 0 0 0 3px rgba(204, 120, 92, 0.15) !important;
}
body.satoads-auth-page .satoads-auth-submit,
body.satoads-auth-page .satoads-auth-form .satoads-auth-submit {
    min-height: 40px !important;
    background: var(--satoads-primary, #cc785c) !important;
    border-color: var(--satoads-primary, #cc785c) !important;
    color: #ffffff !important;
    font-weight: 500 !important;
}
body.satoads-auth-page .satoads-auth-submit:hover:not(:disabled) {
    background: var(--satoads-primary-dark, #a9583e) !important;
    border-color: var(--satoads-primary-dark, #a9583e) !important;
}
.satoads-auth-forgot,
.satoads-auth-switch a,
.satoads-auth-link {
    color: var(--satoads-primary, #cc785c) !important;
    border-bottom-color: transparent !important;
}
.satoads-auth-forgot:hover,
.satoads-auth-switch a:hover {
    color: var(--satoads-primary-dark, #a9583e) !important;
    text-decoration: underline;
    text-underline-offset: 0.18em;
}
.satoads-auth-check input {
    accent-color: var(--satoads-primary, #cc785c) !important;
}
.satoads-auth-alert-error {
    background: rgba(198, 69, 69, 0.08) !important;
    border-color: rgba(198, 69, 69, 0.28) !important;
    color: #c64545 !important;
}

/* ========== Category + product grids ========== */
.mps-categories-grid,
.mps-products-grid {
    gap: 12px !important;
    row-gap: 12px !important;
}
.mps-store[data-prod-cols="3"] .mps-products-grid,
.mps-store[data-cat-cols="3"] .mps-categories-grid {
    gap: 8px !important;
    row-gap: 10px !important;
}
@media (max-width: 768px) {
    .mps-store[data-prod-cols="3"] .mps-products-grid,
    .mps-store[data-prod-cols-mobile="3"] .mps-products-grid,
    .mps-store[data-cat-cols="3"] .mps-categories-grid,
    .mps-store[data-cat-cols-mobile="3"] .mps-categories-grid {
        gap: 6px !important;
        row-gap: 8px !important;
    }
}
.mps-category-card,
.mps-product-card {
    background: var(--satoads-surface-card, #efe9de) !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}
.mps-category-card:hover,
.mps-product-card:hover:not(:disabled) {
    border-color: transparent !important;
    box-shadow: 0 1px 3px rgba(20, 20, 19, 0.08) !important;
    transform: none !important;
}
.mps-category-card-thumb,
.mps-product-thumb {
    background: var(--satoads-surface-soft, #f5f0e8) !important;
}
.mps-category-card-body,
.mps-product-body {
    padding: 16px !important;
    border-top: 0 !important;
}
.mps-category-card-name,
.mps-product-name,
.mps-store .mps-product-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;
    line-height: 1.3 !important;
}
.mps-store .mps-product-price,
.mps-product-card .mps-product-price {
    font-family: var(--satoads-font-display) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: var(--satoads-body, #3d3d3a) !important;
}
.mps-product-badge,
.mps-product-badge-oos,
.mps-category-inline-badge,
.mps-tier-badge,
.mps-account-badge,
.mps-status,
.mps-deposit-card__status {
    border-radius: 9999px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}
.mps-product-badge,
.mps-category-inline-badge {
    background: var(--satoads-primary, #cc785c) !important;
    border: 0 !important;
    color: #ffffff !important;
}
.mps-product-badge-oos {
    background: var(--satoads-surface-cream-strong, #e8e0d2) !important;
    color: var(--satoads-text, #141413) !important;
    border: 0 !important;
}
.mps-product-details-link,
.mps-fav-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9999px !important;
    background: var(--satoads-bg, #faf9f5) !important;
    border: 1px solid var(--satoads-hairline, #e6dfd8) !important;
    color: var(--satoads-text, #141413) !important;
    box-shadow: none !important;
}
.mps-fav-btn.is-on,
.mps-fav-btn[aria-pressed="true"] {
    color: var(--satoads-primary, #cc785c) !important;
    border-color: transparent !important;
}

/* ========== Purchase popup + confirm ========== */
.mps-modal .mps-modal-backdrop,
.mps-confirm-backdrop,
#mps-order-modal .mps-modal-backdrop {
    background: rgba(24, 23, 21, 0.45) !important;
    backdrop-filter: blur(8px) !important;
}
#mps-order-modal .mps-modal-dialog,
.mps-modal .mps-modal-dialog,
.mps-confirm-dialog,
.mps-confirm-box,
.mps-store-prefs-modal,
.mps-store-support__panel {
    background: var(--satoads-bg, #faf9f5) !important;
    border: 1px solid var(--satoads-hairline, #e6dfd8) !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 3px rgba(20, 20, 19, 0.08) !important;
    color: var(--satoads-text, #141413) !important;
}
#mps-order-modal .mps-modal-body,
.mps-modal .mps-modal-body,
.mps-confirm-dialog,
.mps-confirm-box {
    padding: 32px !important;
}
.mps-modal-title,
.mps-confirm-title,
.mps-pp-title {
    font-family: var(--satoads-font-display) !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    color: var(--satoads-text, #141413) !important;
    font-size: 1.35rem !important;
}
.mps-modal-product,
.mps-order-product-info,
.mps-confirm-product {
    background: var(--satoads-surface-card, #efe9de) !important;
    border: 0 !important;
    border-radius: 12px !important;
}
.mps-modal-price,
.mps-pp-price {
    font-family: var(--satoads-font-display) !important;
    font-weight: 400 !important;
}
#mps-order-modal .mps-modal-close,
.mps-modal .mps-modal-close,
.mps-confirm-close {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9999px !important;
    border: 1px solid var(--satoads-hairline, #e6dfd8) !important;
    background: transparent !important;
    color: var(--satoads-muted, #6c6a64) !important;
}
#mps-order-modal .mps-modal-close:hover,
.mps-modal .mps-modal-close:hover,
.mps-confirm-close:hover {
    background: var(--satoads-surface-card, #efe9de) !important;
    color: var(--satoads-text, #141413) !important;
}
#mps-order-modal .mps-form-group input:not(.mps-qty-input),
#mps-order-modal .mps-form-group select,
#mps-order-modal .mps-form-group textarea,
.mps-form-group input,
.mps-form-group select,
.mps-form-group textarea {
    min-height: 40px !important;
    border-radius: 8px !important;
    background: var(--satoads-bg, #faf9f5) !important;
    border: 1px solid var(--satoads-hairline, #e6dfd8) !important;
}
#mps-order-modal .mps-form-group input:not(.mps-qty-input):focus,
#mps-order-modal .mps-form-group select:focus,
#mps-order-modal .mps-form-group textarea:focus,
.mps-form-group input:focus,
.mps-form-group select:focus,
.mps-form-group textarea:focus {
    border-color: var(--satoads-primary, #cc785c) !important;
    box-shadow: 0 0 0 3px rgba(204, 120, 92, 0.15) !important;
}
#mps-order-modal .mps-qty-stepper,
.mps-order-form .mps-qty-stepper {
    background: var(--satoads-surface-card, #efe9de) !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
}

/* ========== Wallet / balance — full-width cream, no dark slab ========== */
.mps-wallet-hero,
.mps-deposit-hero,
.mps-transfer-hero {
    background: transparent !important;
    color: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}
.mps-wallet-hero-card,
.mps-wallet-card,
.mps-wallet-card-primary {
    background: var(--satoads-surface-card, #efe9de) !important;
    color: var(--satoads-text, #141413) !important;
    border: 1px solid transparent !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    padding: 28px 32px !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.mps-wallet-actions-card {
    background: var(--satoads-surface-card, #efe9de) !important;
    color: var(--satoads-text, #141413) !important;
    border: 1px solid transparent !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    padding: 12px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
.mps-account-stat {
    background: var(--satoads-surface-card, #efe9de) !important;
    color: var(--satoads-text, #141413) !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    padding: 20px 22px !important;
}
.mps-wallet-hero .mps-wallet-label,
.mps-wallet-card-primary .mps-wallet-label,
.mps-wallet-label {
    color: var(--satoads-muted, #6c6a64) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
}
.mps-wallet-hero .mps-wallet-balance,
.mps-wallet-card-primary .mps-wallet-balance,
.mps-wallet-balance {
    font-family: var(--satoads-font-display) !important;
    font-size: clamp(2rem, 4vw, 2.75rem) !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.15 !important;
    color: var(--satoads-text, #141413) !important;
}
.mps-wallet-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 24px !important;
    width: 100% !important;
}
.mps-wallet-stat,
.mps-deposit-history-stats .mps-wallet-stat {
    background: var(--satoads-bg, #faf9f5) !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    padding: 18px 20px !important;
    min-height: 88px !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
}
.mps-wallet-stat span,
.mps-account-stat-label {
    font-family: var(--satoads-font) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: var(--satoads-muted, #6c6a64) !important;
}
.mps-wallet-stat strong,
.mps-account-stat-value {
    font-family: var(--satoads-font-display) !important;
    font-size: 1.35rem !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    color: var(--satoads-text, #141413) !important;
}
.mps-wallet-chip {
    background: var(--satoads-bg, #faf9f5) !important;
    border: 0 !important;
    border-radius: 9999px !important;
    color: var(--satoads-body, #3d3d3a) !important;
}
.mps-wallet-hero .mps-wallet-refresh,
.mps-wallet-refresh {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9999px !important;
    background: var(--satoads-bg, #faf9f5) !important;
    border: 1px solid transparent !important;
    color: var(--satoads-muted, #6c6a64) !important;
}
.mps-wallet-hero .mps-wallet-refresh:hover,
.mps-wallet-refresh:hover {
    background: var(--satoads-surface-cream-strong, #e8e0d2) !important;
    color: var(--satoads-text, #141413) !important;
}
.mps-wallet-action-btn {
    flex: 1 1 140px !important;
    width: auto !important;
    min-width: 140px !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
    background: var(--satoads-bg, #faf9f5) !important;
    color: var(--satoads-text, #141413) !important;
    border: 1px solid transparent !important;
    font-weight: 500 !important;
}
.mps-wallet-action-btn:hover {
    background: var(--satoads-surface-cream-strong, #e8e0d2) !important;
}
.mps-wallet-action-deposit,
.mps-wallet-action-store {
    background: var(--satoads-primary, #cc785c) !important;
    color: #ffffff !important;
    border-color: var(--satoads-primary, #cc785c) !important;
}
.mps-wallet-action-deposit:hover,
.mps-wallet-action-store:hover {
    background: var(--satoads-primary-dark, #a9583e) !important;
    color: #ffffff !important;
}
.mps-wallet-card-icon {
    background: var(--satoads-bg, #faf9f5) !important;
    color: var(--satoads-primary, #cc785c) !important;
}
.mps-deposit-history-balance-chip {
    background: var(--satoads-bg, #faf9f5) !important;
    border: 1px solid transparent !important;
    border-radius: 9999px !important;
    color: var(--satoads-text, #141413) !important;
    height: auto !important;
    min-height: 36px !important;
    padding: 6px 14px !important;
}
.mps-deposit-history-balance-chip span {
    color: var(--satoads-muted, #6c6a64) !important;
}
.mps-deposit-history-balance-chip strong {
    color: var(--satoads-text, #141413) !important;
    font-family: var(--satoads-font-display) !important;
    font-weight: 400 !important;
}
@media (min-width: 901px) {
    .mps-deposit-history-stats {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 640px) {
    .mps-wallet-stats,
    .mps-deposit-history-stats {
        grid-template-columns: 1fr !important;
    }
    .mps-wallet-hero-card,
    .mps-wallet-card {
        padding: 22px !important;
    }
    .mps-wallet-action-btn {
        flex: 1 1 100% !important;
        min-width: 0 !important;
    }
}

[data-theme="dark"] .mps-wallet-hero,
html.satoads-dark .mps-wallet-hero,
[data-theme="dark"] .mps-deposit-hero,
html.satoads-dark .mps-deposit-hero,
[data-theme="dark"] .mps-transfer-hero,
html.satoads-dark .mps-transfer-hero {
    background: transparent !important;
}
[data-theme="dark"] .mps-wallet-hero-card,
html.satoads-dark .mps-wallet-hero-card,
[data-theme="dark"] .mps-wallet-card,
html.satoads-dark .mps-wallet-card,
[data-theme="dark"] .mps-wallet-card-primary,
html.satoads-dark .mps-wallet-card-primary,
[data-theme="dark"] .mps-wallet-actions-card,
html.satoads-dark .mps-wallet-actions-card,
[data-theme="dark"] .mps-account-stat,
html.satoads-dark .mps-account-stat {
    background: var(--satoads-surface-dark-elevated, #252320) !important;
    color: var(--satoads-on-dark, #faf9f5) !important;
}
[data-theme="dark"] .mps-wallet-hero .mps-wallet-balance,
html.satoads-dark .mps-wallet-hero .mps-wallet-balance,
[data-theme="dark"] .mps-wallet-balance,
html.satoads-dark .mps-wallet-balance,
[data-theme="dark"] .mps-wallet-stat strong,
html.satoads-dark .mps-wallet-stat strong,
[data-theme="dark"] .mps-account-stat-value,
html.satoads-dark .mps-account-stat-value {
    color: var(--satoads-on-dark, #faf9f5) !important;
}
[data-theme="dark"] .mps-wallet-stat,
html.satoads-dark .mps-wallet-stat,
[data-theme="dark"] .mps-deposit-history-stats .mps-wallet-stat,
html.satoads-dark .mps-deposit-history-stats .mps-wallet-stat,
[data-theme="dark"] .mps-wallet-chip,
html.satoads-dark .mps-wallet-chip,
[data-theme="dark"] .mps-deposit-history-balance-chip,
html.satoads-dark .mps-deposit-history-balance-chip,
[data-theme="dark"] .mps-wallet-hero .mps-wallet-refresh,
html.satoads-dark .mps-wallet-hero .mps-wallet-refresh,
[data-theme="dark"] .mps-wallet-action-btn,
html.satoads-dark .mps-wallet-action-btn {
    background: #1f1e1b !important;
    color: var(--satoads-on-dark, #faf9f5) !important;
}
[data-theme="dark"] .mps-deposit-history-balance-chip span,
html.satoads-dark .mps-deposit-history-balance-chip span {
    color: var(--satoads-on-dark-soft, #a09d96) !important;
}
[data-theme="dark"] .mps-deposit-history-balance-chip strong,
html.satoads-dark .mps-deposit-history-balance-chip strong {
    color: var(--satoads-on-dark, #faf9f5) !important;
}
[data-theme="dark"] .mps-wallet-action-deposit,
html.satoads-dark .mps-wallet-action-deposit,
[data-theme="dark"] .mps-wallet-action-store,
html.satoads-dark .mps-wallet-action-store {
    background: var(--satoads-primary, #cc785c) !important;
    color: #ffffff !important;
}

/* ========== Records: orders, deposits, tables ========== */
.mps-order-row,
.mps-deposit-card,
.mps-orders-table,
.mps-notif-item,
.mps-kyc-card,
.mps-referral-card,
.mps-agent-card {
    background: var(--satoads-surface-card, #efe9de) !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}
.mps-orders-table th {
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: var(--satoads-muted, #6c6a64) !important;
    background: transparent !important;
    border-color: var(--satoads-hairline, #e6dfd8) !important;
}
.mps-orders-table td,
.mps-order-row {
    color: var(--satoads-body, #3d3d3a) !important;
}
.mps-deposit-card__amount,
.mps-order-row .mps-order-amount,
.mps-orders-table .column-amount {
    font-family: var(--satoads-font-display) !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    color: var(--satoads-text, #141413) !important;
}
.mps-pager-page,
.mps-pager-nav-btn {
    min-height: 36px !important;
    min-width: 36px !important;
    border-radius: 8px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    color: var(--satoads-body, #3d3d3a) !important;
    font-weight: 500 !important;
}
.mps-pager-page:hover,
.mps-pager-nav-btn:hover:not(:disabled) {
    background: var(--satoads-surface-card, #efe9de) !important;
}
.mps-pager-page.is-active {
    background: var(--satoads-surface-card, #efe9de) !important;
    color: var(--satoads-text, #141413) !important;
    border-color: transparent !important;
}
.mps-form-msg-ok,
.mps-order-msg-ok {
    background: rgba(93, 184, 114, 0.12) !important;
    color: #2f7a40 !important;
    border-radius: 8px !important;
}
.mps-form-msg-error,
.mps-order-msg-error {
    background: rgba(198, 69, 69, 0.1) !important;
    color: #c64545 !important;
    border-radius: 8px !important;
}

/* ========== Dark ========== */
[data-theme="dark"] .satoads-auth-card,
html.satoads-dark .satoads-auth-card,
[data-theme="dark"] .mps-category-card,
html.satoads-dark .mps-category-card,
[data-theme="dark"] .mps-product-card,
html.satoads-dark .mps-product-card,
[data-theme="dark"] .mps-order-row,
html.satoads-dark .mps-order-row,
[data-theme="dark"] .mps-deposit-card,
html.satoads-dark .mps-deposit-card,
[data-theme="dark"] .mps-notif-item,
html.satoads-dark .mps-notif-item {
    background: var(--satoads-surface-dark-elevated, #252320) !important;
}
[data-theme="dark"] .satoads-auth-tab.is-active,
html.satoads-dark .satoads-auth-tab.is-active,
[data-theme="dark"] .mps-orders-status-chip.is-active,
html.satoads-dark .mps-orders-status-chip.is-active,
[data-theme="dark"] .mps-variation-pill.is-selected,
html.satoads-dark .mps-variation-pill.is-selected,
[data-theme="dark"] .mps-pager-page.is-active,
html.satoads-dark .mps-pager-page.is-active {
    background: var(--satoads-surface-dark-elevated, #252320) !important;
    color: var(--satoads-on-dark, #faf9f5) !important;
}
[data-theme="dark"] #mps-order-modal .mps-modal-dialog,
html.satoads-dark #mps-order-modal .mps-modal-dialog,
[data-theme="dark"] .mps-confirm-dialog,
html.satoads-dark .mps-confirm-dialog,
[data-theme="dark"] .mps-confirm-box,
html.satoads-dark .mps-confirm-box {
    background: var(--satoads-surface-dark, #181715) !important;
    border-color: #3a3732 !important;
    color: #faf9f5 !important;
}
[data-theme="dark"] .mps-modal-title,
html.satoads-dark .mps-modal-title,
[data-theme="dark"] .mps-confirm-title,
html.satoads-dark .mps-confirm-title,
[data-theme="dark"] .mps-category-card-name,
html.satoads-dark .mps-category-card-name,
[data-theme="dark"] .mps-product-name,
html.satoads-dark .mps-product-name {
    color: #faf9f5 !important;
}
[data-theme="dark"] .mps-modal-product,
html.satoads-dark .mps-modal-product,
[data-theme="dark"] .mps-confirm-product,
html.satoads-dark .mps-confirm-product {
    background: #252320 !important;
}
[data-theme="dark"] body.satoads-auth-page .satoads-auth-input,
html.satoads-dark body.satoads-auth-page .satoads-auth-input,
[data-theme="dark"] body.satoads-auth-page .satoads-auth-form input,
html.satoads-dark body.satoads-auth-page .satoads-auth-form input {
    background: #1f1e1b !important;
    border-color: #3a3732 !important;
    color: #faf9f5 !important;
}
[data-theme="dark"] .satoads-btn-outline,
html.satoads-dark .satoads-btn-outline,
[data-theme="dark"] .mps-btn-outline,
html.satoads-dark .mps-btn-outline,
[data-theme="dark"] .mps-confirm-no,
html.satoads-dark .mps-confirm-no {
    background: #252320 !important;
    color: #faf9f5 !important;
    border-color: #3a3732 !important;
}