/* ── Profile Switcher Overlay ──
       Nutzt dieselbe .prefs-modal-overlay-Basis (modal.css) wie alle
       anderen Modals, hier nur die Abweichungen (rechtsbuendiges
       Dropdown-Panel statt zentriertem Dialog). */
    #profile-switcher.prefs-modal-overlay {
      align-items: flex-start; justify-content: flex-end;
      padding: calc(env(safe-area-inset-top) + 60px) 1rem 0;
      top: 0;
    }
    .profile-switcher-panel {
      background: var(--panel); border: 1px solid var(--line-strong);
      border-radius: 16px; padding: .75rem 0; min-width: 200px; max-width: calc(100vw - 2rem);
      max-height: min(70vh, 100%); max-height: min(70dvh, 100%);
      overflow-y: auto; -webkit-overflow-scrolling: touch;
      backdrop-filter: blur(24px); box-shadow: 0 8px 32px rgba(0,0,0,.4);
      outline: none;
    }
    .switcher-item {
      display: flex; align-items: center; gap: .6rem;
      padding: .65rem 1.1rem; cursor: pointer; font-size: .9rem;
      color: var(--text); transition: background .12s;
    }
    .switcher-item:hover    { background: rgba(255,255,255,.05); }
    .switcher-item.active   { color: var(--accent-green); }
    .switcher-item.inactive { color: var(--muted); }
    .switcher-divider { border-top: 1px solid var(--line-strong); margin: .4rem 0; }
    .switcher-item-icon { width: 18px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .switcher-item-icon svg { width: 10px; height: 10px; stroke: currentColor; fill: none; stroke-width: 2; }
    .switcher-item.disabled { opacity: .5; cursor: default; pointer-events: none; }
    .switcher-item-spinner {
      width: 11px; height: 11px; border-radius: 50%;
      border: 2px solid rgba(255,255,255,.25); border-top-color: var(--text);
      animation: switcher-spin .7s linear infinite;
    }
    @keyframes switcher-spin { to { transform: rotate(360deg); } }