/*
  Keep the project's existing Bootstrap + public theme colors.
  Newer PrimeVue emptied primevue.min.css, so TabView layout rules are
  patched here instead of switching to the layered node_modules theme
  (which overrides login and brand colors).
*/

.p-tabview-nav-container {
  position: relative;
}

.p-tabview-nav-content {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.p-tabview-nav-content::-webkit-scrollbar {
  display: none;
}

.p-tabview .p-tabview-nav {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  flex: 1 1 auto;
}

.p-tabview .p-tabview-nav li {
  margin-right: 0;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link,
.p-tabview .p-tabview-header-action {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  position: relative;
  text-decoration: none;
  overflow: hidden;
}

.p-tabview .p-tabview-title {
  line-height: 1;
  white-space: nowrap;
}