/* ===== Log-in button, user menu and login dialog ===== */
.user-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--fg);font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}
.user-btn:hover{border-color:var(--fg)}
.user-btn.in{padding:0 12px 0 4px}
.user-av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.04em}
.user-nm{max-width:120px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.user-nm{display:none}.user-btn.in{padding:0 4px}}
.auth-modal .fields{grid-template-columns:1fr}
.auth-err{min-height:18px;color:var(--brand);font-size:13px}
.auth-usage{font-size:13.5px;color:var(--muted);display:flex;flex-direction:column;gap:8px}
.auth-usage b{color:var(--fg);font-size:22px;font-weight:600}
.auth-bar{display:block;height:6px;border-radius:99px;background:var(--line);overflow:hidden}
.auth-bar i{display:block;height:100%;background:var(--brand)}
[data-open='ai-settings'][hidden]{display:none!important}
.auth-usage .auth-state{font-size:12.5px;color:var(--fg-2)}
.auth-note{background:rgba(225,6,0,.1);border:1px solid rgba(225,6,0,.35);color:var(--fg);border-radius:12px;padding:10px 12px;font-size:13px;margin:0 0 14px}
.auth-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:18px 0 16px}
.auth-tabs button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:13.5px;font-weight:500;padding:9px 12px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.auth-tabs button.on{color:var(--fg);border-bottom-color:var(--brand)}
.auth-tabs button:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.auth-foot{justify-content:flex-start;gap:8px;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}
.auth-modal #dai .hint a{color:var(--brand);font-weight:600}
.auth-modal input[readonly]{cursor:default}
.auth-modal [role=tabpanel][hidden]{display:none!important}
#btn-files[hidden]{display:none!important}
.auth-modal .filelist{max-height:46vh;overflow:auto}
.auth-modal .frow .fname small.ftool{display:block;font-size:11.5px;font-weight:400;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
@media(max-width:520px){.auth-modal .frow{flex-wrap:wrap}.auth-modal .frow .fsize{flex-basis:100%;padding-left:44px}}