body.signed-out > :not(#authPanel) { display:none !important; }
#authPanel { margin:auto; width:min(430px,calc(100vw - 32px)); padding:32px; background:#fff; border:1px solid #e3e7e4; border-radius:12px; overflow:auto; box-shadow:0 6px 24px #1122180b; }
#authPanel h1 { font-size:25px; margin:0 0 6px; }
#authPanel p { color:#6b7470; }
.account-form { display:grid; gap:14px; margin-top:22px; }
.account-form label { display:grid; gap:6px; font-weight:600; font-size:13px; }
.account-form input,.account-form select { width:100%; padding:10px 12px; border:1px solid #d5dad6; border-radius:7px; background:white; font:inherit; }
.account-form button { min-height:40px; }
#authMessage { white-space:pre-wrap; color:#b8433f; }
.account-link { background:none; border:0; padding:4px 0; color:#007b51; cursor:pointer; font:inherit; }
.account-strip { margin-left:auto; flex:none; display:flex; align-items:center; gap:9px; font-size:12px; }
.account-identity { display:grid; line-height:1.35; max-width:180px; }
.account-identity span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#accountQuota { color:#6b7470; }
.account-strip a { text-decoration:none; }
@media(max-width:1100px) { .account-identity { max-width:130px; } #changePasswordBtn { display:none; } }