/* STAGE 1 — VISUAL POLISH ONLY. Approved structure and flows remain unchanged.
   Palette: existing warm cream / terracotta. No navigation or DOM anatomy changes. */
:root{
  --polish-surface:#FFFEFC;
  --polish-ink:#292722;
  --polish-muted:#696158;
  --polish-hairline:#E7E0D7;
  --polish-line:#DED6CC;
  --polish-shade:0 1px 2px rgba(65,46,32,.035),0 7px 20px rgba(65,46,32,.035);
  --polish-lift:0 1px 2px rgba(65,46,32,.05),0 13px 28px rgba(65,46,32,.075);
  --polish-inset:inset 0 1px 0 rgba(255,255,255,.88);
}
body{
  color:var(--polish-ink);
  background:var(--bg);
  font-kerning:normal;
  text-rendering:optimizeLegibility;
}
h1,h2,h3{font-feature-settings:"kern" 1}
.page h1{letter-spacing:-.028em;font-weight:650}
.page h2{letter-spacing:-.015em}
.page .section-head h2,.page .overview-heading h1{
  color:#342D27;font-weight:650;letter-spacing:-.025em;
}
.page-top h1{color:#302B25;font-weight:650;letter-spacing:-.025em}
.page-top p,.details-text{color:#6B6259}
.app-header{border-bottom:1px solid rgba(93,70,48,.065)}
.app-header .brand-icon{
  background:linear-gradient(145deg,#AC6248,#914630);
  border:1px solid rgba(102,47,32,.14);
  box-shadow:var(--polish-inset),0 3px 7px rgba(99,52,32,.11);
}
.app-header .brand{font-weight:700;letter-spacing:-.04em}
.app-header .demo-button{border-radius:10px;color:#61574F}
.bottom-nav{
  background:rgba(255,254,251,.97);
  border-color:var(--polish-hairline);
  box-shadow:0 -7px 20px rgba(53,42,31,.035);
}
.bottom-nav .nav-item.active{
  color:#8D442F;
  background:#F3E6DB;
  box-shadow:inset 0 0 0 1px rgba(154,77,55,.07);
}
.bottom-nav .nav-item.active .icon{stroke-width:1.95}
.page .card,.page .order-list,.page .movement-list,
.page .payout-saved-item,.page .account-summary,.page .member-progress{
  border-color:var(--polish-line);
  background:var(--polish-surface);
  box-shadow:var(--polish-shade),var(--polish-inset);
}
.page .card,.page .account-summary,.page .member-progress{border-radius:17px}
.page .primary,.page .payout-card-add{
  background:linear-gradient(180deg,#A85C40,#944830);
  color:#FFFFFF;
  border-color:#8A412C;
  font-weight:650;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 4px 9px rgba(139,71,47,.16);
}
.page .primary:disabled{
  background:#D7D2C8;color:#514C44;border-color:#D7D2C8;box-shadow:none;
}
.page .secondary,.page .field,.page .input-wrap{
  background:#FFFEFC;border-color:#A39B90;
}
.page .field:focus-visible,.page .input-wrap:focus-within{
  outline:2px solid rgba(154,77,55,.72);
  outline-offset:2px;border-color:#A45A42;
}
.page .text-button,.page .payout-card-detail,.page .overview-heading>a{
  color:#8D4632;font-weight:600;
}
.page .form-label{font-weight:600;color:#45392F}
/* Home: retain exact hierarchy; add fine contrast and considered surface treatment. */
.page .quick-wallet{
  position:relative;isolation:isolate;
  background:#EEE6DA;
  border-color:#DBCDBC;
  box-shadow:var(--polish-lift),var(--polish-inset);
  border-radius:18px;
}
.page .quick-main{
  background:linear-gradient(121deg,#F4EEE3 0%,#E9DDCD 100%);
}
.page .quick-main strong{
  font-weight:700;
  letter-spacing:-.052em;color:#332A24;
  font-variant-numeric:tabular-nums;
}
.page .quick-main .eyebrow{color:#756152;font-weight:550}
.page .round-arrow{
  background:rgba(255,255,255,.68);
  border:1px solid rgba(110,77,55,.11);
  box-shadow:var(--polish-inset),0 2px 4px rgba(65,46,32,.05);
}
.page .quick-pending{background:#F9F5EF;border-top-color:#E1D6C9}
.page .quick-pending>a+a{border-left-color:#E1D6C9}
.page .quick-pending b{font-weight:650;color:#40342A;letter-spacing:-.035em}
.page .purchase-area .paste-card{
  background:linear-gradient(180deg,#FFFEFD 0%,#FFFCF8 100%);
  border-color:#DDD3C8;
  box-shadow:var(--polish-lift),var(--polish-inset);
  border-radius:18px;
}
.page .purchase-area .paste-card:focus-within{border-color:#B98772}
.page .purchase-area .input-wrap{background:#FFF;box-shadow:inset 0 1px 2px rgba(57,39,26,.035)}
.page .help-link{color:#8B4D38}
.page .recent-item .art,.page .inline-product .art{border-radius:12px;overflow:hidden}
/* Wallet: one featured balance card, lighter pending card, lightest movement rows. */
.wallet-compact .balance-main{
  border-color:#D5C4B1;
  background:linear-gradient(118deg,#F6ECDD 0%,#E8DCCB 100%);
  box-shadow:var(--polish-lift),var(--polish-inset);
  border-radius:17px;
}
.wallet-compact .balance-main>.amount{
  color:#302721;font-weight:750;letter-spacing:-.06em;
  font-variant-numeric:tabular-nums;
}
.wallet-compact .balance-main>.wallet-balance-label{color:#655345;font-weight:600}
.wallet-compact .balance-main>.primary{
  border-radius:11px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 4px 8px rgba(143,70,44,.17);
}
.wallet-compact .waiting-grid{
  border-color:#E1D8CE;background:#FFFEFC;
  box-shadow:var(--polish-shade),var(--polish-inset);
}
.wallet-compact .waiting-grid strong{font-weight:700;letter-spacing:-.045em}
.wallet-compact .wallet-wait-label{color:#685E53}
.wallet-compact .payout-bank-card--detail{
  background:linear-gradient(180deg,#FFFEFC,#FFFCF8);
  border-color:#DED4C9;
  box-shadow:var(--polish-shade),var(--polish-inset);
}
.wallet-compact .payout-detail-header>.payout-card-icon{
  background:#EAF1E9;color:#3C7250;
  border:1px solid #DEE9DE;
}
.wallet-compact .payout-detail-header .payout-detail-bank{font-weight:700}
.wallet-compact .payout-bank-card--detail .payout-detail-field:nth-child(2){
  background:#F8F3EC;
  border:1px solid #F0E8DE;
}
.wallet-compact .payout-bank-card--detail .payout-detail-field:first-child dd{
  color:#2E2924;font-weight:750;letter-spacing:-.025em;
}
.wallet-compact .movement-list{background:#FFFEFC;border-color:#E1D9CF}
.wallet-compact .wallet-movement-row{
  border-bottom-color:#ECE5DC;
}
.wallet-compact .wallet-movement-row .movement-heading>strong{font-weight:750}
.wallet-compact .wallet-movement-icon{
  border:1px solid rgba(66,95,66,.07);
}
.wallet-compact .wallet-manage .list-menu{border-color:var(--polish-line)}
/* Orders: better typography and steady separators without modifying structure. */
.page .order-list{border-radius:17px}
.page .order-disclosure{border-bottom-color:#EDE5DA}
.page .order-disclosure[open]{background:linear-gradient(180deg,#FFFEFC,#FCF9F5)}
.page .order-list .order-name{font-weight:650;letter-spacing:-.022em;color:#302C27}
.page .order-meta{color:#766E64}
.page .order-amount b{font-weight:750;color:#312A23;letter-spacing:-.027em}
.page .order-list .art{
  background:#F1ECE5;
  border:1px solid #E9E3DA;
  border-radius:11px;overflow:hidden;
}
.page .order-visual-status--amber{background:#FCF0D8;color:#805A20}
.page .order-visual-status--green{background:#E8F2E8;color:#286443}
.page .order-visual-status--red{background:#F9EBE8;color:#973F37}
.page .order-inline-detail .earnings-breakdown{
  background:#F7F7F1;border-color:#DFE5D9;
}
.page .earnings-total strong{font-weight:750;letter-spacing:-.032em}
.page .order-inline-detail .timeline-dot{box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
/* Membership: preserve silver current rank and gold bonus language. */
.page .member-hero{
  border:1px solid rgba(90,72,60,.12);
  box-shadow:0 3px 5px rgba(65,46,32,.045),0 17px 36px rgba(65,46,32,.11),inset 0 1px 0 rgba(255,255,255,.85);
}
.page .member-hero h2{
  font-weight:750;
  text-shadow:0 1px 0 rgba(255,255,255,.48);
}
.page .member-bonus strong{letter-spacing:-.055em}
.page .member-progress-track{
  box-shadow:inset 0 1px 2px rgba(67,44,25,.09);
}
.page .member-level{border-color:#E0D8CF;box-shadow:0 2px 9px rgba(58,43,30,.03)}
.page .member-level.current{
  border-color:#BF8A6C;
  box-shadow:inset 3px 0 0 #AF6648,0 5px 15px rgba(83,59,40,.055);
}
/* Receiving account management: maintain the separate full-width STK and holder zones. */
.page .payout-saved-item{
  border-color:#DCD1C6;
  box-shadow:var(--polish-shade),var(--polish-inset);
}
.page .payout-saved-item.is-selected{
  border-color:#B77B60;
  box-shadow:inset 3px 0 0 #A86143,0 4px 15px rgba(66,46,32,.065);
}
.page .payout-saved-item .payout-saved-fields{
  border-color:#E3DBD1;background:#FFFEFC;
}
.page .payout-saved-item .payout-saved-field+.payout-saved-field{
  background:#F8F4EE;border-top-color:#E5DCD2;
}
.page .payout-saved-field dt{color:#6D6258}
.page .payout-saved-field dd{color:#342B24;font-weight:700}
.page .payout-active-label{
  background:#F2E2D7;color:#884B34;
  border:1px solid #EAD5C7;
}
.page .payout-remove{background:#FFFEFC;border-color:#DCD4CB}
/* Withdraw, ledger, profile: shared quiet surfaces, prominent values. */
.page .amount-card,.page .account-summary{
  border:1px solid #DDD4C7;
  background:linear-gradient(135deg,#F3EBDD,#EBE2D3);
  box-shadow:var(--polish-shade),var(--polish-inset);
}
.page .amount-card h2,.page .amount-card .amount{font-weight:700;letter-spacing:-.045em}
.page .account-summary{background:linear-gradient(180deg,#FFFEFC,#FBF8F3)}
.page .movement-list .movement-heading>strong{
  font-weight:700;font-variant-numeric:tabular-nums;
}
.page .profile-card .avatar{
  background:#F0E1D5;color:#834A35;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 3px 11px rgba(66,46,32,.06);
}
.page .menu-row{border-bottom-color:#E8E0D7}
.page .menu-row>span{color:#37302A}
.page .chip.active,.page .order-filters .chip.active{
  background:#F3E3D8;color:#84402F;
  border-color:#B77B65;
  box-shadow:inset 0 0 0 1px rgba(165,90,63,.10);
}
/* Only visual density adaptation; no responsive layout replacement. */
@media(max-width:360px){
  .wallet-compact .balance-main>.amount{letter-spacing:-.055em}
  .page .quick-main strong{letter-spacing:-.047em}
}
@media(prefers-contrast:more){
  .page .card,.page .order-list,.page .movement-list,
  .wallet-compact .payout-bank-card--detail,.page .payout-saved-item{
    border-color:#8B8074;
  }
}
