/* Write your css codes here */

/* Modo Escuro para o Painel Administrativo */

/* Variáveis de cores para tema escuro */
:root {
  --dark-bg-primary: #121212;
  --dark-bg-secondary: #1e1e1e;
  --dark-bg-tertiary: #2d2d2d;
  --dark-text-primary: #e0e0e0;
  --dark-text-secondary: #b0b0b0;
  --dark-border: #404040;
  --dark-accent: #4dabf7;
  --dark-hover: #2d3748;
  --dark-card: #1f2937;
  --dark-success: #48bb78;
  --dark-warning: #ed8936;
  --dark-danger: #f56565;
  --dark-info: #4299e1;
}

/* Aplicar tema escuro ao corpo */
body {
  background-color: var(--dark-bg-primary) !important;
  color: var(--dark-text-primary) !important;
}

/* Painel principal */
.Painel,
.painel,
.dashboard,
.admin-panel {
  background-color: var(--dark-bg-primary) !important;
}

/* Barra lateral (sidebar) */
.sidebar,
.aside,
nav,
.navigation,
.menu {
  background-color: var(--dark-bg-secondary) !important;
  border-right: 1px solid var(--dark-border) !important;
}

/* Itens do menu */
.menu-item,
.nav-item,
.sidebar-item {
  color: var(--dark-text-primary) !important;
}

.menu-item:hover,
.nav-item:hover,
.sidebar-item:hover {
  background-color: var(--dark-hover) !important;
  color: var(--dark-accent) !important;
}

/* Cabeçalho */
.header,
.top-bar,
.navbar {
  background-color: var(--dark-bg-secondary) !important;
  border-bottom: 1px solid var(--dark-border) !important;
}

/* Conteúdo principal */
.content,
.main-content,
.container {
  background-color: var(--dark-bg-primary) !important;
}

/* Cards e containers */
.card,
.box,
.container,
.panel,
.widget {
  background-color: var(--dark-card) !important;
  border: 1px solid var(--dark-border) !important;
  color: var(--dark-text-primary) !important;
}

/* Tabelas */
table,
.table {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

thead,
.table-header {
  background-color: var(--dark-bg-secondary) !important;
}

tr,
.table-row {
  border-bottom: 1px solid var(--dark-border) !important;
}

tr:hover,
.table-row:hover {
  background-color: var(--dark-hover) !important;
}

/* Formulários */
input,
textarea,
select,
.form-control {
  background-color: var(--dark-bg-tertiary) !important;
  border: 1px solid var(--dark-border) !important;
  color: var(--dark-text-primary) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--dark-accent) !important;
  box-shadow: 0 0 0 2px rgba(77, 171, 247, 0.2) !important;
}

label {
  color: var(--dark-text-secondary) !important;
}

/* Botões */
.btn-primary {
  background-color: var(--dark-accent) !important;
  border-color: var(--dark-accent) !important;
  color: white !important;
}

.btn-secondary {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text-primary) !important;
}

.btn-success {
  background-color: var(--dark-success) !important;
}

.btn-warning {
  background-color: var(--dark-warning) !important;
}

.btn-danger {
  background-color: var(--dark-danger) !important;
}

/* Links */
a {
  color: var(--dark-accent) !important;
}

a:hover {
  color: #6bc2ff !important;
}

/* Badges e etiquetas */
.badge,
.tag,
.label {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
}

/* Alertas e notificações */
.alert,
.notification,
.message {
  background-color: var(--dark-card) !important;
  border: 1px solid var(--dark-border) !important;
  color: var(--dark-text-primary) !important;
}

.alert-success {
  background-color: rgba(72, 187, 120, 0.1) !important;
  border-color: var(--dark-success) !important;
}

.alert-warning {
  background-color: rgba(237, 137, 54, 0.1) !important;
  border-color: var(--dark-warning) !important;
}

.alert-danger {
  background-color: rgba(245, 101, 101, 0.1) !important;
  border-color: var(--dark-danger) !important;
}

/* Abas (tabs) */
.tabs,
.nav-tabs {
  border-bottom: 1px solid var(--dark-border) !important;
}

.tab-item,
.nav-link {
  color: var(--dark-text-secondary) !important;
}

.tab-item.active,
.nav-link.active {
  background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border) var(--dark-border) var(--dark-bg-primary) !important;
  color: var(--dark-accent) !important;
}

/* Modal e popups */
.modal,
.dialog,
.popup {
  background-color: var(--dark-card) !important;
  border: 1px solid var(--dark-border) !important;
}

.modal-header {
  border-bottom: 1px solid var(--dark-border) !important;
}

.modal-footer {
  border-top: 1px solid var(--dark-border) !important;
}

/* Tooltips */
.tooltip {
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary) !important;
  border: 1px solid var(--dark-border) !important;
}

/* Ícones */
.icon,
.fa,
.svg-inline--fa {
  color: var(--dark-text-secondary) !important;
}

.icon:hover,
.fa:hover {
  color: var(--dark-accent) !important;
}

/* Listas */
.list-group,
.list {
  background-color: var(--dark-bg-tertiary) !important;
  border: 1px solid var(--dark-border) !important;
}

.list-item {
  border-bottom: 1px solid var(--dark-border) !important;
  color: var(--dark-text-primary) !important;
}

.list-item:hover {
  background-color: var(--dark-hover) !important;
}

/* Status e indicadores */
.status-active {
  color: var(--dark-success) !important;
}

.status-inactive {
  color: var(--dark-text-secondary) !important;
}

.status-pending {
  color: var(--dark-warning) !important;
}

/* Títulos */
h1, h2, h3, h4, h5, h6 {
  color: var(--dark-text-primary) !important;
}

/* Texto secundário */
.text-muted,
.text-secondary {
  color: var(--dark-text-secondary) !important;
}

/* Placeholders */
::placeholder {
  color: var(--dark-text-secondary) !important;
  opacity: 0.7 !important;
}

/* Scrollbar personalizada */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--dark-bg-secondary);
}

::-webkit-scrollbar-thumb {
  background: var(--dark-bg-tertiary);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--dark-border);
}

/* Ajustes específicos para elementos do painel */
[class*="Gerenciamento"],
[class*="Gestão"],
[class*="Configurações"],
[class*="Relatório"] {
  background-color: var(--dark-card) !important;
}

/* Para elementos com fundo branco fixo */
[style*="background-color: white"],
[style*="background: white"],
[style*="background-color: #fff"],
[style*="background: #fff"] {
  background-color: var(--dark-card) !important;
}

/* Para textos pretos */
[style*="color: black"],
[style*="color: #000"],
[style*="color: #333"] {
  color: var(--dark-text-primary) !important;
}

/* Ajuste para imagens com fundo branco */
img[src*="logo"],
.logo {
  filter: brightness(0.9) contrast(1.1);
}

/* Seletor geral para elementos não estilizados */
div, section, article, main, aside, header, footer {
  background-color: inherit !important;
  color: inherit !important;
}

/* Media query para telas menores */
@media (max-width: 768px) {
  .sidebar,
  .menu {
    background-color: var(--dark-bg-tertiary) !important;
  }
}

/* Animações suaves para transição de tema */
* {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}