/*! AKNB My Account (Edit account / Edit address / Downloads / Wallet). Loaded on account pages only, after aknb-layout. Rules are scoped by body.cc-ma-page (added in inc/account.php). */
html body.cc-ma-page{--cc-success-ink:color-mix(in srgb,var(--cc-success) 62%,var(--cc-ink))}
/* My Account page system: Account details, Addresses, Downloads and Wallet.
 * Markup: inc/account.php (hero, rewards) + woocommerce/myaccount/*.php. Everything hangs off body.cc-ma-page (set by inc/account.php),
 * so the dashboard, orders and other account pages are untouched. Token-driven (--cc-*): light, dark and RTL need no twins.
 * "html body.cc-ma-page" below is html body.cc-ma-page. */

/* ---- Hero ---- */
html body.cc-ma-page .cc-ma-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:20px;margin-block-end:24px;padding:26px 28px;border:1px solid var(--cc-border);border-radius:var(--cc-r-2xl);background:radial-gradient(90% 170% at 0% 0%,color-mix(in srgb,var(--cc-cobalt) 18%,transparent),transparent 62%),radial-gradient(70% 130% at 100% 100%,color-mix(in srgb,var(--cc-sky) 10%,transparent),transparent 60%),var(--cc-surface)}
html body.cc-ma-page .cc-ma-hero::after{content:'';position:absolute;z-index:-1;inset-block-end:-34px;inset-inline-end:-18px;inline-size:190px;block-size:190px;opacity:.09;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M86,18 L16,182 L78,182 L94,72 Z' fill='%232F7BFF'/%3E%3Cpath d='M114,18 L184,182 L122,182 L106,72 Z' fill='%23B9C2CC'/%3E%3C/svg%3E") center/contain no-repeat}
html body.cc-ma-page .cc-ma-hero__ico{flex:none;display:grid;place-items:center;inline-size:62px;block-size:62px;border-radius:19px;color:#fff;background:var(--cc-cobalt-grad);box-shadow:inset 0 1px 0 rgb(255 255 255 / .32),0 14px 28px -10px rgb(47 123 255 / .75)}
html body.cc-ma-page .cc-ma-hero__text{min-inline-size:0;display:grid;gap:6px}
html body.cc-ma-page .password-input{position:relative;display:block}
html body.cc-ma-page .cc-ma-card .password-input input.woocommerce-Input{padding-inline:14px 52px}
html body.cc-ma-page .password-input .show-password-input{position:absolute;inset-block-start:50%;inset-inline:auto 8px;display:grid;place-items:center;inline-size:34px;block-size:34px;margin:0;padding:0;border:0;border-radius:9px;background:transparent;color:var(--cc-ink-3);cursor:pointer;transform:translateY(-50%);transition:background-color .15s ease,color .15s ease}
html body.cc-ma-page .password-input .show-password-input::before{content:'';display:block;inline-size:20px;block-size:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.9 10.9 0 0 1 12 19c-6.4 0-10-7-10-7a18 18 0 0 1 4.06-5.06M9.9 4.24A10.4 10.4 0 0 1 12 5c6.4 0 10 7 10 7a18 18 0 0 1-2.16 3.19M1 1l22 22'/%3E%3Cpath d='M9.88 9.88a3 3 0 0 0 4.24 4.24'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.9 10.9 0 0 1 12 19c-6.4 0-10-7-10-7a18 18 0 0 1 4.06-5.06M9.9 4.24A10.4 10.4 0 0 1 12 5c6.4 0 10 7 10 7a18 18 0 0 1-2.16 3.19M1 1l22 22'/%3E%3Cpath d='M9.88 9.88a3 3 0 0 0 4.24 4.24'/%3E%3C/svg%3E") center/contain no-repeat}
html body.cc-ma-page .password-input .show-password-input.display-password::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat}
html body.cc-ma-page .password-input .show-password-input:hover{background:color-mix(in srgb,var(--cc-cobalt) 12%,transparent);color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}
html body.cc-ma-page .password-input .show-password-input:focus-visible{outline:2px solid var(--cc-cobalt);outline-offset:1px}
html body.cc-ma-page .cc-ma-hero__title{margin:0;font:700 clamp(26px,3vw,34px)/1.15 var(--font-display);letter-spacing:-.01em;color:var(--cc-ink)}
html body.cc-ma-page .cc-ma-hero__lead{margin:0;max-inline-size:56ch;font-size:15px;line-height:1.55;color:var(--cc-ink-3)}
html body.cc-ma-page .cc-ma-hero__aside{margin-inline-start:auto;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
html body.cc-ma-page .cc-ma-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--cc-border);border-radius:999px;background:var(--cc-bg);font:600 12.5px/1 var(--font-body);color:var(--cc-ink-2);white-space:nowrap}
html body.cc-ma-page .cc-ma-chip svg{color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}

/* ---- Buttons ---- */
html body.cc-ma-page .cc-ma-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-block-size:48px;padding:0 22px;border:0;border-radius:var(--cc-r-md);background:var(--cc-cobalt-grad);color:#fff;font:700 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px 0 rgb(255 255 255 / .28),0 10px 22px -10px rgb(47 123 255 / .75);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}
html body.cc-ma-page .cc-ma-btn:hover{color:#fff;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgb(255 255 255 / .34),0 14px 26px -10px rgb(47 123 255 / .85)}
html body.cc-ma-page .cc-ma-btn:active{transform:translateY(0) scale(.98)}
html body.cc-ma-page .cc-ma-btn:focus-visible{outline:2px solid var(--cc-cobalt);outline-offset:3px}
html body.cc-ma-page .cc-ma-btn--ghost{background:transparent;color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cc-cobalt) 55%,transparent)}
html body.cc-ma-page .cc-ma-btn--ghost:hover{color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink));background:color-mix(in srgb,var(--cc-cobalt) 11%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cc-cobalt) 70%,transparent)}
html[dir="rtl"] body.cc-ma-page .cc-ma-btn svg[data-flip],html[dir="rtl"] body.cc-ma-page .cc-ma-empty__actions .cc-ma-btn:first-child svg{transform:scaleX(-1)}

/* ---- Cards ---- */
html body.cc-ma-page .cc-ma-card{position:relative;min-inline-size:0;padding:26px;border:1px solid var(--cc-border);border-radius:var(--cc-r-2xl);background:var(--cc-bg);box-shadow:var(--cc-shadow-xs)}
html body.cc-ma-page .cc-ma-card + .cc-ma-card{margin-block-start:20px}
html body.cc-ma-page .cc-ma-card__head{display:flex;align-items:center;gap:14px;margin-block-end:22px;padding-block-end:18px;border-block-end:1px solid var(--cc-border)}
html body.cc-ma-page .cc-ma-card__ico{flex:none;display:grid;place-items:center;inline-size:42px;block-size:42px;border-radius:13px;color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink));background:color-mix(in srgb,var(--cc-cobalt) 13%,transparent)}
html body.cc-ma-page .cc-ma-card__title{margin:0;font:700 20px/1.2 var(--font-display);letter-spacing:-.005em;color:var(--cc-ink)}
html body.cc-ma-page .cc-ma-card__hint{margin:3px 0 0;font-size:13px;line-height:1.45;color:var(--cc-ink-3)}

/* ---- Form layout + controls (Account details, address form, wallet forms) ---- */
html body.cc-ma-page .cc-ma-fieldset{margin:0;padding:0;border:0;min-inline-size:0}
html body.cc-ma-page .cc-ma-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
html body.cc-ma-page .cc-ma-grid > .clear{display:none}
html body.cc-ma-page .cc-ma-grid > p,html body.cc-ma-page .cc-ma-grid > .form-row{display:flex;flex-direction:column;gap:8px;min-inline-size:0;margin:0;padding:0;float:none;inline-size:auto;clear:none}
html body.cc-ma-page .cc-ma-grid > .form-row-wide{grid-column:1 / -1}
html body.cc-ma-page .cc-ma-card label{display:block;margin:0;font:700 11px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cc-ink-3)}
html body.cc-ma-page .cc-ma-card label .required{margin-inline-start:2px;color:var(--cc-danger);text-decoration:none;border:0;font-weight:700}
html body.cc-ma-page .cc-ma-card label .optional{font-weight:500;letter-spacing:.04em;text-transform:none;opacity:.8}
html body.cc-ma-page .cc-ma-card :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],input[type=search],textarea,select){inline-size:100%;block-size:48px;padding:0 14px;border:1px solid var(--cc-border);border-radius:12px;background-color:var(--cc-surface);color:var(--cc-ink);font:500 15px/1.2 var(--font-body);box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
html body.cc-ma-page .cc-ma-card textarea{block-size:auto;min-block-size:112px;padding:12px 14px;line-height:1.5}
html body.cc-ma-page .cc-ma-card :is(input,textarea,select):focus{outline:none;border-color:var(--cc-cobalt);background-color:var(--cc-bg);box-shadow:0 0 0 3px rgb(47 123 255 / .18)}
html body.cc-ma-page .cc-ma-card ::placeholder{color:var(--cc-ink-3);opacity:.7}
html body.cc-ma-page .cc-ma-card select,html body.cc-ma-page .cc-req__form select{appearance:none;-webkit-appearance:none;padding-inline-end:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238B93A3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
html[dir="rtl"] body.cc-ma-page :is(.cc-ma-card,.cc-req__form) select{background-position:left 14px center}
html body.cc-ma-page .cc-ma-hint,html body.cc-ma-page .cc-ma-card p > span > em{font-style:normal;font-size:12.5px;line-height:1.45;color:var(--cc-ink-3)}
html body.cc-ma-page .woocommerce-password-strength{margin-block-start:8px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--cc-ink) 6%,transparent);font:600 12px/1.3 var(--font-body);color:var(--cc-ink-2)}
html body.cc-ma-page .woocommerce-password-strength:is(.short,.bad){background:color-mix(in srgb,var(--cc-danger) 12%,transparent);color:var(--cc-danger)}
html body.cc-ma-page .woocommerce-password-strength.good{background:color-mix(in srgb,var(--cc-warning) 16%,transparent);color:color-mix(in srgb,var(--cc-warning) 70%,var(--cc-ink))}
html body.cc-ma-page .woocommerce-password-strength.strong{background:color-mix(in srgb,var(--cc-success) 14%,transparent);color:var(--cc-success-ink)}
html body.cc-ma-page .woocommerce-password-hint{display:block;margin-block-start:8px;font-size:12.5px;line-height:1.5;color:var(--cc-ink-3)}

/* ---- Action bar under forms ---- */
html body.cc-ma-page .cc-ma-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 16px;margin-block-start:20px;padding:16px 20px;border:1px solid var(--cc-border);border-radius:var(--cc-r-2xl);background:var(--cc-surface)}
html body.cc-ma-page .cc-ma-actions__note{display:inline-flex;align-items:center;gap:8px;margin-inline-end:auto;font-size:13px;color:var(--cc-ink-3)}

/* ---- Addresses ---- */
html body.cc-ma-page .cc-ma-addresses{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;align-items:stretch}
html body.cc-ma-page .cc-ma-addresses .cc-ma-card{display:flex;flex-direction:column;margin:0}
html body.cc-ma-page .cc-ma-address__body{flex:1;display:grid;align-content:start;gap:4px;margin:0 0 22px;font-style:normal;font-size:15px;line-height:1.55;color:var(--cc-ink-2)}
html body.cc-ma-page .cc-ma-address__name{font:700 16px/1.3 var(--font-body);color:var(--cc-ink)}
html body.cc-ma-page .cc-ma-address__line{display:block}
html body.cc-ma-page .cc-ma-address__country{display:inline-flex;align-items:center;justify-self:start;gap:7px;margin-block-start:10px;padding:7px 13px;border:1px solid var(--cc-border);border-radius:999px;background:var(--cc-surface);font:600 12px/1 var(--font-body);color:var(--cc-ink-2)}
html body.cc-ma-page .cc-ma-address__country svg{color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}
html body.cc-ma-page .cc-ma-address__empty{display:block;padding:18px;border:1.5px dashed var(--cc-border);border-radius:14px;background:var(--cc-surface);font-size:14px;color:var(--cc-ink-3)}
html body.cc-ma-page .cc-ma-address__edit{align-self:flex-start}

/* ---- Empty state (Downloads) ---- */
html body.cc-ma-page .cc-ma-empty{display:grid;justify-items:center;gap:10px;padding:56px 24px 52px;text-align:center;border:1.5px dashed color-mix(in srgb,var(--cc-cobalt) 35%,var(--cc-border));border-radius:var(--cc-r-2xl);background:radial-gradient(60% 90% at 50% 0%,color-mix(in srgb,var(--cc-cobalt) 10%,transparent),transparent 70%),var(--cc-bg)}
html body.cc-ma-page .cc-ma-empty__art{position:relative;display:grid;place-items:center;inline-size:128px;block-size:128px;margin-block-end:8px}
html body.cc-ma-page .cc-ma-empty__ring{position:absolute;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--cc-cobalt) 28%,transparent)}
html body.cc-ma-page .cc-ma-empty__ring--1{inset:0}
html body.cc-ma-page .cc-ma-empty__ring--2{inset:20px;border-color:color-mix(in srgb,var(--cc-cobalt) 40%,transparent)}
html body.cc-ma-page .cc-ma-empty__core{position:relative;display:grid;place-items:center;inline-size:72px;block-size:72px;border-radius:50%;color:#fff;background:var(--cc-cobalt-grad);box-shadow:inset 0 1px 0 rgb(255 255 255 / .32),0 18px 34px -12px rgb(47 123 255 / .8)}
html body.cc-ma-page .cc-ma-empty__title{margin:0;font:700 26px/1.2 var(--font-display);color:var(--cc-ink)}
html body.cc-ma-page .cc-ma-empty__text{margin:0;max-inline-size:46ch;font-size:15px;line-height:1.6;color:var(--cc-ink-3)}
html body.cc-ma-page .cc-ma-empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-block-start:14px}

/* ---- Downloads table (when an order has files) ---- */
html body.cc-ma-page .cc-ma-downloads table{inline-size:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--cc-border);border-radius:var(--cc-r-2xl);background:var(--cc-bg)}
html body.cc-ma-page .cc-ma-downloads thead th{padding:14px 16px;background:var(--cc-surface);border-block-end:1px solid var(--cc-border);font:700 11px/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cc-ink-3);text-align:start}
html body.cc-ma-page .cc-ma-downloads tbody td{padding:16px;border-block-end:1px solid var(--cc-border);font-size:14px;color:var(--cc-ink);vertical-align:middle}
html body.cc-ma-page .cc-ma-downloads tbody tr:last-child td{border-block-end:0}
html body.cc-ma-page .cc-ma-downloads a:not(.button){color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink));font-weight:600}
html body.cc-ma-page .cc-ma-downloads a.button{display:inline-flex;align-items:center;justify-content:center;min-block-size:40px;padding:0 16px;border:0;border-radius:var(--cc-r-md);background:var(--cc-cobalt-grad);color:#fff;font:700 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;box-shadow:inset 0 1px 0 rgb(255 255 255 / .28),0 8px 18px -8px rgb(47 123 255 / .7)}

/* ---- Country / state dropdowns (select2) in the address form ---- */
html body.cc-ma-page .cc-ma-card .select2-container{inline-size:100% !important}
html body.cc-ma-page .select2-container--default .select2-selection--single{display:flex;align-items:center;block-size:48px;border:1px solid var(--cc-border);border-radius:12px;background:var(--cc-surface);transition:border-color .15s ease,box-shadow .15s ease}
html body.cc-ma-page .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0 40px 0 14px;line-height:normal;color:var(--cc-ink);font:500 15px/1.2 var(--font-body)}
html body.cc-ma-page .select2-container--default .select2-selection--single .select2-selection__arrow{block-size:46px;inset-inline-end:8px}
html body.cc-ma-page .select2-container--default.select2-container--focus .select2-selection--single,html body.cc-ma-page .select2-container--default.select2-container--open .select2-selection--single{border-color:var(--cc-cobalt);box-shadow:0 0 0 3px rgb(47 123 255 / .18)}
html body.cc-ma-page .select2-dropdown{overflow:hidden;border:1px solid var(--cc-border);border-radius:12px;background:var(--cc-bg);color:var(--cc-ink);box-shadow:var(--cc-shadow-lg)}
html body.cc-ma-page .select2-search--dropdown{padding:10px}
html body.cc-ma-page .select2-search--dropdown .select2-search__field{block-size:40px;padding:0 12px;border:1px solid var(--cc-border);border-radius:10px;background:var(--cc-surface);color:var(--cc-ink);font:500 14px/1.2 var(--font-body)}
html body.cc-ma-page .select2-results__option{padding:10px 14px;font-size:14px;color:var(--cc-ink)}
html body.cc-ma-page .select2-container--default .select2-results__option--highlighted[aria-selected],html body.cc-ma-page .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:var(--cc-cobalt);color:#fff}
html body.cc-ma-page .select2-container--default .select2-results__option[aria-selected=true]{background:color-mix(in srgb,var(--cc-cobalt) 14%,transparent)}

/* ---- Small screens ---- */
@media (max-width:820px){
  html body.cc-ma-page .cc-ma-hero{flex-wrap:wrap;padding:22px 20px}
  html body.cc-ma-page .cc-ma-hero__aside{margin-inline-start:0;justify-content:flex-start;inline-size:100%}
  html body.cc-ma-page .cc-ma-card{padding:20px}
  html body.cc-ma-page .cc-ma-grid{grid-template-columns:minmax(0,1fr)}
  html body.cc-ma-page .cc-ma-actions{padding:14px}
  html body.cc-ma-page .cc-ma-actions .cc-ma-btn{flex:1 1 auto}
  html body.cc-ma-page .cc-ma-actions__note{flex:1 0 100%;margin-inline-end:0}
  html body.cc-ma-page .cc-ma-downloads thead{display:none}
  html body.cc-ma-page .cc-ma-downloads tbody td{display:flex;justify-content:space-between;gap:12px}
}
@media (prefers-reduced-motion:reduce){html body.cc-ma-page .cc-ma-btn,html body.cc-ma-page .cc-ma-card :is(input,select,textarea){transition:none}}

/* ================= WALLET (TeraWallet markup, themed) =================
 * "html body.cc-ma-page .woo-wallet-my-wallet-container" = html body.cc-ma-page .woo-wallet-my-wallet-container. The plugin ships light-only fixed colours; these rules replace every visible one with tokens. */
html body.cc-ma-page .woo-wallet-my-wallet-container{--wallet-primary-color:var(--cc-cobalt);--wallet-text-color:var(--cc-ink);--wallet-bg-color:var(--cc-surface);--wallet-border-color:var(--cc-border);color:var(--cc-ink)}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-header{display:none}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-top-section{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;margin:0 0 24px;overflow:visible;border-radius:0;background:none;box-shadow:none}

/* Balance card */
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-balance-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:8px;min-block-size:224px;margin:0;padding:30px 32px;border:0;border-radius:var(--cc-r-2xl);text-align:start;color:#fff;background:radial-gradient(120% 140% at 0% 0%,rgb(143 212 255 / .34),transparent 55%),linear-gradient(135deg,#0A1F4D 0%,#1B4FCB 60%,#2F7BFF 135%);box-shadow:inset 0 1px 0 rgb(255 255 255 / .24),0 30px 50px -28px rgb(27 79 203 / .85)}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-balance-card::before{content:'AKNB WALLET';margin-block-end:auto;font:700 11px/1 var(--font-mono);letter-spacing:.18em;color:rgb(255 255 255 / .78)}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-balance-card::after{content:'';position:absolute;z-index:-1;inset-block-end:-46px;inset-inline-end:-26px;inline-size:230px;block-size:230px;opacity:.16;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M86,18 L16,182 L78,182 L94,72 Z' fill='%23fff'/%3E%3Cpath d='M114,18 L184,182 L122,182 L106,72 Z' fill='%23dbeafe'/%3E%3C/svg%3E") center/contain no-repeat}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-balance-card h3{margin:0;font:700 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:rgb(255 255 255 / .72)}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-balance-card .woo-wallet-price{margin:0;font:700 clamp(42px,5vw,62px)/1 var(--font-display);letter-spacing:-.02em;color:#fff}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-balance-card .woocommerce-Price-currencySymbol{margin-inline-end:5px;font-size:.5em;opacity:.7;vertical-align:.55em}

/* Action tiles (Top up / Transfer / Statement) */
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-nav-tabs{display:grid;gap:12px;align-content:stretch;margin:0;padding:0;border:0;background:none;box-shadow:none}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-nav-item-wrapper{margin:0;padding:0;border:0;background:none}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-nav-tab{display:flex;align-items:center;gap:14px;inline-size:100%;block-size:100%;padding:16px 18px;border:1px solid var(--cc-border);border-radius:var(--cc-r-xl);background:var(--cc-bg);color:var(--cc-ink);font:700 14px/1.2 var(--font-body);text-decoration:none;box-shadow:var(--cc-shadow-xs);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease,background-color .15s ease}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-nav-tab::after{content:'';flex:none;margin-inline-start:auto;inline-size:18px;block-size:18px;opacity:.45;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
html[dir="rtl"] body.cc-ma-page .woo-wallet-nav-tab::after{transform:scaleX(-1)}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-nav-tab:hover,html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-nav-tab:focus-visible{border-color:var(--cc-cobalt);background:color-mix(in srgb,var(--cc-cobalt) 7%,var(--cc-bg));color:var(--cc-ink);transform:translateY(-2px);box-shadow:var(--cc-shadow-md)}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-nav-tab.active{border-color:var(--cc-cobalt);background:color-mix(in srgb,var(--cc-cobalt) 10%,var(--cc-bg));color:var(--cc-ink)}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-nav-tab .dashicons{flex:none;display:grid;place-items:center;inline-size:40px;block-size:40px;margin:0;border-radius:12px;color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink));background:color-mix(in srgb,var(--cc-cobalt) 13%,transparent);font-size:0;line-height:0;transition:background-color .15s ease,color .15s ease}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-nav-tab .dashicons::before{content:'';display:block;inline-size:20px;block-size:20px;background:currentColor;-webkit-mask:var(--ww-ico) center/contain no-repeat;mask:var(--ww-ico) center/contain no-repeat}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-nav-tab.active .dashicons,html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-nav-tab:hover .dashicons{color:#fff;background:var(--cc-cobalt-grad)}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-nav-tab .dashicons-plus-alt{--ww-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E")}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-nav-tab .dashicons-randomize{--ww-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h13M16 3l4 4-4 4M17 17H4M8 13l-4 4 4 4'/%3E%3C/svg%3E")}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-nav-tab .dashicons-media-spreadsheet{--ww-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h6'/%3E%3C/svg%3E")}

/* Content area + stat tiles */
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-content-area{min-inline-size:0;padding:0;border:0;background:none;box-shadow:none}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-stat-card{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border:1px solid var(--cc-border);border-radius:var(--cc-r-xl);background:var(--cc-bg);box-shadow:var(--cc-shadow-xs)}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-stat-card__icon{display:grid;place-items:center;inline-size:40px;block-size:40px;margin-block-end:8px;border-radius:12px;color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink));background:color-mix(in srgb,var(--cc-cobalt) 13%,transparent)}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-stat-card--success .woo-wallet-stat-card__icon{color:var(--cc-success-ink);background:color-mix(in srgb,var(--cc-success) 14%,transparent)}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-stat-card--danger .woo-wallet-stat-card__icon{color:var(--cc-danger);background:color-mix(in srgb,var(--cc-danger) 12%,transparent)}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-stat-card__value{font:700 24px/1.15 var(--font-mono);letter-spacing:-.01em;color:var(--cc-ink)}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-stat-card__label{font:600 12px/1.3 var(--font-body);color:var(--cc-ink-3)}

/* Transactions */
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-transactions-list{padding:24px;border:1px solid var(--cc-border);border-radius:var(--cc-r-2xl);background:var(--cc-bg);box-shadow:var(--cc-shadow-xs)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 14px;padding:0;border:0}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-head .ww-txn-title{margin:0;font:700 20px/1.2 var(--font-display);color:var(--cc-ink)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-head .ww-txn-meta{font:700 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cc-ink-3)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table{display:block;border:0;background:none}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table .ww-txn-row{display:grid;grid-template-columns:150px minmax(0,1fr) 96px 130px;align-items:center;gap:14px;padding:14px 12px;border:0;border-block-end:1px solid var(--cc-border);border-radius:0;background:none}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table .ww-txn-row:last-child{border-block-end:0}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table .ww-txn-row:not(.ww-txn-row--head):hover{background:var(--cc-surface)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table .ww-txn-row--head{padding-block:8px 12px;border-block-end:1px solid var(--cc-border);background:none}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table .ww-txn-row--head .ww-txn-cell{font:700 11px/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cc-ink-3)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table .ww-txn-cell{padding:0;font-size:14px;line-height:1.4;color:var(--cc-ink-2)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table .ww-txn-cell--desc{color:var(--cc-ink);font-weight:600}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table .ww-txn-cell--amount{text-align:end;font:700 14.5px/1.2 var(--font-mono);color:var(--cc-ink)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table .ww-txn-cell--amount.credit{color:var(--cc-success-ink)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table .ww-txn-cell--amount.debit{color:var(--cc-danger)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-badge{display:inline-block;padding:5px 10px;border-radius:999px;font:700 10.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cc-ink-2);background:color-mix(in srgb,var(--cc-ink) 8%,transparent)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-badge--success{color:var(--cc-success-ink);background:color-mix(in srgb,var(--cc-success) 14%,transparent)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-badge--danger{color:var(--cc-danger);background:color-mix(in srgb,var(--cc-danger) 12%,transparent)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-empty{padding:28px 12px;text-align:center;color:var(--cc-ink-3)}

/* Top-up + transfer forms */
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-form-wrapper{max-inline-size:none;padding:26px;border:1px solid var(--cc-border);border-radius:var(--cc-r-2xl);background:var(--cc-bg);box-shadow:var(--cc-shadow-xs)}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-section-title,html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-form-wrapper .woo-wallet-section-title{margin:0 0 20px;background:none;padding:0 0 16px;border:0;border-block-end:1px solid var(--cc-border);font:700 20px/1.2 var(--font-display);color:var(--cc-ink)}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-form-wrapper form{display:grid;gap:18px;margin:0}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-form-wrapper label{display:block;margin:0 0 8px;font:700 11px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cc-ink-3)}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-form-wrapper :is(input[type=number],input[type=text],select,textarea){inline-size:100%;block-size:48px;padding:0 14px;border:1px solid var(--cc-border);border-radius:12px;background:var(--cc-surface);color:var(--cc-ink);font:500 15px/1.2 var(--font-body);box-shadow:none}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-form-wrapper textarea{block-size:auto;min-block-size:96px;padding:12px 14px;line-height:1.5}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-form-wrapper :is(input[type=number],input[type=text],select,textarea):focus{outline:none;border-color:var(--cc-cobalt);background:var(--cc-bg);box-shadow:0 0 0 3px rgb(47 123 255 / .18)}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-add-amount{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-add-amount > label,html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-add-amount > .cc-ma-chips{grid-column:1 / -1}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-add-amount .woo-wallet-balance-to-add{block-size:58px;padding:0 18px;font:700 22px/1 var(--font-mono);letter-spacing:-.01em}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-field-container{margin:0}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-form-wrapper :is(input[type=submit],button[type=submit],.button){display:inline-flex;align-items:center;justify-content:center;min-block-size:48px;padding:0 24px;border:0;border-radius:var(--cc-r-md);background:var(--cc-cobalt-grad);color:#fff;font:700 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px 0 rgb(255 255 255 / .28),0 10px 22px -10px rgb(47 123 255 / .75);transition:transform .15s ease,box-shadow .15s ease}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-form-wrapper :is(input[type=submit],button[type=submit],.button):hover{transform:translateY(-1px);background:var(--cc-cobalt-grad);color:#fff}
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-add-amount .woo-add-to-wallet{block-size:58px}
html body.cc-ma-page .woo-wallet-my-wallet-container .cc-ma-chips{display:flex;flex-wrap:wrap;gap:8px}
html body.cc-ma-page .woo-wallet-my-wallet-container .cc-ma-chips button{padding:9px 15px;border:1px solid var(--cc-border);border-radius:999px;background:var(--cc-surface);color:var(--cc-ink);font:700 12.5px/1 var(--font-mono);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}
html body.cc-ma-page .woo-wallet-my-wallet-container .cc-ma-chips button:hover,html body.cc-ma-page .woo-wallet-my-wallet-container .cc-ma-chips button[aria-pressed=true]{border-color:var(--cc-cobalt);background:color-mix(in srgb,var(--cc-cobalt) 12%,var(--cc-bg));color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}

/* Statement */
html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-statement{padding:26px;border:1px solid var(--cc-border);border-radius:var(--cc-r-2xl);background:var(--cc-bg);box-shadow:var(--cc-shadow-xs);color:var(--cc-ink)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-masthead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:0 0 20px;padding:0 0 18px;border:0;border-block-end:1px solid var(--cc-border);background:none}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-title{margin:0;font:700 22px/1.2 var(--font-display);color:var(--cc-ink)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-period{margin:4px 0 0;font:600 11px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cc-ink-3)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-actions{display:flex;gap:10px}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-ghost{display:inline-flex;align-items:center;min-block-size:40px;padding:0 16px;border:0;border-radius:var(--cc-r-md);background:transparent;color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink));font:700 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cc-cobalt) 55%,transparent);transition:background-color .15s ease}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-ghost:hover,html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-ghost:focus{background:color-mix(in srgb,var(--cc-cobalt) 11%,transparent);color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-filter{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:14px;margin:0 0 20px;padding:0;border:0;background:none}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-field{display:grid;gap:8px}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-field label{margin:0;font:700 11px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cc-ink-3)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-field input[type=date]{block-size:46px;padding:0 14px;border:1px solid var(--cc-border);border-radius:12px;background:var(--cc-surface);color:var(--cc-ink);font:500 14px/1.2 var(--font-body)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-field input[type=date]:focus{outline:none;border-color:var(--cc-cobalt);box-shadow:0 0 0 3px rgb(47 123 255 / .18)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-apply{min-block-size:46px;padding:0 22px;border:0;border-radius:var(--cc-r-md);background:var(--cc-cobalt-grad);color:#fff;font:700 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px 0 rgb(255 255 255 / .28),0 10px 22px -10px rgb(47 123 255 / .75)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-apply:hover,html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-apply:focus{background:var(--cc-cobalt-grad);color:#fff}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-equation{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin:0 0 22px;padding:0;list-style:none;border:0;background:none}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-term{flex:1 1 140px;display:grid;gap:6px;padding:14px 16px;border:1px solid var(--cc-border);border-radius:14px;background:var(--cc-surface)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-term.is-closing{border-color:transparent;background:var(--cc-cobalt-grad);color:#fff}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-term-label{font:700 10.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cc-ink-3)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-term.is-closing .ww-stmt-term-label{color:rgb(255 255 255 / .8)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-term-value{font:700 19px/1.15 var(--font-mono);color:var(--cc-ink)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-term-value.is-credit{color:var(--cc-success-ink)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-term-value.is-debit{color:var(--cc-danger)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-term.is-closing .ww-stmt-term-value{color:#fff}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-op{align-self:center;font:700 16px/1 var(--font-mono);color:var(--cc-ink-3)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-tablewrap{overflow-x:auto;border:1px solid var(--cc-border);border-radius:14px;background:var(--cc-bg)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-table{inline-size:100%;border-collapse:collapse;background:none;color:var(--cc-ink)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-table thead th{padding:12px 14px;border:0;border-block-end:1px solid var(--cc-border);background:var(--cc-surface);font:700 11px/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cc-ink-3);text-align:start}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-table :is(td,th){padding:13px 14px;border-color:var(--cc-border);font-size:13.5px;color:var(--cc-ink)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-table tbody tr:not(.ww-stmt-rule):hover{background:var(--cc-surface)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-table tr.ww-stmt-rule{background:var(--cc-surface)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-table tr.ww-stmt-rule :is(th,td){background:transparent;font-weight:700;color:var(--cc-ink)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-table tr.ww-stmt-rule .is-credit{color:var(--cc-success-ink)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-table .is-credit{color:var(--cc-success-ink)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-table .is-debit{color:var(--cc-danger)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-table .ww-stmt-num{text-align:end;font-family:var(--font-mono)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-note,html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-generated,html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-pager-count,html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-time{color:var(--cc-ink-3)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-pager .page-numbers{border-color:var(--cc-border);background:var(--cc-bg);color:var(--cc-ink)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-pager .page-numbers.current{border-color:var(--cc-cobalt);background:var(--cc-cobalt);color:#fff}

/* Rewards card (inc/account.php) */
html body.cc-ma-page .cc-ma-rewards{margin-block-start:24px;padding:26px;border:1px solid var(--cc-border);border-radius:var(--cc-r-2xl);background:radial-gradient(80% 150% at 100% 0%,color-mix(in srgb,var(--cc-cobalt) 12%,transparent),transparent 60%),var(--cc-bg)}
html body.cc-ma-page .cc-ma-rewards__head{display:grid;gap:8px;margin-block-end:18px}
html body.cc-ma-page .cc-ma-rewards__head h2{margin:0;font:700 24px/1.2 var(--font-display);color:var(--cc-ink)}
html body.cc-ma-page .cc-ma-rewards__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
html body.cc-ma-page .cc-ma-reward{display:grid;justify-items:start;gap:4px;padding:20px;border:1px solid var(--cc-border);border-radius:var(--cc-r-xl);background:var(--cc-surface)}
html body.cc-ma-page .cc-ma-reward__ico{display:grid;place-items:center;inline-size:40px;block-size:40px;margin-block-end:6px;border-radius:12px;color:#fff;background:var(--cc-cobalt-grad);box-shadow:0 10px 20px -10px rgb(47 123 255 / .8)}
html body.cc-ma-page .cc-ma-reward__value{font:700 34px/1.1 var(--font-display);letter-spacing:-.01em;color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}
html body.cc-ma-page .cc-ma-reward__name{font:700 12px/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cc-ink)}
html body.cc-ma-page .cc-ma-reward__text{font-size:13.5px;line-height:1.5;color:var(--cc-ink-3)}
html body.cc-ma-page .cc-ma-rewards__foot{margin:18px 0 0;font-size:14px;color:var(--cc-ink-3)}
html body.cc-ma-page .cc-ma-rewards__foot a{font-weight:700;text-decoration:none;color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}

/* Wallet on small screens: tiles stack, transactions become two-line rows */
@media (max-width:900px){html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-top-section{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-stats-grid{grid-template-columns:minmax(0,1fr)}
  html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-balance-card{padding:24px 22px;min-block-size:190px}
  html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table .ww-txn-row--head{display:none}
  html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table .ww-txn-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'desc amount' 'date type';gap:6px 12px;padding:14px 4px}
  html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table .ww-txn-cell--desc{grid-area:desc}
  html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table .ww-txn-cell--amount{grid-area:amount}
  html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table .ww-txn-cell--date{grid-area:date;font-size:12.5px;color:var(--cc-ink-3)}
  html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table .ww-txn-cell--type{grid-area:type;text-align:end}
  html body.cc-ma-page .woo-wallet-my-wallet-container .ww-txn-table .ww-txn-cell::before{display:none}
  html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-add-amount{grid-template-columns:minmax(0,1fr)}
  html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-form-wrapper,html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-statement,html body.cc-ma-page .woo-wallet-my-wallet-container .woo-wallet-transactions-list{padding:20px}
}
html body.cc-ma-page .woocommerce-MyAccount-content{min-inline-size:0}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-empty{color:var(--cc-ink-4)}
html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-term-value .woocommerce-Price-amount{white-space:nowrap}
@media (max-width:760px){
  html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-term-value{font-size:15px}
  html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-term{flex-basis:calc(50% - 5px);padding:12px 14px}
  html body.cc-ma-page .woo-wallet-my-wallet-container .ww-stmt-op{display:none}
}
/* Amounts start with a neutral sign (≈, +, -): keep them LTR so RTL pages do not flip the order. */
html body.cc-ma-page .woocommerce-MyAccount-content .woocommerce-Price-amount{direction:ltr;unicode-bidi:isolate}

/* ================= TABS (Account details / Addresses) ================= */
html body.cc-ma-page .cc-ma-tabs{display:flex;gap:4px;margin:-6px 0 22px;padding:0 2px;border-block-end:1px solid var(--cc-border);overflow-x:auto;scrollbar-width:none}
html body.cc-ma-page .cc-ma-tabs::-webkit-scrollbar{display:none}
html body.cc-ma-page .cc-ma-tab{position:relative;flex:none;padding:15px 16px;font:700 12.5px/1 var(--font-mono);letter-spacing:.04em;color:var(--cc-ink-3);text-decoration:none;white-space:nowrap;transition:color .15s ease}
html body.cc-ma-page .cc-ma-tab::after{content:'';position:absolute;inset-inline:12px;inset-block-end:-1px;block-size:2px;border-radius:2px;background:var(--cc-cobalt);transform:scaleX(0);transition:transform .2s ease}
html body.cc-ma-page .cc-ma-tab:hover{color:var(--cc-ink)}
html body.cc-ma-page .cc-ma-tab.is-active{color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}
html body.cc-ma-page .cc-ma-tab.is-active::after{transform:scaleX(1)}
html body.cc-ma-page .cc-ma-tab:focus-visible{outline:2px solid var(--cc-cobalt);outline-offset:-2px;border-radius:8px}
/* the tab panels are cards in one form: let the grid own the spacing so hidden panels leave no gap */
html body.cc-ma-page form.woocommerce-EditAccountForm.cc-ma-form{display:grid;gap:20px;align-content:start}
html body.cc-ma-page form.woocommerce-EditAccountForm.cc-ma-form > .cc-ma-card + .cc-ma-card,html body.cc-ma-page form.woocommerce-EditAccountForm.cc-ma-form > .cc-ma-actions{margin-block-start:0}

/* ================= DASHBOARD ================= */
html body.cc-ma-page .cc-dash{display:grid;gap:20px}
html body.cc-ma-page .cc-dash-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:16px}
html body.cc-ma-page .cc-dash-stat{position:relative;display:grid;gap:4px;align-content:start;padding:20px 22px;border:1px solid var(--cc-border);border-radius:var(--cc-r-2xl);background:var(--cc-bg);color:var(--cc-ink);text-decoration:none;box-shadow:var(--cc-shadow-xs);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
html body.cc-ma-page .cc-dash-stat:hover{border-color:var(--cc-cobalt);transform:translateY(-2px);box-shadow:var(--cc-shadow-md);color:var(--cc-ink)}
html body.cc-ma-page .cc-dash-stat:focus-visible{outline:2px solid var(--cc-cobalt);outline-offset:3px}
html body.cc-ma-page .cc-dash-stat__ico{display:grid;place-items:center;inline-size:42px;block-size:42px;margin-block-end:12px;border-radius:13px;color:#fff;background:var(--cc-cobalt-grad);box-shadow:inset 0 1px 0 rgb(255 255 255 / .3),0 10px 20px -10px rgb(47 123 255 / .8)}
html body.cc-ma-page .cc-dash-stat__value{font:700 30px/1.1 var(--font-display);letter-spacing:-.01em;color:var(--cc-ink)}
html body.cc-ma-page .cc-dash-stat__label{font:700 11px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cc-ink-3)}
html body.cc-ma-page .cc-dash-stat__link{display:inline-flex;align-items:center;gap:6px;margin-block-start:12px;font-size:13px;font-weight:700;color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}
html body.cc-ma-page .cc-dash-quick{display:flex;flex-wrap:wrap;gap:10px}
html body.cc-ma-page .cc-dash-quick__item{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid var(--cc-border);border-radius:999px;background:var(--cc-bg);color:var(--cc-ink);font:600 13.5px/1 var(--font-body);text-decoration:none;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}
html body.cc-ma-page .cc-dash-quick__item svg{color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}
html body.cc-ma-page .cc-dash-quick__item:hover{border-color:var(--cc-cobalt);background:color-mix(in srgb,var(--cc-cobalt) 9%,var(--cc-bg));color:var(--cc-ink);transform:translateY(-1px)}
html body.cc-ma-page .cc-dash-quick__item:focus-visible{outline:2px solid var(--cc-cobalt);outline-offset:2px}
html body.cc-ma-page .cc-dash-orders .cc-ma-card__head{margin-block-end:16px}
html body.cc-ma-page .cc-dash-link{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;font:700 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}
html body.cc-ma-page .cc-dash-link:hover{color:var(--cc-ink)}
html body.cc-ma-page .cc-dash-orderlist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
html body.cc-ma-page .cc-dash-order{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--cc-border);border-radius:var(--cc-r-xl);background:var(--cc-surface);color:var(--cc-ink);text-decoration:none;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}
html body.cc-ma-page .cc-dash-order:hover{border-color:var(--cc-cobalt);background:var(--cc-bg);color:var(--cc-ink);transform:translateY(-1px)}
html body.cc-ma-page .cc-dash-order:focus-visible{outline:2px solid var(--cc-cobalt);outline-offset:2px}
html body.cc-ma-page .cc-dash-order__thumbs{display:flex;align-items:center;min-inline-size:48px;color:var(--cc-ink-4)}
html body.cc-ma-page .cc-dash-order__thumbs img{inline-size:46px;block-size:46px;object-fit:cover;border-radius:12px;border:2px solid var(--cc-surface);background:var(--cc-bg)}
html body.cc-ma-page .cc-dash-order__thumbs img + img{margin-inline-start:-16px}
html body.cc-ma-page .cc-dash-order__main{display:grid;gap:3px;min-inline-size:0}
html body.cc-ma-page .cc-dash-order__main strong{font:700 15px/1.2 var(--font-body);color:var(--cc-ink)}
html body.cc-ma-page .cc-dash-order__main span{font-size:13px;color:var(--cc-ink-3)}
html body.cc-ma-page .cc-dash-order__total{font:700 14.5px/1 var(--font-mono);color:var(--cc-ink);white-space:nowrap}
html body.cc-ma-page .cc-dash-order__go{color:var(--cc-ink-4)}
html body.cc-ma-page .cc-pill{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;font:700 10.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--cc-ink-2);background:color-mix(in srgb,var(--cc-ink) 8%,transparent)}
html body.cc-ma-page .cc-pill--completed,html body.cc-ma-page .cc-pill--req-listed{color:var(--cc-success-ink);background:color-mix(in srgb,var(--cc-success) 14%,transparent)}
html body.cc-ma-page .cc-pill--processing,html body.cc-ma-page .cc-pill--req-sourcing,html body.cc-ma-page .cc-pill--req-new{color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink));background:color-mix(in srgb,var(--cc-cobalt) 13%,transparent)}
html body.cc-ma-page .cc-pill--on-hold,html body.cc-ma-page .cc-pill--pending{color:color-mix(in srgb,var(--cc-warning) 68%,var(--cc-ink));background:color-mix(in srgb,var(--cc-warning) 16%,transparent)}
html body.cc-ma-page .cc-pill--cancelled,html body.cc-ma-page .cc-pill--failed,html body.cc-ma-page .cc-pill--refunded,html body.cc-ma-page .cc-pill--req-unavailable{color:var(--cc-danger);background:color-mix(in srgb,var(--cc-danger) 12%,transparent)}
html body.cc-ma-page .cc-dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
html body.cc-ma-page .cc-dash-grid > .cc-ma-card{margin-block-start:0}
html body.cc-ma-page .cc-dash-addr{display:grid;gap:4px;margin:0 0 20px;font-style:normal;font-size:15px;line-height:1.5;color:var(--cc-ink-2)}
html body.cc-ma-page .cc-dash-addr__name{font-weight:700;color:var(--cc-ink)}
html body.cc-ma-page .cc-dash-muted{margin:0 0 20px;color:var(--cc-ink-3)}
html body.cc-ma-page .cc-dash-facts{display:grid;gap:14px;margin:0 0 20px}
html body.cc-ma-page .cc-dash-facts dt{font:700 11px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cc-ink-3)}
html body.cc-ma-page .cc-dash-facts dd{margin:3px 0 0;font-size:15px;color:var(--cc-ink);overflow-wrap:anywhere}
html body.cc-ma-page .cc-dash-actions{display:flex;flex-wrap:wrap;gap:10px}
html body.cc-ma-page .cc-dash-empty{display:grid;justify-items:start;gap:16px}
html body.cc-ma-page .cc-dash-empty p{margin:0;font-size:15px;color:var(--cc-ink-3)}
html[dir="rtl"] body.cc-ma-page :is(.cc-dash-stat__link,.cc-dash-link,.cc-dash-order__go,.cc-dash-empty .cc-ma-btn) svg{transform:scaleX(-1)}
@media (max-width:820px){
  html body.cc-ma-page .cc-dash-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  html body.cc-ma-page .cc-dash-order{grid-template-columns:auto minmax(0,1fr);grid-template-areas:'thumbs main' 'pill total';gap:12px 14px}
  html body.cc-ma-page .cc-dash-order__thumbs{grid-area:thumbs}
  html body.cc-ma-page .cc-dash-order__main{grid-area:main}
  html body.cc-ma-page .cc-dash-order .cc-pill{grid-area:pill;justify-self:start}
  html body.cc-ma-page .cc-dash-order__total{grid-area:total;justify-self:end}
  html body.cc-ma-page .cc-dash-order__go{display:none}
  html body.cc-ma-page .cc-dash-stat{padding:18px}
  html body.cc-ma-page .cc-dash-stat__value{font-size:26px}
}

/* ================= PRODUCT REQUESTS ================= */
html body.cc-ma-page .cc-req-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
html body.cc-ma-page .cc-chipf{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--cc-border);border-radius:999px;background:var(--cc-bg);color:var(--cc-ink-2);font:600 13px/1 var(--font-body);text-decoration:none;transition:border-color .15s ease,background-color .15s ease}
html body.cc-ma-page .cc-chipf b{padding:3px 8px;border-radius:999px;font:700 11px/1 var(--font-mono);color:var(--cc-ink-2);background:color-mix(in srgb,var(--cc-ink) 8%,transparent)}
html body.cc-ma-page .cc-chipf:hover{border-color:var(--cc-cobalt);color:var(--cc-ink)}
html body.cc-ma-page .cc-chipf.is-active{border-color:var(--cc-cobalt);background:color-mix(in srgb,var(--cc-cobalt) 11%,var(--cc-bg));color:var(--cc-ink)}
html body.cc-ma-page .cc-chipf.is-active b{color:#fff;background:var(--cc-cobalt)}
html body.cc-ma-page .cc-req-list{display:grid;gap:16px}
html body.cc-ma-page .cc-req{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;padding:22px;border:1px solid var(--cc-border);border-radius:var(--cc-r-2xl);background:var(--cc-bg);box-shadow:var(--cc-shadow-xs);scroll-margin-block-start:110px}
html body.cc-ma-page .cc-req:target{border-color:var(--cc-cobalt);box-shadow:0 0 0 3px rgb(47 123 255 / .18)}
html body.cc-ma-page .cc-req--admin{grid-template-columns:auto minmax(0,1fr) minmax(250px,310px)}
html body.cc-ma-page .cc-req__media{display:grid;place-items:center;inline-size:84px;block-size:84px;overflow:hidden;border:1px solid var(--cc-border);border-radius:16px;background:var(--cc-surface);color:var(--cc-ink-4)}
html body.cc-ma-page .cc-req__media img{inline-size:100%;block-size:100%;object-fit:cover}
html body.cc-ma-page .cc-req__body{display:grid;gap:10px;align-content:start;min-inline-size:0}
html body.cc-ma-page .cc-req__top{display:flex;align-items:center;gap:12px}
html body.cc-ma-page .cc-req__top time{font:600 12px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cc-ink-3)}
html body.cc-ma-page .cc-req__text{margin:0;font-size:15px;line-height:1.55;color:var(--cc-ink);overflow-wrap:anywhere}
html body.cc-ma-page .cc-req__who{margin:0;font-size:13.5px;color:var(--cc-ink-2);overflow-wrap:anywhere}
html body.cc-ma-page .cc-req__who a{color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink));text-decoration:none}
html body.cc-ma-page .cc-req__badges,html body.cc-ma-page .cc-req__extras{display:flex;flex-wrap:wrap;gap:8px;margin:0}
html body.cc-ma-page .cc-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font:600 12px/1 var(--font-body);color:var(--cc-ink-2);background:color-mix(in srgb,var(--cc-ink) 7%,transparent);text-decoration:none}
html body.cc-ma-page .cc-badge--ok{color:var(--cc-success-ink);background:color-mix(in srgb,var(--cc-success) 14%,transparent)}
html body.cc-ma-page .cc-badge--info,html body.cc-ma-page .cc-badge--link{color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink));background:color-mix(in srgb,var(--cc-cobalt) 13%,transparent)}
html body.cc-ma-page .cc-badge--link:hover{background:color-mix(in srgb,var(--cc-cobalt) 22%,transparent)}
html body.cc-ma-page .cc-req__extras a{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid var(--cc-border);border-radius:999px;font:600 12.5px/1 var(--font-body);color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink));text-decoration:none;transition:border-color .15s ease}
html body.cc-ma-page .cc-req__extras a:hover{border-color:var(--cc-cobalt)}
html body.cc-ma-page .cc-req__steps{display:flex;list-style:none;margin:6px 0 0;padding:0}
html body.cc-ma-page .cc-req__steps li{position:relative;flex:1;padding-block-start:20px;font:700 11px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cc-ink-4)}
html body.cc-ma-page .cc-req__steps li::before{content:'';position:absolute;inset-block-start:0;inset-inline:0 8px;block-size:6px;border-radius:99px;background:color-mix(in srgb,var(--cc-ink) 10%,transparent)}
html body.cc-ma-page .cc-req__steps li.is-done::before{background:var(--cc-cobalt)}
html body.cc-ma-page .cc-req__steps li.is-current::before{background:var(--cc-cobalt-grad)}
html body.cc-ma-page .cc-req__steps li.is-done,html body.cc-ma-page .cc-req__steps li.is-current{color:var(--cc-ink)}
html body.cc-ma-page .cc-req--listed .cc-req__steps li.is-current::before{background:var(--cc-success)}
html body.cc-ma-page .cc-req--unavailable .cc-req__steps li.is-current::before{background:var(--cc-danger)}
html body.cc-ma-page .cc-req__result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-block-start:4px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--cc-success) 40%,var(--cc-border));border-radius:var(--cc-r-xl);background:color-mix(in srgb,var(--cc-success) 8%,var(--cc-bg));color:var(--cc-ink);text-decoration:none;transition:transform .15s ease}
html body.cc-ma-page .cc-req__result:hover{transform:translateY(-1px);color:var(--cc-ink)}
html body.cc-ma-page .cc-req__result-img img{display:block;inline-size:52px;block-size:52px;object-fit:cover;border-radius:12px}
html body.cc-ma-page .cc-req__result-txt{display:grid;gap:3px;min-inline-size:0}
html body.cc-ma-page .cc-req__result-txt strong{font:700 14.5px/1.3 var(--font-body);overflow-wrap:anywhere}
html body.cc-ma-page .cc-req__result-txt span{font:600 13px/1 var(--font-mono);color:var(--cc-ink-2)}
html body.cc-ma-page .cc-req__result-go{display:inline-flex;align-items:center;gap:6px;font:700 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--cc-success-ink)}
html body.cc-ma-page .cc-req__note{margin:0;padding:12px 14px;border-radius:var(--cc-r-xl);background:color-mix(in srgb,var(--cc-danger) 8%,var(--cc-bg));font-size:14px;line-height:1.5;color:var(--cc-ink-2)}
html body.cc-ma-page .cc-req__form{display:grid;gap:12px;align-content:start;padding:16px;border:1px solid var(--cc-border);border-radius:var(--cc-r-xl);background:var(--cc-surface)}
html body.cc-ma-page .cc-req__form p{margin:0;display:grid;gap:6px}
html body.cc-ma-page .cc-req__form label{font:700 11px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cc-ink-3)}
html body.cc-ma-page .cc-req__form :is(select,input[type=number],textarea){inline-size:100%;min-block-size:44px;padding:0 12px;border:1px solid var(--cc-border);border-radius:12px;background-color:var(--cc-bg);color:var(--cc-ink);font:500 14px/1.2 var(--font-body)}
html body.cc-ma-page .cc-req__form textarea{padding:10px 12px;line-height:1.5;resize:vertical}
html body.cc-ma-page .cc-req__form :is(select,input,textarea):focus{outline:none;border-color:var(--cc-cobalt);box-shadow:0 0 0 3px rgb(47 123 255 / .18)}
html body.cc-ma-page .cc-req__form .cc-ma-btn{min-block-size:44px}
html body.cc-ma-page .cc-req__sent:empty{display:none}
html body.cc-ma-page .cc-req-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-block-start:22px}
html body.cc-ma-page .cc-req-pager__n{font:600 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cc-ink-3)}
html[dir="rtl"] body.cc-ma-page :is(.cc-req__result-go,.cc-req-pager a) svg{transform:scaleX(-1)}
@media (max-width:1000px){
  html body.cc-ma-page .cc-req--admin{grid-template-columns:auto minmax(0,1fr)}
  html body.cc-ma-page .cc-req--admin .cc-req__form{grid-column:1 / -1}
}
@media (max-width:560px){
  html body.cc-ma-page .cc-req,html body.cc-ma-page .cc-req--admin{grid-template-columns:minmax(0,1fr);padding:18px}
  html body.cc-ma-page .cc-req__media{inline-size:72px;block-size:72px}
  html body.cc-ma-page .cc-req__result{grid-template-columns:auto minmax(0,1fr)}
  html body.cc-ma-page .cc-req__result-go{grid-column:1 / -1}
}

/* a panel with its own display value (grid/flex) must still honour the hidden attribute */
html body.cc-ma-page [data-cc-panel][hidden]{display:none}
/* ================= PAYMENTS (saved cards) ================= */
html body.cc-ma-page .cc-pay{display:grid;gap:16px}
html body.cc-ma-page .cc-pay[hidden]{display:none}
html body.cc-ma-page .cc-pay .cc-ma-card__head .cc-pay__add{margin-inline-start:auto;min-block-size:40px;padding:0 16px}
html body.cc-ma-page .cc-pay-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
html body.cc-ma-page .cc-pay-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--cc-border);border-radius:var(--cc-r-xl);background:var(--cc-surface)}
html body.cc-ma-page .cc-pay-card.is-default{border-color:color-mix(in srgb,var(--cc-cobalt) 45%,var(--cc-border));background:radial-gradient(90% 200% at 0% 0%,color-mix(in srgb,var(--cc-cobalt) 10%,transparent),transparent 60%),var(--cc-surface)}
html body.cc-ma-page .cc-pay-card__brand{display:grid;place-items:center;min-inline-size:66px;padding:11px 12px;border-radius:12px;color:#fff;background:var(--cc-cobalt-grad);font:700 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgb(255 255 255 / .3),0 10px 20px -10px rgb(47 123 255 / .8)}
html body.cc-ma-page .cc-pay-card__main{display:grid;gap:3px;min-inline-size:0}
html body.cc-ma-page .cc-pay-card__main strong{font:700 17px/1.2 var(--font-mono);letter-spacing:.08em;color:var(--cc-ink)}
html body.cc-ma-page .cc-pay-card__main span{font-size:13px;color:var(--cc-ink-3)}
html body.cc-ma-page .cc-pay-card__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
html body.cc-ma-page .cc-pay-act{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border:1px solid var(--cc-border);border-radius:999px;background:var(--cc-bg);font:600 12.5px/1 var(--font-body);color:var(--cc-ink-2);text-decoration:none;transition:border-color .15s ease,background-color .15s ease,color .15s ease}
html body.cc-ma-page .cc-pay-act:hover{border-color:var(--cc-cobalt);color:var(--cc-ink)}
html body.cc-ma-page .cc-pay-act--danger{color:var(--cc-danger)}
html body.cc-ma-page .cc-pay-act--danger:hover{border-color:var(--cc-danger);background:color-mix(in srgb,var(--cc-danger) 8%,var(--cc-bg));color:var(--cc-danger)}
html body.cc-ma-page .cc-pay-act:focus-visible{outline:2px solid var(--cc-cobalt);outline-offset:2px}
html body.cc-ma-page .cc-pay-empty{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;border:1.5px dashed color-mix(in srgb,var(--cc-cobalt) 35%,var(--cc-border));border-radius:var(--cc-r-xl);background:radial-gradient(70% 140% at 0% 0%,color-mix(in srgb,var(--cc-cobalt) 9%,transparent),transparent 65%)}
html body.cc-ma-page .cc-pay-empty__art{display:grid;place-items:center;inline-size:60px;block-size:60px;border-radius:18px;color:#fff;background:var(--cc-cobalt-grad);box-shadow:inset 0 1px 0 rgb(255 255 255 / .3),0 14px 28px -12px rgb(47 123 255 / .8)}
html body.cc-ma-page .cc-pay-empty__text strong{display:block;font:700 18px/1.3 var(--font-display);color:var(--cc-ink)}
html body.cc-ma-page .cc-pay-empty__text p{margin:4px 0 0;max-inline-size:54ch;font-size:14px;line-height:1.55;color:var(--cc-ink-3)}
html body.cc-ma-page .cc-pay__secure{display:flex;align-items:flex-start;gap:10px;margin:18px 0 0;font-size:13px;line-height:1.5;color:var(--cc-ink-3)}
html body.cc-ma-page .cc-pay__secure svg{flex:none;margin-block-start:2px;color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}
html body.cc-ma-page .cc-pay-wallet{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:18px 22px;border:1px solid var(--cc-border);border-radius:var(--cc-r-2xl);background:var(--cc-bg);color:var(--cc-ink);text-decoration:none;box-shadow:var(--cc-shadow-xs);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
html body.cc-ma-page .cc-pay-wallet:hover{border-color:var(--cc-cobalt);transform:translateY(-2px);box-shadow:var(--cc-shadow-md);color:var(--cc-ink)}
html body.cc-ma-page .cc-pay-wallet:focus-visible{outline:2px solid var(--cc-cobalt);outline-offset:3px}
html body.cc-ma-page .cc-pay-wallet__text{display:grid;gap:3px;min-inline-size:0}
html body.cc-ma-page .cc-pay-wallet__text strong{font:700 15px/1.3 var(--font-body)}
html body.cc-ma-page .cc-pay-wallet__text span{font-size:13px;color:var(--cc-ink-3)}
html body.cc-ma-page .cc-pay-wallet__bal{font:700 18px/1 var(--font-mono);color:var(--cc-ink);white-space:nowrap}
html body.cc-ma-page .cc-pay-wallet > svg{color:var(--cc-ink-4)}
html[dir="rtl"] body.cc-ma-page .cc-pay-wallet > svg{transform:scaleX(-1)}
@media (max-width:640px){
  html body.cc-ma-page .cc-pay-card{grid-template-columns:auto minmax(0,1fr)}
  html body.cc-ma-page .cc-pay-card .cc-pill{grid-column:2;justify-self:start}
  html body.cc-ma-page .cc-pay-card__actions{grid-column:1 / -1;justify-content:flex-start}
  html body.cc-ma-page .cc-pay-empty{grid-template-columns:auto minmax(0,1fr)}
  html body.cc-ma-page .cc-pay-empty > .cc-ma-btn{grid-column:1 / -1}
  html body.cc-ma-page .cc-pay-wallet{grid-template-columns:auto minmax(0,1fr) auto}
  html body.cc-ma-page .cc-pay-wallet > svg{display:none}
  html body.cc-ma-page .cc-pay .cc-ma-card__head{flex-wrap:wrap}
}

/* ================= SIGN IN / REGISTER / PASSWORD RESET (guest account pages) ================= */
html body.cc-auth-page .aknb-myaccount-shell{padding-block:clamp(24px,5vw,64px)}
html body.cc-auth-page .woocommerce{display:block;max-inline-size:1120px;margin-inline:auto}
html body.cc-auth-page .woocommerce-notices-wrapper:empty{display:none}
html body.cc-auth-page .cc-auth{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-block-size:640px;border:1px solid var(--cc-border);border-radius:28px;overflow:hidden;background:var(--cc-bg);box-shadow:var(--cc-shadow-xl)}
html body.cc-auth-page .cc-auth--single{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-block-size:520px}
html body.cc-auth-page .cc-auth__aside{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:18px;padding:clamp(28px,4vw,52px);color:#fff;background:radial-gradient(120% 90% at 0% 0%,rgb(143 212 255 / .30),transparent 55%),radial-gradient(90% 70% at 100% 100%,rgb(47 123 255 / .38),transparent 60%),linear-gradient(160deg,#0A1F4D 0%,#123A9A 55%,#1B4FCB 125%)}
html body.cc-auth-page .cc-auth__aside::before{content:'';position:absolute;z-index:-1;inset:0;opacity:.4;background-image:linear-gradient(rgb(255 255 255 / .07) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .07) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}
html body.cc-auth-page .cc-auth__aside::after{content:'';position:absolute;z-index:-1;inset-block-end:-46px;inset-inline-end:-34px;inline-size:340px;block-size:340px;opacity:.14;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M86,18 L16,182 L78,182 L94,72 Z' fill='%23fff'/%3E%3Cpath d='M114,18 L184,182 L122,182 L106,72 Z' fill='%23dbeafe'/%3E%3C/svg%3E") center/contain no-repeat}
html body.cc-auth-page .cc-auth__eyebrow{font:700 11px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:rgb(255 255 255 / .78)}
html body.cc-auth-page .cc-auth__aside-title{margin:0;font:700 clamp(30px,3.6vw,42px)/1.1 var(--font-display);letter-spacing:-.015em;color:#fff}
html body.cc-auth-page .cc-auth__aside-lead{margin:0;max-inline-size:34ch;font-size:16px;line-height:1.55;color:rgb(255 255 255 / .84)}
html body.cc-auth-page .cc-auth__perks{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:16px}
html body.cc-auth-page .cc-auth__perks li{display:flex;align-items:flex-start;gap:14px;margin:0;padding:0;color:#fff}
html body.cc-auth-page .cc-auth__perk-ico{flex:none;display:grid;place-items:center;inline-size:42px;block-size:42px;border:1px solid rgb(255 255 255 / .22);border-radius:13px;background:rgb(255 255 255 / .12);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html body.cc-auth-page .cc-auth__perks strong{display:block;font:700 15px/1.3 var(--font-body);color:#fff}
html body.cc-auth-page .cc-auth__perks li span span{display:block;margin-block-start:2px;font-size:13.5px;line-height:1.45;color:rgb(255 255 255 / .78)}
html body.cc-auth-page .cc-auth__trust{display:flex;align-items:center;gap:10px;margin:auto 0 0;padding-block-start:22px;font-size:13px;line-height:1.4;color:rgb(255 255 255 / .78)}
html body.cc-auth-page .cc-auth__main{display:flex;flex-direction:column;justify-content:center;gap:22px;min-inline-size:0;padding:clamp(26px,4vw,52px)}
html body.cc-auth-page .cc-auth-tabs{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;align-self:flex-start;padding:5px;border:1px solid var(--cc-border);border-radius:999px;background:var(--cc-surface)}
html body.cc-auth-page .cc-auth-tab{padding:12px 22px;border-radius:999px;font:700 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;text-decoration:none;white-space:nowrap;color:var(--cc-ink-3);transition:color .15s ease,background-color .15s ease}
html body.cc-auth-page .cc-auth-tab:hover:not(.is-active){color:var(--cc-ink)}
html body.cc-auth-page .cc-auth-tab.is-active{color:#fff;background:var(--cc-cobalt-grad);box-shadow:inset 0 1px 0 rgb(255 255 255 / .3),0 8px 18px -8px rgb(47 123 255 / .8)}
html body.cc-auth-page .cc-auth-tab:focus-visible{outline:2px solid var(--cc-cobalt);outline-offset:2px}
html body.cc-auth-page .cc-auth__panel{display:grid;gap:22px}
html body.cc-auth-page .cc-auth__panel[hidden]{display:none}
html body.cc-auth-page .cc-auth__head{display:grid;gap:8px}
html body.cc-auth-page .cc-auth__kicker{font:700 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}
html body.cc-auth-page .cc-auth__title{margin:0;font:700 clamp(28px,3vw,36px)/1.12 var(--font-display);letter-spacing:-.01em;color:var(--cc-ink)}
html body.cc-auth-page .cc-auth__lead{margin:0;font-size:15px;line-height:1.55;color:var(--cc-ink-3)}
html body.cc-auth-page form.cc-auth-form{display:grid;gap:18px;margin:0;padding:0;border:0;border-radius:0;background:none}
html body.cc-auth-page .cc-auth-field{display:grid;gap:8px;margin:0;padding:0}
html body.cc-auth-page .cc-auth-field label{margin:0;font:700 11px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cc-ink-3)}
html body.cc-auth-page .cc-auth-field label .required{border:0;text-decoration:none;color:var(--cc-danger)}
html body.cc-auth-page .cc-auth-input{position:relative;display:block}
html body.cc-auth-page .cc-auth-input > svg{position:absolute;z-index:1;inset-block-start:50%;inset-inline-start:16px;transform:translateY(-50%);color:var(--cc-ink-4);pointer-events:none;transition:color .15s ease}
html body.cc-auth-page .cc-auth-input:focus-within > svg{color:var(--cc-cobalt)}
html body.cc-auth-page .cc-auth-input input.input-text{inline-size:100%;block-size:54px;margin:0;padding-block:0;padding-inline:46px 16px;border:1px solid var(--cc-border);border-radius:14px;background-color:var(--cc-surface);color:var(--cc-ink);font:500 15px/1.2 var(--font-body);box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
html body.cc-auth-page .cc-auth-input input.input-text:focus{outline:none;border-color:var(--cc-cobalt);background-color:var(--cc-bg);box-shadow:0 0 0 3px rgb(47 123 255 / .18)}
html body.cc-auth-page .cc-auth-input input.input-text:-webkit-autofill{-webkit-text-fill-color:var(--cc-ink);-webkit-box-shadow:0 0 0 100px var(--cc-surface) inset;caret-color:var(--cc-ink)}
html body.cc-auth-page .cc-auth-input .password-input{display:block}
html body.cc-auth-page .cc-auth-input .password-input input.woocommerce-Input{padding-inline:46px 52px}
html body.cc-auth-page .cc-auth__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
html body.cc-auth-page .cc-auth-check{display:inline-flex;align-items:center;gap:10px;margin:0;font:500 14px/1 var(--font-body);letter-spacing:0;text-transform:none;color:var(--cc-ink-2);cursor:pointer}
html body.cc-auth-page .cc-auth-check input{inline-size:18px;block-size:18px;margin:0;accent-color:var(--cc-cobalt)}
html body.cc-auth-page .cc-auth__lost,html body.cc-auth-page .cc-auth__foot a{font-weight:700;text-decoration:none;color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}
html body.cc-auth-page .cc-auth__lost{font-size:14px}
html body.cc-auth-page .cc-auth__lost:hover,html body.cc-auth-page .cc-auth__foot a:hover{color:var(--cc-ink);text-decoration:underline}
html body.cc-auth-page .cc-auth__actions{margin:0}
html body.cc-auth-page .cc-auth__submit{inline-size:100%;min-block-size:54px;font-size:13px}
html body.cc-auth-page .cc-auth__hint{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--cc-cobalt) 9%,transparent);font-size:13.5px;line-height:1.5;color:var(--cc-ink-2)}
html body.cc-auth-page .cc-auth__hint svg{flex:none;margin-block-start:2px;color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}
html body.cc-auth-page .cc-auth-form .woocommerce-privacy-policy-text p{margin:0;font-size:12.5px;line-height:1.55;color:var(--cc-ink-3)}
html body.cc-auth-page .cc-auth-form .woocommerce-privacy-policy-text a{color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}
html body.cc-auth-page .cc-auth__foot{margin:0;font-size:14px;color:var(--cc-ink-3)}
html body.cc-auth-page .cc-auth__panel--done{justify-items:start}
html body.cc-auth-page .cc-auth__done-ico{display:grid;place-items:center;inline-size:72px;block-size:72px;border-radius:22px;color:#fff;background:var(--cc-cobalt-grad);box-shadow:inset 0 1px 0 rgb(255 255 255 / .3),0 18px 34px -12px rgb(47 123 255 / .8)}
html body.cc-auth-page :is(.woocommerce-error,.woocommerce-message,.woocommerce-info){list-style:none;margin:0 0 18px;padding:14px 18px;border:1px solid var(--cc-border);border-radius:14px;background:var(--cc-surface);color:var(--cc-ink);font-size:14px;line-height:1.5}
html body.cc-auth-page :is(.woocommerce-error,.woocommerce-message,.woocommerce-info)::before{content:none}
html body.cc-auth-page .woocommerce-error{border-color:color-mix(in srgb,var(--cc-danger) 45%,var(--cc-border));background:color-mix(in srgb,var(--cc-danger) 8%,var(--cc-bg))}
html body.cc-auth-page .woocommerce-message{border-color:color-mix(in srgb,var(--cc-success) 45%,var(--cc-border));background:color-mix(in srgb,var(--cc-success) 8%,var(--cc-bg))}
html body.cc-auth-page .woocommerce-info{border-color:color-mix(in srgb,var(--cc-cobalt) 40%,var(--cc-border));background:color-mix(in srgb,var(--cc-cobalt) 8%,var(--cc-bg))}
html body.cc-auth-page :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) li{margin:0;padding:0;list-style:none;background:none}
html body.cc-auth-page :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a{color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink));font-weight:700}
html[dir="rtl"] body.cc-auth-page .cc-auth__submit svg{transform:scaleX(-1)}
@media (max-width:900px){
  html body.cc-auth-page .cc-auth,html body.cc-auth-page .cc-auth--single{grid-template-columns:minmax(0,1fr);min-block-size:0;border-radius:22px}
  html body.cc-auth-page .cc-auth__aside{gap:10px;padding:26px 24px}
  html body.cc-auth-page .cc-auth__aside-title{font-size:28px}
  html body.cc-auth-page .cc-auth__aside-lead{font-size:15px}
  html body.cc-auth-page .cc-auth__perks,html body.cc-auth-page .cc-auth__trust{display:none}
  html body.cc-auth-page .cc-auth__main{padding:26px 22px 30px}
}
@media (max-width:420px){
  html body.cc-auth-page .cc-auth-tabs{align-self:stretch}
  html body.cc-auth-page .cc-auth-tab{padding-inline:12px}
}
/* Address book (mu-plugins/aknb-address-book.php) */
html body.cc-ma-page .cc-ab { margin-block-start: 28px; }
html body.cc-ma-page .cc-ab__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-block-end: 16px; }
html body.cc-ma-page .cc-ab__title { margin: 0 0 4px; font: 700 20px/1.2 var(--font-display); color: var(--cc-ink); }
html body.cc-ma-page .cc-ab__empty { color: var(--cc-ink-3); }
html body.cc-ma-page .cc-ab__badge { display: inline-block; margin-inline-start: 8px; padding: 3px 8px; border-radius: var(--cc-r-full); background: color-mix(in srgb, var(--cc-cobalt) 16%, transparent); color: var(--cc-cobalt); font: 700 10px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; vertical-align: middle; }
html body.cc-ma-page .cc-ab__card.is-default { border-color: var(--cc-cobalt); }
html body.cc-ma-page .cc-ab__actions { display: flex; gap: 8px; flex-wrap: wrap; margin-block-start: 14px; }
html body.cc-ma-page .cc-ab__inline { display: inline; margin: 0; }
html body.cc-ma-page .cc-ab__del { color: var(--cc-danger); }
