/* ── ACCOUNT ─────────────────────────────────────────── */
.account-layout  { display:grid; grid-template-columns:1fr 300px; gap:14px }
@media(max-width:1100px) { .account-layout { grid-template-columns:1fr } }
.account-main    { display:flex; flex-direction:column; gap:12px }
.account-sidebar { display:flex; flex-direction:column; gap:12px }
.forms-grid      { display:grid; grid-template-columns:1fr 1fr; gap:12px }
@media(max-width:700px) { .forms-grid { grid-template-columns:1fr } }
.profile-card  { background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden }
.profile-banner { height:64px; background:linear-gradient(135deg,rgba(155,109,255,.1),rgba(167,139,250,.08)) }
.profile-body  { padding:0 16px 14px; display:flex; align-items:flex-end; gap:14px }
.profile-avatar-wrap { margin-top:-26px }
.profile-avatar {
  width:54px; height:54px; border-radius:50%; border:3px solid var(--surface);
  background:var(--surface2); cursor:pointer; position:relative;
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.profile-avatar-img    { width:100%; height:100%; object-fit:cover; display:block }
.profile-avatar-letter { font-size:18px; font-weight:700; color:var(--text2) }
.profile-avatar-overlay {
  position:absolute; inset:0; background:rgba(0,0,0,.5);
  display:flex; align-items:center; justify-content:center;
  opacity:0; transition:opacity var(--t);
}
.profile-avatar:hover .profile-avatar-overlay { opacity:1 }
.profile-info  { flex:1; min-width:0 }
.profile-name  { font-size:16px; font-weight:700; color:var(--text) }
.profile-pills { display:flex; gap:6px; margin-top:4px; flex-wrap:wrap }
.role-tag    { padding:2px 8px; border-radius:20px; font-size:11px; font-weight:600; background:rgba(155,109,255,.1); color:var(--accent) }
.joined-date { padding:2px 8px; border-radius:20px; font-size:11px; color:var(--text3); background:var(--surface2) }
.profile-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:0; background:var(--border); border-top:1px solid var(--border) }
.profile-stat  { padding:10px 6px; text-align:center; background:var(--surface) }
.ps-val { font-size:15px; font-weight:700; color:var(--text); font-family:'Space Mono',monospace }
.ps-lbl { font-size:11px; color:var(--text3); margin-top:1px }
.avatar-preview-row  { display:flex; align-items:center; gap:10px }
.avatar-mini         { width:36px; height:36px; border-radius:50%; background:var(--surface2); object-fit:cover; flex-shrink:0 }
.avatar-preview-name { font-size:13px; font-weight:600; color:var(--text) }
.avatar-preview-role { font-size:11px; color:var(--text3) }

/* Purchase history */
.account-history-list { display:flex; flex-direction:column }
.history-row {
  display:flex; align-items:center; justify-content:space-between;
  padding:8px 0; border-bottom:1px solid var(--border); gap:10px;
}
.history-row:last-child { border-bottom:none }
.history-row-left  { display:flex; align-items:center; gap:10px; flex:1; min-width:0 }
.history-row-icon  {
  width:26px; height:26px; border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700;
}
.history-row-icon.positive { background:rgba(35,211,165,.1); color:var(--green) }
.history-row-icon.negative { background:rgba(248,113,113,.09); color:var(--red) }
.history-row-label { font-size:12.5px; font-weight:500; color:var(--text) }
.history-row-date  { font-size:11px; color:var(--text3); margin-top:1px }
.history-row-delta { font-family:'Space Mono',monospace; font-size:12px; font-weight:700; flex-shrink:0 }
.history-row-delta.positive { color:var(--green) }
.history-row-delta.negative { color:var(--red) }
.history-empty { font-size:13px; color:var(--text3); padding:12px 0; text-align:center }

/* Admin account list */
.admin-account-row {
  display:flex; align-items:center; gap:10px;
  padding:9px 0; border-bottom:1px solid var(--border);
}
.admin-account-row:last-child { border-bottom:none }
.admin-account-avatar {
  width:34px; height:34px; border-radius:50%; flex-shrink:0;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  display:flex; align-items:center; justify-content:center;
  font-size:13px; font-weight:700; color:#fff;
  object-fit:cover; overflow:hidden;
}
img.admin-account-avatar {
  background: none;
  display: block;
}
.admin-account-info  { flex:1; min-width:0 }
.admin-account-name  { font-size:13px; font-weight:600; color:var(--text) }
.admin-account-meta  { display:flex; flex-wrap:wrap; gap:5px; margin-top:3px }
.pill-admin { background:rgba(248,113,113,.1)!important; color:var(--red)!important; border-color:rgba(248,113,113,.2)!important }