:root {
  --tvh-navy: #1F3864;
  --tvh-blue: #2E75B6;
}
.page-title { color: var(--tvh-navy); }
.nav-section {
  color: #ffffff !important;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.08em;
}
.badge-system   { background:#6c757d; color:#fff;
                  padding:3px 8px; border-radius:4px; font-size:12px; }
.badge-custom   { background:var(--tvh-blue); color:#fff;
                  padding:3px 8px; border-radius:4px; font-size:12px; }
.badge-active   { background:#198754; color:#fff;
                  padding:3px 8px; border-radius:4px; font-size:12px; }
.badge-inactive { background:#dc3545; color:#fff;
                  padding:3px 8px; border-radius:4px; font-size:12px; }
.badge-role     { background:var(--tvh-navy); color:#fff;
                  padding:3px 8px; border-radius:4px; font-size:12px; }