#account-nav-username { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nav-account { min-width:0; }
#account-management { width:100%; max-width:960px; }
.account-tabs { display:flex; gap:8px; margin:0 0 20px; flex-wrap:wrap; }
.account-tabs button { border:1px solid var(--line); background:var(--panel-soft); color:var(--text); border-radius:12px; padding:10px 24px; cursor:pointer; font:inherit; }
.account-tabs button.active { background:var(--cyan); color:#062923; }
.account-card { padding:28px; }
.account-card h2 { font-size:22px; margin:0 0 22px; }
.account-card h3 { margin:24px 0 16px; }
.account-card hr { border:0; border-top:1px solid var(--line); margin:28px 0; }
.account-field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-bottom:22px; }
.account-field { display:flex; flex-direction:column; gap:8px; margin-bottom:16px; min-width:0; }
.account-field span { font-size:13px; font-weight:600; }
.account-field input,.account-field textarea { width:100%; box-sizing:border-box; background:var(--panel-soft); color:var(--text,inherit); border:1px solid var(--line-strong); border-radius:10px; padding:12px; font:inherit; }
.account-field input:focus,.account-field textarea:focus { outline:2px solid var(--cyan); outline-offset:2px; }
.account-wide { grid-column:1/-1; }
.account-avatar-row { margin-bottom:24px; }
.account-avatar { width:80px; height:80px; border-radius:50%; background:var(--panel-soft); display:grid; place-items:center; position:relative; overflow:hidden; margin-bottom:16px; }
.account-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.account-help { font-size:13px; color:var(--muted); line-height:1.6; }
.account-error { color:var(--rose); }
.account-details { display:grid; grid-template-columns:max-content 1fr; gap:14px 24px; margin:20px 0 30px; }
.account-details dd { margin:0; }
.account-setup { border:1px solid var(--line-strong); padding:20px; border-radius:14px; margin-top:20px; }
#account-qr img { width:240px; max-width:100%; background:white; }
#account-manual-uri { display:block; overflow-wrap:anywhere; margin:12px 0; }
#account-codes { overflow-x:auto; user-select:all; }
.account-projects { margin-top:20px; }
.login-form [hidden] { display:none !important; }
@media(max-width:640px) { .account-field-grid { grid-template-columns:1fr; } .account-card { padding:18px; } .account-details { grid-template-columns:1fr; gap:8px; } }