/* ==========================================================================
 * Workspace foundation: one visual system for the wallet dashboard
 * (/dashboard/*, body.ra-wallet / .page-id-11137389) and the logged-in
 * account pages (/my-account/*, body.ra-account).
 * Loads before wallet-core.css and account-shell.css, which only place
 * their own markup into these components.
 *
 * Scope: body:is(.ra-wallet, .ra-account, .page-id-11137389). Wallet rules
 * keep their original body.page-id-11137389 selectors (same specificity as
 * before the split); account rules use body.ra-account.
 * Palette: neutral base; orange only on primary actions and selected
 * states; green, amber and red only on statuses and badges.
 * ========================================================================== */

/* ---------- Tokens (defined once) ---------- */

body:is(.ra-wallet, .ra-account, .page-id-11137389) {
    --ra-font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --ra-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --ra-ink: oklch(0.18 0 0);
    --ra-ink-2: oklch(0.32 0 0);
    --ra-muted: oklch(0.46 0 0);
    --ra-placeholder: oklch(0.54 0 0);
    --ra-paper: #fff;
    --ra-panel: oklch(0.977 0 0);
    --ra-panel-2: oklch(0.952 0 0);
    --ra-hover: oklch(0.935 0 0);
    --ra-line: oklch(0.912 0 0);
    --ra-line-2: oklch(0.83 0 0);
    --ra-line-hover: oklch(0.72 0 0);
    --ra-accent-ink: oklch(0.53 0.19 35);
    --ra-accent-hover: oklch(0.47 0.175 35);
    --ra-accent-tint: oklch(0.958 0.032 35);
    --ra-ok-ink: oklch(0.42 0.1 150);
    --ra-ok-tint: oklch(0.958 0.038 150);
    --ra-ok-line: oklch(0.86 0.07 150);
    --ra-warn-ink: oklch(0.5 0.11 75);
    --ra-warn-tint: oklch(0.965 0.04 85);
    --ra-warn-line: oklch(0.86 0.07 80);
    --ra-bad: oklch(0.55 0.17 25);
    --ra-bad-ink: oklch(0.48 0.16 25);
    --ra-bad-tint: oklch(0.962 0.028 25);
    --ra-bad-line: oklch(0.86 0.06 25);
    --ra-ease: cubic-bezier(0.16, 1, 0.3, 1);

    /* Type steps (account files use these; wallet files keep their literals). */
    --ra-fs-2xs: 11.5px;
    --ra-fs-xs: 12.5px;
    --ra-fs-sm: 13.5px;
    --ra-fs-body: 14px;
    --ra-fs-md: 15px;
    --ra-fs-title: 15.5px;
    --ra-fs-input-phone: 16px;
    --ra-fs-stat-sm: 20px;
    --ra-fs-h1-sm: 23px;
    --ra-fs-stat: 26px;

    /* Shell metrics, stepped down at narrower widths below. */
    --ra-side-w: 252px;
    --ra-main-pad: 28px 36px 48px;

    /* Icon masks (24px grid, 1.75 stroke, same set as the wallet comp). */
    --ra-i-chev-r: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");
    --ra-i-chev-l: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E");
    --ra-i-chev-d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    --ra-i-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.5M12 7.6v.1'/%3E%3C/svg%3E");
    --ra-i-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.8 2.8L16.2 9.5'/%3E%3C/svg%3E");
    --ra-i-warn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 4.2 2.9 17.5A2 2 0 0 0 4.6 20.5h14.8a2 2 0 0 0 1.7-3L13.7 4.2a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9.5v4.5M12 17.2v.1'/%3E%3C/svg%3E");
    --ra-i-bad: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.4v.1'/%3E%3C/svg%3E");
    --ra-i-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
    --ra-i-eye-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l16 16M9.9 5.7A9.7 9.7 0 0 1 12 5.5c6 0 9.5 6.5 9.5 6.5a17 17 0 0 1-2.9 3.7M6.6 6.7A16.6 16.6 0 0 0 2.5 12S6 18.5 12 18.5a9.4 9.4 0 0 0 4.6-1.2M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E");
}

@media (max-width: 1279px) {
    body:is(.ra-wallet, .ra-account, .page-id-11137389) {
        --ra-side-w: 232px;
        --ra-main-pad: 24px 28px 44px;
    }
}

/* ---------- GeneratePress frame: the workspace owns the content area ---------- */

body:is(.ra-wallet, .ra-account, .page-id-11137389) #content.site-content {
    padding: 24px 0 0;
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .inside-article {
    padding: 0;
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content {
    width: 100%;
    max-width: none;
    margin: 0;
    font-family: var(--ra-font);
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content ::selection {
    background: oklch(0.88 0.07 35);
    color: var(--ra-ink);
}

/* The title lives in the workspace head; this only catches a template that still prints it. */
body.ra-account .entry-header {
    display: none;
}

@media (max-width: 768px) {
    body:is(.ra-wallet, .ra-account, .page-id-11137389) #content.site-content {
        padding: 16px 16px 0;
    }
}

@media (max-width: 720px) {
    body:is(.ra-wallet, .ra-account, .page-id-11137389) #content.site-content {
        padding: 0;
    }
}

/* ---------- Workspace: one bordered shell, grey rail | white main ---------- */

body.page-id-11137389 .wal-dashboard-wrapper,
body.ra-account .entry-content > .woocommerce {
    display: grid;
    grid-template-columns: var(--ra-side-w) minmax(0, 1fr);
    float: none;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: var(--ra-panel);
    border: 1px solid var(--ra-line);
    border-radius: 16px;
    box-shadow: none;
    color: var(--ra-ink);
    font-family: var(--ra-font);
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
    -webkit-font-smoothing: antialiased;
}

body.page-id-11137389 .wal-dashboard-wrapper :focus-visible,
body.ra-account .entry-content > .woocommerce :focus-visible {
    outline: 2px solid var(--ra-accent-ink);
    outline-offset: 2px;
}

body.page-id-11137389 .wal-dashboard-wrapper a,
body.ra-account .entry-content > .woocommerce a {
    color: inherit;
}

body.page-id-11137389 .wal-dashboard-wrapper .woocommerce-Price-amount,
body.page-id-11137389 .wal-dashboard-wrapper .woocommerce-Price-currencySymbol,
body.ra-account .entry-content > .woocommerce .woocommerce-Price-amount,
body.ra-account .entry-content > .woocommerce .woocommerce-Price-currencySymbol {
    margin: 0;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
}

/* Main column */
body.page-id-11137389 .wal-dashboard-menu-content,
body.ra-account .woocommerce > .woocommerce-MyAccount-content {
    display: block;
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: var(--ra-main-pad);
    background: var(--ra-paper);
    border: 0;
    border-left: 1px solid var(--ra-line);
    text-align: left;
    container: ra-main / inline-size;
}

/* ---------- Rail: identity card ---------- */

body.page-id-11137389 .wal-dashboard-profile-wrapper,
body.ra-account .ra-account-card {
    display: flex;
    align-items: center;
    gap: 10px;
    float: none;
    width: auto;
    min-width: 0;
    min-height: 0;
    margin: 20px 14px 8px;
    padding: 12px;
    background: var(--ra-paper);
    border: 1px solid var(--ra-line);
    border-radius: 12px;
    box-shadow: none;
    text-align: left;
}

body.ra-account .ra-account-card .avatar {
    display: block;
    flex: none;
    width: 36px;
    max-width: none;
    height: 36px;
    margin: 0;
    background: var(--ra-panel-2);
    border-radius: 50%;
    object-fit: cover;
    object-position: 50% 0;
}

body.ra-account .ra-account-card > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    flex: 1 1 auto;
    gap: 1px;
    min-width: 0;
}

body.ra-account .ra-account-card-email {
    display: block;
    overflow: hidden;
    color: var(--ra-ink);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.ra-account .ra-account-card-balance {
    display: block;
    color: var(--ra-muted);
    font-size: 12.5px;
    line-height: 1.35;
    font-variant-numeric: tabular-nums;
}

/* ---------- Rail: group labels and nav items ---------- */

body.page-id-11137389 .wal-dashboard-menus::before,
body.page-id-11137389 .ra-wallet-spend-title,
body.ra-account .woocommerce-MyAccount-navigation li.ra-nav-start::before {
    display: block;
    margin: 18px 10px 6px;
    padding: 0;
    color: var(--ra-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

body.page-id-11137389 .wal-dashboard-menus .wal-dashboard-menu-links,
body.ra-account .woocommerce-MyAccount-navigation ul {
    display: grid;
    gap: 2px;
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    list-style: none;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.page-id-11137389 .wal-dashboard-menus .wal-dashboard-menu-link,
body.ra-account .woocommerce-MyAccount-navigation li {
    display: block;
    flex: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.page-id-11137389 .wal-dashboard-menus .wal-dashboard-menu-item,
body.ra-account .woocommerce-MyAccount-navigation li > a {
    display: flex;
    flex: none;
    float: none;
    align-items: center;
    gap: 10px;
    min-height: 0;
    margin: 0;
    padding: 8px 10px;
    background: transparent;
    border: 0;
    border-radius: 9px;
    box-shadow: none;
    color: var(--ra-ink-2);
    font-size: 14px;
    font-weight: 550;
    line-height: 1.45;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.18s, color 0.18s, box-shadow 0.18s;
}

body.page-id-11137389 .wal-dashboard-menus .wal-dashboard-menu-item:hover,
body.ra-account .woocommerce-MyAccount-navigation li > a:hover {
    background: var(--ra-hover);
    color: var(--ra-ink);
}

body.page-id-11137389 .wal-dashboard-menus .wal-dashboard-menu-item.wal-active,
body.page-id-11137389 .wal-dashboard-menus .wal-dashboard-menu-item.wal-active:hover,
body.ra-account .woocommerce-MyAccount-navigation li.is-active > a,
body.ra-account .woocommerce-MyAccount-navigation li.is-active > a:hover {
    background: var(--ra-paper);
    color: var(--ra-ink);
    font-weight: 650;
    box-shadow: 0 0 0 1px var(--ra-line), 0 1px 3px oklch(0 0 0 / 0.06);
}

/* Icons: each item sets --ra-ico; the mask paints it in the item's icon colour. */
body.page-id-11137389 .wal-dashboard-menu-item-overview::before,
body.page-id-11137389 .wal-dashboard-menu-item-activity::before,
body.page-id-11137389 .wal-dashboard-menu-item-topup::before,
body.ra-account .woocommerce-MyAccount-navigation li > a::before {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    background-color: var(--ra-muted);
    -webkit-mask: var(--ra-ico) center / 18px 18px no-repeat;
    mask: var(--ra-ico) center / 18px 18px no-repeat;
    transition: background-color 0.18s;
}

body.page-id-11137389 .wal-dashboard-menus .wal-dashboard-menu-item.wal-active::before,
body.ra-account .woocommerce-MyAccount-navigation li.is-active > a::before {
    background-color: var(--ra-accent-ink);
}

/* ---------- Head: crumbs, title, side (balance / actions) ---------- */

body.page-id-11137389 .ra-wallet-head,
body.ra-account .ra-account-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin: 0;
    padding: 0 0 22px;
    border-bottom: 1px solid var(--ra-line);
}

body.page-id-11137389 .ra-wallet-head > div:first-child,
body.ra-account .ra-account-head > div:first-child {
    min-width: 0;
}

body.page-id-11137389 .ra-wallet-crumbs,
body.ra-account .ra-account-crumbs {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--ra-muted);
    font-size: 13px;
    line-height: 1.4;
}

body.page-id-11137389 .ra-wallet-crumbs a,
body.ra-account .ra-account-crumbs a {
    color: var(--ra-muted);
    text-decoration: none;
    transition: color 0.18s;
}

body.page-id-11137389 .ra-wallet-crumbs a:hover,
body.ra-account .ra-account-crumbs a:hover {
    color: var(--ra-ink);
}

body.page-id-11137389 .ra-wallet-crumbs [aria-current],
body.ra-account .ra-account-crumbs [aria-current] {
    color: var(--ra-ink-2);
}

body.page-id-11137389 .ra-wallet-crumbs .ra-wallet-ico,
body.ra-account .ra-account-crumbs .ra-wallet-ico {
    flex: none;
    width: 14px;
    height: 14px;
}

body.page-id-11137389 .ra-wallet-title,
body.ra-account .ra-account-title {
    margin: 4px 0 0;
    padding: 0;
    color: var(--ra-ink);
    font-family: var(--ra-font);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

body.page-id-11137389 .ra-wallet-head-side,
body.ra-account .ra-account-head-side {
    display: flex;
    flex: none;
    align-items: flex-end;
    gap: 20px;
}

body.ra-account .ra-account-head-side {
    gap: 10px;
}

body.page-id-11137389 .ra-wallet-balance {
    flex: none;
    text-align: right;
}

body.page-id-11137389 .ra-wallet-balance > span {
    display: block;
    color: var(--ra-muted);
    font-size: 12.5px;
    line-height: 1.4;
}

body.page-id-11137389 .ra-wallet-balance > b {
    display: block;
    color: var(--ra-ink);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.015em;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* ---------- Buttons ---------- */

/* Primary, head size (40px). One per view. */
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-btn--primary,
body.ra-account .entry-content .rcth-btn-primary,
body.ra-account .entry-content #afwc_save_account_button,
body.ra-account .entry-content .rcth-deposit-btn,
body.ra-account .entry-content .rpth-thankyou-panel .rpth-account-order-link.is-primary {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    margin: 0;
    padding: 0 16px;
    background: var(--ra-accent-ink);
    border: 0;
    border-radius: 10px;
    box-shadow: inset 0 1px 0 oklch(1 0 0 / 0.16), 0 4px 12px oklch(0.53 0.19 35 / 0.2);
    color: #fff;
    cursor: pointer;
    font-family: var(--ra-font);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.2;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
    transition: background-color 0.18s, box-shadow 0.18s, transform 0.18s var(--ra-ease);
}

/* Primary, form size (48px). */
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-btn--primary.ra-btn--lg,
body.ra-account .woocommerce-EditAccountForm button[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    margin: 0;
    padding: 0 22px;
    background: var(--ra-accent-ink);
    border: 0;
    border-radius: 12px;
    box-shadow: inset 0 1px 0 oklch(1 0 0 / 0.16), 0 6px 18px oklch(0.53 0.19 35 / 0.22);
    color: #fff;
    cursor: pointer;
    font-family: var(--ra-font);
    font-size: 15px;
    font-weight: 650;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.18s, box-shadow 0.18s, transform 0.18s var(--ra-ease);
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-btn--primary:is(:hover, :focus),
body.ra-account .entry-content :is(.rcth-btn-primary, #afwc_save_account_button, .rcth-deposit-btn):is(:hover, :focus),
body.ra-account .entry-content .rpth-thankyou-panel .rpth-account-order-link.is-primary:is(:hover, :focus),
body.ra-account .woocommerce-EditAccountForm button[type="submit"]:is(:hover, :focus) {
    background: var(--ra-accent-hover);
    color: #fff;
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-btn--primary:active,
body.ra-account .entry-content :is(.rcth-btn-primary, #afwc_save_account_button, .rcth-deposit-btn):active,
body.ra-account .entry-content .rpth-thankyou-panel .rpth-account-order-link.is-primary:active,
body.ra-account .woocommerce-EditAccountForm button[type="submit"]:active {
    transform: translateY(1px);
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-btn--primary:is([disabled], .disabled),
body.ra-account .entry-content :is(.rcth-btn-primary, #afwc_save_account_button):is([disabled], .disabled),
body.ra-account .woocommerce-EditAccountForm button[type="submit"]:is([disabled], .disabled) {
    background: var(--ra-panel-2);
    box-shadow: none;
    color: var(--ra-muted);
    cursor: not-allowed;
    transform: none;
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-btn--primary:is(.loading, [aria-busy="true"]),
body.ra-account .woocommerce-EditAccountForm button[type="submit"]:is(.loading, [aria-busy="true"]) {
    cursor: progress;
    opacity: 0.72;
}

/* A primary link stays white in every link state (the shell's a { color: inherit }
 * and the theme's a:hover colour would otherwise win on <a>). */
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content a.ra-btn.ra-btn--primary,
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content a.ra-btn.ra-btn--primary:is(:link, :visited, :hover, :focus, :active),
body.ra-account .entry-content .rpth-thankyou-panel a.rpth-account-order-link.is-primary:is(:link, :visited, :hover, :focus, :active) {
    color: #fff;
    text-decoration: none;
}

/* Icon inside a button: same as the wallet head button's icon. */
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-btn .ra-wallet-ico {
    flex: none;
    width: 16px;
    height: 16px;
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-btn--primary:has(> svg:first-child) {
    padding-left: 13px;
}

/* Secondary (40px) and its compact size (32px). */
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-btn--secondary,
body.ra-account .entry-content .rcth-btn-secondary,
body.ra-account .entry-content .rcth-token-copy-btn,
body.ra-account .woocommerce-MyAccount-content .woocommerce-orders-table .button,
body.ra-account .woocommerce-MyAccount-content .order-actions-button,
body.ra-account .woocommerce-MyAccount-content .my_account_orders .button.view,
body.ra-account .entry-content .rpth-thankyou-panel .rpth-account-order-link.is-secondary {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    margin: 0;
    padding: 0 14px;
    background: var(--ra-paper);
    border: 1px solid var(--ra-line-2);
    border-radius: 10px;
    box-shadow: none;
    color: var(--ra-ink);
    cursor: pointer;
    font-family: var(--ra-font);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
    transition: background-color 0.18s, border-color 0.18s, color 0.18s, transform 0.18s var(--ra-ease);
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-btn--secondary.ra-btn--sm,
body.ra-account .entry-content .rcth-token-copy-btn,
body.ra-account .woocommerce-MyAccount-content .woocommerce-orders-table .button,
body.ra-account .woocommerce-MyAccount-content .order-actions-button,
body.ra-account .woocommerce-MyAccount-content .my_account_orders .button.view {
    min-height: 32px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 13px;
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-btn--secondary:is(:hover, :focus),
body.ra-account .entry-content :is(.rcth-btn-secondary, .rcth-token-copy-btn):is(:hover, :focus),
body.ra-account .woocommerce-MyAccount-content :is(.woocommerce-orders-table .button, .order-actions-button, .my_account_orders .button.view):is(:hover, :focus),
body.ra-account .entry-content .rpth-thankyou-panel .rpth-account-order-link.is-secondary:is(:hover, :focus) {
    background: var(--ra-panel);
    border-color: var(--ra-line-hover);
    color: var(--ra-ink);
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-btn--secondary:active,
body.ra-account .entry-content :is(.rcth-btn-secondary, .rcth-token-copy-btn):active,
body.ra-account .woocommerce-MyAccount-content :is(.woocommerce-orders-table .button, .order-actions-button):active {
    transform: translateY(1px);
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-btn--secondary .ra-wallet-ico {
    flex: none;
    width: 16px;
    height: 16px;
    color: var(--ra-muted);
}

/* Secondary-danger (Revoke): neutral at rest, red only on intent. */
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-btn--danger:is(:hover, :focus),
body.ra-account .entry-content #rcth-revoke-token-btn:is(:hover, :focus) {
    background: var(--ra-bad-tint);
    border-color: var(--ra-bad-line);
    color: var(--ra-bad-ink);
}

/* ---------- Status chips and tags ---------- */

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-chip,
body.ra-account .entry-content .ruv-status-badge,
body.ra-account .entry-content table.afwc_referrals td[title]:has(> .afwc_circle)::after {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 1px 8px;
    background: var(--ra-panel-2);
    border: 0;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px var(--ra-line-2);
    color: var(--ra-ink-2);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.5;
    text-transform: none;
    white-space: nowrap;
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-chip--ok,
body.ra-account .entry-content .ruv-status-badge.ruv-status-completed,
body.ra-account .entry-content table.afwc_referrals td[title]:has(> .afwc_circle.fill_green)::after {
    background: var(--ra-ok-tint);
    box-shadow: inset 0 0 0 1px var(--ra-ok-line);
    color: var(--ra-ok-ink);
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-chip--warn,
body.ra-account .entry-content .ruv-status-badge:is(.ruv-status-processing, .ruv-status-on-hold, .ruv-status-pending),
body.ra-account .entry-content table.afwc_referrals td[title]:has(> .afwc_circle.fill_orange)::after {
    background: var(--ra-warn-tint);
    box-shadow: inset 0 0 0 1px var(--ra-warn-line);
    color: var(--ra-warn-ink);
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-chip--bad,
body.ra-account .entry-content .ruv-status-badge:is(.ruv-status-failed, .ruv-status-cancelled),
body.ra-account .entry-content table.afwc_referrals td[title]:has(> .afwc_circle.fill_red)::after {
    background: var(--ra-bad-tint);
    box-shadow: inset 0 0 0 1px var(--ra-bad-line);
    color: var(--ra-bad-ink);
}

/* A tag names a category, not a status. */
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-tag,
body.ra-account .entry-content .ruv-service-type,
body.ra-account .entry-content .ruv-order-count,
body.ra-account .entry-content .rcth-method-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    min-width: 0;
    padding: 1px 8px;
    background: var(--ra-panel);
    border: 0;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px var(--ra-line);
    color: var(--ra-ink-2);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: none;
    white-space: nowrap;
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-tag--mono,
body.ra-account .entry-content .rcth-method-badge {
    font-family: var(--ra-mono);
    font-size: 11.5px;
    font-weight: 650;
}

/* ---------- Notices ---------- */

body.page-id-11137389 .wal-dashboard-wrapper :is(.woocommerce-error, .woocommerce-message, .woocommerce-info),
body.ra-account .woocommerce-MyAccount-content :is(.woocommerce-error, .woocommerce-message, .woocommerce-info, .rcth-alert),
body.ra-account .woocommerce-MyAccount-content > .gb-container-a5eedbef,
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-notice {
    position: relative;
    margin: 0 0 20px;
    padding: 12px 16px 12px 44px;
    list-style: none;
    background: var(--ra-paper);
    border: 1px solid var(--ra-line-2);
    border-radius: 10px;
    box-shadow: none;
    color: var(--ra-ink-2);
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
}

body.page-id-11137389 .wal-dashboard-wrapper :is(.woocommerce-error, .woocommerce-message, .woocommerce-info)::before,
body.ra-account .woocommerce-MyAccount-content :is(.woocommerce-error, .woocommerce-message, .woocommerce-info, .rcth-alert)::before,
body.ra-account .woocommerce-MyAccount-content > .gb-container-a5eedbef::before,
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-notice::before {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    left: 16px;
    width: 18px;
    height: 18px;
    margin: 0;
    background-color: var(--ra-muted);
    font-family: inherit;
    -webkit-mask: var(--ra-i-info) center / 18px 18px no-repeat;
    mask: var(--ra-i-info) center / 18px 18px no-repeat;
}

body.page-id-11137389 .wal-dashboard-wrapper .woocommerce-message::before,
body.ra-account .woocommerce-MyAccount-content .woocommerce-message::before,
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-notice--ok::before {
    background-color: var(--ra-ok-ink);
    -webkit-mask-image: var(--ra-i-ok);
    mask-image: var(--ra-i-ok);
}

body.page-id-11137389 .wal-dashboard-wrapper .woocommerce-error,
body.ra-account .woocommerce-MyAccount-content .woocommerce-error,
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-notice--bad {
    background: var(--ra-bad-tint);
    border-color: var(--ra-bad-line);
    color: var(--ra-ink);
}

body.page-id-11137389 .wal-dashboard-wrapper .woocommerce-error::before,
body.ra-account .woocommerce-MyAccount-content .woocommerce-error::before,
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-notice--bad::before {
    background-color: var(--ra-bad);
    -webkit-mask-image: var(--ra-i-bad);
    mask-image: var(--ra-i-bad);
}

body.ra-account .woocommerce-MyAccount-content .rcth-alert-warning,
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-notice--warn {
    background: var(--ra-warn-tint);
    border-color: var(--ra-warn-line);
    color: var(--ra-ink);
}

body.ra-account .woocommerce-MyAccount-content .rcth-alert-warning::before,
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-notice--warn::before {
    background-color: var(--ra-warn-ink);
    -webkit-mask-image: var(--ra-i-warn);
    mask-image: var(--ra-i-warn);
}

body.ra-account .woocommerce-MyAccount-content :is(.woocommerce-error, .woocommerce-message, .woocommerce-info, .rcth-alert) strong,
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-notice strong {
    color: var(--ra-ink);
    font-weight: 650;
}

body.page-id-11137389 .wal-dashboard-wrapper .woocommerce-error li,
body.ra-account .woocommerce-MyAccount-content .woocommerce-error li {
    margin: 0;
    padding: 0;
}

body.ra-account .woocommerce-MyAccount-content :is(.woocommerce-error, .woocommerce-message, .woocommerce-info) .button {
    float: right;
    margin: -6px 0 -6px 12px;
}

/* ---------- Fields ---------- */

body.ra-account .woocommerce-MyAccount-content :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="number"], input[type="search"], select, textarea),
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-field {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 0 12px;
    background-color: var(--ra-paper);
    border: 1px solid var(--ra-line-2);
    border-radius: 10px;
    box-shadow: none;
    outline: 0;
    color: var(--ra-ink);
    caret-color: var(--ra-accent-ink);
    font-family: var(--ra-font);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    transition: border-color 0.18s, box-shadow 0.18s;
}

body.ra-account .woocommerce-MyAccount-content textarea {
    padding: 10px 12px;
}

body.ra-account .woocommerce-MyAccount-content select,
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content select.ra-field {
    padding-right: 36px;
    background-image: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

body.ra-account .woocommerce-MyAccount-content :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="number"], input[type="search"], select, textarea):hover,
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-field:hover {
    border-color: var(--ra-line-hover);
}

body.ra-account .woocommerce-MyAccount-content :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="number"], input[type="search"], select, textarea):focus,
body.ra-account .woocommerce-MyAccount-content :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="number"], input[type="search"], select, textarea):focus-visible,
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-field:is(:focus, :focus-visible) {
    background-color: var(--ra-paper);
    border-color: var(--ra-ink);
    box-shadow: 0 0 0 4px oklch(0.18 0 0 / 0.07);
    outline: 0;
}

body.ra-account .woocommerce-MyAccount-content :is(input, select, textarea)::placeholder,
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-field::placeholder {
    color: var(--ra-placeholder);
    opacity: 1;
}

body.ra-account .woocommerce-MyAccount-content .woocommerce-invalid :is(input, select, textarea),
body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-field.is-error {
    border-color: var(--ra-bad);
    box-shadow: 0 0 0 4px oklch(0.55 0.17 25 / 0.1);
}

body.ra-account .woocommerce-MyAccount-content :is(input, textarea)[readonly] {
    background-color: var(--ra-panel);
    color: var(--ra-muted);
}

/* Select chevron: a wrapper-free mask, drawn behind the text. */
body.ra-account .woocommerce-MyAccount-content select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23757575' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}

/* ---------- Code field and token row ---------- */

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-code,
body.ra-account .entry-content pre.rcth-code-block {
    margin: 0 0 16px;
    padding: 12px 14px;
    overflow-x: auto;
    background: var(--ra-panel);
    border: 1px solid var(--ra-line);
    border-radius: 10px;
    color: var(--ra-ink);
    font-family: var(--ra-mono);
    font-size: 13px;
    line-height: 1.6;
    white-space: pre;
    scrollbar-width: thin;
    scrollbar-color: var(--ra-line-2) transparent;
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-token,
body.ra-account .entry-content .rcth-token-display-wrapper {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 48px;
    margin: 0 0 10px;
    padding: 6px 6px 6px 14px;
    background: var(--ra-panel);
    border: 1px solid var(--ra-line-2);
    border-radius: 12px;
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-token input,
body.ra-account .entry-content .rcth-token-display-wrapper input#rcth-token-display {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    min-height: 0;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--ra-ink);
    font-family: var(--ra-mono);
    font-size: 13.5px;
    text-overflow: ellipsis;
}

/* ---------- Empty state ---------- */

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-empty,
body.ra-account.ra-account--view-license-keys .woocommerce-MyAccount-content > .woocommerce-info,
body.ra-account .entry-content .ruv-empty-state {
    display: grid;
    justify-items: center;
    gap: 6px;
    margin: 0;
    padding: 36px 24px;
    background: var(--ra-panel);
    border: 1px solid var(--ra-line);
    border-radius: 14px;
    box-shadow: none;
    color: var(--ra-ink-2);
    font-size: 13.5px;
    line-height: 1.5;
    text-align: center;
}

body.ra-account.ra-account--view-license-keys .woocommerce-MyAccount-content > .woocommerce-info {
    color: var(--ra-ink);
    font-size: 15.5px;
    font-weight: 700;
}

body.ra-account.ra-account--view-license-keys .woocommerce-MyAccount-content > .woocommerce-info::before {
    content: none;
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-empty-title,
body.ra-account .entry-content .ruv-empty-state h3 {
    margin: 0;
    color: var(--ra-ink);
    font-size: 15.5px;
    font-weight: 700;
    line-height: 1.35;
}

body:is(.ra-wallet, .ra-account, .page-id-11137389) .entry-content .ra-empty p,
body.ra-account .entry-content .ruv-empty-state p {
    max-width: 46ch;
    margin: 0;
    color: var(--ra-ink-2);
    font-size: 13.5px;
    line-height: 1.5;
}

body.ra-account .entry-content .ruv-empty-state svg {
    width: 32px;
    height: 32px;
    color: var(--ra-muted);
}

/* ---------- Ledger table ---------- */

body.page-id-11137389 .wal-dashboard-activity-table,
body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .woocommerce-table--order-details, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history) {
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--ra-ink-2);
    font-size: 14px;
    line-height: 1.45;
    font-variant-numeric: tabular-nums;
}

body.page-id-11137389 .wal-dashboard-activity-table thead,
body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .woocommerce-table--order-details, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history) thead {
    background: none;
}

body.page-id-11137389 .wal-dashboard-activity-table thead th,
body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .woocommerce-table--order-details, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history) thead th {
    padding: 0 12px 10px;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--ra-line);
    color: var(--ra-muted);
    font-size: 12.5px;
    font-weight: 600;
    text-align: left;
    text-transform: none;
    vertical-align: bottom;
    white-space: nowrap;
    word-break: normal;
}

body.page-id-11137389 .wal-dashboard-activity-table tbody tr,
body.page-id-11137389 .wal-dashboard-activity-table tbody tr:nth-child(2n),
body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .woocommerce-table--order-details, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history) tbody tr,
body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .woocommerce-table--order-details, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history) tbody tr:is(:nth-child(2n), :hover) {
    background: none;
}

body.page-id-11137389 .wal-dashboard-activity-table tbody td,
body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .woocommerce-table--order-details, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history) tbody :is(td, th) {
    padding: 13px 12px;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--ra-line);
    color: var(--ra-ink-2);
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
    word-break: normal;
    overflow-wrap: anywhere;
}

body.page-id-11137389 .wal-dashboard-activity-table th:first-child,
body.page-id-11137389 .wal-dashboard-activity-table tbody td:first-child,
body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .woocommerce-table--order-details, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history) :is(th, td):first-child {
    padding-left: 0;
}

body.page-id-11137389 .wal-dashboard-activity-table th:last-child,
body.page-id-11137389 .wal-dashboard-activity-table tbody td:last-child,
body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .woocommerce-table--order-details, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history) :is(th, td):last-child {
    padding-right: 0;
}

/* Text links inside account content read as ink with a quiet underline.
 * :where() keeps this at (0,2,1) so component links (crumbs, order numbers) win. */
body.ra-account .woocommerce-MyAccount-content :where(a:not([class*="button"], [class*="btn"], .ra-btn, .nav-tab)) {
    color: var(--ra-ink);
    text-decoration: underline;
    text-decoration-color: var(--ra-line-2);
    text-underline-offset: 3px;
    transition: text-decoration-color 0.18s;
}

body.ra-account .woocommerce-MyAccount-content :where(a:not([class*="button"], [class*="btn"], .ra-btn, .nav-tab)):hover {
    text-decoration-color: var(--ra-ink);
}

/* ---------- Pagination pills ---------- */

body.page-id-11137389 .wal-dashboard-activity-table .wal-pagination,
body.ra-account .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button,
body.ra-account .woocommerce-MyAccount-content .ruv-pagination :is(a, span) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    min-height: 0;
    margin: 0;
    padding: 0 12px;
    background: var(--ra-paper);
    border: 1px solid var(--ra-line);
    border-radius: 999px;
    box-shadow: none;
    color: var(--ra-ink-2);
    font-family: var(--ra-font);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    text-decoration: none;
    transform: none;
    transition: background-color 0.18s, border-color 0.18s, color 0.18s;
}

body.page-id-11137389 .wal-dashboard-activity-table .wal-pagination:hover,
body.ra-account .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button:hover,
body.ra-account .woocommerce-MyAccount-content .ruv-pagination a:hover {
    background: var(--ra-panel);
    border-color: var(--ra-line-2);
    color: var(--ra-ink);
    transform: none;
}

body.page-id-11137389 .wal-dashboard-activity-table .wal-pagination.current,
body.page-id-11137389 .wal-dashboard-activity-table .wal-pagination.current:hover,
body.ra-account .woocommerce-MyAccount-content .ruv-pagination .current {
    background: var(--ra-ink);
    border-color: var(--ra-ink);
    color: #fff;
}

body.ra-account .woocommerce-MyAccount-content .ruv-pagination .disabled {
    background: var(--ra-panel);
    border-color: var(--ra-line);
    color: var(--ra-placeholder);
    cursor: not-allowed;
}

body.page-id-11137389 .wal-dashboard-activity-table .wal-pagination:focus-visible,
body.ra-account .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button:focus-visible,
body.ra-account .woocommerce-MyAccount-content .ruv-pagination a:focus-visible {
    outline: 2px solid var(--ra-accent-ink);
    outline-offset: 2px;
}

/* ---------- Ledger rows become cards when the main column is narrow ---------- */

@container ra-main (max-width: 689px) {
    body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history),
    body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history) tbody,
    body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history) tbody tr {
        display: block;
        width: 100%;
    }

    body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history) thead {
        display: none;
    }

    body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history) tbody tr {
        margin: 0 0 10px;
        padding: 2px 14px;
        overflow: visible;
        background: var(--ra-paper);
        border: 1px solid var(--ra-line);
        border-radius: 12px;
        box-shadow: none;
    }

    body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history) tbody tr:last-child {
        margin-bottom: 0;
    }

    body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history) tbody :is(td, th),
    body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history) tbody :is(td, th):is(:first-child, :last-child) {
        display: flex;
        align-items: baseline;
        justify-content: flex-end;
        gap: 6px;
        width: auto;
        max-width: none;
        padding: 7px 0;
        border-right: 0;
        text-align: right !important; /* WooCommerce's responsive table forces right/left with !important */
        white-space: normal;
    }

    body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history) tbody :is(td, th):last-child {
        border-bottom: 0;
    }

    body.ra-account .woocommerce-MyAccount-content table:is(.woocommerce-orders-table, .my_account_orders, .ruv-orders-table, .afwc_products, .afwc_referrals, .afwc_payout_history) tbody :is(td, th)::before {
        content: attr(data-title);
        flex: none;
        float: none;
        margin-right: auto; /* label left, every value part packed right */
        padding-right: 10px;
        color: var(--ra-muted);
        font-size: 12.5px;
        font-weight: 550;
        letter-spacing: normal;
        text-align: left;
        text-transform: none;
    }

    body.ra-account .woocommerce-MyAccount-content table.ruv-orders-table tbody td::before {
        content: attr(data-label);
    }
}

/* ---------- Phone: stacked shell ---------- */

@media (max-width: 720px) {
    body.page-id-11137389 .wal-dashboard-wrapper,
    body.ra-account .entry-content > .woocommerce {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    body.page-id-11137389 .wal-dashboard-profile-wrapper,
    body.ra-account .ra-account-card {
        margin: 14px 16px 12px;
    }

    body.page-id-11137389 .wal-dashboard-menus::before,
    body.ra-account .woocommerce-MyAccount-navigation li.ra-nav-start::before {
        display: none;
    }

    body.page-id-11137389 .wal-dashboard-menus .wal-dashboard-menu-links,
    body.ra-account .woocommerce-MyAccount-navigation ul {
        display: flex;
        gap: 4px;
        padding: 0 16px 12px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
    }

    body.page-id-11137389 .wal-dashboard-menus .wal-dashboard-menu-links::-webkit-scrollbar,
    body.ra-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
        display: none;
    }

    body.page-id-11137389 .wal-dashboard-menus .wal-dashboard-menu-link,
    body.ra-account .woocommerce-MyAccount-navigation li {
        flex: none;
    }

    body.page-id-11137389 .wal-dashboard-menus .wal-dashboard-menu-item,
    body.ra-account .woocommerce-MyAccount-navigation li > a {
        gap: 8px;
        padding: 7px 11px;
        font-size: 13.5px;
    }

    body.page-id-11137389 .wal-dashboard-menu-content,
    body.ra-account .woocommerce > .woocommerce-MyAccount-content {
        padding: 20px 16px 36px;
        border-left: 0;
    }

    body.page-id-11137389 .ra-wallet-head,
    body.ra-account .ra-account-head {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding-bottom: 18px;
    }

    body.page-id-11137389 .ra-wallet-title,
    body.ra-account .ra-account-title {
        font-size: 23px;
    }

    body.page-id-11137389 .ra-wallet-head-side,
    body.ra-account .ra-account-head-side {
        justify-content: space-between;
    }

    body.page-id-11137389 .ra-wallet-balance {
        text-align: left;
    }

    body.ra-account .woocommerce-MyAccount-content :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="number"], input[type="search"], select, textarea) {
        font-size: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.page-id-11137389 .wal-dashboard-wrapper *,
    body.page-id-11137389 .wal-dashboard-wrapper *::before,
    body.ra-account .entry-content > .woocommerce *,
    body.ra-account .entry-content > .woocommerce *::before {
        transition-duration: 0s !important;
    }
}