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

:root[data-theme="light"] {
    --primary: #0B9596 !important;
    --primary-dark: #0A7F80 !important;
    --primary-light: #13B3B4 !important;
    --primary-ring: rgba(11, 149, 150, .20) !important;
    --primary-soft: #E3F4F4 !important;
}

:root[data-theme="dark"] {
    --primary: #14B3B4 !important;
    --primary-dark: #0B9596 !important;
    --primary-light: #5FD0D1 !important;
    --primary-ring: rgba(20, 179, 180, .24) !important;
    --primary-soft: #0C2B2B !important;
}

/* Força cores do tema em todos os elementos que usam --primary */
[data-theme="light"] {
    --primary: #0B9596 !important;
    --primary-dark: #0A7F80 !important;
    --primary-light: #13B3B4 !important;
    --primary-ring: rgba(11, 149, 150, .20) !important;
    --primary-soft: #E3F4F4 !important;
}

[data-theme="dark"] {
    --primary: #14B3B4 !important;
    --primary-dark: #0B9596 !important;
    --primary-light: #5FD0D1 !important;
    --primary-ring: rgba(20, 179, 180, .24) !important;
    --primary-soft: #0C2B2B !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;
}