/* public/assets/css/dark-mode.css */

[data-bs-theme="dark"] {
    /* ─── Overrides da paleta para fundos escuros ───────────── */
    /* --color-primary permanece #cc7722 (sem alteração)        */
    --color-primary-hover:  #d98c30;   /* mais claro p/ fundos escuros */
    --color-primary-active: #a85c10;   /* estado ativo no dark */
    --color-secondary:      #cccccc;   /* cinza claro no dark */
    --color-secondary-rgb:  204, 204, 204;
    --color-text-dark:      var(--color-secondary);  /* neutraliza o marrom no dark */
    --bs-secondary:         #cccccc;   /* repasse Bootstrap */
    --dm-accent:            #e07b30;   /* destaque / links */
    --dm-accent-hover:      #e89050;   /* destaque hover */
    --dm-accent-light:      #f0c49a;   /* laranja claro (textos) */
    --dm-accent-muted:      #c4956a;   /* laranja atenuado */
    --dm-text:              #e0e0e0;   /* texto padrão */
    --dm-text-bright:       #f0f0f0;   /* texto brilhante */
    --dm-bg:                #1a1a1a;   /* fundo principal */
    --dm-bg-card:           #2a2a2a;   /* fundo cards */
    --dm-bg-elevated:       #3a3a3a;   /* hover / ativo */
    --dm-bg-input:          #1a1a1a;   /* fundo inputs */
    --dm-border:            #4a4a4a;   /* bordas */
    --dm-border-input:      #555555;   /* bordas inputs */
    /* Sobrescreve as variáveis semânticas de superfície */
    --color-surface:        var(--dm-bg-card);
    --color-border:         var(--dm-border);
    /* Sobrescreve as variáveis semânticas de componentes */
    --color-link:           var(--dm-accent);
    --color-link-hover:     var(--dm-accent-hover);
    --color-card-bg:        var(--dm-bg-card);
    --color-input-bg:       var(--dm-bg-input);
    --color-input-border:   var(--dm-border-input);
    --color-nav-hover-bg:   var(--dm-bg-elevated);
    /* Sobrescreve as variáveis do body definidas em style.css */
    --color-body-bg:        var(--dm-bg);
    --color-body-text:      var(--dm-text);
    /* Bootstrap 5.3 lê estas vars automaticamente para seus próprios componentes */
    --bs-body-bg:           var(--dm-bg);
    --bs-body-color:        var(--dm-text);
    /* ───────────────────────────────────────────────────────── */
}

/* Page Title */
[data-bs-theme="dark"] .pagetitle h1 {
    color: var(--dm-accent-light);
}

/* Cards */
[data-bs-theme="dark"] .card {
    box-shadow: 0px 0 30px rgba(0, 0, 0, 0.4);
}

[data-bs-theme="dark"] .card-header,
[data-bs-theme="dark"] .card-footer {
    background-color: var(--bs-card-bg);
    border-color: #2a2a2a;
}

[data-bs-theme="dark"] .card-title {
    color: var(--dm-accent-light);
}

[data-bs-theme="dark"] .card-title span {
    color: var(--dm-accent-muted);
}

/* Dropdowns */
[data-bs-theme="dark"] .dropdown-menu {
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.5);
}

[data-bs-theme="dark"] .dropdown-menu .dropdown-header,
[data-bs-theme="dark"] .dropdown-menu .dropdown-footer {
    color: var(--dm-text-bright);
}

[data-bs-theme="dark"] .dropdown-menu .dropdown-footer a {
    color: var(--dm-text);
}

[data-bs-theme="dark"] .dropdown-menu .dropdown-divider {
    border-color: var(--dm-border);
}

[data-bs-theme="dark"] .dropdown-menu .dropdown-item {
    color: var(--dm-text);
}

[data-bs-theme="dark"] .dropdown-menu .dropdown-item:hover {
    background-color: var(--dm-bg-elevated);
}

/* Header */
[data-bs-theme="dark"] .header {
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.5);
}

[data-bs-theme="dark"] .header .toggle-sidebar-btn,
[data-bs-theme="dark"] .header .search-form button i,
[data-bs-theme="dark"] .header-nav .nav-icon,
[data-bs-theme="dark"] .header-nav .nav-profile {
    color: var(--color-secondary);
}

[data-bs-theme="dark"] .header .search-form input {
    color: var(--dm-text);
}

[data-bs-theme="dark"] .logo span {
    color: var(--dm-accent-light);
}

/* cor adaptada da logo no dark mode */
[data-bs-theme="dark"] .logo img {
    filter: brightness(0) invert(1);
}

/* Sidebar */
[data-bs-theme="dark"] .sidebar {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

[data-bs-theme="dark"] .sidebar-nav .nav-link.collapsed {
    color: var(--color-secondary);
}

[data-bs-theme="dark"] .sidebar-nav .nav-link:hover i {
    color: var(--color-primary);
}

[data-bs-theme="dark"] .sidebar-nav .nav-content a {
    color: var(--color-secondary);
}

/* Footer */
[data-bs-theme="dark"] .footer {
    border-top: 1px solid var(--dm-bg-elevated);
    background-color: var(--dm-bg);
}

[data-bs-theme="dark"] .footer .copyright,
[data-bs-theme="dark"] .footer .credits {
    color: var(--dm-accent-light);
}

/* Tables - Ajustes para maior especificidade */
[data-bs-theme="dark"] .table {
    /* Garante que o texto em geral seja claro */
    color: var(--dm-text);
}

/* Aplica o fundo escuro e a cor da borda a TODAS as células */
[data-bs-theme="dark"] .table th,
[data-bs-theme="dark"] .table td {
    border-color: var(--dm-border);
    /* Borda escura para as células */
    color: var(--dm-text);
    /* Cor do texto dentro das células */
}

/* Estilo para o cabeçalho da tabela (thead) */
[data-bs-theme="dark"] .table thead th {
    color: #d0d0d0;
    /* Cor do texto do cabeçalho */
    border-bottom: 2px solid var(--dm-border-input);
    /* Borda inferior mais distinta */
}

/* Linhas com a classe 'table-success' (conciliadas) */
[data-bs-theme="dark"] .table .table-success,
[data-bs-theme="dark"] .table .table-success td {
    background-color: #284632 !important;
    /* Verde escuro para conciliação */
    color: #d1e7dd;
}
/* info */
[data-bs-theme="dark"] .table .table-info,
[data-bs-theme="dark"] .table .table-info td {
    background-color: #1f4b4b !important; /* azul escuro */
    color: #d1ecf1 !important;
}

/* Warning */
[data-bs-theme="dark"] .table .table-warning,
[data-bs-theme="dark"] .table .table-warning td {
    background-color: #4a3f1d !important;
    /* Amarelo escuro/dourado queimado */
    color: #fff3cd;
}

/* Danger */
[data-bs-theme="dark"] .table .table-danger,
[data-bs-theme="dark"] .table .table-danger td {
    background-color: #4b1f1f !important;
    /* Vermelho escuro */
    color: #f8d7da;
}

/* Efeito Hover nas linhas */
[data-bs-theme="dark"] .table tbody tr:hover td {
    background-color: var(--dm-bg-elevated);
    /* Fundo escuro ao passar o mouse */
}

/* Efeito Hover nas linhas de sucesso */
[data-bs-theme="dark"] .table-success:hover td {
    background-color: #375b43 !important;
    /* Um verde escuro um pouco mais claro no hover */
}

/* Estilo para linhas pares (striped rows, se aplicável) */
[data-bs-theme="dark"] .table-striped tbody tr:nth-of-type(odd) td {
    background-color: #2e2e2e;
}

/* Checkbox (para garantir que sejam visíveis) */
[data-bs-theme="dark"] .check-all,
[data-bs-theme="dark"] .check-item {
    filter: invert(1) hue-rotate(180deg);
    /* Inverte a cor do checkbox (se for claro) */
}

/* Campos de Formulário (Inputs, Selects, Textareas) */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    color: var(--dm-text);
}

/* Foco nos campos (quando o usuário clica para digitar) */
[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    background-color: var(--dm-bg-elevated);
    /* Fundo levemente diferente no foco */
    color: var(--dm-text);
    border-color: var(--dm-accent);
    /* Borda com a cor do link em destaque */
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb, 204, 119, 34), 0.25);
}

/* Campos desabilitados, se houver */
[data-bs-theme="dark"] .form-control:disabled,
[data-bs-theme="dark"] .form-control[readonly] {
    background-color: var(--dm-bg-card);
    opacity: 0.7;
}

/* Etiquetas (Labels) dos Formulários */
[data-bs-theme="dark"] .form-label {
    color: var(--dm-accent-light);
    /* Cor clara para as etiquetas */
}

/* Sidebar - Link Ativo/Selecionado */
[data-bs-theme="dark"] .sidebar-nav .nav-link:not(.collapsed) {
    color: var(--color-primary);
}

[data-bs-theme="dark"] .sidebar-nav .nav-link:not(.collapsed) i {
    color: var(--color-primary);
}

[data-bs-theme="dark"] .sidebar-nav .nav-link:not(.collapsed)::before {
    background-color: var(--color-primary);
}

/* Botões de Ação na Tabela */

/* Info Button (Azul/Ciano) - bx-home */
[data-bs-theme="dark"] .btn-info {
    --bs-btn-color: #f0f0f0;
    /* Texto claro */
    --bs-btn-bg: #1c7478;
    /* Fundo mais escuro */
    --bs-btn-border-color: #1c7478;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #218c91;
    --bs-btn-hover-border-color: #218c91;
    --bs-btn-active-bg: #1c7478;
    --bs-btn-active-border-color: #1c7478;
}

/* Secondary Button (Cinza) - bx-edit-alt */
[data-bs-theme="dark"] .btn-secondary {
    --bs-btn-color: #f0f0f0;
    /* Texto claro */
    --bs-btn-bg: #5a6268;
    /* Fundo cinza escuro */
    --bs-btn-border-color: #5a6268;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-active-bg: #5a6268;
    --bs-btn-active-border-color: #5a6268;
}

/* Warning Button (Amarelo) - bx-user-plus */
[data-bs-theme="dark"] .btn-warning {
    --bs-btn-color: #212529;
    /* Texto escuro para contraste com o amarelo */
    --bs-btn-bg: #e5a400;
    /* Fundo amarelo/laranja escuro */
    --bs-btn-border-color: #e5a400;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-active-bg: #e5a400;
    --bs-btn-active-border-color: #e5a400;
}

/* Ajuste para ícones dentro dos botões (opcional, mas recomendado) */
[data-bs-theme="dark"] .btn i {
    color: #fff;
    /* Garante que o ícone herde a cor do texto do botão */
}

[data-bs-theme="dark"] .btn {
    color: #fff !important;
    /* texto branco */
}

/* Card Icons (O círculo com o ícone) */
[data-bs-theme="dark"] .card-icon {
    color: var(--dm-accent);
    background: var(--dm-bg-elevated);
}

/* Conteúdo do Card */
[data-bs-theme="dark"] .card-body h6 {
    color: var(--dm-text);
}

/* Span do Título Secundário/Detalhe */
[data-bs-theme="dark"] .card-title span {
    color: var(--dm-accent-muted);
}


/* Card Principal */
[data-bs-theme="dark"] .card {
    color: var(--dm-text);
}

/* Card Header com bg-primary */
[data-bs-theme="dark"] .card-header.bg-primary {
    background-color: var(--bs-primary) !important;
    color: #ffffff !important;
    border-bottom: 1px solid var(--dm-border);
}


/* Card Footer */
[data-bs-theme="dark"] .card-footer {
    background-color: #222222 !important;
    color: var(--dm-accent-muted) !important;
    border-top: 1px solid var(--dm-border);
}

/* Card Aninhado */
[data-bs-theme="dark"] .card.bg-white {
    background-color: var(--dm-bg-input) !important;
    border: 1px solid var(--dm-border-input) !important;
}

/* Textos dentro do card */
[data-bs-theme="dark"] .card-body h6,
[data-bs-theme="dark"] .card-body p {
    color: var(--dm-text);
}

[data-bs-theme="dark"] .card-body .text-muted {
    color: var(--dm-accent-muted) !important;
}

[data-bs-theme="dark"] .card-body hr {
    border-top: 1px solid var(--dm-border-input);
}

/* Badge de Sucesso */
[data-bs-theme="dark"] .badge.bg-success {
    background-color: #28a745 !important;
    /* Verde escuro */
    color: #ffffff !important;
}

/* Botão de Sucesso (Renovar agora) */
[data-bs-theme="dark"] .btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1e7e34;
    /* Fundo verde escuro */
    --bs-btn-border-color: #1e7e34;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #218838;
    --bs-btn-hover-border-color: #1c742c;
    --bs-btn-active-bg: #1c742c;
    --bs-btn-active-border-color: #1c742c;
}

/* Container de Alerta/Lista */
/* Ajustes específicos para o cabeçalho 'alert-bar' */



/* Lista de Grupo (List Group) */
[data-bs-theme="dark"] .list-group {
    border: none !important;
}

/* Item Individual da Lista */
[data-bs-theme="dark"] .list-group-item {
    color: var(--dm-text);
    border-color: var(--dm-border);
}

/* Texto Secundário (e-mail) */
[data-bs-theme="dark"] .list-group-item small {
    color: var(--dm-accent-muted) !important;
}

/* Hover/Foco nos Itens da Lista */
[data-bs-theme="dark"] .list-group-item:hover {
    background-color: var(--dm-bg-elevated);
}

/* Badge de Sucesso (Ex: "Ativo") */
[data-bs-theme="dark"] .badge.bg-success {
    background-color: #28a745 !important;
    /* Verde escuro */
    color: #ffffff !important;
}

/* Botões Info (Editar/Acesso) - já definido acima, mantido para especificidade */
[data-bs-theme="dark"] .btn-info {
    --bs-btn-color: #f0f0f0;
    --bs-btn-bg: #1c7478;
    --bs-btn-border-color: #1c7478;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #218c91;
    --bs-btn-hover-border-color: #218c91;
}

/* Primary Button */
[data-bs-theme="dark"] .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-primary);
    --bs-btn-border-color: var(--color-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-primary-hover);
    --bs-btn-hover-border-color: var(--color-primary-hover);
    --bs-btn-active-bg: var(--color-primary-active);
    --bs-btn-active-border-color: var(--color-primary-active);
}

[data-bs-theme="dark"] .dropdown-menu .dropdown-header h6 {
    color: #ffffff !important;
    /* Força o texto a ser branco puro para destaque */
}

[data-bs-theme="dark"] .alert-button {
    color: var(--dm-text);
    border: none !important;
}

[data-bs-theme="dark"] .alert-button .danger {
    background-color: #8b2e2e !important;
    /* Vermelho escuro */
    color: #ffffff !important;
}

[data-bs-theme="dark"] .alert-button .success {
    background-color: #1e7e34 !important;
    /* Verde escuro */
    color: #ffffff !important;
}



[data-bs-theme="dark"] .notification-item {
    color: var(--dm-text);
}

[data-bs-theme="dark"] .notification-item h4,
[data-bs-theme="dark"] .notification-item p {
    color: var(--dm-text);
}

/* Hover ajustado */
[data-bs-theme="dark"] .notification-item:hover {
    background-color: var(--dm-bg-elevated) !important;
}

[data-bs-theme="dark"] .notification-item:hover h4,
[data-bs-theme="dark"] .notification-item:hover p {
    color: var(--dm-text-bright) !important;
}

/* Ícone */
[data-bs-theme="dark"] .notification-item i {
    color: var(--dm-accent);
}



/* WARNING (amarelo) */
[data-bs-theme="dark"] .alert-warning {
    background-color: #4d3b15 !important; /* dourado escuro */
    color: #fff3cd !important; /* texto amarelado */
    border-color: #806a29 !important;
}

[data-bs-theme="dark"] .alert-warning .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%) !important;
    opacity: 0.8 !important;
}
[data-bs-theme="dark"] .alert-warning .btn-close:hover {
    opacity: 1 !important;
}
/* fim flash messages */

/* options e lista */
[data-bs-theme="dark"] ul.options,
[data-bs-theme="dark"] .options {
    background-color: #1e1e1e !important; /* fundo escuro sólido */
    border-color: #444 !important;
    color: #e2e2e2 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.7) !important;
}

/* Itens da lista */
[data-bs-theme="dark"] ul.options li,
[data-bs-theme="dark"] .options li {
    background-color: transparent !important;
    color: #e2e2e2 !important;
}

/* Hover */
[data-bs-theme="dark"] ul.options li:hover,
[data-bs-theme="dark"] .options li:hover {
    background-color: #333 !important;
    color: #fff !important;
}

[data-bs-theme="dark"] ::placeholder {
    color: #b0b0b0; /* cinza mais claro para melhor contraste */
  }





/* PAGINATION */
[data-bs-theme="dark"] .pagination .page-link {
  background-color: #313131;
  color: #d0d0d0;
  border: 1px solid #202020;
  border-radius: 6px;
  transition: all 0.25s ease;
}

[data-bs-theme="dark"] .pagination .page-link:hover {
  background-color: #222;
  color: #fff;
}

[data-bs-theme="dark"] .pagination .page-item.active .page-link {
  background-color: #151515;
  color: #fff;
}



/* BOOTSTRAP TABS */
[data-bs-theme="dark"] .nav-tabs .nav-link {
  background-color: transparent;
  color: #bbb;
  border-radius: 6px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

[data-bs-theme="dark"] .nav-tabs .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #eee;
}

[data-bs-theme="dark"] .nav-tabs .nav-link.active {
  background-color: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-weight: 500;
}

/* =========================
   Tab Content - Dark Mode
   ========================= */
[data-bs-theme="dark"] .tab-content {
  border: 1px solid var(--dm-bg-input);
  border-radius: 10px;
  padding: 1.2rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

[data-bs-theme="dark"] .tab-pane {
  color: var(--dm-text);
}

/* Labels e textos internos */
[data-bs-theme="dark"] .tab-content .form-label {
  color: var(--dm-accent-light);
}

/* Inputs e selects dentro do tab-content */
[data-bs-theme="dark"] .tab-content .form-control,
[data-bs-theme="dark"] .tab-content .form-select {
  color: var(--dm-text);
  transition: background-color 0.25s ease, border-color 0.25s ease;
}

[data-bs-theme="dark"] .tab-content .form-control:focus,
[data-bs-theme="dark"] .tab-content .form-select:focus {
  background-color: var(--dm-bg-input);
  border-color: var(--dm-accent);
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb, 204, 119, 34), 0.25);
}

/* Botões */
[data-bs-theme="dark"] .tab-content .btn-primary {
  --bs-btn-bg: var(--color-primary);
  --bs-btn-hover-bg: var(--color-primary-hover);
}

/* =========================
   Login Page - Dark Mode
   ========================= */

/* Login page background */
[data-bs-theme="dark"] .section.register {
  background-color: var(--dm-bg);
}

/* Login card */
[data-bs-theme="dark"] .section.register .card {
  border: 1px solid var(--dm-bg-elevated);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

[data-bs-theme="dark"] .section.register .card-body {
  color: var(--dm-text);
}

/* Login logo */
[data-bs-theme="dark"] .section.register .logo span {
  color: var(--dm-accent-light);
}

/* Login form headings */
[data-bs-theme="dark"] .section.register h5,
[data-bs-theme="dark"] .section.register .card-title {
  color: var(--dm-accent-light);
}

[data-bs-theme="dark"] .section.register p {
  color: var(--dm-accent-muted);
}

/* Login form inputs */
[data-bs-theme="dark"] .section.register .form-control {
  color: var(--dm-text);
}

[data-bs-theme="dark"] .section.register .form-control:focus {
  background-color: var(--dm-bg-elevated);
  color: var(--dm-text);
  border-color: var(--dm-accent);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb, 204, 119, 34), 0.25);
}

[data-bs-theme="dark"] .section.register .form-control::placeholder {
  color: #888888;
}

/* Login form labels */
[data-bs-theme="dark"] .section.register .form-label {
  color: var(--dm-accent-light);
}

/* Login form checkboxes */
[data-bs-theme="dark"] .section.register .form-check-input {
  background-color: var(--dm-bg-input);
  border-color: var(--dm-border-input);
}

[data-bs-theme="dark"] .section.register .form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

[data-bs-theme="dark"] .section.register .form-check-label {
  color: var(--dm-accent-light);
}

/* Login buttons */
[data-bs-theme="dark"] .section.register .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--color-primary);
  --bs-btn-border-color: var(--color-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--color-primary-hover);
  --bs-btn-hover-border-color: var(--color-primary-hover);
  --bs-btn-active-bg: var(--color-primary-active);
  --bs-btn-active-border-color: var(--color-primary-active);
}


/* Login copyright/credits */
[data-bs-theme="dark"] .section.register .credits,
[data-bs-theme="dark"] .section.register .copyright {
  color: var(--dm-accent-muted);
}

[data-bs-theme="dark"] .section.register .credits a {
  color: var(--dm-accent);
}

/* Login page theme toggle button */
[data-bs-theme="dark"] .section.register .nav-icon {
  color: var(--dm-accent-light);
  font-size: 1.5rem;
}

[data-bs-theme="dark"] .section.register .nav-icon:hover {
  color: var(--dm-accent);
}

/* Light mode styles for toggle button */
.section.register .nav-icon {
  color: #6b3a0a;
  font-size: 1.5rem;
  transition: color 0.3s ease;
}

.section.register .nav-icon:hover {
  color: var(--bs-primary);
}
/* scroolbar table-responsive */
[data-bs-theme="dark"] .table-responsive {
  scrollbar-color: #555 #1e1e1e; /* Firefox */
}
/* active */
[data-bs-theme="dark"] .list-group-item.active {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #fff;
}