/* DarkVerse — module-eigen styling die NIET in shared/components.css thuishoort.
   Alle generieke badge/tag/empty/status-classes komen uit shared/components.css
   (.dp-badge / .dp-tag / .dp-status / .dp-empty). Dit bestand bevat alleen
   wat strikt DarkVerse-specifiek is. */

/* Doc-type tabs in entity-detail (profile/appearances/canon/connections etc.) */
.doc-tabs {
  display: flex;
  gap: 2px;
  margin: 0 0 var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
  overflow-x: auto;
  scrollbar-width: thin;
}
.doc-tab {
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 2px solid transparent;
  color: var(--color-text-muted);
  white-space: nowrap;
  transition: color var(--transition-fast), border-color var(--transition-fast);
}
.doc-tab:hover { color: var(--color-text); }
.doc-tab.active {
  color: var(--color-primary);
  border-bottom-color: var(--color-primary);
}
.doc-tab .secret-flag {
  display: inline-block;
  margin-left: 6px;
  color: var(--color-warning);
  font-size: 10px;
}