/*!
 * PersonifAI Tab Indicators
 * Thicker indicator lines for tabs on overview pages
 */

/* Tab indicator line - make thicker for both themes */
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
  border-bottom-width: 3px !important;
  border-bottom-style: solid !important;
}

/* Dark mode specific tab indicator */
[data-theme="dark"] .nav-tabs .nav-link.active,
[data-theme="dark"] .nav-tabs .nav-link.active:hover,
[data-theme="dark"] .nav-tabs .nav-link.active:focus,
[data-theme="dark"] .nav-pills .nav-link.active,
[data-theme="dark"] .nav-pills .nav-link.active:hover,
[data-theme="dark"] .nav-pills .nav-link.active:focus {
  border-bottom-width: 3px !important;
  border-bottom-style: solid !important;
}