/* Switch between the two cabinets, built INTO the existing Revalio header (right after the logo). Loaded by /app and /app/manage. */
#topbar .cab-switch { display: inline-flex; gap: 2px; padding: 2px; margin: 0 0 0 2px; background: var(--neutral, #eef1f5); border-radius: 999px; flex: 0 0 auto; order: 2 }
#topbar .cab-switch a { padding: 3px 10px; border-radius: 999px; color: var(--soft, #5b6472); text-decoration: none; font-size: 12px; font-weight: 700; line-height: 20px; white-space: nowrap }
#topbar .cab-switch a[aria-current="page"] { background: var(--card, #fff); color: var(--accent, #0a7a4b); box-shadow: 0 1px 2px rgba(0, 0, 0, .12) }
#topbar .cab-switch a:focus-visible { outline: 2px solid var(--accent, #0a7a4b); outline-offset: 1px }
@media (max-width: 560px) { #topbar .cab-switch a { padding: 3px 7px; font-size: 11px } }
@media (min-width: 900px) { #topbar.has-switch .d-head-in { max-width: 1120px } }          /* the header row has room for the switch: no second row */