/* My account pages (Points, Referrals, Orders). Uses premium.css tokens. */
.pm-w { max-width:1160px; margin:0 auto; padding:0 28px; }
.eyebrow { font:600 12px/1 var(--engrave); letter-spacing:.32em; text-transform:uppercase; color:var(--gold); margin:0 0 18px; }
.pm-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 22px; border-radius:2px; font:600 13px/1 var(--sans); letter-spacing:.2em; text-transform:uppercase; text-decoration:none; border:1px solid transparent; cursor:pointer; transition:transform .25s, border-color .2s, color .2s; text-align:center; }
.pm-btn:hover { transform:translateY(-1px); }
.pm-btn.gold { background:linear-gradient(135deg,#f3dfa6 0%,#c9a45c 45%,#e9cd8b 100%); color:#1b1406; box-shadow:0 10px 30px -10px rgba(201,164,92,.55), inset 0 1px 0 rgba(255,255,255,.5); }
.pm-btn.ghost { border-color:var(--hair-2); color:var(--ivory); background:transparent; }
.pm-btn.ghost:hover { border-color:var(--champ); color:var(--champ); }
.pm-btn.sm { padding:10px 14px; font-size:11.5px; }
.pm-btn[disabled] { opacity:.55; cursor:not-allowed; transform:none; }
.ac-head { padding-top:56px; padding-bottom:26px; }
.ac-head h1 { font-size:clamp(38px,5vw,60px); line-height:1.04; margin:0 0 14px; }
.ac-head p { margin:0; font-size:18px; color:var(--text); max-width:640px; }
.ac-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:0 0 26px; }
.ac-tile { padding:22px; border:1px solid var(--hair); border-radius:4px; background:var(--ink-900); min-width:0; }
.ac-tile h2 { margin:0 0 10px; font:600 11px/1 var(--engrave); letter-spacing:.24em; text-transform:uppercase; color:var(--gold); }
.ac-tile .big { margin:0 0 6px; font:500 34px/1.1 var(--serif); color:var(--ivory); overflow-wrap:anywhere; }
.ac-tile .sm { margin:0; font-size:14px; color:var(--muted); }
.ac-tile.wide { grid-column:span 2; }
.ac-panel { margin:0 0 26px; padding:24px; border:1px solid var(--hair-2); border-radius:4px; background:var(--ink-900); }
.ac-panel h2 { margin:0 0 14px; font-size:28px; }
.ac-panel > p { margin:0 0 16px; color:var(--text); }
.ac-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.ac-pk { text-decoration:none; display:flex; flex-direction:column; align-items:flex-start; gap:4px; padding:12px 16px; border:1px solid var(--hair-2); border-radius:2px; background:transparent; color:var(--ivory); cursor:pointer; font:600 15px/1.2 var(--sans); }
.ac-pk small { font:500 12px/1 var(--sans); color:var(--muted); }
.ac-pk:hover { border-color:var(--champ); }
.ac-table { width:100%; border-collapse:collapse; font-size:14.5px; }
.ac-table th { text-align:left; padding:10px 12px; font:600 11px/1 var(--sans); letter-spacing:.16em; text-transform:uppercase; color:var(--muted); border-bottom:1px solid var(--hair-2); }
.ac-table td { padding:12px; border-bottom:1px solid var(--hair); vertical-align:top; color:var(--text); }
.ac-table td small { display:block; color:var(--muted); font-size:12.5px; margin-top:3px; }
.ac-table a { color:var(--champ); }
.ac-pill { display:inline-block; padding:4px 8px; border:1px solid var(--hair-2); border-radius:2px; font:600 10.5px/1 var(--sans); letter-spacing:.14em; text-transform:uppercase; color:var(--muted); white-space:nowrap; }
.ac-pill.ok { color:var(--sage); border-color:rgba(169,194,160,.45); }
.ac-pill.wait { color:var(--champ); border-color:var(--hair-2); }
.ac-pager { display:flex; gap:10px; align-items:center; justify-content:flex-end; margin-top:14px; color:var(--muted); font-size:14px; }
.ac-empty { padding:26px; border:1px dashed var(--hair-2); border-radius:4px; text-align:center; color:var(--text); display:grid; gap:14px; justify-items:center; }
.ac-empty p { margin:0; }
.ac-note { font-size:13.5px; color:var(--muted); margin:10px 0 0; }
.ac-copy { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:0 0 10px; }
.ac-copy code { flex:1 1 260px; min-width:0; padding:11px 12px; border:1px solid var(--hair); border-radius:2px; background:var(--ink-850); color:var(--ivory); font:500 13.5px/1.3 ui-monospace,Menlo,monospace; overflow-wrap:anywhere; }
.ac-soon { display:inline-block; margin-left:8px; padding:4px 8px; border:1px solid var(--hair-2); border-radius:2px; font:600 10.5px/1 var(--sans); letter-spacing:.16em; text-transform:uppercase; color:var(--champ); vertical-align:middle; }
.ac-loading { color:var(--muted); }
@media (max-width:900px) { .ac-grid { grid-template-columns:1fr 1fr; } .ac-tile.wide { grid-column:span 2; } }
@media (max-width:620px) {
  .pm-w { padding:0 16px; }
  .ac-grid { grid-template-columns:1fr; } .ac-tile.wide { grid-column:auto; }
  .ac-table thead { display:none; }
  .ac-table tr { display:block; padding:12px 0; border-bottom:1px solid var(--hair); }
  .ac-table td { display:block; padding:3px 0; border:0; }
}
