/* Signal Workshop customer workspace. WooCommerce and TeraWallet remain authoritative. */
.radix-account {
    background: var(--radix-ground) !important;
    display: block !important;
    min-height: 62vh;
    padding-block: clamp(32px, 5vw, 72px) clamp(64px, 8vw, 112px);
    width: 100%;
}

.radix-account-heading {
    padding-block-end: clamp(24px, 4vw, 40px);
}

.radix-account-heading > * {
    margin-block: 0;
}

.radix-account-heading > * + * {
    margin-block-start: 8px;
}

.radix-account-heading h1 {
    font-size: clamp(2rem, 1.45rem + 2.2vw, 3rem);
    max-width: 22ch;
}

.radix-account-content {
    margin-block-start: clamp(28px, 5vw, 56px);
}

.radix-account-content > .woocommerce {
    min-width: 0;
}

body.logged-in .radix-account-content > .woocommerce {
    align-items: start;
    display: grid;
    gap: clamp(28px, 4vw, 56px);
    grid-template-columns: minmax(190px, 250px) minmax(0, 1fr);
}

.radix-account .woocommerce-notices-wrapper,
.radix-account .wc-block-components-notice-banner {
    grid-column: 1 / -1;
}

.radix-account .woocommerce-notices-wrapper:empty {
    display: none;
}

/* Account navigation */
.radix-account .woocommerce-MyAccount-navigation,
.radix-account .woocommerce-MyAccount-content {
    float: none;
    margin: 0;
    min-width: 0;
    width: auto;
}

.radix-account .woocommerce-MyAccount-navigation {
    background: var(--radix-card);
    border: 0;
    border-radius: var(--radix-radius-card);
    box-shadow: var(--radix-shadow-surface);
    overflow: hidden;
    position: sticky;
    grid-column: 1;
    grid-row: 1;
    top: 24px;
}

.radix-account .woocommerce-MyAccount-content {
    grid-column: 2;
    grid-row: 1;
}

body.admin-bar .radix-account .woocommerce-MyAccount-navigation {
    top: 56px;
}

.radix-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 8px;
}

.radix-account .woocommerce-MyAccount-navigation li {
    margin: 0;
}

.radix-account .woocommerce-MyAccount-navigation li + li {
    border-block-start: 1px solid var(--radix-divider);
}

.radix-account .woocommerce-MyAccount-navigation a {
    align-items: center;
    border-inline-start: 3px solid transparent;
    color: var(--radix-text-muted);
    display: flex;
    font-weight: 600;
    justify-content: space-between;
    min-height: 48px;
    padding: 10px 12px;
    text-decoration: none;
}

.radix-account .woocommerce-MyAccount-navigation a::after {
    color: var(--radix-control);
    content: '\2192';
    font-family: var(--radix-font-body);
}

[dir='rtl'] .radix-account .woocommerce-MyAccount-navigation a::after {
    content: '\2190';
}

.radix-account .woocommerce-MyAccount-navigation a:hover {
    background: var(--radix-quiet);
    color: var(--radix-text);
}

.radix-account .woocommerce-MyAccount-navigation .is-active a,
.radix-account .woocommerce-MyAccount-navigation a[aria-current='page'] {
    background: var(--radix-quiet);
    border-inline-start-color: var(--radix-gold);
    color: var(--radix-text);
}

.radix-account .woocommerce-MyAccount-navigation-link--customer-logout a {
    color: var(--radix-negative-on-light);
}

/* Content frame and type */
.radix-account .woocommerce-MyAccount-content {
    font-size: 16px;
}

.radix-account .woocommerce-MyAccount-content > :first-child:not(.woocommerce-notices-wrapper),
.radix-account .woocommerce-MyAccount-content > .woocommerce-notices-wrapper + * {
    margin-block-start: 0;
}

.radix-account .woocommerce-MyAccount-content > * + * {
    margin-block-start: 28px;
}

.radix-account .woocommerce-MyAccount-content :where(h2, h3) {
    margin-block: 0 16px;
}

.radix-account .woocommerce-MyAccount-content > p {
    color: var(--radix-text-muted);
    max-width: 70ch;
}

.radix-account :where(.order-number, .order-date, .order-status) {
    background: var(--radix-quiet);
    border-radius: 2px;
    color: var(--radix-text);
    font: 500 14px/1.4 var(--radix-font-body);
    padding: 2px 5px;
}

.radix-account :where(.woocommerce-Price-amount, time) {
    font-variant-numeric: tabular-nums;
}

/* Logged-out credential surfaces: one left edge. The eyebrow, H1, section heading and form
   fields all start at the same x; the form is the page itself, not a second frame inside it. */
body:not(.logged-in) .radix-account-content > .woocommerce {
    margin-inline: 0;
    max-width: 440px;
}

body:not(.logged-in) .radix-account-content .woocommerce > h2 {
    font-size: clamp(1.5rem, 1.25rem + .8vw, 2rem);
    margin-block: 0 18px;
}

.radix-account .woocommerce form:where(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword) {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.radix-account :where(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword) > :first-child {
    margin-block-start: 0;
}

.radix-account :where(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword) > :last-child {
    margin-block-end: 0;
}

/* Logged in or out, the heading group shares the content's left edge (the form, or the account
   navigation) instead of centring its children. */
.radix-account-heading > * {
    margin-inline: 0 !important; /* beats the core constrained-layout auto margins */
    max-width: none;
}

.radix-account-heading h1 {
    max-width: 22ch;
}

/* Sign-in errors: site.css paints every notice banner with the information colour; an error
   here takes the negative on-light colour, and the icon sits beside the text, not above it. */
body:not(.logged-in) .radix-account .wc-block-components-notice-banner {
    align-items: flex-start;
    flex-wrap: nowrap;
    margin-block: 0 24px;
}

body:not(.logged-in) .radix-account .wc-block-components-notice-banner > svg {
    flex: none;
}

body:not(.logged-in) .radix-account .wc-block-components-notice-banner.is-error {
    border-color: var(--radix-negative-on-light) !important;
}

body:not(.logged-in) .radix-account .wc-block-components-notice-banner.is-error > svg {
    background-color: var(--radix-negative-on-light);
}

body:not(.logged-in) .radix-account .wc-block-components-notice-banner.is-success {
    border-color: var(--radix-positive-on-light) !important;
}

body:not(.logged-in) .radix-account .woocommerce-form-login__rememberme input {
    flex: none;
    height: 20px;
    margin: 0;
    width: 20px;
}

/* Woo pads each row 3px, which would push the fields off the heading's edge. */
body:not(.logged-in) .radix-account .woocommerce form .form-row {
    padding: 0;
}

/* Submit row: remember-me on its own line, then a button as wide as the inputs. */
.radix-account :where(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword) .form-row:has(button[type='submit']) {
    display: block;
}

.radix-account :where(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword) button[type='submit'] {
    box-sizing: border-box;
    display: block;
    margin: 0;
    width: 100%;
}

.radix-account .woocommerce-form-login__rememberme {
    margin-block-end: 18px;
}

body:not(.logged-in) .radix-account-content .woocommerce-LostPassword {
    margin-block: 20px 0;
    padding: 0;
}

.radix-account .form-row {
    margin-block: 0 18px;
    padding: 0;
}

.radix-account .form-row label:not(.woocommerce-form__label-for-checkbox) {
    display: block;
    margin-block-end: 7px;
}

.radix-account .form-row :where(input.input-text, select, textarea),
.radix-account .password-input,
.radix-account .select2-container {
    width: 100% !important;
}

.radix-account :where(input[type='text'], input[type='email'], input[type='password'], input[type='search'], input[type='tel'], input[type='url'], input[type='number'], input[type='date'], input[type='time'], select, textarea) {
    background-color: var(--radix-card) !important;
    border-color: var(--radix-control) !important;
    color: var(--radix-text) !important;
}

.radix-account select.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.radix-account .password-input {
    display: block;
    position: relative;
}

.radix-account .show-password-input {
    background: transparent;
    border: 0;
    color: var(--radix-text-muted);
    min-height: 44px;
    min-width: 44px;
    padding: 0;
    position: absolute;
    inset-block: 2px auto;
    inset-inline-end: 2px;
}

.radix-account .woocommerce-form-login__rememberme {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-inline-end: 0;
}

.radix-account .woocommerce-LostPassword {
    margin-block: 24px 0;
}

/* Forms and saved details */
.radix-account :where(.woocommerce-EditAccountForm, .woocommerce-address-fields) {
    max-width: 760px;
}

.radix-account .woocommerce-EditAccountForm fieldset {
    background: var(--radix-card);
    border: 0;
    border-radius: var(--radix-radius-card);
    box-shadow: var(--radix-shadow-surface);
    margin-block: 32px;
    min-inline-size: 0;
    padding: clamp(18px, 3vw, 28px);
}

.radix-account .woocommerce-EditAccountForm legend {
    background: transparent;
    font-family: var(--radix-font-display);
    font-size: 18px;
    font-weight: 600;
    padding-inline: 0;
}

.radix-account #account_display_name_description {
    color: var(--radix-text-muted);
    display: block;
    font-size: 14px;
    margin-block-start: 6px;
}

.radix-account .select2-container .select2-selection--single {
    align-items: center;
    background: var(--radix-card);
    border: 1px solid var(--radix-control);
    border-radius: var(--radix-radius-control);
    color: var(--radix-text);
    display: flex;
    min-height: 48px;
}

.radix-account .select2-container .select2-selection__rendered {
    color: var(--radix-text);
    padding-inline: 13px 40px;
}

.radix-account .woocommerce-Addresses {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/*
 * WooCommerce's legacy float-grid ships on the same markup: the container also carries
 * `col2-set` and each card also carries `col-1` / `col-2`. Those core rules
 * (`.woocommerce .col2-set .col-1/.col-2` and the `.col2-set::before/::after` clearfix) win on
 * specificity over a plain `.woocommerce-Address` override, so they are neutralised here by name,
 * scoped to this grid only, at higher specificity than the core selectors.
 */
.radix-account .woocommerce-Addresses.col2-set::before,
.radix-account .woocommerce-Addresses.col2-set::after {
    content: none;
    display: none;
}

.radix-account .woocommerce-Addresses.col2-set .col-1,
.radix-account .woocommerce-Addresses.col2-set .col-2 {
    float: none;
    width: auto;
}

.radix-account .woocommerce-Address {
    background: var(--radix-card);
    border: 0;
    border-radius: var(--radix-radius-card);
    box-shadow: var(--radix-shadow-surface);
    float: none;
    min-width: 0;
    padding: clamp(18px, 3vw, 28px);
    width: auto;
}

.radix-account .woocommerce-Address-title {
    align-items: start;
    column-gap: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 8px;
}

.radix-account .woocommerce-Address-title h2 {
    flex: 1 1 auto;
    font-size: 20px;
    min-width: max-content;
    overflow-wrap: normal;
}

.radix-account .woocommerce-Address-title .edit {
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 600;
    overflow-wrap: normal;
}

.radix-account address {
    color: var(--radix-text-muted);
    font-style: normal;
    overflow-wrap: anywhere;
}

/* Native account tables and order records */
.radix-account :where(.shop_table, .woocommerce-table) {
    background: var(--radix-card);
    border: 0;
    border-collapse: separate;
    box-shadow: var(--radix-shadow-surface);
    border-radius: var(--radix-radius-card);
    border-spacing: 0;
    margin: 0;
    max-width: 900px;
    overflow: hidden;
    width: 100%;
}

.radix-account :where(.shop_table, .woocommerce-table) th,
.radix-account :where(.shop_table, .woocommerce-table) td {
    border: 0;
    border-block-end: 1px solid var(--radix-divider);
    padding: 16px;
    text-align: start;
    vertical-align: top;
}

.radix-account :where(.shop_table, .woocommerce-table) thead th {
    color: var(--radix-text-muted);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.radix-account :where(.shop_table, .woocommerce-table) tbody tr:last-child > *,
.radix-account :where(.shop_table, .woocommerce-table) tfoot tr:last-child > * {
    border-block-end: 0;
}

.radix-account .woocommerce-orders-table__cell-order-number a {
    font: 500 15px/1.4 var(--radix-font-mono);
}

.radix-account .woocommerce-orders-table__cell-order-status {
    color: var(--radix-information-on-light);
    font-weight: 700;
}

.radix-account .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
    color: var(--radix-positive-on-light);
}

.radix-account .woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status,
.radix-account .woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status {
    color: var(--radix-negative-on-light);
}

.radix-account .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status,
.radix-account .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status,
.radix-account .woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status {
    color: var(--radix-warning-on-light);
}

.radix-account .woocommerce-orders-table__cell-order-actions .button {
    min-height: 38px;
    padding: 8px 14px;
}

.radix-account .woocommerce-order-details,
.radix-account .woocommerce-customer-details {
    margin-block-start: 40px;
}

/* The order-again button is a sibling AFTER this table, inside the same
   <section>. Scrolling used to be applied to the whole section, so the
   scrollbar sat awkwardly across the order-again action too; scope it to the
   table alone and add a static edge shadow as a discoverable affordance
   instead of relying on the browser's own (sometimes hidden) scrollbar. */
.radix-account .woocommerce-table--order-details {
    box-shadow: inset -16px 0 12px -12px rgba(16, 22, 19, .14);
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

/* WooCommerce prints several internal h2s (order updates, order details, address
   headings) on top of the endpoint's own H1; keep exactly one visible page title by
   demoting all of them to a section label rather than a competing heading size. */
.radix-account .woocommerce-MyAccount-content h2 {
    color: var(--radix-text-muted);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.radix-account .woocommerce-table--order-details .product-name {
    min-width: 260px;
}

.radix-account .wc-item-meta {
    border-inline-start: 2px solid var(--radix-gold);
    list-style: none;
    margin-block: 12px 0;
    padding-inline-start: 12px;
}

.radix-account .wc-item-meta li {
    display: grid;
    gap: 2px 10px;
    grid-template-columns: minmax(0, max-content) minmax(0, 1fr);
}

.radix-account .wc-item-meta :where(strong, p) {
    margin: 0;
}

.radix-account .wc-item-meta p {
    font: 500 14px/1.55 var(--radix-font-mono);
    overflow-wrap: anywhere;
}

.radix-account .woocommerce-OrderUpdates {
    list-style: none;
    margin: 0;
    padding: 0;
}

.radix-account .woocommerce-OrderUpdate {
    background: var(--radix-card);
    border: 0;
    border-inline-start: 3px solid var(--radix-information-on-light);
    border-radius: var(--radix-radius-card);
    box-shadow: var(--radix-shadow-surface);
    padding: 18px;
}

.radix-account .woocommerce-OrderUpdate + .woocommerce-OrderUpdate {
    margin-block-start: 12px;
}

.radix-account .woocommerce-OrderUpdate-meta {
    color: var(--radix-text-muted);
    font: 500 14px/1.5 var(--radix-font-body);
    margin-block: 0 8px;
}

.radix-account .woocommerce-OrderUpdate-description > :last-child {
    margin-block-end: 0;
}

.radix-account .woocommerce-OrderUpdate font[color] {
    color: var(--radix-negative-on-light) !important;
    font-weight: 700;
}

.radix-account .order-again {
    margin-block: 18px 0;
}

.radix-account .woocommerce-customer-details address {
    background: var(--radix-card);
    border: 0;
    border-radius: var(--radix-radius-card);
    box-shadow: var(--radix-shadow-surface);
    max-width: 520px;
    padding: 20px;
}

.radix-account .woocommerce-customer-details address p {
    border-block-start: 1px solid var(--radix-divider);
    margin-block: 14px 0;
    padding-block-start: 14px;
}

/* Payment methods stay conditional on configured gateways. */
.radix-account .woocommerce-MyAccount-paymentMethods {
    margin-block-end: 20px;
}

.radix-account .woocommerce-PaymentMethod--default td {
    background: var(--radix-quiet);
}

/* TeraWallet: display recorded balance and ledger without changing money paths. */
.radix-account .woo-wallet-my-wallet-container {
    color: var(--radix-paper);
    margin: 0;
    max-width: none;
}

.radix-account .woo-wallet-header {
    border-block-end: 1px solid var(--radix-line);
    margin-block-end: 22px;
    padding-block-end: 18px;
}

.radix-account .woo-wallet-header h2,
.radix-account .woo-wallet-header p {
    margin-block: 0;
}

.radix-account .woo-wallet-header h2 {
    color: var(--radix-paper) !important;
}

.radix-account .woo-wallet-header p {
    color: var(--radix-muted);
    margin-block-start: 6px;
}

.radix-account .woo-wallet-top-section {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(200px, .75fr) minmax(0, 1.5fr);
    margin-block-end: 24px;
}

.radix-account .woo-wallet-balance-card {
    background: var(--radix-task-emphasis) !important;
    border: 1px solid var(--radix-line);
    border-radius: var(--radix-radius-card) !important;
    box-shadow: none !important;
    color: var(--radix-paper) !important;
    margin: 0;
    padding: clamp(18px, 3vw, 28px);
}

.radix-account .woo-wallet-balance-card h3 {
    color: var(--radix-muted) !important;
    font: 600 12px/1.4 'DM Sans', system-ui, sans-serif;
    letter-spacing: .1em;
    margin: 0;
    text-transform: uppercase;
}

.radix-account .woo-wallet-price {
    color: var(--radix-paper) !important;
    font: 700 clamp(1.75rem, 1.45rem + 1.2vw, 2.5rem)/1.15 'Manrope', system-ui, sans-serif;
    margin-block: 12px 0;
}

.radix-account .woo-wallet-nav-tabs {
    align-content: stretch;
    display: grid !important;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.radix-account .woo-wallet-nav-item-wrapper {
    margin: 0 !important;
}

.radix-account .woo-wallet-nav-tab {
    align-items: center;
    background: var(--radix-surface) !important;
    border: 1px solid var(--radix-line) !important;
    border-radius: var(--radix-radius-control);
    color: var(--radix-muted) !important;
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    justify-content: center;
    min-height: 82px;
    padding: 12px !important;
    text-align: center;
    text-decoration: none;
}

.radix-account .woo-wallet-nav-tab:hover,
.radix-account .woo-wallet-nav-tab.active {
    background: var(--radix-task-emphasis) !important;
    border-color: var(--radix-gold) !important;
    color: var(--radix-paper) !important;
}

.radix-account .woo-wallet-stats-grid {
    display: grid !important;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.radix-account .woo-wallet-stat-card {
    background: var(--radix-surface) !important;
    border: 1px solid var(--radix-line) !important;
    border-radius: var(--radix-radius-card) !important;
    box-shadow: none !important;
    color: var(--radix-paper) !important;
    display: grid;
    gap: 6px;
    padding: 18px !important;
}

.radix-account .woo-wallet-stat-card__icon {
    color: var(--radix-information);
    height: 22px;
    width: 22px;
}

.radix-account .woo-wallet-stat-card--success .woo-wallet-stat-card__icon {
    color: var(--radix-positive);
}

.radix-account .woo-wallet-stat-card--danger .woo-wallet-stat-card__icon {
    color: var(--radix-negative);
}

.radix-account .woo-wallet-stat-card__value {
    color: var(--radix-paper) !important;
    font: 700 20px/1.25 'Manrope', system-ui, sans-serif;
}

.radix-account .woo-wallet-stat-card__label {
    color: var(--radix-muted) !important;
    font-size: 13px;
}

.radix-account .woo-wallet-transactions-list,
.radix-account .woo-wallet-form-wrapper,
.radix-account .woo-wallet-statement {
    background: var(--radix-surface) !important;
    border: 1px solid var(--radix-line) !important;
    border-radius: var(--radix-radius-card) !important;
    box-shadow: none !important;
    color: var(--radix-paper) !important;
    margin-block-start: 20px;
    padding: clamp(18px, 3vw, 28px) !important;
}

.radix-account .woo-wallet-content-area {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.radix-account .ww-txn-head,
.radix-account .ww-stmt-masthead {
    align-items: start;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    justify-content: space-between;
}

.radix-account :where(.ww-txn-title, .ww-stmt-title, .woo-wallet-section-title) {
    color: var(--radix-paper) !important;
    margin: 0 !important;
}

.radix-account :where(.ww-txn-meta, .ww-stmt-period, .ww-stmt-generated) {
    color: var(--radix-muted) !important;
    font: 500 13px/1.5 ui-monospace, 'SFMono-Regular', Consolas, monospace;
}

.radix-account .ww-txn-table {
    border-block-start: 1px solid var(--radix-line);
    margin-block-start: 16px;
}

.radix-account .ww-txn-row {
    border-block-end: 1px solid var(--radix-line) !important;
    color: var(--radix-paper) !important;
}

.radix-account .ww-txn-row--head {
    color: var(--radix-muted) !important;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.radix-account .ww-txn-cell {
    overflow-wrap: anywhere;
    padding-block: 14px !important;
}

.radix-account .ww-txn-badge {
    background: var(--radix-task-emphasis) !important;
    border: 1px solid var(--radix-line);
    border-radius: 999px;
    color: var(--radix-paper) !important;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 8px;
}

.radix-account .ww-txn-cell--amount.credit,
.radix-account :where(.ww-stmt-term-value.is-credit, .ww-stmt-table .is-credit) {
    color: var(--radix-positive) !important;
}

.radix-account .ww-txn-cell--amount.debit,
.radix-account :where(.ww-stmt-term-value.is-debit, .ww-stmt-table .is-debit) {
    color: var(--radix-negative) !important;
}

.radix-account .woo-wallet-form-wrapper form {
    margin-block-start: 20px;
    max-width: 620px;
}

.radix-account .woo-wallet-add-amount {
    align-items: end;
    display: grid !important;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.radix-account .woo-wallet-add-amount label {
    grid-column: 1 / -1;
}

.radix-account :where(.woo-wallet-balance-to-add, #woo_wallet_transfer_amount, #woo_wallet_transfer_note) {
    background: var(--radix-ink) !important;
    border: 1px solid var(--radix-control) !important;
    color: var(--radix-paper) !important;
    margin: 0 !important;
    width: 100% !important;
}

.radix-account .woo-wallet-field-container {
    margin-block-end: 18px;
}

.radix-account .woo-wallet-content-area .select2-selection--single {
    background: var(--radix-ink) !important;
}

.radix-account .ww-stmt-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.radix-account :where(.ww-stmt-ghost, .ww-stmt-apply) {
    background: transparent !important;
    border: 1px solid var(--radix-control) !important;
    border-radius: var(--radix-radius-control);
    color: var(--radix-paper) !important;
    min-height: 40px;
    padding: 8px 13px !important;
    text-decoration: none;
}

.radix-account :where(.ww-stmt-ghost, .ww-stmt-apply):hover {
    background: var(--radix-task-emphasis) !important;
    border-color: var(--radix-gold) !important;
}

.radix-account .ww-stmt-filter {
    align-items: end;
    background: var(--radix-task) !important;
    border-block: 1px solid var(--radix-line);
    border-radius: var(--radix-radius-control);
    color: var(--radix-paper) !important;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
    margin-block: 22px;
    padding: 18px !important;
}

.radix-account .ww-stmt-field label {
    display: block;
    margin-block-end: 6px;
}

.radix-account .ww-stmt-field input {
    background: var(--radix-ink) !important;
    color: var(--radix-paper) !important;
    width: 100%;
}

.radix-account .ww-stmt-equation {
    display: grid !important;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
    list-style: none;
    margin: 0 0 22px !important;
    padding: 0 !important;
}

.radix-account .ww-stmt-term {
    background: var(--radix-task) !important;
    border: 1px solid var(--radix-line) !important;
    border-radius: var(--radix-radius-control);
    display: grid;
    gap: 5px;
    padding: 12px !important;
}

.radix-account .ww-stmt-term.is-closing {
    background: var(--radix-task-emphasis) !important;
    border-color: var(--radix-gold) !important;
}

.radix-account .ww-stmt-term-label {
    color: var(--radix-muted) !important;
    font-size: 12px;
}

.radix-account .ww-stmt-term-value {
    color: var(--radix-paper) !important;
    font-weight: 700;
}

.radix-account .ww-stmt-op {
    align-self: center;
    color: var(--radix-muted) !important;
}

.radix-account .ww-stmt-tablewrap {
    overflow-x: auto;
}

.radix-account .ww-stmt-table {
    background: transparent !important;
    border: 1px solid var(--radix-line) !important;
    border-collapse: separate;
    border-radius: var(--radix-radius-control);
    border-spacing: 0;
    color: var(--radix-paper) !important;
    min-width: 700px;
    width: 100%;
}

.radix-account .ww-stmt-table :where(th, td) {
    background: transparent !important;
    border: 0 !important;
    border-block-end: 1px solid var(--radix-line) !important;
    color: var(--radix-paper) !important;
    padding: 13px !important;
    text-align: start;
}

.radix-account .ww-stmt-table thead th {
    color: var(--radix-muted) !important;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.radix-account .ww-stmt-table .ww-stmt-num {
    text-align: end;
}

.radix-account .ww-stmt-table tr:last-child > * {
    border-block-end: 0 !important;
}

.radix-account .ww-stmt-rule {
    background: var(--radix-task) !important;
}

.radix-account .ww-stmt-table tbody tr:not(.ww-stmt-rule) {
    background: var(--radix-surface) !important;
    color: var(--radix-paper) !important;
}

.radix-account .ww-stmt-table :where(.ww-stmt-date, .ww-stmt-type, .ww-stmt-details, .ww-stmt-time, .ww-stmt-running) {
    color: var(--radix-paper) !important;
}

.radix-account .ww-stmt-table .ww-stmt-time {
    color: var(--radix-muted) !important;
}

.radix-account .ww-stmt-generated {
    margin-block: 16px 0;
    text-align: end;
}

@media (max-width: 980px) {
    body.logged-in .radix-account-content > .woocommerce {
        grid-template-columns: 1fr;
    }

    .radix-account .woocommerce-MyAccount-navigation {
        grid-column: auto;
        grid-row: auto;
        position: static;
    }

    .radix-account .woocommerce-MyAccount-content {
        grid-column: auto;
        grid-row: auto;
    }

    .radix-account .woocommerce-MyAccount-navigation ul {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .radix-account .woocommerce-MyAccount-navigation li + li {
        border-block-start: 0;
    }

    .radix-account .woocommerce-MyAccount-navigation a {
        border-block-end: 3px solid transparent;
        border-inline-start: 0;
        height: 100%;
    }

    .radix-account .woocommerce-MyAccount-navigation .is-active a,
    .radix-account .woocommerce-MyAccount-navigation a[aria-current='page'] {
        border-block-end-color: var(--radix-gold);
    }
}

@media (max-width: 720px) {
    .radix-account .woo-wallet-nav-tabs,
    .radix-account .woo-wallet-stats-grid,
    .radix-account .woo-wallet-top-section,
    .radix-account .woocommerce-Addresses {
        grid-template-columns: 1fr;
    }

    /* Compact account nav: a horizontal scroll strip instead of a full-height vertical
       list, so the menu stops consuming most of the viewport before content. The
       current endpoint stays marked (inherited border-block-end tab style from the
       980px rule above), every link stays keyboard-reachable, and the trailing edge
       fade signals there is more to scroll to. */
    .radix-account .woocommerce-MyAccount-navigation {
        position: relative;
        top: 0;
    }

    body.admin-bar .radix-account .woocommerce-MyAccount-navigation {
        top: 0;
    }

    .radix-account .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: nowrap;
        gap: 4px;
        overflow-x: auto;
        padding-inline-end: 28px;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }

    .radix-account .woocommerce-MyAccount-navigation li {
        flex: none;
        scroll-snap-align: start;
    }

    .radix-account .woocommerce-MyAccount-navigation a {
        white-space: nowrap;
    }

    .radix-account .woocommerce-MyAccount-navigation::after {
        background: linear-gradient(to right, transparent, var(--radix-card));
        content: '';
        inset-block: 0;
        inset-inline-end: 0;
        pointer-events: none;
        position: absolute;
        width: 28px;
    }

    [dir='rtl'] .radix-account .woocommerce-MyAccount-navigation::after {
        background: linear-gradient(to left, transparent, var(--radix-card));
    }

    .radix-account .woocommerce-orders-table,
    .radix-account .woocommerce-orders-table :where(tbody, tr, th, td) {
        display: block;
        width: 100%;
    }

    .radix-account .woocommerce-orders-table thead {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .radix-account .woocommerce-orders-table tbody tr {
        padding: 14px;
    }

    .radix-account .woocommerce-orders-table tbody tr + tr {
        border-block-start: 1px solid var(--radix-divider);
    }

    .radix-account .woocommerce-orders-table tbody :where(th, td) {
        align-items: start;
        border: 0;
        display: grid;
        gap: 16px;
        grid-template-columns: minmax(90px, .7fr) minmax(0, 1.3fr);
        padding: 8px 0;
        text-align: end;
    }

    .radix-account .woocommerce-orders-table tbody :where(th, td)::before {
        color: var(--radix-text-muted);
        content: attr(data-title);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .08em;
        text-align: start;
        text-transform: uppercase;
    }

    .radix-account .woocommerce-orders-table__cell-order-actions .button {
        justify-self: end;
    }

    .radix-account .wc-item-meta li,
    .radix-account .ww-stmt-filter,
    .radix-account .woo-wallet-add-amount {
        grid-template-columns: 1fr;
    }

    .radix-account .woo-wallet-add-amount label {
        grid-column: auto;
    }

    .radix-account .ww-stmt-equation {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .radix-account .ww-stmt-op {
        display: none;
    }

    .radix-account .ww-txn-row--head {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .radix-account .ww-txn-row:not(.ww-txn-row--head) {
        display: grid !important;
        gap: 8px;
        grid-template-columns: 1fr;
        padding-block: 12px;
    }

    .radix-account .ww-txn-cell {
        display: grid !important;
        gap: 12px;
        grid-template-columns: minmax(86px, .6fr) minmax(0, 1.4fr);
        padding-block: 2px !important;
        text-align: end;
    }

    .radix-account .ww-txn-cell::before {
        color: var(--radix-muted);
        content: attr(data-label);
        font-size: 12px;
        font-weight: 700;
        text-align: start;
        text-transform: uppercase;
    }

    .radix-account .ww-stmt-tablewrap {
        overflow: visible;
    }

    .radix-account .ww-stmt-table,
    .radix-account .ww-stmt-table tbody,
    .radix-account .ww-stmt-table tr {
        display: block;
        min-width: 0;
        width: 100%;
    }

    .radix-account .ww-stmt-table thead {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .radix-account .ww-stmt-table tr {
        padding: 12px;
    }

    .radix-account .ww-stmt-table tr + tr {
        border-block-start: 1px solid var(--radix-line);
    }

    .radix-account .ww-stmt-table td {
        align-items: start;
        border: 0 !important;
        display: grid;
        gap: 12px;
        grid-template-columns: minmax(80px, .7fr) minmax(0, 1.3fr);
        padding: 5px 0 !important;
        text-align: end !important;
    }

    .radix-account .ww-stmt-table td::before {
        color: var(--radix-muted);
        content: attr(data-label);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .06em;
        text-align: start;
        text-transform: uppercase;
    }

    .radix-account .ww-stmt-table .ww-stmt-rule th {
        border: 0 !important;
        display: block;
        padding: 5px 0 8px !important;
    }
}

@media (max-width: 480px) {
    .radix-account .ww-stmt-equation {
        grid-template-columns: 1fr;
    }

    .radix-account .woocommerce-Address-title,
    .radix-account .ww-stmt-masthead {
        align-items: stretch;
        flex-direction: column;
    }

    .radix-account .woocommerce-Address-title .edit {
        align-self: start;
    }
}

@media (forced-colors: active) {
    .radix-account :where(.woocommerce-MyAccount-navigation, .woocommerce-Address, .shop_table, .woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword, .woo-wallet-balance-card, .woo-wallet-nav-tab, .woo-wallet-stat-card, .woo-wallet-transactions-list, .woo-wallet-form-wrapper, .woo-wallet-statement) {
        border-color: CanvasText !important;
    }

    .radix-account .woocommerce-MyAccount-navigation .is-active a,
    .radix-account .woo-wallet-nav-tab.active {
        outline: 2px solid Highlight;
        outline-offset: -2px;
    }
}

@media print {
    .radix-account {
        color: #111;
        padding: 0;
    }

    .radix-account-heading,
    .radix-account .woocommerce-MyAccount-navigation,
    .radix-account .woo-wallet-nav-tabs,
    .radix-account .ww-stmt-actions,
    .radix-account .ww-stmt-filter,
    .radix-account .button,
    .radix-site-header,
    .radix-site-footer,
    #wpadminbar {
        display: none !important;
    }

    body.logged-in .radix-account-content > .woocommerce {
        display: block;
    }

    .radix-account :where(.woocommerce-MyAccount-content, .woo-wallet-my-wallet-container, .woo-wallet-statement, .ww-stmt-table) {
        background: #fff !important;
        color: #111 !important;
    }

    .radix-account .ww-stmt-tablewrap {
        overflow: visible;
    }

    .radix-account .ww-stmt-table {
        min-width: 0;
    }
}
