/* Shared account control styling. Loaded after each page's theme so the
   security/status panel stays consistent across home, pricing, lessons,
   downloads, exam pages, and the app shell. */
.account-menu-wrap { position: relative; z-index: 30; }
body .account-dropdown {
  width: min(330px, calc(100vw - 24px));
  min-width: 280px;
  border-radius: 16px;
  box-shadow: 0 18px 48px rgba(60, 40, 20, .18);
}
body .dropdown-header { padding: 16px 18px; }
body .dropdown-header strong { font-size: .98rem; }
body .dropdown-header small { margin-top: 4px; }
body .dropdown-plan {
  display: flex; align-items: center; gap: 8px; padding: 11px 18px;
  border-bottom: 1px solid var(--line); font-size: .78rem; color: var(--muted);
}
.dropdown-plan-dot { width: 8px; height: 8px; border-radius: 50%; background: #16a34a; box-shadow: 0 0 0 3px rgba(22,163,74,.12); }
body .dropdown-device-status {
  display: block; padding: 10px 18px; border-bottom: 1px solid var(--line);
  color: var(--muted); font-size: .78rem; line-height: 1.35;
}
body .dropdown-plan[hidden], body .dropdown-device-status[hidden] { display: none !important; }
body .dropdown-item { min-height: 44px; padding: 12px 18px; gap: 8px; }
.dropdown-item:focus-visible, .account-button:focus-visible { outline: 3px solid var(--accent-soft, var(--orange-soft, #f8e6d8)); outline-offset: 2px; }
@media (max-width: 560px) {
  body .account-dropdown { position: fixed; top: 66px; right: 12px; min-width: 0; }
}