/* ═══ 57a-app-switcher.css ═══ */
@layer components {
[data-r="app-switcher"] { display: flex; align-items: center; gap: 8px; min-width: 0; height: var(--h-28); padding: 0 6px; border: 0; border-radius: var(--r-row); background: none; color: var(--ink); font: inherit; font-weight: var(--fw-550); text-align: left; white-space: nowrap; transition: background-color var(--state-out); }
@media (hover: hover) {
  [data-r="app-switcher"]:is(:hover, [aria-expanded="true"]) { background: var(--plane-hover); transition-duration: 0s; }
}
[data-r="app-switcher"]:is([data-force~="hover"], [aria-expanded="true"]) { background: var(--plane-hover); transition-duration: 0s; }
[data-r="app-switcher"] > [data-part="name"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-r="app-switcher"] > svg[data-icon] { flex: none; color: var(--thing, var(--ink-3)); }
[data-r="sidebar"] [data-part="head"] > [data-r="app-switcher"] { flex: 1; margin-left: -6px; }
[data-r="sidebar"][data-surface] [data-part="head"] > [data-r="app-switcher"] > :is([data-part="name"], svg[data-icon]) { opacity: var(--sidebar-words); }
[data-r="sidebar"][data-surface][data-narrow] [data-part="head"] > [data-r="app-switcher"] > :is([data-part="name"], svg[data-icon]) { display: none; }
}