html .account-avatar {
  display: inline-flex; position: relative; align-items: center; justify-content: center;
  box-sizing: border-box; width: 44px; height: 44px; min-width: 44px; padding: 0;
  border: 2px solid #2563eb; border-radius: 50%; background: #2563eb; color: #fff;
  font: 700 14px/1 Inter, "Segoe UI", sans-serif; cursor: pointer; flex-shrink: 0;
  box-shadow: 0 0 0 0 #2563eb; transition: box-shadow 160ms ease; user-select: none;
}
html .account-avatar:hover { border-color: #2563eb; box-shadow: 0 0 0 2px #2563eb; }
html .account-avatar:focus-visible { outline: 2px solid #60a5fa; outline-offset: 4px; }
html .account-avatar:active { transform: none; }
html .account-avatar img { width: 100% !important; height: 100% !important; border: 0 !important; border-radius: 50%; object-fit: cover; -webkit-user-drag: none; user-select: none; }
html .account-dropdown { font-family: Inter, "Segoe UI", sans-serif; }
html .account-dropdown {
  --c-surface: #111318; --c-surface2: #17191f; --c-bg: #090a0d; --c-border: #ffffff14;
  --c-border2: #ffffff1f; --c-text: #c9d1d9; --c-text2: #c3cad3; --c-text3: #8a93a0;
  --c-accent: #2563eb; --c-danger: #ef4444;
}
html.light-theme .account-dropdown, body.app.light-mode .account-dropdown {
  --c-surface: #fff; --c-surface2: #f1f3f7; --c-bg: #f6f8fa; --c-border: #d8dee7;
  --c-border2: #d8dee7; --c-text: #1f2937; --c-text2: #4b5563; --c-text3: #64748b;
}
html .account-dropdown-header { display: flex; align-items: center; gap: 12px; padding: 14px 12px; border-bottom: 1px solid var(--c-border); }
html .account-dropdown-avatar { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%; background: #2563eb; color: #fff; font-size: 14px; font-weight: 700; overflow: hidden; }
html .account-dropdown-avatar img { width: 100%; height: 100%; object-fit: cover; -webkit-user-drag: none; }
html .account-dropdown-meta, html .asw-meta { min-width: 0; flex: 1; overflow: hidden; }
html .account-dropdown-name, html .asw-name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--c-text); font-size: 14px; font-weight: 600; line-height: 21px; }
html .account-dropdown-email, html .asw-sub { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--c-text3); font-size: 12px; line-height: 18px; }
html .account-dropdown-email { user-select: text; }
html .acc-active-badge { display: grid; place-items: center; flex: 0 0 20px; width: 20px; height: 20px; border-radius: 50%; background: #22c55e26; color: #22c55e; }
html .account-dropdown-storage { padding: 12px; border-bottom: 1px solid var(--c-border); }
html .account-dropdown-storage-label { display: flex; justify-content: space-between; gap: 10px; color: var(--c-text2); font-size: 12px; line-height: 18px; margin-bottom: 7px; }
html .account-dropdown-storage-bar { height: 4px; background: var(--c-bg); border-radius: 4px; overflow: hidden; }
html .account-dropdown-storage-fill { height: 100%; width: 0; background: #2563eb; border-radius: inherit; }
html .account-dropdown-sep { height: 1px; margin: 5px 0; background: var(--c-border); }
html .account-dropdown-item { text-decoration: none; }
html .account-dropdown-item svg { flex-shrink: 0; width: 16px; height: 16px; color: var(--c-text3); }
html .account-dropdown .account-dropdown-item-danger { color: var(--c-danger); }
html .account-switcher { display: block; max-height: none; overflow: visible; }
html .account-switch-row { display: flex; gap: 2px; align-items: center; padding: 0; background: transparent; animation: none; transform: none; }
html .account-switch-row:hover { transform: none; background: transparent; }
html .account-dropdown .account-switch-main { min-width: 0; flex: 1; gap: 10px; }
html .account-dropdown .asw-remove { flex: 0 0 32px; width: 32px; height: 36px; min-height: 36px; padding: 0 !important; justify-content: center; font-size: 22px; color: var(--c-text3); }
html .asw-av { flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; object-fit: cover; -webkit-user-drag: none; }
html .asw-storage { flex-shrink: 0; color: var(--c-text3); font-size: 11px; font-weight: 600; }
html .asw-storage.near { color: #b97709; }
html .asw-storage.over { color: var(--c-danger); }
html .account-add-icon { width: 16px; text-align: center; font-size: 22px; line-height: 16px; }
html .account-dropdown [hidden] { display: none !important; }
@media(prefers-reduced-motion:reduce) { html .account-avatar { transition: none; } }