/* ============================================================
   FocusLED MC — cor primária da marca (#DC2626)
   Sobrescreve as variáveis do Adminator. Carregar DEPOIS do adminator.css.
   ============================================================ */

:root[data-theme="light"] {
    --primary: #DC2626 !important;
    --primary-dark: #B91C1C !important;
    --primary-light: #EF4444 !important;
    --primary-ring: rgba(220, 38, 38, .20) !important;
    --primary-soft: #FEE2E2 !important;
}

:root[data-theme="dark"] {
    --primary: #EF4444 !important;
    --primary-dark: #DC2626 !important;
    --primary-light: #F87171 !important;
    --primary-ring: rgba(239, 68, 68, .24) !important;
    --primary-soft: #2B0F0F !important;
}

/* Força cores do tema em todos os elementos que usam --primary */
[data-theme="light"] {
    --primary: #DC2626 !important;
    --primary-dark: #B91C1C !important;
    --primary-light: #EF4444 !important;
    --primary-ring: rgba(220, 38, 38, .20) !important;
    --primary-soft: #FEE2E2 !important;
}

[data-theme="dark"] {
    --primary: #EF4444 !important;
    --primary-dark: #DC2626 !important;
    --primary-light: #F87171 !important;
    --primary-ring: rgba(239, 68, 68, .24) !important;
    --primary-soft: #2B0F0F !important;
}

/* Garante que o menu ativo usa a cor correta */
[data-theme="light"] .nav-link.is-active,
[data-theme="light"] a.is-active {
    color: var(--primary) !important;
    background-color: var(--primary-soft) !important;
}

[data-theme="dark"] .nav-link.is-active,
[data-theme="dark"] a.is-active {
    color: var(--primary) !important;
    background-color: var(--primary-soft) !important;
}

/* Força cor primária em botões e elementos com classe ativa */
[data-theme="light"] .btn-primary,
[data-theme="light"] button.is-active,
[data-theme="light"] .badge-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .btn-primary,
[data-theme="dark"] button.is-active,
[data-theme="dark"] .badge-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

/* ============================================================
   Card-Head — Padding Equilibrado
   Corrige padding desproporcional (top > bottom)
   ============================================================ */

.card-head {
    padding: 16px 20px !important;
    align-items: center !important;
}

.card-title {
    margin: 0 !important;
}

/* ============================================================
   Dropdown — Mobile: evita barra de rolagem horizontal
   adminator.css usa right:-8px no @media 720px, o que extrapola
   o viewport. Corrige mantendo o painel dentro da tela.
   ============================================================ */
@media (max-width: 720px) {
    .dd-menu {
        right: 0 !important;
    }
}

/* ============================================================
   Ícones de ação nas listagens — cinza fixo
   Garante visibilidade em ambos os temas (claro e escuro),
   sobrescrevendo currentColor e estilos inline.
   ============================================================ */
.btn--icon {
    color: #9ca3af !important;
}