/* TabSet (Barschel.UI)
   AdminLTE/Bootstrap loads after the app + scoped CSS, so we override nav-tabs defaults here. */

.qc-tabset .qc-tabset-nav.nav-tabs {
  border-bottom: 0;
  gap: 0.5rem;
}

.qc-tabset .qc-tabset-nav.nav-tabs .nav-link {
  height: auto !important;
  margin-bottom: 0;
  border: 0;
  border-radius: var(--bs-border-radius-pill);
  color: var(--bs-body-color);
  transition: color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
  padding: 0.5rem 1rem;
}

.qc-tabset .qc-tabset-nav.nav-tabs .nav-link:hover {
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.08);
}

.qc-tabset .qc-tabset-nav.nav-tabs .nav-link.active {
  color: var(--bs-primary-text-emphasis, var(--bs-primary));
  background-color: rgba(var(--bs-primary-rgb), 0.15);
  box-shadow: inset 0 1px 0 rgba(var(--bs-primary-rgb), 0.2);
}