/* ========================================
   DARK THEME CSS - SOLUÇÃO SIMPLES E EFICAZ
   ======================================== */

/* Classe principal para ativar o tema escuro */
.dark-theme {
  /* ===== CORES PRINCIPAIS - MAIS SUTIS ===== */
  --bg-primary: #1a1a1a;        /* Um pouco mais claro que preto puro */
  --bg-secondary: #2d2d2d;       /* Mais claro para cards */
  --bg-tertiary: #404040;        /* Ainda mais claro para botões */
  --text-primary: #e0e0e0;       /* Branco mais suave */
  --text-secondary: #b0b0b0;     /* Cinza claro para textos secundários */
  --text-muted: #888888;         /* Cinza médio para textos desabilitados */
  --border-color: #404040;       /* Bordas mais visíveis */
  --shadow-color: rgba(0, 0, 0, 0.3); /* Sombras mais suaves */
}

/* ===== FUNDO PRINCIPAL ===== */
.dark-theme body {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}

.dark-theme #root {
  background-color: var(--bg-primary) !important;
}

/* Apenas para divs específicas que realmente precisam ser escuras */
.dark-theme div[class*="container"]:not([class*="Mui"]):not([style*="background"]),
.dark-theme div[class*="wrapper"]:not([class*="Mui"]):not([style*="background"]),
.dark-theme div[class*="content"]:not([class*="Mui"]):not([style*="background"]),
.dark-theme div[class*="main"]:not([class*="Mui"]):not([style*="background"]),
.dark-theme div[class*="section"]:not([class*="Mui"]):not([style*="background"]),
.dark-theme div[class*="page"]:not([class*="Mui"]):not([style*="background"]) {
  background-color: var(--bg-primary);
}

/* Para divs que podem ter fundo branco mas não têm estilo inline */
.dark-theme div[style*="background-color: #fff"],
.dark-theme div[style*="background-color: white"],
.dark-theme div[style*="background-color: #ffffff"] {
  background-color: var(--bg-secondary) !important;
}

/* Override específico para fundos muito claros que ficam brancos demais */
.dark-theme div[style*="background-color: #f"],
.dark-theme div[style*="background-color: #e"],
.dark-theme div[style*="background-color: #d"],
.dark-theme div[style*="background-color: #c"],
.dark-theme div[style*="background-color: #b"],
.dark-theme div[style*="background-color: #a"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

/* ===== HEADER E NAVEGAÇÃO ===== */
.dark-theme header,
.dark-theme nav,
.dark-theme .header,
.dark-theme .navbar,
.dark-theme .MuiAppBar-root,
.dark-theme .MuiToolbar-root,
.dark-theme [class*="makeStyles-appBar"],
.dark-theme [class*="makeStyles-toolbar"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

/* ===== CARDS E PAPÉIS ===== */
.dark-theme .MuiPaper-root,
.dark-theme .MuiCard-root,
.dark-theme .MuiCardContent-root,
.dark-theme [class*="makeStyles-card"],
.dark-theme [class*="makeStyles-paper"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  /* Removido border e box-shadow para manter consistência com tema claro */
}

/* ===== CONTAINERS E DIVS ===== */
.dark-theme .MuiContainer-root,
.dark-theme .container,
.dark-theme [class*="makeStyles-container"],
.dark-theme div[style*="background-color: #fff"],
.dark-theme div[style*="background-color: white"],
.dark-theme div[style*="background-color: #ffffff"] {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}

/* ===== CABEÇALHOS - CORREÇÃO PARA CORES ESCURAS ===== */
.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6 {
  color: var(--text-primary) !important;
}

/* Específico para cabeçalhos com cor escura que ficam ilegíveis */
.dark-theme h1[style*="color: #01292e"],
.dark-theme h2[style*="color: #01292e"],
.dark-theme h3[style*="color: #01292e"],
.dark-theme h4[style*="color: #01292e"],
.dark-theme h5[style*="color: #01292e"],
.dark-theme h6[style*="color: #01292e"] {
  color: var(--text-primary) !important;
}

/* Override para qualquer cor escura em cabeçalhos */
.dark-theme h1[style*="color: #"],
.dark-theme h2[style*="color: #"],
.dark-theme h3[style*="color: #"],
.dark-theme h4[style*="color: #"],
.dark-theme h5[style*="color: #"],
.dark-theme h6[style*="color: #"] {
  color: var(--text-primary) !important;
}

/* ===== TEXTOS - APENAS ONDE NECESSÁRIO ===== */
.dark-theme .MuiTypography-root {
  color: var(--text-primary) !important;
}

/* Override mais específico para garantir */
.dark-theme p.MuiTypography-root,
.dark-theme span.MuiTypography-root,
.dark-theme div.MuiTypography-root {
  color: var(--text-primary) !important;
}

.dark-theme .MuiTypography-colorTextSecondary {
  color: var(--text-secondary) !important;
}

/* Preservar cores específicas em textos - APENAS para elementos que NÃO são cabeçalhos */
.dark-theme p.MuiTypography-root[style*="color: red"],
.dark-theme p.MuiTypography-root[style*="color: blue"],
.dark-theme p.MuiTypography-root[style*="color: green"],
.dark-theme p.MuiTypography-root[style*="color: yellow"],
.dark-theme p.MuiTypography-root[style*="color: orange"],
.dark-theme p.MuiTypography-root[style*="color: purple"],
.dark-theme p.MuiTypography-root[style*="color: pink"],
.dark-theme p.MuiTypography-root[style*="color: #"],
.dark-theme span.MuiTypography-root[style*="color: red"],
.dark-theme span.MuiTypography-root[style*="color: blue"],
.dark-theme span.MuiTypography-root[style*="color: green"],
.dark-theme span.MuiTypography-root[style*="color: yellow"],
.dark-theme span.MuiTypography-root[style*="color: orange"],
.dark-theme span.MuiTypography-root[style*="color: purple"],
.dark-theme span.MuiTypography-root[style*="color: pink"],
.dark-theme span.MuiTypography-root[style*="color: #"] {
  color: inherit !important;
}

/* Apenas para textos que estão em fundos escuros */
.dark-theme .MuiPaper-root *,
.dark-theme .MuiCard-root *,
.dark-theme .MuiAppBar-root *,
.dark-theme [class*="makeStyles-appBar"] * {
  color: var(--text-primary) !important;
}

/* ===== BOTÕES ===== */
.dark-theme .MuiButton-root {
  background-color: transparent !important;
  color: var(--text-primary) !important;
  /* Removido border para manter consistência com tema claro */
}

.dark-theme .MuiButton-contained {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  /* Removido border para manter consistência com tema claro */
}

.dark-theme .MuiButton-outlined {
  background-color: transparent !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

.dark-theme .MuiIconButton-root {
  color: var(--text-primary) !important;
  background-color: transparent !important;
}

/* ===== TABS ===== */
.dark-theme .MuiTab-wrapper {
  color: var(--text-primary) !important;
}

/* ===== BOTTOM NAVIGATION ===== */
.dark-theme .MuiBottomNavigation-root {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme .MuiBottomNavigationAction-root {
  color: var(--text-primary) !important;
}

.dark-theme .MuiBottomNavigationAction-label {
  color: var(--text-primary) !important;
}

/* ===== INPUTS E FORMULÁRIOS ===== */
.dark-theme .MuiInputBase-root,
.dark-theme .MuiTextField-root,
.dark-theme input,
.dark-theme textarea,
.dark-theme select {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

.dark-theme .MuiInputBase-input {
  color: var(--text-primary) !important;
}

.dark-theme .MuiInputLabel-root {
  color: var(--text-secondary) !important;
}

/* ===== LISTAS ===== */
.dark-theme .MuiList-root,
.dark-theme .MuiListItem-root {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme .MuiListItem-button:hover {
  background-color: var(--bg-tertiary) !important;
}

/* ===== DIALOGS E MODAIS ===== */
.dark-theme .MuiDialog-paper,
.dark-theme .MuiModal-root .MuiPaper-root {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

/* ===== TABELAS ===== */
.dark-theme .MuiTable-root,
.dark-theme .MuiTableHead-root,
.dark-theme .MuiTableBody-root,
.dark-theme .MuiTableCell-root {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

/* ===== SCROLLBARS ===== */
.dark-theme ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.dark-theme ::-webkit-scrollbar-track {
  background: var(--bg-primary);
}

.dark-theme ::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}

.dark-theme ::-webkit-scrollbar-thumb:hover {
  background: var(--text-muted);
}

/* ===== OVERRIDE PARA ELEMENTOS ESPECÍFICOS ===== */
.dark-theme [style*="background-color: #fff"],
.dark-theme [style*="background-color: white"],
.dark-theme [style*="background-color: #ffffff"],
.dark-theme [style*="background-color: #f2f5f4"],
.dark-theme [style*="background-color: #f0f0f0"],
.dark-theme [style*="background-color: #f5f5f5"],
.dark-theme [style*="background-color: #fafafa"],
.dark-theme [style*="background-color: #f8f9fa"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

/* ===== OVERRIDE PARA CORES HEXADECIMAIS ESPECÍFICAS ===== */
.dark-theme [style*="background-color: #0077b6"],
.dark-theme [style*="background-color: #9b59b6"],
.dark-theme [style*="background-color: #86dc3d"],
.dark-theme [style*="background-color: #8a00c2"],
.dark-theme [style*="background-color: #5360fd"],
.dark-theme [style*="background-color: #f2a257"],
.dark-theme [style*="background-color: #FDFD96"],
.dark-theme [style*="background-color: #77DD77"],
.dark-theme [style*="background-color: #FF6961"],
.dark-theme [style*="background-color: #1976d2"],
.dark-theme [style*="background-color: #f7d64f"],
.dark-theme [style*="background-color: #FFB347"],
.dark-theme [style*="background-color: #f50057"],
.dark-theme [style*="background-color: #3484f0"],
.dark-theme [style*="background-color: #4E5EBA"],
.dark-theme [style*="background-color: #7126d9"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

/* ===== TRANSITIONS SUAVES - APENAS PARA ELEMENTOS ESPECÍFICOS ===== */
.dark-theme .MuiPaper-root,
.dark-theme .MuiCard-root,
.dark-theme .MuiButton-root,
.dark-theme .MuiAppBar-root {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

/* ===== OVERRIDE MAIS SUTIL - APENAS PARA ELEMENTOS ESPECÍFICOS ===== */
/* Apenas elementos com fundo branco explícito */
.dark-theme [style*="background-color: #fff"],
.dark-theme [style*="background-color: white"],
.dark-theme [style*="background-color: #ffffff"],
.dark-theme [style*="background-color: #f2f5f4"],
.dark-theme [style*="background-color: #f0f0f0"],
.dark-theme [style*="background-color: #f5f5f5"],
.dark-theme [style*="background-color: #fafafa"],
.dark-theme [style*="background-color: #f8f9fa"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

/* Apenas para elementos Material UI específicos que sabemos que são brancos */
.dark-theme .MuiPaper-root,
.dark-theme .MuiCard-root,
.dark-theme .MuiAppBar-root,
.dark-theme .MuiToolbar-root,
.dark-theme .MuiDialog-paper,
.dark-theme [class*="makeStyles-appBar"],
.dark-theme [class*="makeStyles-toolbar"],
.dark-theme [class*="makeStyles-container"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

/* ===== PRESERVAR DETALHES VISUAIS ===== */
/* Preservar gradientes e imagens */
.dark-theme img,
.dark-theme video,
.dark-theme canvas,
.dark-theme svg {
  background-color: transparent !important;
}

/* Preservar elementos com cores específicas (não brancos) */
/* Nota: Cores específicas não brancas são preservadas automaticamente */

/* Preservar elementos com classes específicas que podem ter estilos importantes */
.dark-theme .gradient,
.dark-theme .hero,
.dark-theme .banner,
.dark-theme .image-container {
  background-color: transparent !important;
}

/* ===== OVERRIDE FINAL PARA CABEÇALHOS ===== */
/* Garantir que cabeçalhos sempre tenham cor clara, mesmo com MuiTypography */
.dark-theme h1.MuiTypography-root,
.dark-theme h2.MuiTypography-root,
.dark-theme h3.MuiTypography-root,
.dark-theme h4.MuiTypography-root,
.dark-theme h5.MuiTypography-root,
.dark-theme h6.MuiTypography-root {
  color: var(--text-primary) !important;
}

/* ===== OVERRIDE FINAL PARA TEXTOS ===== */
/* Garantir que todos os textos MuiTypography tenham cor clara */
.dark-theme .MuiTypography-root.MuiTypography-body1,
.dark-theme .MuiTypography-root.MuiTypography-body2,
.dark-theme .MuiTypography-root.MuiTypography-caption,
.dark-theme .MuiTypography-root.MuiTypography-overline {
  color: var(--text-primary) !important;
}

/* ===== OVERRIDE FINAL PARA CABEÇALHOS COM CORES ===== */
/* Garantir que cabeçalhos sempre tenham cor clara, mesmo com cores específicas */
.dark-theme h1.MuiTypography-root[style*="color: blue"],
.dark-theme h2.MuiTypography-root[style*="color: blue"],
.dark-theme h3.MuiTypography-root[style*="color: blue"],
.dark-theme h4.MuiTypography-root[style*="color: blue"],
.dark-theme h5.MuiTypography-root[style*="color: blue"],
.dark-theme h6.MuiTypography-root[style*="color: blue"],
.dark-theme h1.MuiTypography-root[style*="color: red"],
.dark-theme h2.MuiTypography-root[style*="color: red"],
.dark-theme h3.MuiTypography-root[style*="color: red"],
.dark-theme h4.MuiTypography-root[style*="color: red"],
.dark-theme h5.MuiTypography-root[style*="color: red"],
.dark-theme h6.MuiTypography-root[style*="color: red"],
.dark-theme h1.MuiTypography-root[style*="color: #"],
.dark-theme h2.MuiTypography-root[style*="color: #"],
.dark-theme h3.MuiTypography-root[style*="color: #"],
.dark-theme h4.MuiTypography-root[style*="color: #"],
.dark-theme h5.MuiTypography-root[style*="color: #"],
.dark-theme h6.MuiTypography-root[style*="color: #"] {
  color: var(--text-primary) !important;
}

/* ===== GRÁFICOS E CHARTS ===== */
.dark-theme [class*="makeStyles-chartContainer"],
.dark-theme [class*="chartContainer"],
.dark-theme .recharts-wrapper,
.dark-theme .recharts-surface,
.dark-theme .recharts-responsive-container {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

/* ===== RECHARTS ESPECÍFICO ===== */
.dark-theme .recharts-cartesian-grid line {
  stroke: var(--text-secondary) !important;
}

.dark-theme .recharts-cartesian-axis-line {
  stroke: var(--text-secondary) !important;
}

.dark-theme .recharts-cartesian-axis-tick-line {
  stroke: var(--text-secondary) !important;
}

.dark-theme .recharts-text {
  fill: var(--text-primary) !important;
}

.dark-theme .recharts-default-tooltip {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

.dark-theme .recharts-tooltip-label {
  color: var(--text-primary) !important;
}

/* ===== INPUTS E FORMULÁRIOS ===== */
.dark-theme .MuiFormControl-root {
  background-color: var(--bg-secondary) !important;
}

.dark-theme .MuiInputBase-root {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme .MuiSelect-root {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme .MuiSelect-select {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme .MuiSelect-selectMenu {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme .MuiInputBase-input {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme .MuiSelect-nativeInput {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme .MuiSelect-icon {
  color: var(--text-primary) !important;
}

/* ===== MENU DROPDOWN DO SELECT ===== */
.dark-theme .MuiMenu-paper {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme .MuiMenuItem-root {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme .MuiMenuItem-root:hover {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}

.dark-theme .MuiMenuItem-root.Mui-selected {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}

/* ===== BOTÕES - CORREÇÃO ESPECÍFICA ===== */
/* Botões com cores específicas - FORÇAR cores originais */
.dark-theme [class*="warning"] {
  background-color: #ff9800 !important;
  color: white !important;
  box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12) !important;
}

.dark-theme [class*="success"] {
  background-color: #4caf50 !important;
  color: white !important;
}

.dark-theme [class*="error"] {
  background-color: #f44336 !important;
  color: white !important;
}

.dark-theme [class*="info"] {
  background-color: #2196f3 !important;
  color: white !important;
}

/* Botões primary - apenas para botões específicos */
.dark-theme .MuiButton-root[class*="primary"],
.dark-theme [class*="makeStyles-button"][class*="primary"] {
  background-color: #1976d2 !important;
  color: white !important;
}

/* Corrigir elementos que estavam ficando azuis */
.dark-theme [class*="primaryHover"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="primaryHover"]:hover {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="ListItemText-primary"] {
  color: var(--text-primary) !important;
}

.dark-theme [class*="MuiListItemText-primary"] {
  color: var(--text-primary) !important;
}

/* ===== OVERRIDE FINAL PARA CORES INLINE ===== */
/* Forçar cores específicas inline conhecidas - MÁXIMA ESPECIFICIDADE */
.dark-theme .MuiButton-root[style*="rgb(55, 136, 5)"],
.dark-theme .MuiButton-root[style*="background-color: rgb(55, 136, 5)"] {
  background-color: rgb(55, 136, 5) !important;
  color: white !important;
}

.dark-theme .MuiButton-root[style*="background-color"] {
  /* Remover inherit que estava causando problema */
  color: white !important;
}

/* ===== SEÇÃO DE BENEFÍCIOS ===== */
.dark-theme [class*="makeStyles-benefitsBox"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3) !important;
}

.dark-theme [class*="makeStyles-benefitsHeader"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-benefitItem"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-expandIcon"] {
  color: var(--text-primary) !important;
}

/* Collapse e conteúdo interno */
.dark-theme .MuiCollapse-root,
.dark-theme .MuiCollapse-wrapper,
.dark-theme .MuiCollapse-wrapperInner {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

/* ===== SWITCH E CONTROLES ===== */
.dark-theme [class*="makeStyles-switchContainer"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-switchLabel"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme .MuiFormControlLabel-root {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme .MuiSwitch-root {
  background-color: var(--bg-secondary) !important;
}

.dark-theme .MuiSwitch-track {
  background-color: var(--text-secondary) !important;
}

.dark-theme .MuiSwitch-thumb {
  background-color: var(--text-primary) !important;
}

/* Preservar cor rosa do switch quando ativado */
.dark-theme .MuiSwitch-colorSecondary.Mui-checked {
  color: #f50057 !important;
}

.dark-theme .MuiSwitch-colorSecondary.Mui-checked .MuiSwitch-thumb {
  background-color: #f50057 !important;
}

.dark-theme .MuiSwitch-colorSecondary.Mui-checked .MuiSwitch-track {
  background-color: rgba(245, 0, 87, 0.3) !important;
}

/* ===== ITENS DE ESTATÍSTICA ===== */
.dark-theme [class*="makeStyles-statItem"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

/* ===== COMENTÁRIOS ===== */
.dark-theme [class*="makeStyles-commentText"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-commentDate"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-commentDelete"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-cardHeader"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-smallAvatar"] {
  background-color: var(--bg-secondary) !important;
}

/* Links nos comentários */
.dark-theme [class*="makeStyles-commentText"] a {
  color: var(--text-primary) !important;
}

/* Botões de like/unlike nos comentários */
.dark-theme [class*="makeStyles-commentText"] .MuiIconButton-root {
  background-color: transparent !important;
  color: purple !important;
}

/* Inputs underline nos comentários */
.dark-theme [class*="makeStyles-commentText"] .MuiInput-underline {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-commentText"] .MuiInput-underline:before {
  border-bottom: 1px solid var(--border-color) !important;
}

.dark-theme [class*="makeStyles-commentText"] .MuiInput-underline:after {
  border-bottom: 2px solid var(--text-primary) !important;
}

/* ===== PÁGINA DE VÍDEOS ===== */
.dark-theme [class*="makeStyles-root"] {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-filtersContainer"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-filterRow"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-filterButton"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

.dark-theme [class*="makeStyles-videoCard"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-media"] {
  background-color: var(--bg-secondary) !important;
}

.dark-theme [class*="makeStyles-thumbnail"] {
  background-color: var(--bg-secondary) !important;
}

.dark-theme [class*="makeStyles-video"] {
  background-color: var(--bg-secondary) !important;
}

.dark-theme [class*="makeStyles-duration"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-cardContent"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-title"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-channelRow"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-channelName"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-channelNameContainer"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-views"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

/* Cards do feed de posts */
.dark-theme [class*="makeStyles-card"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-cardHeader"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-cardContent"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-photo"] {
  background-color: var(--bg-secondary) !important;
}

.dark-theme [class*="makeStyles-singlePhoto"] {
  background-color: var(--bg-secondary) !important;
}

.dark-theme [class*="makeStyles-actionButtons"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-statsContainer"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-commentButton"],
.dark-theme [class*="makeStyles-likeButton"] {
  background-color: transparent !important;
  color: var(--text-primary) !important;
}

/* Slick carousel */
.dark-theme .slick-slider {
  background-color: var(--bg-secondary) !important;
}

.dark-theme .slick-list {
  background-color: var(--bg-secondary) !important;
}

.dark-theme .slick-track {
  background-color: var(--bg-secondary) !important;
}

.dark-theme .slick-slide {
  background-color: var(--bg-secondary) !important;
}

.dark-theme .slick-arrow {
  background-color: transparent !important;
  color: var(--text-primary) !important;
}

.dark-theme .slick-dots {
  background-color: var(--bg-secondary) !important;
}

.dark-theme .slick-dots button {
  background-color: var(--text-secondary) !important;
}

.dark-theme .slick-dots .slick-active button {
  background-color: var(--text-primary) !important;
}

/* ===== PERFIL DO USUÁRIO NA PÁGINA DE VÍDEO ===== */
.dark-theme [class*="makeStyles-userProfile"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-userInfo"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-userName"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-userStats"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.dark-theme [class*="makeStyles-followButton"] {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

.dark-theme [class*="makeStyles-followButtonFollowing"] {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

/* ===== BOTÕES DE LIKE/DISLIKE ===== */
.dark-theme [class*="makeStyles-dislikeButton"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

.dark-theme [class*="makeStyles-likeButton"] {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

.dark-theme [class*="makeStyles-dislikeButton"]:hover,
.dark-theme [class*="makeStyles-likeButton"]:hover {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--text-primary) !important;
}

/* ===== CHIPS/TAGS ===== */
/* Os chips agora são controlados diretamente pelo JavaScript no Newsfeed.js */
/* Removidas as regras CSS conflitantes para evitar sobrescrita */

/* ===== BOTÃO "VER TODAS AS COMUNIDADES" ===== */
/* Preservar cor laranja específica do botão de comunidades */
.dark-theme .MuiButton-root[style*="background-color: rgb(255, 107, 107)"] {
  background-color: rgb(255, 107, 107) !important;
  color: white !important;
  box-shadow: rgba(255, 107, 107, 0.3) 0px 2px 4px !important;
}

.dark-theme .MuiButton-root[style*="background-color: #ff6b6b"] {
  background-color: #ff6b6b !important;
  color: white !important;
  box-shadow: rgba(255, 107, 107, 0.3) 0px 2px 4px !important;
}

/* ===== ELEMENTO COM FUNDO AMARELO ===== */
/* Preservar texto preto em elementos com fundo amarelo para legibilidade */
.dark-theme div[style*="background-color: rgb(247, 214, 79)"] {
  color: black !important;
}

.dark-theme div[style*="background-color: #f7d64f"] {
  color: black !important;
}

/* ===== CHIP "FINALIZADO" VERDE ===== */
/* Preservar texto preto em chip verde para legibilidade */
.dark-theme [class*="makeStyles-chipApproved"] {
  color: black !important;
}

.dark-theme [class*="makeStyles-chipApproved"] .MuiChip-label {
  color: black !important;
}

/* ===== CHIP "NÃO ENTREGUE" AMARELO ===== */
/* Preservar texto preto em chip amarelo para legibilidade */
.dark-theme [class*="makeStyles-chipPending"] {
  background-color: #f7d64f !important; /* Amarelo original */
  color: black !important; /* Texto preto para legibilidade */
  border-color: #f7d64f !important;
}

.dark-theme [class*="makeStyles-chipPending"] .MuiChip-label {
  color: black !important; /* Forçar texto preto no label */
}

/* Botões neutros - apenas melhorar contraste */
.dark-theme .MuiButton-root:not([class*="warning"]):not([class*="success"]):not([class*="error"]):not([class*="info"]):not([class*="primary"]):not([class*="header"]):not([class*="Header"]):not([class*="navbar"]):not([class*="Navbar"]):not([style*="background-color"]) {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

/* ===== BOTÕES DO MENU SUPERIOR - MÁXIMA PRIORIDADE ===== */
/* Botões do menu superior - voltar ao transparente */
.dark-theme header .MuiButton-root,
.dark-theme nav .MuiButton-root,
.dark-theme .header .MuiButton-root,
.dark-theme .navbar .MuiButton-root,
.dark-theme [class*="makeStyles-navLink"] {
  background-color: transparent !important;
  color: var(--text-primary) !important;
  border: none !important;
  box-shadow: none !important;
}

/* Botões específicos do header com classes makeStyles */
.dark-theme [class*="makeStyles-transparent"] {
  background-color: transparent !important;
  color: var(--text-primary) !important;
  border: none !important;
  box-shadow: none !important;
}

/* Ícones dos botões do menu */
.dark-theme [class*="makeStyles-icons"] {
  color: var(--text-primary) !important;
}

/* OVERRIDE FINAL PARA BOTÕES DO MENU - MÁXIMA ESPECIFICIDADE */
.dark-theme header .MuiButton-root[class*="makeStyles-navLink"],
.dark-theme nav .MuiButton-root[class*="makeStyles-navLink"],
.dark-theme .header .MuiButton-root[class*="makeStyles-navLink"],
.dark-theme .navbar .MuiButton-root[class*="makeStyles-navLink"] {
  background-color: transparent !important;
  color: var(--text-primary) !important;
  border: none !important;
  box-shadow: none !important;
}

/* OVERRIDE ULTRA ESPECÍFICO PARA BOTÕES DO MENU - SOBRESCREVER TUDO */
.dark-theme .MuiButton-root[class*="makeStyles-navLink"]:not([class*="warning"]):not([class*="success"]):not([class*="error"]):not([class*="info"]):not([class*="primary"]) {
  background-color: transparent !important;
  color: var(--text-primary) !important;
  border: none !important;
  box-shadow: none !important;
}

.dark-theme .MuiButton-root[class*="makeStyles-transparent"]:not([class*="warning"]):not([class*="success"]):not([class*="error"]):not([class*="info"]):not([class*="primary"]) {
  background-color: transparent !important;
  color: var(--text-primary) !important;
  border: none !important;
  box-shadow: none !important;
}