/* Shared admin-app switcher: a flat, compact segmented strip that consumes
   either admin app's existing token names without making their stylesheets
   depend on one another. */
.admin-app-switcher {
  --admin-switcher-surface: var(--adm-surface-muted, var(--pv-surface-muted, #f7f9fb));
  --admin-switcher-surface-active: var(--adm-accent-soft, var(--pv-accent-soft, #eef3ff));
  --admin-switcher-line: var(--adm-line, var(--pv-line, #e6e8eb));
  --admin-switcher-line-strong: var(--adm-line-strong, var(--pv-line-strong, #d2d6dc));
  --admin-switcher-ink: var(--adm-ink-soft, var(--pv-ink-soft, #52606d));
  --admin-switcher-ink-faint: var(--adm-ink-faint, var(--pv-ink-faint, #7b8794));
  --admin-switcher-accent: var(--adm-accent, var(--pv-accent, #1865f2));
  --admin-switcher-accent-ink: var(--adm-accent-ink, var(--pv-accent-ink, #0f47ad));
  --admin-switcher-radius: var(--adm-radius-sm, var(--pv-radius-sm, 7px));
  flex: 0 0 auto;
}

.admin-app-switcher__nav {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.25rem;
  border: 1px solid var(--admin-switcher-line);
  border-radius: calc(var(--admin-switcher-radius) + 2px);
  background: var(--admin-switcher-surface);
}

.admin-app-switcher__label {
  padding-inline: 0.35rem 0.2rem;
  color: var(--admin-switcher-ink-faint);
  font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.admin-app-switcher__tabs {
  display: inline-flex;
  align-items: stretch;
  gap: 0.2rem;
}

.admin-app-switcher__tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.9rem;
  padding: 0.3rem 0.62rem;
  border: 1px solid transparent;
  border-radius: var(--admin-switcher-radius);
  color: var(--admin-switcher-ink);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.admin-app-switcher__tab:hover {
  border-color: var(--admin-switcher-line-strong);
  background: #fff;
  color: var(--admin-switcher-accent-ink);
  text-decoration: none;
}

.admin-app-switcher__tab.is-active {
  border-color: var(--admin-switcher-accent);
  background: var(--admin-switcher-surface-active);
  color: var(--admin-switcher-accent-ink);
}

@media (max-width: 720px) {
  .admin-app-switcher {
    width: 100%;
  }

  .admin-app-switcher__nav {
    width: 100%;
  }

  .admin-app-switcher__tabs {
    flex: 1 1 auto;
  }

  .admin-app-switcher__tab {
    flex: 1 1 30%;
  }
}