/* The signed-in user: top bar chip, account menu, API keys, Settings → Users (account.js) */
.acct-chip{gap:var(--sp-2);cursor:pointer;padding-left:var(--sp-1)}
.acct-chip:hover{background:var(--bg-2)}
.acct-av{width:18px;height:18px;border-radius:6px;overflow:hidden;display:inline-block;flex:none}
.acct-av svg{display:block}
.acct-row .acct-av{width:22px;height:22px}
.acct-menu{position:fixed;z-index:60;min-width:260px}
.acct-menu .who{padding:var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--line);margin-bottom:var(--sp-1)}
.acct-menu .who small{color:var(--fg-3);font-size:var(--fs-2)}
.modal .card.acct-card{width:min(640px,92vw)}
.acct-form{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;margin:var(--sp-3) 0}
.acct-form.col{flex-direction:column;align-items:stretch;max-width:360px}
.acct-form .ag-in{flex:1 1 160px;min-width:0}
.acct-list{display:flex;flex-direction:column}
.acct-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.acct-row:last-child{border-bottom:0}
.acct-row > div{display:flex;flex-direction:column;min-width:140px}
.acct-row > small{flex:1;min-width:160px;font-size:var(--fs-2)}
.acct-row.off{opacity:.6}
.acct-new{background:var(--sel);border-radius:var(--r8);padding:var(--sp-3);margin:var(--sp-3) 0;display:flex;flex-direction:column;gap:var(--sp-2)}
.acct-new .row{display:flex;gap:var(--sp-2);align-items:center}
.acct-new code{flex:1;word-break:break-all;background:var(--bg);padding:var(--sp-2);border-radius:var(--r8);user-select:all}
.acct-log > div{display:grid;grid-template-columns:150px 150px 1fr auto;gap:var(--sp-3);padding:var(--sp-1) 0;font-size:var(--fs-2)}
.rail-btn.acct-rail .acct-av{width:24px;height:24px;border-radius:8px}
.acct-menu .who b{display:flex;align-items:center;gap:var(--sp-2)}
.rail-btn.acct-rail svg{width:24px;height:24px}      /* the rail sizes its icons at 18px; the avatar fills its tile */

/* user tags and free-form details (account.js: Settings -> Users) */
.usr-card{border-bottom:1px solid var(--line);padding:var(--sp-2) 0}
.usr-card:last-child{border-bottom:0}
.usr-card .acct-row{border-bottom:0;padding:0}
.usr-tags{display:flex;flex-wrap:wrap;gap:var(--sp-1);align-items:center;margin-top:var(--sp-2);padding-left:30px}
.usr-tags.edit{padding-left:0;margin:var(--sp-1) 0 var(--sp-2)}
.usr-tag{display:inline-flex;align-items:center;gap:var(--sp-1);height:20px;padding:0 var(--sp-2);border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent-deep);font-size:var(--fs-1);font-weight:600;white-space:nowrap}
.usr-tag button{color:inherit;opacity:.65;font-size:14px;line-height:1;padding:0}
.usr-tag button:hover{opacity:1}
.usr-meta-pill{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-1);color:var(--fg-2);background:var(--bg-3);border-radius:var(--r4);padding:2px var(--sp-2);white-space:nowrap}
.usr-meta-pill b{color:var(--fg);font-weight:600}
.usr-none{color:var(--fg-3);font-size:var(--fs-2)}
.usr-h{margin:var(--sp-3) 0 var(--sp-1);font-size:var(--fs-1);font-weight:600;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em}
.usr-mrow{display:flex;gap:var(--sp-2);align-items:center;margin-bottom:var(--sp-2)}
.usr-mrow .k{flex:0 0 140px;min-width:0}.usr-mrow .v{flex:1 1 auto;min-width:0}