#accountDialog.account-view[hidden]{display:none!important}
body.account-view-open>.topbar,body.account-view-open>.workspace,body.account-view-open>#serverProjectsScreen{display:none!important}
#accountDialog.account-view{position:relative!important;inset:auto!important;width:100%!important;max-width:1120px!important;margin:0 auto!important;min-height:100dvh;height:auto!important;max-height:none!important;background:#f5f8f4;border:0;border-radius:0;padding:24px;box-sizing:border-box;overflow:visible!important}
#accountDialog.account-view .account-form{width:100%;max-width:none;margin:0;padding:24px;background:#fff;border:1px solid #dce5d9;border-radius:16px;box-shadow:none}
.account-view-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.account-view-tabs .active{background:#6cbe3b;color:#12384a}
.account-view-frame{width:100%;height:78dvh;min-height:520px;border:0;display:block}
@media(max-width:760px){#accountDialog.account-view{padding:12px 12px calc(80px + env(safe-area-inset-bottom))}#accountDialog.account-view .account-form{padding:16px}.account-dialog-head{gap:12px;flex-wrap:wrap}.account-view-tabs{display:grid;grid-template-columns:1fr 1fr}.account-view-tabs button{font-size:14px;padding:10px;min-height:44px}.account-view-frame{height:75dvh;min-height:420px}.account-grid{grid-template-columns:1fr!important}}

@media(max-width:760px){
  #accountDialog.account-view{max-width:none!important;background:#fff;padding:0 0 calc(80px + env(safe-area-inset-bottom))}
  #accountDialog.account-view .account-form{padding:20px 16px;border:0;border-radius:0;min-height:calc(100dvh - 80px)}
}

/* Account controls stay aligned at mobile widths and follow the selected theme. */
#accountDialog .account-view-tabs{gap:8px;margin:20px 0 16px}
#accountDialog .account-view-tabs .button{min-width:0;white-space:normal;line-height:1.35;text-align:center}
#accountDialog .account-view-tabs .button.active{background:#dff0d2;color:#244b19;box-shadow:inset 0 0 0 1px #8cbc6b}
#accountDialog .account-tools{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
#accountDialog .account-tools .button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin:0;padding:10px 14px;box-sizing:border-box;text-align:center;white-space:normal;line-height:1.35;text-decoration:none}
#accountDialog #accountMessage:empty{display:none}
#accountDialog .account-license{box-sizing:border-box;margin:12px 0 18px}
#accountDialog #accountGoogleStatus{margin:10px 0;color:#417733;font-size:14px}
html[data-eh-theme="dark"] #accountDialog .account-license{background:#243b30;color:#d5edcb;border-color:#496950}
html[data-eh-theme="dark"] #accountDialog .account-license.expired{background:#442b31;color:#ffb3b3;border-color:#80515a}
html[data-eh-theme="dark"] #accountDialog #accountGoogleStatus{color:#b0d798}
html[data-eh-theme="dark"] #accountDialog .account-view-tabs .button.active{background:#30452d;color:#e1f1d7;box-shadow:inset 0 0 0 1px #729c5a}
@media(max-width:760px){
 #accountDialog .account-view-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 #accountDialog .account-view-tabs .button{width:100%;min-height:48px;margin:0;padding:10px 8px}
 #accountDialog .account-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #accountDialog .account-tools .button{width:100%;min-width:0;font-size:14px;overflow-wrap:anywhere}
 #accountDialog .account-dialog-head>div{min-width:0}
 #accountDialog #accountLoginEmail{overflow-wrap:anywhere}
}
@media(max-width:380px){#accountDialog .account-tools{grid-template-columns:minmax(0,1fr)}}

#accountDialog .account-tools>.hidden-action{display:none!important}