/* Match UniDoc's avatar and account card without changing editor tool styling. */
.account-wrap { position:relative; display:inline-flex; flex:0 0 36px; align-items:center; }
.top-actions #account-button { width:36px; min-width:36px; max-width:36px; height:36px; padding:0; border:0; border-radius:6px; background:transparent; justify-content:center; }
.top-actions #account-button:hover { background:#f0f4f9; }
.account-avatar { display:grid!important; place-items:center; width:30px; height:30px; flex:0 0 30px; overflow:hidden; border-radius:50%; color:#5f6368; border:1px solid #d7dee8; background:#f7f9fc; font-size:12px; font-weight:650; }
.account-avatar.authenticated { border-color:transparent; color:white; background:#0b57d0; }
.account-avatar svg,.account-menu-avatar svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.account-avatar img,.account-menu-avatar img { width:100%; height:100%; display:block; object-fit:cover; }
.account-menu { position:absolute; z-index:120; top:calc(100% + 7px); right:0; display:grid; width:min(312px,calc(100vw - 16px)); padding:10px; border:1px solid #dbe2eb; border-radius:18px; background:rgba(255,255,255,.98); box-shadow:0 2px 7px #1f29371a,0 18px 48px #1f29372e; backdrop-filter:blur(18px); text-align:left; }
.account-menu[hidden] { display:none; }
.account-summary { display:grid; grid-template-columns:48px minmax(0,1fr); align-items:center; gap:12px; padding:8px 8px 12px; }
.account-menu-avatar { display:grid; place-items:center; width:46px; height:46px; overflow:hidden; border:3px solid white; border-radius:50%; color:white; background:#315e8a; box-shadow:0 0 0 2px #d8e6f2; font-size:16px; font-weight:700; }
.account-summary-copy,.account-action-copy,.account-connection-copy { display:grid; min-width:0; gap:2px; }
.account-summary-copy strong,.account-summary-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-summary-copy strong { color:#172033; font-size:15px; font-weight:700; line-height:20px; }
.account-summary-copy small { color:#697386; font-size:11.5px; line-height:16px; }
.account-connection { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:9px; margin:0 2px 8px; padding:9px 10px; border:1px solid #d8e7f4; border-radius:12px; color:#315e8a; background:#f1f7fb; }
.account-connection strong { color:#274c70; font-size:12px; line-height:16px; }
.account-connection small { color:#668099; font-size:10.5px; line-height:14px; }
.account-actions { display:grid; padding-top:4px; border-top:1px solid #e9edf2; }
.account-menu button { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:9px; width:100%; min-height:48px; margin-top:2px; padding:6px 9px; border:0; border-radius:10px; color:#303744; background:transparent; font:inherit; text-align:left; cursor:pointer; }
.account-menu button:hover { color:#174a7e; background:#eef4fa; }
.account-menu button:focus-visible { outline:2px solid #315e8a4d; outline-offset:-2px; }
.account-action-copy strong { font-size:12px; font-weight:650; line-height:16px; }
.account-action-copy small { color:#7a8290; font-size:10.5px; line-height:14px; }
.account-menu .ti { font-size:20px; justify-self:center; }
.account-privacy { margin:8px 8px 2px; color:#8a93a1; font-size:10px; line-height:16px; }
@media(max-width:600px) { .account-menu { position:fixed; top:52px; right:8px; } }