/* Header nav: visibility filter + stable layout while loading */

.tabs {
  min-height: 48px;
  transition: opacity 0.15s ease;
}

.tabs.tabs--loading {
  opacity: 0.92;
}

.tabs.tabs--ready {
  opacity: 1;
}

.tabs [data-nav-page][hidden] {
  display: none !important;
}

/* Active tab: white label on brand gradient */
.tabs .tab-btn.active,
.tabs button.tab-btn.active,
.tabs a.tab-btn.tab-link.active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
}

.tabs .tab-btn.active:hover,
.tabs button.tab-btn.active:hover,
.tabs a.tab-btn.tab-link.active:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
}

.tabs a.tab-btn.tab-link:not(.active) {
  color: #334155;
  text-decoration: none;
}

.tabs a.tab-btn.tab-link:not(.active):hover {
  color: #0f172a;
}