#accountModal [hidden] { display: none !important; }
#accountModal > section { min-width: 0; }
.accountSettingsContent { display: grid; gap: 14px; padding: 16px; }
.accountProfileButton {
    display: flex; align-items: center; gap: 12px; min-height: 60px;
    width: 100%; padding: 10px 14px; border: 2px solid #8fd4ff;
    border-radius: 8px; background: white; color: #0056ad;
    font: inherit; font-weight: 800; cursor: pointer;
}
.accountProfileButton > :last-child { margin-left: auto; font-size: 26px; }
.accountProfileIcon { font-size: 28px; }
.accountProfileHeading { display: flex; align-items: center; gap: 12px; color: #0056ad; }
.accountProfileHeading h3 { margin: 0; }
.accountProfileHeading button {
    width: 44px; height: 44px; border: 2px solid #8fd4ff; border-radius: 8px;
    background: white; color: #0056ad; font-size: 24px; cursor: pointer;
}
.accountProfileSection { display: grid; gap: 10px; padding: 14px 0; border-top: 2px solid #d8e7f0; }
.accountProfileDanger { border-color: #ffc6c6; }
#accountModal input { width: 100%; min-width: 0; box-sizing: border-box; font: inherit; }
#accountModal button { min-height: 44px; white-space: normal; }
#accountModal button:focus-visible { outline: 3px solid #ffba24; outline-offset: 3px; }
#accountProfileStatus:empty { display: none; }
@media (max-height: 500px) {
    #accountModal { padding: 8px !important; }
    #accountModal > section { max-height: 94dvh !important; }
    #accountModal header { padding: 10px 16px !important; }
}