/* Appearance belongs in the account dropdown; no floating/profile-page switch. */
.mfs-site .mfs-account-popover {
    width: min(290px, calc(100vw - 24px));
    max-height: calc(100dvh - 108px - env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
    overscroll-behavior: contain;
}
.mfs-site .mfs-account-popover .mfs-site-theme-form {
    border-top: 1px solid var(--mfs-border);
    padding-top: 8px;
    margin-top: 8px;
}
.mfs-site .mfs-account-popover .mfs-site-theme-switch {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; width: 100%; min-height: 48px; font: inherit;
    color: var(--mfs-ink); padding: 10px 12px;
}
.mfs-site-theme-switch-end { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; }
.mfs-site .mfs-site-theme-track {
    display: inline-flex; align-items: center; width: 42px; height: 26px;
    padding: 3px; border-radius: 20px; box-sizing: border-box;
    background: var(--mfs-muted, #777); border: 1px solid var(--mfs-ink);
}
.mfs-site .mfs-site-theme-thumb {
    display: block; width: 18px; height: 18px; border-radius: 50%;
    background: var(--mfs-surface, #fff); transform: translateX(0);
}
.mfs-site .mfs-site-theme-switch[aria-checked=true] .mfs-site-theme-track { background: var(--mfs-primary, #6b30db); }
.mfs-site .mfs-site-theme-switch[aria-checked=true] .mfs-site-theme-thumb { transform: translateX(16px); }
.mfs-site .mfs-site-theme-switch:disabled { opacity: .65; cursor: wait; }
.mfs-site .mfs-site-theme-switch:focus-visible { outline: 3px solid var(--mfs-primary); outline-offset: -3px; }
.mfs-site .mfs-site-theme-form .mfs-site-theme-hint,
.mfs-site .mfs-site-theme-form .mfs-site-theme-status {
    display: block; font-size: 12px; line-height: 1.5; margin: 5px 12px 0;
    letter-spacing: normal; color: var(--mfs-muted); overflow-wrap: anywhere;
}
.mfs-site .mfs-site-theme-form .mfs-site-theme-status:empty { display: none; }
/* The profile dropdown remains available on phones. More is still in the bottom nav. */
@media (max-width: 980px) {
    .mfs-site .mfs-header-actions .mfs-account-menu { display: block; }
    .mfs-site .mfs-header-actions .mfs-account-menu ~ .mfs-menu-toggle { display: none; }
    .mfs-site .mfs-account-menu > summary { min-width: 44px; justify-content: center; }
    .mfs-site .mfs-account-popover { right: 0; }
}