/* My Account: one place for an artist's purchases, projects, licences and receipts. */
.acct{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1400px;margin:auto;min-height:70vh}
.acct-nav{border-right:1px solid var(--edge);padding:28px 16px;background:#101317}
.acct-nav a{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:8px;color:var(--text);text-decoration:none;font-size:14px;margin-bottom:2px}
.acct-nav a:hover{background:#171b20}
.acct-nav a[aria-current]{background:rgba(200,167,108,.14);color:var(--cream);font-weight:700}
.acct-nav a b{font-size:12px;color:var(--muted);font-weight:600}
.acct-nav .who{padding:0 12px 16px;margin-bottom:12px;border-bottom:1px solid var(--edge);font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.acct-nav .who strong{display:block;color:var(--text);font-size:15px}
.acct-body{padding:32px clamp(18px,4vw,48px) 60px;min-width:0}
.acct-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0 26px}
.acct-stat{border:1px solid var(--edge);background:var(--panel);padding:16px;border-radius:10px;text-decoration:none;color:var(--text)}
.acct-stat span{display:block;font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.acct-stat strong{font:400 32px Anton,sans-serif;color:var(--cream)}
.todo-list{display:grid;gap:10px;margin-bottom:26px}
.todo-item{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--gold);background:rgba(200,167,108,.07);padding:14px 16px;border-radius:10px;flex-wrap:wrap}
.todo-item p{margin:0}
.acct-list{display:grid;gap:12px}
.acct-row{border:1px solid var(--edge);background:var(--panel);padding:16px 18px;border-radius:10px;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.acct-row h3{margin:0 0 4px;font-size:17px}
.acct-row .fine{margin:0}
.acct-row .actions{display:flex;gap:8px;flex-wrap:wrap}
.acct-row .button{min-height:38px;padding:8px 14px}
.acct-empty{border:1px dashed var(--edge);padding:28px;border-radius:10px;text-align:center;color:var(--muted)}
.acct-h{font:400 22px Anton,sans-serif;letter-spacing:.03em;margin:28px 0 12px}
@media (max-width:800px){.acct{grid-template-columns:1fr}.acct-nav{border-right:0;border-bottom:1px solid var(--edge);padding:14px;display:flex;flex-wrap:wrap;gap:4px}.acct-nav .who{width:100%;border:0;padding:0 4px 8px;margin:0}.acct-nav a{margin:0}}