/* ================================================================ */
/* 💖 TEMA ROSA PINK VIBRANTE (v7.0) - DESTAQUE FEMININO E FORTE    */
/* (Finalizado e corrigido o Select2)                               */
/* ================================================================ */

/* ---------- VARIÁVEIS DE COR DO TEMA (VIBRANTES) ---------- */
html.pink-mode {
    --pink-bg: #FCEEF3; /* Fundo principal com rosa suave */
    --pink-surface: #FFFFFF; /* Branco puro para cards/superfícies */
    --pink-hover: #FADAE7; /* Rosa claro, mas destacado para hover */
    --pink-border: #E8CCD6; /* Borda em tom de rosa acinzentado */
    --pink-text: #5C2B41; /* Texto principal em vinho/magenta escuro, elegante */
    --pink-text-muted: #9B7C8A; /* Texto secundário em rosa mais claro */
    --pink-primary: #E0006A; /* ROSA PRIMÁRIO VIBRANTE E FORTE */
    --pink-success: #28a745;
    --pink-danger: #e74c3c;
    --pink-info: #5D95D9;
    --pink-warning: #f6c23e;
    --pink-secondary: #A88B97; /* Cinza rosado para secundário */

    /* VARIÁVEIS PARA DESTAQUE DA BARRA LATERAL (ALTO CONTRASTE) */
    --pink-sidebar-bg: #7F1545; /* Vinho/Magenta Profundo e Escuro */
    --pink-sidebar-text: #FFFFFF; /* Texto branco na sidebar escura */
}

/* ---------- BASE E CONTAINERS ---------- */
html.pink-mode,
html.pink-mode body,
html.pink-mode #content-wrapper,
html.pink-mode #content,
html.pink-mode .bg-white {
    background-color: var(--pink-bg) !important;
    color: var(--pink-text);
}

html.pink-mode .text-gray-800, html.pink-mode .text-gray-900,
html.pink-mode h1, html.pink-mode h2, html.pink-mode h3, html.pink-mode h4, html.pink-mode h5, html.pink-mode h6,
html.pink-mode .h1, html.pink-mode .h2, html.pink-mode .h3, html.pink-mode .h4, html.pink-mode .h5, html.pink-mode .h6,
html.pink-mode footer.sticky-footer, html.pink-mode .modal-content, html.pink-mode .modal-header,
html.pink-mode .card-title {
    color: var(--pink-text) !important;
}

html.pink-mode .text-gray-600, html.pink-mode .text-muted, html.pink-mode p, html.pink-mode .text-body,
html.pink-mode textarea, html.pink-mode legend,
html.pink-mode .card-text:not([class*="text-"]),
html.pink-mode .copyright {
    color: var(--pink-text-muted) !important;
}

html.pink-mode a, html.pink-mode a.small {
    color: var(--pink-primary);
}
html.pink-mode a:hover, html.pink-mode a.small:hover {
    color: #AF0055; /* Um rosa ainda mais escuro no hover do link */
}

/* ---------- NAVBAR SUPERIOR E LATERAL (DESTAQUE INTENSO NA SIDEBAR) ---------- */
html.pink-mode .navbar, html.pink-mode .topbar {
    background-color: var(--pink-surface);
    border-bottom: 1px solid var(--pink-border);
}

/* Sidebar ESCURA (DESTAQUE PRINCIPAL) */
html.pink-mode .bg-gradient-primary {
    background-color: var(--pink-sidebar-bg); /* Fundo Vinho/Magenta Profundo */
    background-image: linear-gradient(180deg, var(--pink-primary) 10%, var(--pink-sidebar-bg) 100%); /* Gradiente vibrante */
}
html.pink-mode .sidebar-dark hr.sidebar-divider,
html.pink-mode .dropdown-divider {
    border-top: 1px solid var(--pink-border);
}
html.pink-mode .sidebar-dark hr.sidebar-divider {
    border-top-color: rgba(255, 255, 255, 0.25); /* Divisória para o fundo escuro */
}

/* --- TEXTO E ÍCONES NA SIDEBAR ESCURA (BRANCO INTENSO) --- */
html.pink-mode .sidebar-dark .nav-item .nav-link,
html.pink-mode .sidebar-dark .sidebar-brand-text {
    color: var(--pink-sidebar-text) !important;
    font-weight: 600; /* Texto mais robusto */
}
html.pink-mode .sidebar-dark .nav-item .nav-link i {
    color: rgba(255, 255, 255, 0.8) !important; /* Ícones brancos com mais opacidade */
}
html.pink-mode .sidebar.toggled .sidebar-heading,
html.pink-mode .sidebar-dark .sidebar-heading {
    color: rgba(255, 255, 255, 0.6) !important; /* Títulos do menu (Heading) em cinza claro */
}
html.pink-mode .sidebar-dark .collapse-inner .collapse-item {
     color: var(--pink-text) !important; /* Texto dos sub-itens mantém a cor principal do tema */
}

/* Hover e Ativo na Sidebar Escura (Rosa Primário Vibrante) */
html.pink-mode .sidebar-dark .nav-item.active .nav-link,
html.pink-mode .sidebar-dark .nav-item .nav-link:hover {
    color: var(--pink-sidebar-text) !important;
    background-color: var(--pink-primary) !important; /* Hover/Ativo com o Rosa Primário Vibrante */
}
html.pink-mode .sidebar-dark .nav-item.active .nav-link i,
html.pink-mode .sidebar-dark .nav-item .nav-link:hover i {
    color: var(--pink-sidebar-text) !important;
}

/* Sub-itens (Collapse) */
html.pink-mode .sidebar-dark .nav-item .collapse .collapse-inner {
    background-color: var(--pink-hover); /* Fundo claro para contraste no sub-menu */
    border: 1px solid var(--pink-border);
}
html.pink-mode .sidebar-dark .collapse-inner a.collapse-item:hover,
html.pink-mode .sidebar-dark .collapse-inner a.collapse-item.active {
    color: var(--pink-primary) !important; /* Sub-item ativo ou em hover com o Rosa Primário */
    background-color: var(--pink-hover) !important;
}


/* Campos do formulário (FOCO VIBRANTE) */
html.pink-mode .form-control,
html.pink-mode .input-group-text,
html.pink-mode .custom-select,
html.pink-mode textarea {
    background-color: var(--pink-surface);
    border: 1px solid var(--pink-border);
    color: var(--pink-text) !important;
}

html.pink-mode .form-control::placeholder,
html.pink-mode textarea::placeholder {
    color: var(--pink-text-muted);
}

html.pink-mode .form-control:focus,
html.pink-mode .custom-select:focus,
html.pink-mode textarea:focus {
    border-color: var(--pink-primary); /* Borda de foco com o Rosa Primário Vibrante */
    box-shadow: 0 0 0 0.2rem rgba(224, 0, 106, 0.4); /* Sombra mais intensa */
    background-color: var(--pink-surface);
}

html.pink-mode label,
html.pink-mode legend {
    color: var(--pink-text); /* Labels com a cor de texto principal */
}

html.pink-mode legend {
    color: var(--pink-primary); /* Legenda com o Rosa Primário Vibrante */
    font-weight: 700; /* Mais destaque */
}

/* ---------- TABELAS ---------- */
html.pink-mode .table { color: var(--pink-text); }
html.pink-mode .table thead th {
    background-color: var(--pink-hover); /* Destaque leve para cabeçalho */
    border-bottom: 2px solid var(--pink-border);
    color: var(--pink-text);
}
html.pink-mode .table th, html.pink-mode .table td {
    border-top: 1px solid var(--pink-border);
}
html.pink-mode .table-bordered, html.pink-mode .table-bordered td, html.pink-mode .table-bordered th {
    border: 1px solid var(--pink-border);
}
html.pink-mode .table-hover tbody tr:hover {
    color: var(--pink-text);
    background-color: var(--pink-hover);
}

/* ADIÇÃO: Estilos para tabelas coloridas (Adaptado para o novo Rosa) */
html.pink-mode .table-primary, html.pink-mode .table-primary > th, html.pink-mode .table-primary > td { background-color: #fce1ed; color: #7F1545; } /* Mais claro */
html.pink-mode .table-secondary, html.pink-mode .table-secondary > th, html.pink-mode .table-secondary > td { background-color: #f2edf0; color: var(--pink-text); }
html.pink-mode .table-success, html.pink-mode .table-success > th, html.pink-mode .table-success > td { background-color: #e2f0e6; color: #155724; }
html.pink-mode .table-danger, html.pink-mode .table-danger > th, html.pink-mode .table-danger > td { background-color: #f8e1e0; color: #721c24; }
html.pink-mode .table-warning, html.pink-mode .table-warning > th, html.pink-mode .table-warning > td { background-color: #fff8e8; color: #856404; }
html.pink-mode .table-info, html.pink-mode .table-info > th, html.pink-mode .table-info > td { background-color: #e0f2f5; color: #0c5460; }
html.pink-mode .table-light, html.pink-mode .table-light > th, html.pink-mode .table-light > td { background-color: #f9f9f9; color: var(--pink-text); }
html.pink-mode .table-dark, html.pink-mode .table-dark > th, html.pink-mode .table-dark > td { background-color: var(--pink-hover); color: var(--pink-text); }


/* ---------- BOTÕES - CORES VIBRANTES ---------- */
html.pink-mode .btn-primary {
    color: #fff !important;
    background-color: var(--pink-primary) !important; /* NOVO ROSA PRIMÁRIO */
    border-color: var(--pink-primary) !important;
}
html.pink-mode .btn-primary:hover,
html.pink-mode .btn-primary:focus {
    background-color: #AF0055 !important; /* Escurece um pouco no hover */
    border-color: #9D004C !important;
    color: #fff !important;
}

html.pink-mode .btn-danger {
    color: #fff !important;
    background-color: var(--pink-danger) !important;
    border-color: var(--pink-danger) !important;
}
html.pink-mode .btn-danger:hover,
html.pink-mode .btn-danger:focus {
    background-color: #c0392b !important;
    border-color: #a93226 !important;
    color: #fff !important;
}

html.pink-mode .btn-warning {
    color: #212529 !important;
    background-color: var(--pink-warning) !important;
    border-color: var(--pink-warning) !important;
}
html.pink-mode .btn-warning:hover,
html.pink-mode .btn-warning:focus {
    background-color: #e0b82e !important;
    border-color: #d1a21c !important;
    color: #212529 !important;
}

html.pink-mode .btn-success {
    color: #fff !important;
    background-color: var(--pink-success) !important;
    border-color: var(--pink-success) !important;
}
html.pink-mode .btn-success:hover,
html.pink-mode .btn-success:focus {
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
    color: #fff !important;
}

html.pink-mode .btn-info {
    color: #fff !important;
    background-color: var(--pink-info) !important;
    border-color: var(--pink-info) !important;
}
html.pink-mode .btn-info:hover,
html.pink-mode .btn-info:focus {
    background-color: #507ecb !important;
    border-color: #466fb5 !important;
    color: #fff !important;
}

html.pink-mode .btn-secondary {
    color: #fff !important;
    background-color: var(--pink-secondary) !important; /* NOVO CINZA ROSADO */
    border-color: var(--pink-secondary) !important;
}
html.pink-mode .btn-secondary:hover,
html.pink-mode .btn-secondary:focus {
    background-color: #937A87 !important; /* Escurece um pouco no hover */
    border-color: #8B7D82 !important;
    color: #fff !important;
}

html.pink-mode .btn-light {
    color: var(--pink-text) !important; /* Usa o texto principal */
    background-color: #fdfbfb !important;
    border-color: #e8dede !important;
}
html.pink-mode .btn-light:hover,
html.pink-mode .btn-light:focus {
    background-color: #f6f0f1 !important;
    border-color: #e3d7da !important;
    color: var(--pink-text) !important;
}

html.pink-mode .btn-dark {
    color: #fff !important;
    background-color: var(--pink-text) !important; /* Usa a cor do texto principal para o dark */
    border-color: var(--pink-text) !important;
}
html.pink-mode .btn-dark:hover,
html.pink-mode .btn-dark:focus {
    background-color: #4A2234 !important; /* Escurece um pouco no hover */
    border-color: #431F2E !important;
    color: #fff !important;
}

/* Botões de Contorno (Outline) */
html.pink-mode .btn-outline-primary { color: var(--pink-primary); border-color: var(--pink-primary); }
html.pink-mode .btn-outline-primary:hover { color: #fff; background-color: var(--pink-primary); border-color: var(--pink-primary); }
html.pink-mode .btn-outline-secondary { color: var(--pink-secondary); border-color: var(--pink-secondary); }
html.pink-mode .btn-outline-secondary:hover { color: #fff; background-color: var(--pink-secondary); border-color: var(--pink-secondary); }
html.pink-mode .btn-outline-success { color: var(--pink-success); border-color: var(--pink-success); }
html.pink-mode .btn-outline-success:hover { color: #fff; background-color: var(--pink-success); border-color: var(--pink-success); }
html.pink-mode .btn-outline-danger { color: var(--pink-danger); border-color: var(--pink-danger); }
html.pink-mode .btn-outline-danger:hover { color: #fff; background-color: var(--pink-danger); border-color: var(--pink-danger); }
html.pink-mode .btn-outline-info { color: var(--pink-info); border-color: var(--pink-info); }
html.pink-mode .btn-outline-info:hover { color: #fff; background-color: var(--pink-info); border-color: var(--pink-info); }
html.pink-mode .btn-outline-warning { color: var(--pink-warning); border-color: var(--pink-warning); }
html.pink-mode .btn-outline-warning:hover { color: #fff; background-color: var(--pink-warning); border-color: var(--pink-warning); }


/* ---------- COMPONENTES DIVERSOS ---------- */
html.pink-mode .card { background-color: var(--pink-surface); border: 1px solid var(--pink-border); }
html.pink-mode .card-header { background-color: var(--pink-hover); border-bottom: 1px solid var(--pink-border); } /* Card header com hover para destaque */
html.pink-mode .card-footer { background-color: var(--pink-hover); border-top: 1px solid var(--pink-border); } /* Card footer com hover para destaque */
html.pink-mode .breadcrumb { background-color: transparent; }
html.pink-mode .dropdown-menu { background-color: var(--pink-surface); border-color: var(--pink-border); }
html.pink-mode .dropdown-item { color: var(--pink-text); } /* Dropdown item com texto principal */
html.pink-mode .dropdown-item:hover, html.pink-mode .dropdown-item:focus { color: var(--pink-sidebar-text); background-color: var(--pink-primary); } /* Dropdown hover com rosa primário */
html.pink-mode .close { color: var(--pink-text) !important; opacity: 0.8; }
html.pink-mode fieldset { border-color: var(--pink-border) !important; }
html.pink-mode .progress { background-color: var(--pink-hover); }

/* ADIÇÃO: Regras de classes de fundo e texto (Adaptado para o novo Rosa) */
html.pink-mode .bg-gray-100 { background-color: var(--pink-bg) !important; }
html.pink-mode .bg-gray-200 { background-color: var(--pink-surface) !important; }
html.pink-mode .bg-gray-300 { background-color: var(--pink-hover) !important; }
html.pink-mode .bg-gray-400, html.pink-mode .bg-light { background-color: var(--pink-border) !important; }

html.pink-mode .border-left-primary { border-left-color: var(--pink-primary) !important; }
html.pink-mode .border-left-secondary { border-left-color: var(--pink-secondary) !important; }
html.pink-mode .border-left-success { border-left-color: var(--pink-success) !important; }
html.pink-mode .border-left-info { border-left-color: var(--pink-info) !important; }
html.pink-mode .border-left-warning { border-left-color: var(--pink-warning) !important; }
html.pink-mode .border-left-danger { border-left-color: var(--pink-danger) !important; }

html.pink-mode .text-primary { color: var(--pink-primary) !important; }
html.pink-mode .text-secondary { color: var(--pink-secondary) !important; }
html.pink-mode .text-success { color: var(--pink-success) !important; }
html.pink-mode .text-info { color: var(--pink-info) !important; }
html.pink-mode .text-warning { color: var(--pink-warning) !important; }
html.pink-mode .text-danger { color: var(--pink-danger) !important; }
html.pink-mode .text-light { color: var(--pink-text) !important; }
html.pink-mode .text-dark { color: var(--pink-text) !important; }
html.pink-mode .text-gray-300 { color: var(--pink-text-muted) !important; }
html.pink-mode .text-gray-500 { color: var(--pink-text-muted) !important; }
html.pink-mode .text-gray-700 { color: var(--pink-text) !important; }

html.pink-mode .badge-primary { background-color: var(--pink-primary); }
html.pink-mode .badge-secondary { background-color: var(--pink-secondary); }
html.pink-mode .badge-success { background-color: var(--pink-success); }
html.pink-mode .badge-info { background-color: var(--pink-info); }
html.pink-mode .badge-warning { background-color: var(--pink-warning); color: var(--pink-text) !important; }
html.pink-mode .badge-danger { background-color: var(--pink-danger); }
html.pink-mode .badge-light { background-color: var(--pink-border); color: var(--pink-text); }
html.pink-mode .badge-dark { background-color: var(--pink-text); color: var(--pink-sidebar-text); border: 1px solid var(--pink-border); }

html.pink-mode .dropdown-list-image .status-indicator { border-color: var(--pink-surface) !important; }
html.pink-mode .icon-circle { color: white; }
html.pink-mode .bg-login-image, html.pink-mode .bg-register-image, html.pink-mode .bg-password-image { filter: none; }


/* ---------- ALERTAS ---------- */
html.pink-mode .alert-success { background-color: #d4edda; color: #155724; border-color: #c3e6cb; }
html.pink-mode .alert-danger { background-color: #f8d7da; color: #721c24; border-color: #f5c6cb; }
html.pink-mode .alert-warning { background-color: #fff3cd; color: #856404; border-color: #ffeeba; }
html.pink-mode .alert-info { background-color: #d1ecf1; color: #0c5460; border-color: #bee5eb; }
html.pink-mode .alert-secondary { background-color: var(--pink-hover); color: var(--pink-text); border-color: var(--pink-border); } /* Usando as novas variáveis */
html.pink-mode .alert-primary { background-color: #fce1ed; color: #7F1545; border-color: #F8C3DD; } /* Mais integrado com o tema */
html.pink-mode .alert-light { background-color: #fefefe; color: var(--pink-text); border-color: #fdfdfe; }
html.pink-mode .alert-dark { background-color: var(--pink-text); color: var(--pink-sidebar-text); border-color: var(--pink-border); } /* Usando a cor do texto principal */

/* ---------- PAGINAÇÃO ---------- */
html.pink-mode .page-link { background-color: var(--pink-surface); border-color: var(--pink-border); color: var(--pink-primary); }
html.pink-mode .page-link:hover { background-color: var(--pink-hover); }
html.pink-mode .page-item.active .page-link { background-color: var(--pink-primary); border-color: var(--pink-primary); color: #fff; }
html.pink-mode .page-item.disabled .page-link { background-color: var(--pink-surface); color: #ccc; }

/* ---------- MODAIS E SWEETALERT ---------- */
html.pink-mode .swal2-popup, html.pink-mode .modal-content { background: var(--pink-surface) !important; }
html.pink-mode .modal-header { background-color: var(--pink-hover) !important; border-bottom: 1px solid var(--pink-border) !important; }
html.pink-mode .modal-footer { background-color: var(--pink-hover) !important; border-top: 1px solid var(--pink-border) !important; }

/* ---------- SCROLLBAR ---------- */
html.pink-mode ::-webkit-scrollbar { width: 8px; height: 8px; }
html.pink-mode ::-webkit-scrollbar-track { background: var(--pink-hover); } /* Track com a cor de hover */
html.pink-mode ::-webkit-scrollbar-thumb { background-color: var(--pink-border); border-radius: 5px; }
html.pink-mode ::-webkit-scrollbar-thumb:hover { background-color: #D3C4C7; }

/* ---------- BANNER 000WEBHOST ---------- */
html.pink-mode img[src*="000webhost"] { display: none; }

/* ============================================== */
/* FIX DEFINITIVO PARA DATATABLES        */
/* ============================================== */

html.pink-mode .pagination .page-item.active .page-link {
    background-color: var(--pink-primary) !important; /* Rosa Primário Vibrante */
    border-color: var(--pink-primary) !important;
    color: #fff !important;
}

html.pink-mode table.dataTable > thead .sorting_asc:before,
html.pink-mode table.dataTable > thead .sorting_desc:after {
    opacity: 1 !important;
    color: var(--pink-text) !important;
}
html.pink-mode table.dataTable > thead .sorting:before,
html.pink-mode table.dataTable > thead .sorting:after {
    opacity: 0.4 !important;
    color: var(--pink-text) !important;
}

/* Correção para List Group */
.pink-mode .list-group-item {
    background-color: transparent;
    border-color: var(--pink-border);
}

/* ================================================================ */
/* ✅ SOLUÇÃO DEFINITIVA PARA WIZARD / STEPPER                      */
/* ================================================================ */

html.pink-mode div.card-body div.stepper-wrapper div.stepper-line {
    background-color: var(--pink-border) !important;
}

html.pink-mode div.card-body div.stepper-wrapper div.stepper-counter {
    background-color: var(--pink-border) !important;
    color: var(--pink-text-muted) !important;
    border: 1px solid var(--pink-border) !important;
}

html.pink-mode div.card-body div.stepper-wrapper div.stepper-item.active div.stepper-counter {
    background-color: var(--pink-primary) !important; /* Rosa Primário Vibrante */
    color: var(--pink-sidebar-text) !important; /* Texto branco */
    border: 1px solid var(--pink-primary) !important;
}

html.pink-mode div.card-body div.stepper-wrapper div.stepper-item.active {
    color: var(--pink-primary) !important; /* Rosa Primário Vibrante */
}

/* ================================================================ */
/* ✅ CORREÇÃO FORÇADA PARA SELECT2 (TODOS OS ESTADOS)              */
/* ================================================================ */

html.pink-mode .select2-container--default .select2-selection--single {
    background-color: var(--pink-surface) !important;
    border-color: var(--pink-border) !important;
}

html.pink-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--pink-text) !important;
}
html.pink-mode .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--pink-text-muted) !important;
}

html.pink-mode .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--pink-text-muted) transparent transparent transparent !important;
}

html.pink-mode .select2-dropdown {
    background-color: var(--pink-surface) !important;
    border-color: var(--pink-border) !important;
}

html.pink-mode .select2-results__option {
    color: var(--pink-text) !important;
}

html.pink-mode .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--pink-hover) !important;
    color: var(--pink-text) !important;
}

html.pink-mode .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--pink-primary) !important; /* Rosa Primário Vibrante */
    color: var(--pink-sidebar-text) !important; /* Texto branco */
}

/* 9. CAMPO DE PESQUISA DENTRO DO DROPDOWN (CORRIGIDO) */
html.pink-mode .select2-search--dropdown .select2-search__field {
    background-color: var(--pink-hover) !important;
    color: var(--pink-text) !important;
    border-color: var(--pink-border) !important;
}

/* 10. SELECT2 MÚLTIPLO (se estiver usando) */
html.pink-mode .select2-container--default .select2-selection--multiple {
    background-color: var(--pink-surface) !important;
    border-color: var(--pink-border) !important;
}
/* Tags selecionadas (múltiplas) */
html.pink-mode .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--pink-hover) !important;
    border-color: var(--pink-border) !important;
    color: var(--pink-text) !important;
}

/* ================================================================ */
/* ✅ CORREÇÃO PARA AUTOCOMPLETE (jQuery UI)                        */
/* ================================================================ */

html.pink-mode .ui-autocomplete {
    background: var(--pink-surface) !important;
    border: 1px solid var(--pink-border) !important;
}

html.pink-mode .ui-menu .ui-menu-item a {
    color: var(--pink-text) !important;
    border-bottom: 1px solid var(--pink-border) !important;
}

html.pink-mode .ui-menu .ui-menu-item a.ui-state-focus,
html.pink-mode .ui-menu .ui-menu-item a:hover {
    background: var(--pink-hover) !important;
    color: var(--pink-text) !important;
    border-color: var(--pink-hover) !important;
}

html.pink-mode .ui-autocomplete-loading {
    background-color: var(--pink-surface) !important;
}