/* =========================================================
 * PVX100 FRONTEND MATTE CHARCOAL — BACKGROUND ONLY
 *
 * Changes:
 * - Website page canvas
 * - Astra desktop and mobile menus
 * - Member navigation
 * - Footer
 *
 * Unchanged:
 * - Cards
 * - Forms and inputs
 * - Modals and receipts
 * - Tables
 * - Content panels
 * - WordPress administrator
 * ========================================================= */

:root {
    --pvx-background-canvas: #181a1d;
    --pvx-background-menu: #181a1d;
    --pvx-background-border: #3a3f46;
    --pvx-background-text: #f3f1eb;
    --pvx-background-muted: #c4c7cc;
    --pvx-background-gold: #d2aa28;
}


/* =========================================================
 * COMPLETE PAGE CANVAS
 * ========================================================= */

html,
body,
#page,
.site,
.site-content,
#content,
.content-area,
.site-main {
    background-color: var(--pvx-background-canvas) !important;
}


body .site-content > .ast-container,
body .content-area,
body .site-main,
body .entry-content {
    background-color: transparent;
}


/* =========================================================
 * PUBLIC PAGE-LEVEL TEXT
 *
 * Only text placed directly on the dark page canvas changes.
 * Text inside cards retains its existing design.
 * ========================================================= */

body .entry-header > .entry-title,
body .entry-content > h1,
body .entry-content > h2,
body .entry-content > h3 {
    color: var(--pvx-background-text);
}


body .entry-header > .entry-meta,
body .entry-content > p {
    color: var(--pvx-background-muted);
}


/* =========================================================
 * ELEMENTOR PAGE CANVAS
 *
 * Widget/card backgrounds are deliberately not changed.
 * ========================================================= */

body .elementor,
body .elementor-section-wrap,
body .elementor-section,
body .e-con,
body .e-con-inner {
    background-color: transparent;
}


/* =========================================================
 * ASTRA DESKTOP HEADER AND MENU
 * ========================================================= */

body #masthead,
body .site-header,
body .main-header-bar,
body .ast-primary-header-bar,
body .ast-above-header-bar,
body .ast-below-header-bar,
body .ast-mobile-header-wrap,
body .ast-mobile-header-wrap .ast-primary-header-bar {
    background: var(--pvx-background-menu) !important;
    border-color: rgba(210, 170, 40, .30) !important;
}


body .site-header .ast-builder-grid-row,
body .site-header .ast-container,
body .main-header-menu,
body .main-header-menu > .menu-item {
    background: transparent !important;
}


body .main-header-menu .menu-link,
body .ast-builder-menu-1 .menu-item > .menu-link,
body .site-header a:not(.button) {
    color: var(--pvx-background-muted) !important;
}


body .main-header-menu .menu-link:hover,
body .main-header-menu .current-menu-item > .menu-link,
body .main-header-menu .current_page_item > .menu-link {
    color: var(--pvx-background-gold) !important;
}


/* =========================================================
 * ASTRA MOBILE MENU
 * ========================================================= */

body .ast-mobile-popup-drawer .ast-mobile-popup-overlay {
    background: rgba(5, 6, 7, .76) !important;
}


body .ast-mobile-popup-drawer .ast-mobile-popup-inner,
body .ast-mobile-popup-content,
body .ast-mobile-popup-drawer,
body .ast-builder-menu-mobile,
body .ast-builder-menu-mobile .main-navigation,
body .ast-builder-menu-mobile .main-header-menu {
    background: var(--pvx-background-menu) !important;
    border-color: var(--pvx-background-border) !important;
}


body .ast-builder-menu-mobile .menu-item,
body .ast-builder-menu-mobile .menu-link {
    background: transparent !important;
}


body .ast-builder-menu-mobile .menu-link {
    color: var(--pvx-background-muted) !important;
    border-color: var(--pvx-background-border) !important;
}


body .ast-builder-menu-mobile .current-menu-item > .menu-link,
body .ast-builder-menu-mobile .menu-link:hover {
    color: var(--pvx-background-gold) !important;
}


body .ast-mobile-menu-trigger-minimal,
body .menu-toggle,
body .ast-button-wrap .menu-toggle,
body .ast-mobile-popup-header .menu-toggle-close {
    background: transparent !important;
    color: var(--pvx-background-gold) !important;
}


/* =========================================================
 * PUBLIC HEADER LOGIN / SIGN-UP AREA
 * ========================================================= */

body .pvx-login-wrap {
    background: transparent !important;
}


/* =========================================================
 * MEMBER PAGE CANVAS
 *
 * Variables and card colors are not overridden.
 * ========================================================= */

body .pvx-user-area,
body .pvx-user-area-content,
body .pvx-user-dashboard,
body .pvx-wallets-page,
body .pvx-add-funds-page,
body .pvx-downliners-page,
body .pvx-transactions-page,
body .pvx-transfer-page {
    background-color: var(--pvx-background-canvas) !important;
}


/* =========================================================
 * MEMBER PAGE-LEVEL HEADERS
 *
 * These sit directly on the charcoal canvas.
 * Card headings and card text remain unchanged.
 * ========================================================= */

body .pvx-dashboard-welcome-heading h1,
body .pvx-wallets-header h1,
body .pvx-add-funds-header h1,
body .pvx-downliners-header-copy h1,
body .pvx-transactions-header h1,
body .pvx-transfer-header h1 {
    color: var(--pvx-background-text) !important;
}


body .pvx-dashboard-welcome-description,
body .pvx-wallets-description,
body .pvx-add-funds-description,
body .pvx-downliners-description,
body .pvx-transactions-header > p:last-child,
body .pvx-transfer-header > p:last-child {
    color: var(--pvx-background-muted) !important;
}


body .pvx-dashboard-eyebrow,
body .pvx-add-funds-eyebrow,
body .pvx-transfer-eyebrow {
    color: var(--pvx-background-gold) !important;
}


/* =========================================================
 * MEMBER DESKTOP AND MOBILE NAVIGATION
 * ========================================================= */

body .pvx-user-navigation,
body .pvx-user-mobile-menu {
    background: var(--pvx-background-menu) !important;
    border-color: rgba(210, 170, 40, .30) !important;
}


body .pvx-user-navigation-link,
body .pvx-user-mobile-link,
body .pvx-user-navigation-user-name {
    color: var(--pvx-background-muted) !important;
}


body .pvx-user-navigation-link-active,
body .pvx-user-mobile-link-active,
body .pvx-user-navigation-link:hover,
body .pvx-user-mobile-link:hover {
    color: var(--pvx-background-gold) !important;
}


/* =========================================================
 * LOGIN PAGE CANVAS ONLY
 *
 * The existing white Login card remains unchanged.
 * ========================================================= */

body .pvx-login-page {
    background: var(--pvx-background-canvas) !important;
}


/* =========================================================
 * FOOTER
 * ========================================================= */

body #colophon,
body .site-footer,
body .site-primary-footer-wrap,
body .site-above-footer-wrap,
body .site-below-footer-wrap,
body .ast-small-footer {
    background: var(--pvx-background-menu) !important;
    border-color: var(--pvx-background-border) !important;
}


/* =========================================================
 * PAGE SCROLLBAR
 * ========================================================= */

html {
    scrollbar-color:
        #4a4f56
        var(--pvx-background-canvas);
}


body::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}


body::-webkit-scrollbar-track {
    background: var(--pvx-background-canvas);
}


body::-webkit-scrollbar-thumb {
    background: #4a4f56;
    border: 2px solid var(--pvx-background-canvas);
    border-radius: 999px;
}

/* =========================================================
 * PVX CREAM CARD SURFACES
 * ========================================================= */

:root {
    --pvx-card-cream: #f4f0e7;
    --pvx-card-cream-border: #ded5c6;
    --pvx-card-dark-text: #292824;
}


/*
 * Public authentication cards.
 */

body .pvx-login-card,
body .pvx-registration-form,

/*
 * Dashboard and wallet cards.
 */

body .pvx-member-identity-item,
body .pvx-dashboard-referral-link-card,
body .pvx-downliners-total-card,
body .pvx-dashboard-membership-card,
body .pvx-dashboard-panel,
body .pvx-wallet-card,
body .pvx-main-wallet-card,

/*
 * Add Funds cards.
 */

body .pvx-add-funds-card,
body .pvx-add-funds-amount-section,

/*
 * My Team cards.
 */

body .pvx-downliners-filter-card,
body .pvx-downliner-card,

/*
 * Transaction list cards.
 */

body .pvx-transactions-message,
body .pvx-transaction-card,

/*
 * Transfer Funds cards.
 */

body .pvx-transfer-card,
body .pvx-transfer-security-card,

/*
 * Standard Astra article cards.
 */

body.ast-separate-container .ast-article-single,
body.ast-separate-container .ast-article-post {
    background-color: var(--pvx-card-cream) !important;
    border-color: var(--pvx-card-cream-border) !important;
}


/*
 * Keep the cream restrained and professional.
 */

body .pvx-login-card,
body .pvx-registration-form,
body .pvx-member-identity-item,
body .pvx-dashboard-referral-link-card,
body .pvx-dashboard-membership-card,
body .pvx-dashboard-panel,
body .pvx-wallet-card,
body .pvx-main-wallet-card,
body .pvx-add-funds-card,
body .pvx-add-funds-amount-section,
body .pvx-downliners-filter-card,
body .pvx-downliner-card,
body .pvx-transfer-card {
    box-shadow:
        0 10px 30px
        rgba(0, 0, 0, .16) !important;
}


/*
 * The Transfer security card was previously charcoal.
 * Correct its text for the new cream background.
 */

body .pvx-transfer-security-card {
    color: var(--pvx-card-dark-text) !important;
}


body .pvx-transfer-security-card h2,
body .pvx-transfer-security-card li {
    color: var(--pvx-card-dark-text) !important;
}


body .pvx-transfer-security-card > p:last-child {
    border-color: var(--pvx-card-cream-border) !important;
    color: #777168 !important;
}


/*
 * Registration content remains readable on cream.
 */

body .pvx-registration-form,
body .pvx-registration-form h2,
body .pvx-registration-form label {
    color: var(--pvx-card-dark-text) !important;
}

/* =========================================================
 * PVX DISTINCT WALLET CARD COLORS
 *
 * Wallet order:
 * 1. Main Wallet
 * 2. Referral Wallet
 * 3. Team Performance Wallet
 * 4. Autopool Wallet
 * 5. Withdrawal Wallet
 * ========================================================= */


/* Main Wallet — muted powder blue */

body .pvx-wallets-grid > .pvx-wallet-card:nth-child(1) {
    background-color: #e4edf8 !important;
    border-color: #bdcee2 !important;
}


body .pvx-wallets-grid > .pvx-wallet-card:nth-child(1)::before {
    background: #557ca8 !important;
}


/* Referral Wallet — muted sage green */

body .pvx-wallets-grid > .pvx-wallet-card:nth-child(2) {
    background-color: #e5f0e7 !important;
    border-color: #bdd5c2 !important;
}


body .pvx-wallets-grid > .pvx-wallet-card:nth-child(2)::before {
    background: #568a62 !important;
}


/* Team Performance Wallet — muted lavender */

body .pvx-wallets-grid > .pvx-wallet-card:nth-child(3) {
    background-color: #eee7f6 !important;
    border-color: #d1c2e2 !important;
}


body .pvx-wallets-grid > .pvx-wallet-card:nth-child(3)::before {
    background: #8066a4 !important;
}


/* Autopool Wallet — warm muted peach */

body .pvx-wallets-grid > .pvx-wallet-card:nth-child(4) {
    background-color: #f5e7d9 !important;
    border-color: #dfc5ac !important;
}


body .pvx-wallets-grid > .pvx-wallet-card:nth-child(4)::before {
    background: #b87948 !important;
}


/* Withdrawal Wallet — muted dusty rose */

body .pvx-wallets-grid > .pvx-wallet-card:nth-child(5) {
    background-color: #f2e5e8 !important;
    border-color: #ddc1c8 !important;
}


body .pvx-wallets-grid > .pvx-wallet-card:nth-child(5)::before {
    background: #a86473 !important;
}


/* Keep all wallet text consistently readable. */

body .pvx-wallets-grid > .pvx-wallet-card .pvx-wallet-card-label {
    color: #55534e !important;
}


body .pvx-wallets-grid > .pvx-wallet-card .pvx-wallet-card-balance {
    color: #282725 !important;
}


body .pvx-wallets-grid > .pvx-wallet-card .pvx-wallet-card-footer {
    color: #74716a !important;
}


/* Subtle professional depth against the charcoal canvas. */

body .pvx-wallets-grid > .pvx-wallet-card {
    box-shadow:
        0 10px 28px
        rgba(0, 0, 0, .18) !important;
}

/* =========================================================
 * PVX DISTINCT TRANSFER CARD COLORS
 * ========================================================= */


/* Transfer form — muted blue */

body .pvx-transfer-layout > .pvx-transfer-card {
    background-color: #e5eef7 !important;
    border-color: #bccfe1 !important;
    border-top: 3px solid #577da4 !important;

    box-shadow:
        0 10px 28px
        rgba(0, 0, 0, .18) !important;
}


/* Security information — muted green */

body .pvx-transfer-layout > .pvx-transfer-security-card {
    background-color: #e7f0e6 !important;
    border-color: #bfd5c0 !important;
    border-top: 3px solid #598863 !important;

    color: #292d29 !important;

    box-shadow:
        0 10px 28px
        rgba(0, 0, 0, .18) !important;
}


/* Security-card heading and information. */

body .pvx-transfer-security-card h2,
body .pvx-transfer-security-card li {
    color: #292d29 !important;
}


body .pvx-transfer-security-card > p:last-child {
    border-color: #bfd5c0 !important;
    color: #667067 !important;
}


/* Security icon receives a matching green treatment. */

body .pvx-transfer-security-icon {
    background: rgba(89, 136, 99, .13) !important;
    border-color: rgba(89, 136, 99, .38) !important;
    color: #376642 !important;
}


/* Security-list markers match the card accent. */

body .pvx-transfer-security-card li::before {
    background: #598863 !important;
}


/* Keep transfer-form text dark and readable. */

body .pvx-transfer-card .pvx-transfer-step-heading h2,
body .pvx-transfer-card .pvx-transfer-label,
body .pvx-transfer-card .pvx-transfer-available strong {
    color: #292b2e !important;
}


body .pvx-transfer-card .pvx-transfer-step-heading p,
body .pvx-transfer-card .pvx-transfer-field-status,
body .pvx-transfer-card .pvx-transfer-available {
    color: #6d7379 !important;
}

/* =========================================================
 * PVX TRANSACTION DIRECTION CARD COLORS
 * ========================================================= */


/* Credits — muted green */

body .pvx-transactions-list
.pvx-transaction-card.is-credit {
    background-color: #e4f0e7 !important;

    border-color: #b9d4c0 !important;
    border-left: 3px solid #4f8a60 !important;

    box-shadow:
        0 7px 22px
        rgba(0, 0, 0, .14) !important;
}


body .pvx-transactions-list
.pvx-transaction-card.is-credit:hover {
    background-color: #dceade !important;
    border-color: #a9caae !important;
    border-left-color: #3f7c50 !important;
}


/* Debits — muted rose */

body .pvx-transactions-list
.pvx-transaction-card.is-debit {
    background-color: #f2e4e2 !important;

    border-color: #dcbeba !important;
    border-left: 3px solid #aa665e !important;

    box-shadow:
        0 7px 22px
        rgba(0, 0, 0, .14) !important;
}


body .pvx-transactions-list
.pvx-transaction-card.is-debit:hover {
    background-color: #ecdcd9 !important;
    border-color: #d2aea9 !important;
    border-left-color: #99554d !important;
}


/* Credit amount */

body .pvx-transactions-list
.pvx-transaction-card.is-credit
.pvx-transaction-amount {
    color: #296c43 !important;
}


/* Debit amount */

body .pvx-transactions-list
.pvx-transaction-card.is-debit
.pvx-transaction-amount {
    color: #925148 !important;
}


/* Shared readable transaction text */

body .pvx-transactions-list
.pvx-transaction-card
.pvx-transaction-reason {
    color: #302f2c !important;
}


body .pvx-transactions-list
.pvx-transaction-card
.pvx-transaction-direction {
    color: #62615d !important;
}


body .pvx-transactions-list
.pvx-transaction-card
.pvx-transaction-date {
    color: #7b7973 !important;
}


body .pvx-transactions-list
.pvx-transaction-card
.pvx-transaction-summary-arrow {
    border-color: #77746e !important;
}


/*
 * Keep the clickable summary transparent so that
 * the transaction card color remains visible.
 */

body .pvx-transactions-list
.pvx-transaction-card
.pvx-transaction-summary {
    background: transparent !important;
}

/* =========================================================
 * PVX DASHBOARD DISTINCT CARD AND MEMBERSHIP COLORS
 * ========================================================= */


/* ---------------------------------------------------------
 * Main Dashboard Cards
 * --------------------------------------------------------- */

body .pvx-user-dashboard .pvx-dashboard-referral-id-card {

    background: #E4EDF8 !important;
    border-color: #B8CDE2 !important;
    border-top: 3px solid #557CA8 !important;

}


body .pvx-user-dashboard .pvx-dashboard-upliner-card {

    background: #E5F0E7 !important;
    border-color: #BCD3C1 !important;
    border-top: 3px solid #568A62 !important;

}


body .pvx-user-dashboard
.pvx-dashboard-downliners-total-card {

    background: #EEE7F6 !important;
    border-color: #D2C2E3 !important;
    border-top: 3px solid #8066A4 !important;

}


body .pvx-user-dashboard
.pvx-dashboard-referral-link-card {

    background: #F5E7D9 !important;
    border-color: #DFC8B2 !important;
    border-top: 3px solid #B87948 !important;

}


body .pvx-user-dashboard
.pvx-dashboard-membership-card {

    background: #F1EBE1 !important;
    border-color: #D8CCBA !important;
    border-top-color: #9A7A49 !important;

}


body .pvx-user-dashboard
.pvx-dashboard-team-card {

    background: #E3EFED !important;
    border-color: #BCD5D0 !important;
    border-top: 3px solid #53857C !important;

}


body .pvx-user-dashboard
.pvx-dashboard-account-card {

    background: #F2E5E8 !important;
    border-color: #DABFC5 !important;
    border-top: 3px solid #A86473 !important;

}


body .pvx-user-dashboard
.pvx-dashboard-actions-card {

    background: #F3EDCF !important;
    border-color: #DCD09C !important;
    border-top: 3px solid #A6852F !important;

}


/* ---------------------------------------------------------
 * Dashboard Text Contrast
 * --------------------------------------------------------- */

body .pvx-user-dashboard
.pvx-dashboard-referral-id-card,

body .pvx-user-dashboard
.pvx-dashboard-upliner-card,

body .pvx-user-dashboard
.pvx-dashboard-downliners-total-card,

body .pvx-user-dashboard
.pvx-dashboard-referral-link-card,

body .pvx-user-dashboard
.pvx-dashboard-membership-card,

body .pvx-user-dashboard
.pvx-dashboard-team-card,

body .pvx-user-dashboard
.pvx-dashboard-account-card,

body .pvx-user-dashboard
.pvx-dashboard-actions-card {

    color: #25282D !important;

}


body .pvx-user-dashboard
.pvx-member-identity-label,

body .pvx-user-dashboard
.pvx-member-identity-value,

body .pvx-user-dashboard
.pvx-dashboard-referral-link-value,

body .pvx-user-dashboard
.pvx-dashboard-downliners-total-card span,

body .pvx-user-dashboard
.pvx-dashboard-downliners-total-card strong {

    color: #25282D !important;

}


body .pvx-user-dashboard
.pvx-dashboard-team-card h2,

body .pvx-user-dashboard
.pvx-dashboard-team-card p,

body .pvx-user-dashboard
.pvx-dashboard-account-card h2,

body .pvx-user-dashboard
.pvx-dashboard-actions-card h2 {

    color: #25282D !important;

}


body .pvx-user-dashboard
.pvx-dashboard-account-card
.pvx-account-row > span {

    color: #6A6664 !important;

}


body .pvx-user-dashboard
.pvx-dashboard-account-card
.pvx-account-row > strong {

    color: #25282D !important;

}


body .pvx-user-dashboard
.pvx-dashboard-account-card
.pvx-status-active {

    color: #287044 !important;

}


body .pvx-user-dashboard
.pvx-dashboard-actions-card
.pvx-quick-action {

    background: rgba(255, 255, 255, 0.58) !important;
    border-color: rgba(120, 100, 45, 0.20) !important;
    color: #25282D !important;

}


/* =========================================================
 * Permanent Membership-Level Colors
 * ========================================================= */


/* Meteor — muted warm sand */

body .pvx-user-dashboard
.pvx-membership-theme-meteor {

    --pvx-level-background: #F3E6C9;
    --pvx-level-border: #DCC79B;
    --pvx-level-accent: #9B7638;

}


/* Asteroid — muted powder blue */

body .pvx-user-dashboard
.pvx-membership-theme-asteroid {

    --pvx-level-background: #DDE9F4;
    --pvx-level-border: #B8CEE2;
    --pvx-level-accent: #557CA8;

}


/* Comet — muted sage green */

body .pvx-user-dashboard
.pvx-membership-theme-comet {

    --pvx-level-background: #DFEDDF;
    --pvx-level-border: #B9D2BB;
    --pvx-level-accent: #568A62;

}


/* Star — muted golden butter */

body .pvx-user-dashboard
.pvx-membership-theme-star {

    --pvx-level-background: #F3E8BD;
    --pvx-level-border: #DCCB83;
    --pvx-level-accent: #9A7726;

}


/* Nebula — muted lavender */

body .pvx-user-dashboard
.pvx-membership-theme-nebula {

    --pvx-level-background: #E7DFF1;
    --pvx-level-border: #CBBCE0;
    --pvx-level-accent: #8066A4;

}


/* Supernova — muted coral */

body .pvx-user-dashboard
.pvx-membership-theme-supernova {

    --pvx-level-background: #F3DDD4;
    --pvx-level-border: #DCBBAE;
    --pvx-level-accent: #A9634E;

}


/* Galaxy — muted indigo */

body .pvx-user-dashboard
.pvx-membership-theme-galaxy {

    --pvx-level-background: #DDE1F1;
    --pvx-level-border: #BBC2DD;
    --pvx-level-accent: #5F6F9A;

}


/* Maximum and no-membership fallback */

body .pvx-user-dashboard
.pvx-membership-theme-maximum,

body .pvx-user-dashboard
.pvx-membership-theme-neutral {

    --pvx-level-background: #ECE9E2;
    --pvx-level-border: #D1CCC2;
    --pvx-level-accent: #696B70;

}


/* Apply the level identity regardless of current/next position */

body .pvx-user-dashboard
.pvx-membership-level[class*="pvx-membership-theme-"] {

    background: var(--pvx-level-background) !important;

    border-color:
        var(--pvx-level-border) !important;

    border-top:
        3px solid
        var(--pvx-level-accent) !important;

    color: #25282D !important;

}


body .pvx-user-dashboard
.pvx-membership-level[class*="pvx-membership-theme-"]
.pvx-membership-level-label,

body .pvx-user-dashboard
.pvx-membership-level[class*="pvx-membership-theme-"]
.pvx-membership-level-note,

body .pvx-user-dashboard
.pvx-membership-level[class*="pvx-membership-theme-"]
.pvx-membership-level-price {

    color: #54565B !important;

}


body .pvx-user-dashboard
.pvx-membership-level[class*="pvx-membership-theme-"]
> strong {

    color:
        var(--pvx-level-accent) !important;

}


/* ---------------------------------------------------------
 * Mobile Preservation
 * --------------------------------------------------------- */

@media (max-width: 600px) {

    body .pvx-user-dashboard
    .pvx-dashboard-referral-id-card,

    body .pvx-user-dashboard
    .pvx-dashboard-upliner-card,

    body .pvx-user-dashboard
    .pvx-dashboard-downliners-total-card,

    body .pvx-user-dashboard
    .pvx-dashboard-referral-link-card {

        background-clip: padding-box !important;

    }

}

/* =========================================================
 * PVX MEMBERSHIP LEVEL RUNTIME COLOR FIX
 * =========================================================
 *
 * Scoped directly to the Dashboard Membership Status card.
 * Colors depend on membership identity, not card position.
 */


/* Meteor — warm sand */

body .pvx-dashboard-membership-card
.pvx-membership-theme-meteor {

    --pvx-fixed-level-background: #F3E6C9;
    --pvx-fixed-level-border: #D8BF8A;
    --pvx-fixed-level-accent: #946C2F;

}


/* Asteroid — powder blue */

body .pvx-dashboard-membership-card
.pvx-membership-theme-asteroid {

    --pvx-fixed-level-background: #DDE9F4;
    --pvx-fixed-level-border: #AEC8DF;
    --pvx-fixed-level-accent: #4F78A2;

}


/* Comet — sage green */

body .pvx-dashboard-membership-card
.pvx-membership-theme-comet {

    --pvx-fixed-level-background: #DFEDDF;
    --pvx-fixed-level-border: #AECDAF;
    --pvx-fixed-level-accent: #4E805A;

}


/* Star — muted gold */

body .pvx-dashboard-membership-card
.pvx-membership-theme-star {

    --pvx-fixed-level-background: #F3E8BD;
    --pvx-fixed-level-border: #D9C678;
    --pvx-fixed-level-accent: #92701F;

}


/* Nebula — lavender */

body .pvx-dashboard-membership-card
.pvx-membership-theme-nebula {

    --pvx-fixed-level-background: #E7DFF1;
    --pvx-fixed-level-border: #C6B5DC;
    --pvx-fixed-level-accent: #785E9C;

}


/* Supernova — muted coral */

body .pvx-dashboard-membership-card
.pvx-membership-theme-supernova {

    --pvx-fixed-level-background: #F3DDD4;
    --pvx-fixed-level-border: #D9B3A5;
    --pvx-fixed-level-accent: #A15B47;

}


/* Galaxy — muted indigo */

body .pvx-dashboard-membership-card
.pvx-membership-theme-galaxy {

    --pvx-fixed-level-background: #DDE1F1;
    --pvx-fixed-level-border: #B2BBD9;
    --pvx-fixed-level-accent: #566791;

}


/* Maximum level and no-membership fallback */

body .pvx-dashboard-membership-card
.pvx-membership-theme-maximum,

body .pvx-dashboard-membership-card
.pvx-membership-theme-neutral {

    --pvx-fixed-level-background: #ECE9E2;
    --pvx-fixed-level-border: #CEC8BC;
    --pvx-fixed-level-accent: #66686D;

}


/* Force the selected level color over current/next defaults */

body .pvx-dashboard-membership-card
.pvx-membership-level[class*="pvx-membership-theme-"] {

    background:
        var(--pvx-fixed-level-background) !important;

    background-color:
        var(--pvx-fixed-level-background) !important;

    background-image: none !important;

    border:
        1px solid
        var(--pvx-fixed-level-border) !important;

    border-top:
        4px solid
        var(--pvx-fixed-level-accent) !important;

    color: #25282D !important;

    box-shadow:
        0 4px 14px
        rgba(18, 20, 23, 0.07) !important;

}


/* Membership name */

body .pvx-dashboard-membership-card
.pvx-membership-level[class*="pvx-membership-theme-"]
> strong {

    color:
        var(--pvx-fixed-level-accent) !important;

}


/* Current Membership / Next Level labels */

body .pvx-dashboard-membership-card
.pvx-membership-level[class*="pvx-membership-theme-"]
.pvx-membership-level-current
.pvx-membership-level-label,

body .pvx-dashboard-membership-card
.pvx-membership-level[class*="pvx-membership-theme-"]
.pvx-membership-level-next
.pvx-membership-level-label {

    color: #55575B !important;

}


/* Price and supporting text */

body .pvx-dashboard-membership-card
.pvx-membership-level[class*="pvx-membership-theme-"]
.pvx-membership-level-note,

body .pvx-dashboard-membership-card
.pvx-membership-level[class*="pvx-membership-theme-"]
.pvx-membership-level-price {

    color: #55575B !important;

}

/* =========================================================
 * PVX DASHBOARD TEXT CONTRAST AND EMOJI NORMALIZATION
 * ========================================================= */


/* ---------------------------------------------------------
 * Membership Card Text Contrast
 * --------------------------------------------------------- */

body .pvx-dashboard-membership-card
.pvx-membership-level[class*="pvx-membership-theme-"] {

    color: #171A1E !important;
    text-shadow: none !important;

}


body .pvx-dashboard-membership-card
.pvx-membership-level[class*="pvx-membership-theme-"]
> strong {

    color: #171A1E !important;

    font-weight: 800 !important;

    letter-spacing: -0.02em !important;

    opacity: 1 !important;

    text-shadow: none !important;

}


body .pvx-dashboard-membership-card
.pvx-membership-level[class*="pvx-membership-theme-"]
.pvx-membership-level-label {

    color: #3C4147 !important;

    font-weight: 750 !important;

    opacity: 1 !important;

    text-shadow: none !important;

}


body .pvx-dashboard-membership-card
.pvx-membership-level[class*="pvx-membership-theme-"]
.pvx-membership-level-note,

body .pvx-dashboard-membership-card
.pvx-membership-level[class*="pvx-membership-theme-"]
.pvx-membership-level-price {

    color: #25292E !important;

    font-weight: 650 !important;

    opacity: 1 !important;

    text-shadow: none !important;

}


/* ---------------------------------------------------------
 * Other Dashboard Card Text
 * --------------------------------------------------------- */

body .pvx-dashboard-referral-id-card
.pvx-member-identity-value,

body .pvx-dashboard-upliner-card
.pvx-member-identity-value,

body .pvx-dashboard-referral-link-card
.pvx-dashboard-referral-link-value,

body .pvx-dashboard-downliners-total-card strong {

    color: #171A1E !important;

    font-weight: 750 !important;

    opacity: 1 !important;

    text-shadow: none !important;

}


body .pvx-dashboard-referral-id-card
.pvx-member-identity-label,

body .pvx-dashboard-upliner-card
.pvx-member-identity-label,

body .pvx-dashboard-referral-link-card
.pvx-member-identity-label,

body .pvx-dashboard-downliners-total-card span,

body .pvx-dashboard-membership-card
.pvx-dashboard-section-eyebrow,

body .pvx-dashboard-team-card
.pvx-dashboard-section-eyebrow,

body .pvx-dashboard-account-card
.pvx-dashboard-section-eyebrow,

body .pvx-dashboard-actions-card
.pvx-dashboard-section-eyebrow {

    color: #3C4147 !important;

    font-weight: 700 !important;

    opacity: 1 !important;

    text-shadow: none !important;

}


body .pvx-dashboard-team-card h2,

body .pvx-dashboard-account-card h2,

body .pvx-dashboard-actions-card h2,

body .pvx-dashboard-membership-card h2 {

    color: #171A1E !important;

    opacity: 1 !important;

    text-shadow: none !important;

}


body .pvx-dashboard-team-card
.pvx-dashboard-team-description {

    color: #3C4147 !important;
    opacity: 1 !important;

}


/* ---------------------------------------------------------
 * True Emoji Rendering
 * --------------------------------------------------------- */

/*
 * Use the operating system's proper color-emoji rendering
 * for the welcome emoji.
 */

body:not(.wp-admin)
.pvx-dashboard-welcome h1 {

    font-variant-emoji: emoji;

}


/*
 * Normalize WordPress-rendered emoji images.
 */

body:not(.wp-admin) img.emoji,

body:not(.wp-admin) img.wp-smiley {

    display: inline-block !important;

    width: 1em !important;
    height: 1em !important;

    margin: 0 0.06em !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    filter: none !important;

    opacity: 1 !important;

    vertical-align: -0.12em !important;

}


/* ---------------------------------------------------------
 * Functional Symbols
 * --------------------------------------------------------- */

/*
 * Arrows, settings symbols and interface checks should remain
 * monochrome UI symbols instead of becoming colorful emojis.
 */

body:not(.wp-admin)
.pvx-quick-action-icon,

body:not(.wp-admin)
.pvx-dashboard-team-arrow,

body:not(.wp-admin)
.pvx-add-funds-back span[aria-hidden="true"],

body:not(.wp-admin)
.pvx-downliners-page-button span[aria-hidden="true"] {

    font-family:
        "Segoe UI Symbol",
        "Arial Unicode MS",
        sans-serif !important;

    font-variant-emoji: text !important;

    font-style: normal !important;

    text-shadow: none !important;

    filter: none !important;

    opacity: 1 !important;

}


/* Quick Action icons */

body .pvx-dashboard-actions-card
.pvx-quick-action-icon {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    color: #6F571B !important;

    background:
        rgba(255, 255, 255, 0.70) !important;

    border:
        1px solid
        rgba(111, 87, 27, 0.22) !important;

    box-shadow: none !important;

}


/* My Team arrow */

body .pvx-dashboard-team-card
.pvx-dashboard-team-arrow {

    color: #315F57 !important;

}

/* =========================================================
 * PVX BRIGHTER DASHBOARD CARD PALETTE
 * ========================================================= */


/* Referral ID — brighter powder blue */

body:not(.wp-admin)
.pvx-dashboard-referral-id-card {

    background: #D5E8FB !important;
    border-color: #9FC5E8 !important;
    border-top-color: #3F79AE !important;

}


/* Upliner — brighter fresh green */

body:not(.wp-admin)
.pvx-dashboard-upliner-card {

    background: #D8EFDE !important;
    border-color: #A3D0AF !important;
    border-top-color: #3F8052 !important;

}


/* Direct Downliners — brighter lavender */

body:not(.wp-admin)
.pvx-dashboard-downliners-total-card {

    background: #E7D8F7 !important;
    border-color: #C2A5E0 !important;
    border-top-color: #74509B !important;

}


/* Referral Link — brighter peach */

body:not(.wp-admin)
.pvx-dashboard-referral-link-card {

    background: #F8E4CE !important;
    border-color: #E2BB91 !important;
    border-top-color: #A96632 !important;

}


/* Membership section — brighter warm cream */

body:not(.wp-admin)
.pvx-dashboard-membership-card {

    background: #F7EEDB !important;
    border-color: #DEC797 !important;
    border-top-color: #A47A2C !important;

}


/* My Team — brighter aqua */

body:not(.wp-admin)
.pvx-dashboard-team-card {

    background: #D8F0EA !important;
    border-color: #9DCFC4 !important;
    border-top-color: #397C6D !important;

}


/* Account Overview — brighter rose */

body:not(.wp-admin)
.pvx-dashboard-account-card {

    background: #F5DDE3 !important;
    border-color: #DCAAB6 !important;
    border-top-color: #9C5365 !important;

}


/* Quick Actions — brighter butter yellow */

body:not(.wp-admin)
.pvx-dashboard-actions-card {

    background: #F7EDC3 !important;
    border-color: #DDC96E !important;
    border-top-color: #94751D !important;

}


/* Quick Action buttons remain clearly separated */

body:not(.wp-admin)
.pvx-dashboard-actions-card
.pvx-quick-action {

    background: rgba(255, 255, 255, 0.80) !important;

    border-color:
        rgba(126, 97, 24, 0.24) !important;

    color: #171A1E !important;

}


/* =========================================================
 * Brighter Membership-Level Palette
 * ========================================================= */


/* Meteor — brighter warm sand */

body:not(.wp-admin)
.pvx-dashboard-membership-card
.pvx-membership-theme-meteor {

    --pvx-fixed-level-background: #F6DFA8;
    --pvx-fixed-level-border: #D8B865;
    --pvx-fixed-level-accent: #815B17;

}


/* Asteroid — brighter powder blue */

body:not(.wp-admin)
.pvx-dashboard-membership-card
.pvx-membership-theme-asteroid {

    --pvx-fixed-level-background: #CFE2F5;
    --pvx-fixed-level-border: #94BBDF;
    --pvx-fixed-level-accent: #356B9B;

}


/* Comet — brighter sage green */

body:not(.wp-admin)
.pvx-dashboard-membership-card
.pvx-membership-theme-comet {

    --pvx-fixed-level-background: #D1E9D3;
    --pvx-fixed-level-border: #98C59D;
    --pvx-fixed-level-accent: #397748;

}


/* Star — brighter muted gold */

body:not(.wp-admin)
.pvx-dashboard-membership-card
.pvx-membership-theme-star {

    --pvx-fixed-level-background: #F6E29B;
    --pvx-fixed-level-border: #D9BD4D;
    --pvx-fixed-level-accent: #80610E;

}


/* Nebula — brighter lavender */

body:not(.wp-admin)
.pvx-dashboard-membership-card
.pvx-membership-theme-nebula {

    --pvx-fixed-level-background: #E3D2F3;
    --pvx-fixed-level-border: #BA98DA;
    --pvx-fixed-level-accent: #704795;

}


/* Supernova — brighter coral */

body:not(.wp-admin)
.pvx-dashboard-membership-card
.pvx-membership-theme-supernova {

    --pvx-fixed-level-background: #F3D0C3;
    --pvx-fixed-level-border: #D99D89;
    --pvx-fixed-level-accent: #934B35;

}


/* Galaxy — brighter indigo */

body:not(.wp-admin)
.pvx-dashboard-membership-card
.pvx-membership-theme-galaxy {

    --pvx-fixed-level-background: #D4DAF1;
    --pvx-fixed-level-border: #9DA9D4;
    --pvx-fixed-level-accent: #4C5F94;

}


/* Maximum and no-membership fallback */

body:not(.wp-admin)
.pvx-dashboard-membership-card
.pvx-membership-theme-maximum,

body:not(.wp-admin)
.pvx-dashboard-membership-card
.pvx-membership-theme-neutral {

    --pvx-fixed-level-background: #EEEAE1;
    --pvx-fixed-level-border: #C8C0B2;
    --pvx-fixed-level-accent: #565B61;

}


/* Force brighter membership colors into the rendered cards */

body:not(.wp-admin)
.pvx-dashboard-membership-card
.pvx-membership-level[class*="pvx-membership-theme-"] {

    background:
        var(--pvx-fixed-level-background) !important;

    background-color:
        var(--pvx-fixed-level-background) !important;

    background-image: none !important;

    border-color:
        var(--pvx-fixed-level-border) !important;

    border-top:
        4px solid
        var(--pvx-fixed-level-accent) !important;

    color: #171A1E !important;

}


/* Maintain strong text contrast */

body:not(.wp-admin)
.pvx-dashboard-membership-card
.pvx-membership-level[class*="pvx-membership-theme-"]
> strong {

    color: #171A1E !important;
    opacity: 1 !important;

}


body:not(.wp-admin)
.pvx-dashboard-membership-card
.pvx-membership-level[class*="pvx-membership-theme-"]
.pvx-membership-level-label,

body:not(.wp-admin)
.pvx-dashboard-membership-card
.pvx-membership-level[class*="pvx-membership-theme-"]
.pvx-membership-level-note,

body:not(.wp-admin)
.pvx-dashboard-membership-card
.pvx-membership-level[class*="pvx-membership-theme-"]
.pvx-membership-level-price {

    color: #30353A !important;
    opacity: 1 !important;

}

/* =========================================================
 * PVX BRIGHTER ADD FUNDS CARD PALETTE
 * ========================================================= */


/* Main Add Funds container — warm cream */

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-card {

    background: #F7EEDB !important;
    border-color: #DEC797 !important;

}


/* ---------------------------------------------------------
 * Step 1 — Main Wallet Destination
 * --------------------------------------------------------- */

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-selection-fixed {

    background: #D5E8FB !important;

    border-color: #9FC5E8 !important;

    border-left:
        4px solid #3F79AE !important;

    color: #171A1E !important;

}


/* ---------------------------------------------------------
 * Step 2 — Coin Selection
 * --------------------------------------------------------- */

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-step:nth-of-type(2)
.pvx-add-funds-dropdown {

    background: #D8EFDE !important;

    border-color: #A3D0AF !important;

    border-left:
        4px solid #3F8052 !important;

}


/* ---------------------------------------------------------
 * Step 3 — Network Selection
 * --------------------------------------------------------- */

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-step:nth-of-type(3)
.pvx-add-funds-dropdown {

    background: #E7D8F7 !important;

    border-color: #C2A5E0 !important;

    border-left:
        4px solid #74509B !important;

}


/* ---------------------------------------------------------
 * Step 4 — Deposit Amount
 * --------------------------------------------------------- */

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-amount-section {

    background: #F8E4CE !important;

    border:
        1px solid #E2BB91 !important;

    border-left:
        4px solid #A96632 !important;

    border-radius: 10px !important;

    padding: 18px !important;

}


/* ---------------------------------------------------------
 * Step 5 — Deposit Route
 * --------------------------------------------------------- */

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-route {

    background: #D8F0EA !important;

    border-color: #9DCFC4 !important;

    border-left:
        4px solid #397C6D !important;

}


/* QR and Deposit Address card */

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-deposit-address-card {

    background: #D9E8F7 !important;

    border-color: #A5C4E2 !important;

    border-top:
        4px solid #4979A6 !important;

}


/* Have You Sent confirmation */

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-sent-section {

    background: #D8EFDE !important;

    border-color: #A3D0AF !important;

    border-left:
        4px solid #3F8052 !important;

}


/* Transaction reference after activation */

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-tx-section:not(
    .pvx-add-funds-tx-locked
) {

    background: #DDE1F1 !important;

    border-color: #AAB4D6 !important;

    border-left:
        4px solid #536693 !important;

}


/* Preserve a clearly locked transaction-reference state */

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-tx-section.pvx-add-funds-tx-locked {

    background: #ECE9E2 !important;
    border-color: #CEC8BC !important;

}


/* ---------------------------------------------------------
 * Text Contrast
 * --------------------------------------------------------- */

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-selection-fixed strong,

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-selection-fixed span,

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-amount-section label,

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-amount-help,

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-route-label,

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-route-item strong,

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-deposit-address-label,

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-sent-content h3,

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-sent-content p,

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-tx-heading h3,

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-tx-heading p {

    color: #171A1E !important;
    opacity: 1 !important;
    text-shadow: none !important;

}


/* Secondary descriptions */

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-selection-content span,

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-amount-help,

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-deposit-qr-section p,

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-tx-help {

    color: #3C4147 !important;
    opacity: 1 !important;

}


/* ---------------------------------------------------------
 * Keep Form Controls Clear
 * --------------------------------------------------------- */

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-dropdown
.pvx-add-funds-select {

    background-color:
        rgba(255, 255, 255, 0.72) !important;

    color: #171A1E !important;

}


body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-amount-input-wrap,

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-deposit-address-row code,

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-tx-input {

    background-color: #FFFFFF !important;
    color: #171A1E !important;

}


/* ---------------------------------------------------------
 * Functional States Remain Semantic
 * --------------------------------------------------------- */

/*
 * Do not recolor:
 * - network danger warning
 * - before-sending warning
 * - confirmation modal
 * - success state
 * - error state
 */

body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-warning-danger {

    background-color: #FFF0F0 !important;
    border-color: #E6A0A0 !important;

}


body:not(.wp-admin)
.pvx-add-funds-page
.pvx-add-funds-important {

    background-color: #FFF5D8 !important;
    border-color: #E1C36A !important;

}

/* =========================================================
 * PVX BRIGHTER WALLET CARD PALETTE
 * ========================================================= */


/* Main Wallet — bright powder blue */

body:not(.wp-admin)
.pvx-wallets-grid
> .pvx-wallet-card:nth-child(1) {

    background: #CFE4FA !important;
    border-color: #94BDE3 !important;
    border-top: 4px solid #3978B1 !important;

}


/* Referral Wallet — fresh green */

body:not(.wp-admin)
.pvx-wallets-grid
> .pvx-wallet-card:nth-child(2) {

    background: #D3ECD9 !important;
    border-color: #9CC9A7 !important;
    border-top: 4px solid #3D7E4F !important;

}


/* Team Performance Wallet — bright lavender */

body:not(.wp-admin)
.pvx-wallets-grid
> .pvx-wallet-card:nth-child(3) {

    background: #E4D5F4 !important;
    border-color: #BCA0DB !important;
    border-top: 4px solid #704A98 !important;

}


/* Autopool Wallet — warm peach */

body:not(.wp-admin)
.pvx-wallets-grid
> .pvx-wallet-card:nth-child(4) {

    background: #F7DFC8 !important;
    border-color: #DFB487 !important;
    border-top: 4px solid #A75F2D !important;

}


/* Withdrawal Wallet — soft rose */

body:not(.wp-admin)
.pvx-wallets-grid
> .pvx-wallet-card:nth-child(5) {

    background: #F4D9DF !important;
    border-color: #DDAAB6 !important;
    border-top: 4px solid #985064 !important;

}


/* Remove any earlier gradient or dark background */

body:not(.wp-admin)
.pvx-wallets-grid
> .pvx-wallet-card {

    background-image: none !important;

    color: #171A1E !important;

    box-shadow:
        0 5px 16px
        rgba(15, 18, 22, 0.10) !important;

}


/* Wallet labels */

body:not(.wp-admin)
.pvx-wallets-grid
> .pvx-wallet-card
.pvx-wallet-card-label {

    color: #30353A !important;

    font-weight: 750 !important;

    opacity: 1 !important;

    text-shadow: none !important;

}


/* Wallet balances */

body:not(.wp-admin)
.pvx-wallets-grid
> .pvx-wallet-card
.pvx-wallet-card-balance {

    color: #121519 !important;

    font-weight: 800 !important;

    opacity: 1 !important;

    text-shadow: none !important;

}


/* Supporting wallet information */

body:not(.wp-admin)
.pvx-wallets-grid
> .pvx-wallet-card
.pvx-wallet-card-footer {

    color: #3D4248 !important;

    opacity: 1 !important;

    text-shadow: none !important;

}


/* Icon containers */

body:not(.wp-admin)
.pvx-wallets-grid
> .pvx-wallet-card
.pvx-wallet-card-icon {

    background:
        rgba(255, 255, 255, 0.65) !important;

    border-color:
        rgba(30, 35, 40, 0.14) !important;

    color: #25292E !important;

    box-shadow: none !important;

}


/* Preserve Main Wallet action controls */

body:not(.wp-admin)
.pvx-wallets-grid
> .pvx-main-wallet-card
.pvx-primary-button {

    color: #171A1E !important;

}


/* Mobile keeps the same distinct colors */

@media (max-width: 600px) {

    body:not(.wp-admin)
    .pvx-wallets-grid
    > .pvx-wallet-card {

        background-clip: padding-box !important;

    }

}


/* PVX REGISTRATION MUTED DESIGN V1 START */

/* Card: outer breathing room plus comfortable inner padding. */
body .pvx-registration-form {
    box-sizing: border-box !important;
    width: calc(100% - 48px) !important;
    max-width: 860px !important;
    min-width: 0 !important;
    margin: 36px auto 64px !important;
    padding: 40px !important;
    background: #F4F0E7 !important;
    color: #25282D !important;
    border: 1px solid #DED8CC !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.18) !important;
}

body .pvx-registration-form *,
body .pvx-registration-form *::before,
body .pvx-registration-form *::after {
    box-sizing: border-box;
}

body .pvx-registration-form > h2 {
    margin: 0 0 30px !important;
    padding: 0 0 22px !important;
    border-bottom: 1px solid #DED8CC !important;
    color: #25282D !important;
    font-size: clamp(25px, 3vw, 34px) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.6px !important;
    text-align: left !important;
    overflow-wrap: anywhere;
}

/* DOM order remains Full Name, Username, Email, Phone, Password, Referral. */
body .pvx-registration-form #pvx-registration-form {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 24px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

body #pvx-registration-form > p {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body #pvx-registration-form label {
    display: block !important;
    margin: 0 0 9px !important;
    color: #414750 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

body #pvx-registration-form input:not([type="hidden"]) {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 12px 15px !important;
    background: #EDF2F8 !important;
    color: #25282D !important;
    border: 1px solid #CAD3DF !important;
    border-radius: 11px !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

/* Leave space for the existing password visibility button. */
body #pvx-registration-form input#pvx_password {
    padding-right: 52px !important;
}

body #pvx-registration-form input#pvx_referral {
    background: #EEE7F6 !important;
    border-color: #D5CADF !important;
}

body #pvx-registration-form input:not([type="hidden"]):focus {
    outline: 2px solid #8B7441 !important;
    outline-offset: 2px !important;
    border-color: #8B7441 !important;
    box-shadow: 0 0 0 4px rgba(139, 116, 65, 0.10) !important;
}

body #pvx-registration-form input::placeholder {
    color: #737B87 !important;
    opacity: 1;
}

/* Keep nonce and referral-state inputs out of the visual grid. */
body #pvx-registration-form input[type="hidden"] {
    display: none !important;
}

body #pvx-registration-form #pvx-referral-status {
    display: block;
    margin-top: 9px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere;
}

body #pvx-registration-form #pvx-referral-status:empty {
    display: none;
}

body #pvx-registration-form #pvx-referral-status.pvx-referral-success {
    padding: 10px 12px !important;
    background: #E5F0E7 !important;
    color: #365C43 !important;
    border: 1px solid #C8DCCA !important;
    border-radius: 9px !important;
}

body #pvx-registration-form #pvx-referral-status.pvx-referral-error {
    padding: 10px 12px !important;
    background: #F5E7E4 !important;
    color: #873F38 !important;
    border: 1px solid #E3C9C3 !important;
    border-radius: 9px !important;
}

/* Submit only: does not target the password visibility button. */
body #pvx-registration-form #pvx-register-button {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 4px 0 0 !important;
    padding: 14px 22px !important;
    background: #E8D9AA !important;
    color: #373023 !important;
    border: 1px solid #C8B47E !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    cursor: pointer;
}

body #pvx-registration-form #pvx-register-button:hover:not(:disabled) {
    background: #DDCA92 !important;
    border-color: #AA925C !important;
}

body #pvx-registration-form #pvx-register-button:focus-visible {
    outline: 3px solid #8B7441 !important;
    outline-offset: 3px !important;
}

body #pvx-registration-form #pvx-register-button:disabled {
    background: #E7E2D7 !important;
    color: #716B60 !important;
    border-color: #D5CEC0 !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}

/* Mobile: real side gutters and one readable column. */
@media (max-width: 640px) {
    body .pvx-registration-form {
        width: calc(100% - 32px) !important;
        margin: 24px auto 40px !important;
        padding: 26px 20px !important;
        border-radius: 18px !important;
    }

    body .pvx-registration-form > h2 {
        margin-bottom: 24px !important;
        padding-bottom: 18px !important;
        font-size: 26px !important;
        letter-spacing: -0.4px !important;
    }

    body .pvx-registration-form #pvx-registration-form {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 20px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body #pvx-registration-form input:not([type="hidden"]) {
        transition: none !important;
    }
}

/* PVX REGISTRATION MUTED DESIGN V1 END */