/* ===== Auth + account pages ===== */
.page-h1{font-size:24px;font-weight:700;margin:0}
.crumb{font-size:13px;color:var(--muted);padding:18px 0}
.crumb a:hover{color:var(--link);text-decoration:underline}

/* auth cards */
.auth-wrap{display:flex;justify-content:center;padding:40px 0 60px}
.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-card);padding:30px}
.auth-card h1{font-size:23px;margin-bottom:4px}
.auth-card > .muted{margin-bottom:18px;font-size:13.5px}
.auth-card form{margin-top:6px}
.auth-alt{margin-top:16px;font-size:13.5px;text-align:center}
.auth-alt a,.auth-card a{color:var(--link);font-weight:500}
.auth-hint{text-align:center;font-size:12px;margin-top:12px}
.auth-hint code{background:var(--alt);padding:2px 5px;border-radius:5px}
.sell-points{list-style:none;padding:0;margin:16px 0;display:flex;flex-direction:column;gap:10px}
.sell-points li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--muted)}
.sell-points li svg{color:var(--link);flex-shrink:0}

/* account dashboard */
.account{padding:24px 0 50px}
.acct-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.acct-head h1{font-size:23px;font-weight:700}
.acct-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.acct-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);
  padding:18px;display:flex;flex-direction:column;gap:4px;color:var(--text);transition:all .15s}
.acct-tile:hover{border-color:var(--link);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.acct-tile b{font-size:15px}
.acct-tile span{font-size:12.5px}

/* orders */
.order-list{display:flex;flex-direction:column;gap:12px}
.order-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:16px 18px}
.or-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.or-no{font-weight:700;font-size:14px}
.or-items{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-top:1px solid var(--border)}
.or-item{display:flex;justify-content:space-between;font-size:13px}
.or-bot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:10px;margin-top:4px}
.or-total{font-size:16px;font-weight:750}

/* status pills (shared with admin) */
.st{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:var(--r-pill)}
.st.active{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}
.st.draft{background:var(--alt);color:var(--muted)}
.st.pend{background:color-mix(in srgb,var(--rating) 18%,transparent);color:var(--rating)}

/* addresses */
.addr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.addr-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);
  padding:18px;display:flex;flex-direction:column;gap:5px;position:relative}
.addr-card.is-default{border-color:var(--link)}
.addr-card .pill{position:absolute;top:14px;right:14px}
.addr-card b{font-size:14.5px}
.addr-actions{display:flex;gap:8px;margin-top:auto;padding-top:10px}
.addr-actions form{margin:0}
.addr-form{gap:10px}
.addr-form input{border:1.5px solid var(--border);border-radius:var(--r-btn);padding:10px 12px;
  background:var(--bg);color:var(--text);font-family:inherit;font-size:13.5px;outline:none;width:100%}
.addr-form input:focus{border-color:var(--link)}
.addr-row{display:flex;gap:10px}

/* profile */
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}

@media (max-width:860px){
  .acct-tiles{grid-template-columns:repeat(2,1fr)}
  .addr-grid{grid-template-columns:1fr 1fr}
  .profile-grid{grid-template-columns:1fr}
}
@media (max-width:560px){ .acct-tiles,.addr-grid{grid-template-columns:1fr} }