/* ==========================================================================
   Tabs dark - replica o visual das abas do dashboard (/admin, widget
   .user-data) em todas as demais telas. Valores copiados de
   modern_theme.css "body.dark-theme .user-data .horizontal-scrollable-tabs".
   Carregar DEPOIS de modern_theme.css.
   ========================================================================== */

/* Container (barra) */
body.dark-theme .horizontal-scrollable-tabs,
body.dark-theme .horizontal-scrollable-tabs .horizontal-tabs {
    background-color: #111827 !important;
    border-bottom: 1px solid #2d3b55 !important;
}

body.dark-theme ul.nav.nav-tabs,
body.dark-theme .nav-tabs,
body.dark-theme .nav-tabs-horizontal,
body.dark-theme .nav-tabs-vertical,
body.dark-theme .horizontal-scrollable-tabs .nav-tabs-segmented {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #2d3b55 !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

body.dark-theme .horizontal-scrollable-tabs ul.nav.nav-tabs {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Aba inativa */
body.dark-theme ul.nav.nav-tabs > li > a,
body.dark-theme .nav-tabs-horizontal > li > a,
body.dark-theme .nav-tabs-vertical > li > a,
body.dark-theme .horizontal-scrollable-tabs .nav-tabs-segmented > li > a {
    height: auto !important;
    min-height: 44px !important;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    margin: 4px 3px;
    padding: 9px 12px;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #cbd5e1 !important;
    font-weight: 600;
    box-shadow: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

body.dark-theme ul.nav.nav-tabs > li > a > i,
body.dark-theme ul.nav.nav-tabs > li > a .menu-icon {
    color: inherit !important;
}

/* Hover / foco */
body.dark-theme ul.nav.nav-tabs > li > a:hover,
body.dark-theme ul.nav.nav-tabs > li > a:focus,
body.dark-theme .nav-tabs-horizontal > li > a:hover,
body.dark-theme .nav-tabs-horizontal > li > a:focus,
body.dark-theme .nav-tabs-vertical > li > a:hover,
body.dark-theme .nav-tabs-vertical > li > a:focus,
body.dark-theme .horizontal-scrollable-tabs .nav-tabs-segmented > li > a:hover,
body.dark-theme .horizontal-scrollable-tabs .nav-tabs-segmented > li > a:focus {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}

/* Aba ativa */
body.dark-theme ul.nav.nav-tabs > li.active > a,
body.dark-theme ul.nav.nav-tabs > li.active > a:hover,
body.dark-theme ul.nav.nav-tabs > li.active > a:focus,
body.dark-theme .nav-tabs-horizontal > li.active > a,
body.dark-theme .nav-tabs-horizontal > li.active > a:hover,
body.dark-theme .nav-tabs-horizontal > li.active > a:focus,
body.dark-theme .nav-tabs-vertical > li.active > a,
body.dark-theme .nav-tabs-vertical > li.active > a:hover,
body.dark-theme .nav-tabs-vertical > li.active > a:focus,
body.dark-theme .horizontal-scrollable-tabs .nav-tabs-segmented > li.active > a,
body.dark-theme .horizontal-scrollable-tabs .nav-tabs-segmented > li.active > a:hover,
body.dark-theme .horizontal-scrollable-tabs .nav-tabs-segmented > li.active > a:focus {
    background: #1d4ed8 !important;
    border: 1px solid #3b82f6 !important;
    box-shadow: 0 1px 3px rgba(2, 6, 23, 0.35) !important;
    color: #ffffff !important;
}

/* Vertical */
body.dark-theme .nav-tabs-vertical > li {
    float: none;
    display: block;
}

body.dark-theme .nav-tabs-vertical > li > a {
    display: flex;
}

/* Badges dentro das abas */
body.dark-theme ul.nav.nav-tabs > li > a .badge {
    margin-left: 4px;
    border-radius: 999px;
    background: #0f172a;
    color: #bfdbfe;
    font-size: 10px;
}

/* Setas de scroll */
body.dark-theme .horizontal-scrollable-tabs .scroller {
    background: #111827 !important;
    border: 0 !important;
    color: #94a3b8 !important;
}

body.dark-theme .horizontal-scrollable-tabs .scroller:hover:not(.disabled) {
    background: #1e293b !important;
    color: #f8fafc !important;
}

/* Foco por teclado */
body.dark-theme ul.nav.nav-tabs > li > a:focus-visible {
    outline: 2px solid #60a5fa !important;
    outline-offset: 2px !important;
}

/* Conteudo das abas (modais, panel_s, perfis) */
body.dark-theme .tab-content {
    background: transparent !important;
    color: inherit;
    border-color: #2d3b55 !important;
}

body.dark-theme .modal .nav-tabs,
body.dark-theme .panel_s .nav-tabs {
    border-bottom-color: #2d3b55 !important;
}

/* Dropdown de abas "mais" */
body.dark-theme .nav-tabs > li.dropdown.open > a,
body.dark-theme .nav-tabs > li.dropdown > a:hover {
    background: #1e293b !important;
    color: #f8fafc !important;
}

@media (max-width: 767px) {
    body.dark-theme ul.nav.nav-tabs > li > a {
        padding: 8px 10px;
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dark-theme ul.nav.nav-tabs > li > a {
        transition: none;
    }
}