[data-account-menu] {position:relative;flex:none;}
.account-trigger {display:flex;align-items:center;justify-content:center;gap:8px;min-height:39px;border:1px solid var(--ui-line,#ded8e8);border-radius:9px;background:var(--ui-surface,#fff);color:var(--ui-text,#30243e);font:500 calc(12px * var(--ui-font-scale,1))/1.5 var(--arabic);padding:7px 11px;white-space:nowrap;cursor:pointer;}
.account-trigger:disabled {opacity:.65;cursor:wait;}
.account-trigger:focus-visible,.account-panel :is(button,a):focus-visible {outline:2px solid #a782ff;outline-offset:3px;}
.account-trigger small {font-size:12px;}
.account-avatar {width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#762df0,#486fec);color:#fff;font:600 14px var(--arabic);}
.account-dropdown>summary {list-style:none;}
.account-dropdown>summary::-webkit-details-marker {display:none;}
.account-panel {position:absolute;top:calc(100% + 12px);inset-inline-end:0;z-index:100;width:min(290px,85vw);padding:17px;border:1px solid var(--ui-line,#e5deef);border-radius:15px;background:var(--ui-surface,#fff);color:var(--ui-text,#30243e);box-shadow:0 18px 60px #0003;text-align:start;}
.account-panel-welcome {display:grid;gap:5px;padding-bottom:14px;border-bottom:1px solid var(--ui-line,#e5deef);}
.account-panel-welcome small {font-size:12px;color:var(--ui-muted,#857991);}
.account-panel-welcome b {font-size:15px;overflow-wrap:anywhere;}
.account-plan {display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:15px;font-size:13px;}
.account-plan b {font-family:var(--sans);font-size:12px;background:#8557d622;color:#9e79e1;padding:4px 9px;border-radius:7px;}
.account-cloud-state {font-size:12px;line-height:1.8;color:var(--ui-muted,#857991);margin:10px 0 14px;}
.account-cloud-state.needs-retry {color:#c78063;}
.account-panel>button,.account-panel>a {display:flex;align-items:center;justify-content:space-between;width:100%;font:500 13px/1.6 var(--arabic);padding:10px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:start;}
.account-panel>button:hover,.account-panel>a:hover {background:#976bce18;}
.account-panel>a {border-top:1px solid var(--ui-line,#e5deef);border-radius:0;margin-top:7px;padding-top:14px;color:var(--ui-muted,#857991);}
.account-dialog {width:min(480px,calc(100vw - 32px));max-height:90dvh;overflow:auto;padding:36px;border:1px solid var(--ui-line,#e5deef);border-radius:23px;background:var(--ui-surface,#fff);color:var(--ui-text,#30243e);text-align:center;box-shadow:0 30px 100px #0006;}
.account-dialog::backdrop {background:#0c091cb3;backdrop-filter:blur(7px);}
.account-dialog-close {position:absolute;top:13px;inset-inline-end:13px;background:transparent;color:var(--ui-muted,#857991);border:0;font:24px/1 var(--sans);padding:5px;}
.account-login-mark {display:block;margin:0 auto 20px;}
.account-eyebrow {display:block;color:#986bd6;font-size:11px;letter-spacing:.04em;}
.account-dialog h2 {font-size:29px;line-height:1.6;margin:10px 0 12px;}
.account-dialog>p {font-size:14px;line-height:1.95;color:var(--ui-muted,#857991);margin:0;}
.account-login-benefits {display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;font-size:12px;margin:22px 0;color:var(--ui-muted,#857991);}
.account-signin-action {display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(110deg,#752fee,#5563e7);color:#fff;padding:14px 18px;border-radius:10px;font-size:14px;font-weight:600;}
.account-dialog>.account-provider-note {font-size:11px;margin:12px 0;}
.account-guest-action {border:0;background:transparent;font:500 12px/1.8 var(--arabic);color:var(--ui-muted,#857991);padding:7px;}
@media(max-width:600px) {
 .account-trigger {padding:7px;min-width:36px;min-height:36px;gap:0;}
 .account-trigger>span,.account-trigger>small {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
 .account-panel {position:fixed;top:82px;inset-inline-end:14px;}
 .account-dialog {padding:30px 22px;}
 .account-dialog h2 {font-size:25px;}
}
@media print {[data-account-menu],.account-dialog {display:none!important;}}
/* Google branding: standard full-color G, light button, prescribed spacing. */
.google-signin-button {width:100%;height:44px;border:1px solid #747775;border-radius:22px;background:#fff;color:#1f1f1f;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 12px;font:500 14px/20px 'Google Sans',Arial,'IBM Plex Sans Arabic',sans-serif;letter-spacing:.1px;cursor:pointer;}
.google-signin-button img {width:20px;height:20px;flex:none;object-fit:contain;background:#fff;}
.google-signin-button:disabled {cursor:default;background:#f2f2f2;color:#777;}
.google-signin-button:focus-visible {outline:3px solid #4285f4;outline-offset:3px;}
.google-signin-button:not(:disabled):hover {box-shadow:0 1px 3px #3c40434d;background:#f8faff;}
.account-panel>[data-account-signout] {border-top:1px solid var(--ui-line,#e5deef);border-radius:0;margin-top:7px;padding-top:14px;color:var(--ui-muted,#857991);}