
/* ---------- auth modal ---------- */
.auth-overlay{position:fixed;inset:0;background:rgba(10,13,17,.55);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:200}
.auth-overlay[hidden]{display:none}
.auth-card{background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:26px 24px;max-width:380px;width:100%;box-shadow:0 20px 60px -20px rgba(0,0,0,.5)}
.auth-card h2{font-size:20px;margin-top:6px}
.auth-card p.sub{color:var(--ink-2);font-size:14px;margin-top:6px}
.auth-tabs{display:flex;gap:4px;margin-top:16px;background:var(--ground);border:1px solid var(--rule);border-radius:8px;padding:3px}
.auth-tab{flex:1;text-align:center;padding:7px 0;font-size:13.5px;font-weight:500;color:var(--ink-2);border-radius:6px;cursor:pointer;user-select:none}
.auth-tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.auth-card .field{margin-top:12px}
.auth-card input{font-family:inherit;font-size:15px;color:var(--ink);background:var(--ground);border:1px solid var(--rule-strong);border-radius:7px;padding:10px 12px;width:100%}
.auth-err{font-size:13px;color:var(--fail);margin-top:10px;min-height:1px}
.auth-actions{display:flex;gap:10px;margin-top:16px;align-items:center}
.auth-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--ink-3);font-size:20px;cursor:pointer;line-height:1}
.auth-card{position:relative}
.auth-quota{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--ink-3);margin-top:14px;padding-top:12px;border-top:1px solid var(--rule)}
.acct-pill{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--ink-2);border:1px solid var(--rule-strong);border-radius:20px;padding:3px 11px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:none}
.acct-pill:hover{border-color:var(--ink-2)}
