.account-modal { width: min(560px, 94vw); }
.account-body { display: grid; gap: 18px; padding: 22px 24px 26px; background: #fffdfa; color: #252d33; }
.account-body p { line-height: 1.6; color: #58636d; }
.account-body form { display: grid; gap: 16px; }
.account-body label:not(.account-remember) { display: grid; gap: 8px; font-weight: 600; }
.account-body input[type="email"], .account-body input[type="password"] { width: 100%; min-height: 46px; padding: 11px 13px; border: 1px solid #bfb5a7; background: #fff; color: #252d33; border-radius: 8px; font: inherit; }
.account-body input:focus { outline: 2px solid #a61c33; outline-offset: 2px; }
.account-body small { display: block; font-weight: 400; line-height: 1.5; color: #58636d; }
.account-remember { display: flex; align-items: center; gap: 9px; font-size: .88rem; }
.account-remember input { width: 18px; height: 18px; accent-color: #a61c33; }
.account-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.account-actions button { flex: 1 1 auto; }
.account-email { overflow-wrap: anywhere; color: #252d33 !important; font-weight: 600; }
.account-plan { border: 1px solid #ded5c7; border-radius: 10px; padding: 16px; margin: 16px 0; background: #f7f3eb; }
.account-plan strong { display: block; margin-bottom: 5px; color: #252d33; }
.account-local-note { border-top: 1px solid #ded5c7; padding-top: 16px; margin: 0; font-size: .84rem; }
.account-body details { border-top: 1px solid #ded5c7; padding-top: 15px; margin-top: 20px; }
.account-body summary { cursor: pointer; font-weight: 600; }
.account-body [hidden] { display: none !important; }
#accountStatus { min-height: 0; margin: 0; overflow-wrap: anywhere; }
#accountStatus:empty { display: none; }
@media (max-width: 560px) { .account-body { padding: 18px; } #accountBtn { padding-left: 11px; padding-right: 11px; } }
@media (max-width: 760px) { .web-shell .top-actions:has(#accountBtn:not([hidden])) { grid-template-columns: repeat(5, minmax(0, 1fr)); } }