:root {
  color-scheme: light;
}

html[data-theme="dark"] {
  color-scheme: dark;
}

.cgr-theme-toggle {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 99999;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(8, 27, 47, .92);
  color: #ffffff;
  font: 800 13px Inter, "Segoe UI", Arial, sans-serif;
  cursor: grab;
  box-shadow: 0 14px 36px rgba(0,0,0,.28);
  backdrop-filter: blur(8px);
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}

.cgr-theme-toggle-dragging {
  cursor: grabbing;
  opacity: .85;
  box-shadow: 0 18px 44px rgba(0,0,0,.4);
  transition: none !important;
}

.cgr-theme-toggle-snapping {
  transition: left .22s ease, top .22s ease, right .22s ease, bottom .22s ease !important;
}

html[data-theme="dark"] .cgr-theme-toggle {
  background: rgba(255,255,255,.92);
  color: #0b2239;
  border-color: rgba(255,255,255,.4);
}

html[data-theme="dark"] body {
  background: #081523 !important;
  color: #eaf2ff !important;
}

html[data-theme="dark"] header,
html[data-theme="dark"] .topbar {
  background: linear-gradient(115deg, #06111f, #0e2a45) !important;
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .toolbar,
html[data-theme="dark"] .audit-list,
html[data-theme="dark"] dialog,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .password-box,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .filters,
html[data-theme="dark"] .filter-panel,
html[data-theme="dark"] .content-card,
html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .metric-card,
html[data-theme="dark"] .chart-card,
html[data-theme="dark"] .insight-card,
html[data-theme="dark"] .timeline-card,
html[data-theme="dark"] .details-card,
html[data-theme="dark"] .dashboard-card {
  background: #17304d !important;
  color: #eaf2ff !important;
  border-color: #3d5c7d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 12px 36px rgba(0,0,0,.34) !important;
}

html[data-theme="dark"] table,
html[data-theme="dark"] tbody,
html[data-theme="dark"] tr,
html[data-theme="dark"] td {
  background: #17304d !important;
  color: #eaf2ff !important;
  border-color: #3d5c7d !important;
}

html[data-theme="dark"] th,
html[data-theme="dark"] thead,
html[data-theme="dark"] .table-header {
  background: #172b43 !important;
  color: #cfe0f2 !important;
  border-color: #3d5c7d !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
  background: #0b1a2c !important;
  color: #eaf2ff !important;
  border-color: #38546f !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: #8ea6bf !important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] strong,
html[data-theme="dark"] label {
  color: #f2f7ff !important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] span,
html[data-theme="dark"] small,
html[data-theme="dark"] .subtitle,
html[data-theme="dark"] .sub,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .person span {
  color: #b8c9dc !important;
}

html[data-theme="dark"] a {
  color: #8cc7ff;
}

html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-soft,
html[data-theme="dark"] .cgr-users-link,
html[data-theme="dark"] .cgr-operation-link {
  background: #152a42 !important;
  color: #eaf2ff !important;
  border-color: #38546f !important;
}

html[data-theme="dark"] .message.info {
  background: #102c47 !important;
  color: #bfe0ff !important;
  border-color: #22537d !important;
}

html[data-theme="dark"] .message.error {
  background: #38181d !important;
  color: #ffc4c4 !important;
  border-color: #6d3038 !important;
}

html[data-theme="dark"] .badge,
html[data-theme="dark"] .tag {
  filter: brightness(.95);
}

html[data-theme="dark"] .tabs,
html[data-theme="dark"] .tab,
html[data-theme="dark"] .nav,
html[data-theme="dark"] .nav-tabs {
  background: #0d1d31 !important;
  color: #dcecff !important;
  border-color: #3d5c7d !important;
}

html[data-theme="dark"] .tab.active,
html[data-theme="dark"] .active {
  color: #ffffff !important;
}

@media (max-width: 640px) {
  .cgr-theme-toggle {
    right: 12px;
    bottom: 12px;
    padding: 9px 12px;
    font-size: 12px;
  }
}

/* Correção específica do login no modo escuro */
html[data-theme="dark"] .login-card,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .access-card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .login-box,
html[data-theme="dark"] .auth-box,
html[data-theme="dark"] .login-form,
html[data-theme="dark"] .form-panel,
html[data-theme="dark"] .glass-card {
  background: #17304d !important;
  color: #eaf2ff !important;
  border-color: #3d5c7d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 28px 80px rgba(0,0,0,.38) !important;
}

html[data-theme="dark"] .login-right,
html[data-theme="dark"] .auth-right,
html[data-theme="dark"] .access-right,
html[data-theme="dark"] .form-side,
html[data-theme="dark"] .login-content,
html[data-theme="dark"] .auth-content {
  background: #081523 !important;
  color: #eaf2ff !important;
}

html[data-theme="dark"] .login-card *,
html[data-theme="dark"] .auth-card *,
html[data-theme="dark"] .access-card *,
html[data-theme="dark"] .form-card *,
html[data-theme="dark"] .login-box *,
html[data-theme="dark"] .auth-box *,
html[data-theme="dark"] .login-form *,
html[data-theme="dark"] .form-panel *,
html[data-theme="dark"] .glass-card * {
  color: inherit;
}

html[data-theme="dark"] .login-card h1,
html[data-theme="dark"] .auth-card h1,
html[data-theme="dark"] .access-card h1,
html[data-theme="dark"] .form-card h1,
html[data-theme="dark"] .login-box h1,
html[data-theme="dark"] .auth-box h1 {
  color: #f2f7ff !important;
}

html[data-theme="dark"] .login-card p,
html[data-theme="dark"] .auth-card p,
html[data-theme="dark"] .access-card p,
html[data-theme="dark"] .form-card p,
html[data-theme="dark"] .login-box p,
html[data-theme="dark"] .auth-box p,
html[data-theme="dark"] .login-card label,
html[data-theme="dark"] .auth-card label,
html[data-theme="dark"] .access-card label,
html[data-theme="dark"] .form-card label,
html[data-theme="dark"] .login-box label,
html[data-theme="dark"] .auth-box label {
  color: #b8c9dc !important;
}

html[data-theme="dark"] .login-card input,
html[data-theme="dark"] .auth-card input,
html[data-theme="dark"] .access-card input,
html[data-theme="dark"] .form-card input,
html[data-theme="dark"] .login-box input,
html[data-theme="dark"] .auth-box input {
  background: #0b1a2c !important;
  color: #eaf2ff !important;
  border-color: #38546f !important;
}

html[data-theme="dark"] .login-card input::placeholder,
html[data-theme="dark"] .auth-card input::placeholder,
html[data-theme="dark"] .access-card input::placeholder,
html[data-theme="dark"] .form-card input::placeholder,
html[data-theme="dark"] .login-box input::placeholder,
html[data-theme="dark"] .auth-box input::placeholder {
  color: #8ea6bf !important;
}

html[data-theme="dark"] .login-card button[type="submit"],
html[data-theme="dark"] .auth-card button[type="submit"],
html[data-theme="dark"] .access-card button[type="submit"],
html[data-theme="dark"] .form-card button[type="submit"],
html[data-theme="dark"] .login-box button[type="submit"],
html[data-theme="dark"] .auth-box button[type="submit"] {
  color: #ffffff !important;
}

/* Correção do rodapé do login no modo escuro */
html[data-theme="dark"] .login-footer,
html[data-theme="dark"] .auth-footer,
html[data-theme="dark"] .login-meta,
html[data-theme="dark"] .auth-meta,
html[data-theme="dark"] .security-footer,
html[data-theme="dark"] .security-line,
html[data-theme="dark"] .form-footer,
html[data-theme="dark"] .login-card-footer {
  color: #51677f !important;
}

html[data-theme="dark"] .login-footer *,
html[data-theme="dark"] .auth-footer *,
html[data-theme="dark"] .login-meta *,
html[data-theme="dark"] .auth-meta *,
html[data-theme="dark"] .security-footer *,
html[data-theme="dark"] .security-line *,
html[data-theme="dark"] .form-footer *,
html[data-theme="dark"] .login-card-footer * {
  color: #51677f !important;
}

/* Caso o rodapé não tenha classe específica, corrige textos pequenos próximos ao formulário */
html[data-theme="dark"] .login-page small,
html[data-theme="dark"] .auth-page small,
html[data-theme="dark"] .login-shell small,
html[data-theme="dark"] .auth-shell small,
html[data-theme="dark"] .login-layout small,
html[data-theme="dark"] .auth-layout small {
  color: #51677f !important;
}

/* Rodapé de segurança do login */
.cgr-login-footer-fix,
.cgr-login-footer-fix * {
  color: #60758c !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="dark"] .cgr-login-footer-fix,
html[data-theme="dark"] .cgr-login-footer-fix * {
  color: #60758c !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* =========================================================
   CORREÇÃO FORTE — MODO ESCURO DO PAINEL CGR
   Aplica contraste correto em painel, cards, abas, timeline,
   tabela detalhada e análise/insights.
========================================================= */

html[data-theme="dark"] body {
  background: #061522 !important;
  color: #eaf2ff !important;
}

/* Área geral do relatório */
html[data-theme="dark"] main,
html[data-theme="dark"] section,
html[data-theme="dark"] article,
html[data-theme="dark"] .container,
html[data-theme="dark"] .content,
html[data-theme="dark"] .main,
html[data-theme="dark"] .main-content,
html[data-theme="dark"] .dashboard,
html[data-theme="dark"] .report,
html[data-theme="dark"] .report-content,
html[data-theme="dark"] .page,
html[data-theme="dark"] .page-content {
  background: #061522 !important;
  color: #eaf2ff !important;
}

/* Faixas claras das abas e filtros */
html[data-theme="dark"] nav,
html[data-theme="dark"] .tabs,
html[data-theme="dark"] .tab-bar,
html[data-theme="dark"] .tab-nav,
html[data-theme="dark"] .nav-tabs,
html[data-theme="dark"] .subtabs,
html[data-theme="dark"] .filters,
html[data-theme="dark"] .filter-bar,
html[data-theme="dark"] .month-tabs,
html[data-theme="dark"] .period-tabs {
  background: #0b1f35 !important;
  color: #dcecff !important;
  border-color: #263f5c !important;
}

/* Botões das abas */
html[data-theme="dark"] .tab,
html[data-theme="dark"] .tab-btn,
html[data-theme="dark"] .nav-link,
html[data-theme="dark"] .tabs button,
html[data-theme="dark"] .subtabs button,
html[data-theme="dark"] .filter-btn,
html[data-theme="dark"] .month-btn,
html[data-theme="dark"] .period-btn {
  background: transparent !important;
  color: #9ecbff !important;
  border-color: #2e4b6a !important;
}

html[data-theme="dark"] .tab.active,
html[data-theme="dark"] .tab-btn.active,
html[data-theme="dark"] .nav-link.active,
html[data-theme="dark"] .tabs button.active,
html[data-theme="dark"] .subtabs button.active,
html[data-theme="dark"] .filter-btn.active,
html[data-theme="dark"] .month-btn.active,
html[data-theme="dark"] .period-btn.active,
html[data-theme="dark"] .active {
  color: #ffffff !important;
  background: #1f65aa !important;
  border-color: #3e8fe3 !important;
}

/* Títulos de seção */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .titulo,
html[data-theme="dark"] .titulo-secao,
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .title {
  color: #f4f8ff !important;
}

/* Textos secundários */
html[data-theme="dark"] p,
html[data-theme="dark"] small,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .subtitle,
html[data-theme="dark"] .subtitulo,
html[data-theme="dark"] .description,
html[data-theme="dark"] .descricao,
html[data-theme="dark"] .meta,
html[data-theme="dark"] .label,
html[data-theme="dark"] .info,
html[data-theme="dark"] .details {
  color: #b8c9dc !important;
}

/* Evita títulos apagados dentro das seções */
html[data-theme="dark"] section > div,
html[data-theme="dark"] section > header,
html[data-theme="dark"] .section-header {
  color: #eaf2ff !important;
}

/* Cards gerais, indicadores, timeline e análise */
html[data-theme="dark"] .card,
html[data-theme="dark"] .metric-card,
html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .indicator-card,
html[data-theme="dark"] .kpi-card,
html[data-theme="dark"] .timeline-card,
html[data-theme="dark"] .timeline-item,
html[data-theme="dark"] .occurrence-card,
html[data-theme="dark"] .ocorrencia-card,
html[data-theme="dark"] .insight-card,
html[data-theme="dark"] .analysis-card,
html[data-theme="dark"] .analise-card,
html[data-theme="dark"] .content-card,
html[data-theme="dark"] .details-card,
html[data-theme="dark"] .box,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .widget {
  background: #183a5c !important;
  color: #eaf2ff !important;
  border-color: #3d5c7d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 14px 36px rgba(0,0,0,.32) !important;
}

/* Como alguns cards não possuem classe, força blocos brancos do relatório */
html[data-theme="dark"] main div[style*="background: white"],
html[data-theme="dark"] main div[style*="background:#fff"],
html[data-theme="dark"] main div[style*="background: #fff"],
html[data-theme="dark"] main div[style*="background-color: white"],
html[data-theme="dark"] main div[style*="background-color:#fff"],
html[data-theme="dark"] main div[style*="background-color: #fff"] {
  background: #183a5c !important;
  color: #eaf2ff !important;
  border-color: #3d5c7d !important;
}

/* Cards brancos sem classe específica dentro do conteúdo */
html[data-theme="dark"] main > div,
html[data-theme="dark"] main section > div {
  border-color: #3d5c7d !important;
}

/* Números e destaques dos indicadores */
html[data-theme="dark"] .metric-card strong,
html[data-theme="dark"] .summary-card strong,
html[data-theme="dark"] .indicator-card strong,
html[data-theme="dark"] .kpi-card strong,
html[data-theme="dark"] .card strong,
html[data-theme="dark"] .metric-value,
html[data-theme="dark"] .value,
html[data-theme="dark"] .number {
  color: #ffffff !important;
}

/* Textos dentro dos cards */
html[data-theme="dark"] .card p,
html[data-theme="dark"] .card span,
html[data-theme="dark"] .metric-card p,
html[data-theme="dark"] .metric-card span,
html[data-theme="dark"] .summary-card p,
html[data-theme="dark"] .summary-card span,
html[data-theme="dark"] .indicator-card p,
html[data-theme="dark"] .indicator-card span,
html[data-theme="dark"] .timeline-card p,
html[data-theme="dark"] .timeline-card span,
html[data-theme="dark"] .occurrence-card p,
html[data-theme="dark"] .occurrence-card span,
html[data-theme="dark"] .insight-card p,
html[data-theme="dark"] .insight-card span {
  color: #c5d6e8 !important;
}

/* Tabela detalhada */
html[data-theme="dark"] table,
html[data-theme="dark"] .table,
html[data-theme="dark"] .table-wrapper,
html[data-theme="dark"] .table-container {
  background: #183a5c !important;
  color: #eaf2ff !important;
  border-color: #3d5c7d !important;
}

html[data-theme="dark"] thead,
html[data-theme="dark"] th {
  background: #173453 !important;
  color: #ffffff !important;
  border-color: #3d5c7d !important;
}

html[data-theme="dark"] tbody,
html[data-theme="dark"] tr,
html[data-theme="dark"] td {
  background: #183a5c !important;
  color: #eaf2ff !important;
  border-color: #3d5c7d !important;
}

html[data-theme="dark"] tr:nth-child(even) td {
  background: #0d2138 !important;
}

/* Linha do tempo */
html[data-theme="dark"] .timeline,
html[data-theme="dark"] .linha-tempo,
html[data-theme="dark"] .timeline-list {
  background: #061522 !important;
  color: #eaf2ff !important;
}

html[data-theme="dark"] .timeline::before,
html[data-theme="dark"] .linha-tempo::before {
  background: #4779ad !important;
}

/* Caixa de análise/insights */
html[data-theme="dark"] .insights,
html[data-theme="dark"] .insights-box,
html[data-theme="dark"] .analysis,
html[data-theme="dark"] .analysis-box,
html[data-theme="dark"] .analise,
html[data-theme="dark"] .analise-box,
html[data-theme="dark"] .alert,
html[data-theme="dark"] .notice,
html[data-theme="dark"] .info-box {
  background: #183a5c !important;
  color: #eaf2ff !important;
  border-color: #3d5c7d !important;
}

/* Divisores */
html[data-theme="dark"] hr,
html[data-theme="dark"] .divider,
html[data-theme="dark"] .section-divider {
  border-color: rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.18) !important;
}

/* Botões e chips */
html[data-theme="dark"] .badge,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .pill,
html[data-theme="dark"] .status,
html[data-theme="dark"] .tag {
  color: #08213a !important;
  opacity: 1 !important;
}

/* Botões principais permanecem visíveis */
html[data-theme="dark"] button,
html[data-theme="dark"] .btn {
  border-color: #345878 !important;
}

/* Rodapé do painel */
html[data-theme="dark"] footer,
html[data-theme="dark"] .footer {
  background: #14375b !important;
  color: #d7e7f8 !important;
}

/* Garante contraste em textos soltos do relatório */
html[data-theme="dark"] main span:not(.badge):not(.chip):not(.pill):not(.status):not(.tag),
html[data-theme="dark"] main div:not(.badge):not(.chip):not(.pill):not(.status):not(.tag) {
  color: inherit;
}


/* CORRECAO_DARK_SURFACES_CGR_V1 */
html[data-theme="dark"] .cgr-dark-surface {
  background: #183a5c !important;
  color: #eaf2ff !important;
  border-color: #3d5c7d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 14px 36px rgba(0,0,0,.30) !important;
}

html[data-theme="dark"] .cgr-dark-surface h1,
html[data-theme="dark"] .cgr-dark-surface h2,
html[data-theme="dark"] .cgr-dark-surface h3,
html[data-theme="dark"] .cgr-dark-surface h4,
html[data-theme="dark"] .cgr-dark-surface strong,
html[data-theme="dark"] .cgr-dark-surface b {
  color: #ffffff !important;
}

html[data-theme="dark"] .cgr-dark-surface p,
html[data-theme="dark"] .cgr-dark-surface small,
html[data-theme="dark"] .cgr-dark-surface div,
html[data-theme="dark"] .cgr-dark-surface span:not(.badge):not(.chip):not(.pill):not(.status):not(.tag) {
  color: #c8d8e8 !important;
}

html[data-theme="dark"] .cgr-dark-surface .muted,
html[data-theme="dark"] .cgr-dark-surface .meta,
html[data-theme="dark"] .cgr-dark-surface .details,
html[data-theme="dark"] .cgr-dark-surface .description {
  color: #9fb5cc !important;
}

html[data-theme="dark"] .timeline-card,
html[data-theme="dark"] .timeline-item,
html[data-theme="dark"] .linha-tempo-card,
html[data-theme="dark"] .linha-tempo-item,
html[data-theme="dark"] .occurrence-card,
html[data-theme="dark"] .ocorrencia-card,
html[data-theme="dark"] .insights-box,
html[data-theme="dark"] .insight-box,
html[data-theme="dark"] .analysis-box,
html[data-theme="dark"] .analise-box,
html[data-theme="dark"] .insights-card,
html[data-theme="dark"] .analysis-card,
html[data-theme="dark"] .analise-card,
html[data-theme="dark"] .info-box,
html[data-theme="dark"] .notice-box {
  background: #183a5c !important;
  color: #eaf2ff !important;
  border-color: #3d5c7d !important;
}

html[data-theme="dark"] .report-wrapper,
html[data-theme="dark"] .report-shell,
html[data-theme="dark"] .content-wrapper,
html[data-theme="dark"] .page-wrapper,
html[data-theme="dark"] .main-wrapper,
html[data-theme="dark"] .app-wrapper {
  background: #061522 !important;
}

html[data-theme="dark"] .badge,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .pill,
html[data-theme="dark"] .status,
html[data-theme="dark"] .tag {
  color: #08213a !important;
  font-weight: 800 !important;
}

html[data-theme="dark"] .cgr-theme-toggle {
  background: #ffffff !important;
  color: #102033 !important;
  border-color: rgba(255,255,255,.55) !important;
}

html[data-theme="dark"] .tabs,
html[data-theme="dark"] .tab-bar,
html[data-theme="dark"] .tab-nav,
html[data-theme="dark"] .nav-tabs,
html[data-theme="dark"] .subtabs {
  background: #0b1f35 !important;
  color: #dcecff !important;
  border-color: #263f5c !important;
}

html[data-theme="dark"] .tab,
html[data-theme="dark"] .tab-btn,
html[data-theme="dark"] .nav-link,
html[data-theme="dark"] .tabs button,
html[data-theme="dark"] .subtabs button {
  background: transparent !important;
  color: #9ecbff !important;
  border-color: #2e4b6a !important;
}

html[data-theme="dark"] .tab.active,
html[data-theme="dark"] .tab-btn.active,
html[data-theme="dark"] .nav-link.active,
html[data-theme="dark"] .tabs button.active,
html[data-theme="dark"] .subtabs button.active {
  color: #ffffff !important;
  background: #1f65aa !important;
  border-color: #3e8fe3 !important;
}

/* CORRECAO_FAIXA_MESES_CGR_V1
   Corrige a faixa clara lateral da seleção de meses no modo escuro.
*/

html[data-theme="dark"] .cgr-dark-band {
  background: #0b1f35 !important;
  color: #eaf2ff !important;
  border-color: #263f5c !important;
}

html[data-theme="dark"] .cgr-dark-band *:not(button):not(.btn):not(.tab):not(.tab-btn):not(a) {
  color: inherit;
}

html[data-theme="dark"] .month-tabs,
html[data-theme="dark"] .period-tabs,
html[data-theme="dark"] .month-selector,
html[data-theme="dark"] .period-selector,
html[data-theme="dark"] .month-filter,
html[data-theme="dark"] .period-filter,
html[data-theme="dark"] .controls,
html[data-theme="dark"] .controls-bar,
html[data-theme="dark"] .filter-section,
html[data-theme="dark"] .months-section,
html[data-theme="dark"] .period-section,
html[data-theme="dark"] .cgr-months,
html[data-theme="dark"] .cgr-periods {
  background: #0b1f35 !important;
  color: #eaf2ff !important;
  border-color: #263f5c !important;
}

/* Corrige barras horizontais largas e claras que não possuem classe específica */
html[data-theme="dark"] .cgr-auto-dark-band {
  background: #0b1f35 !important;
  color: #eaf2ff !important;
  border-color: #263f5c !important;
}

html[data-theme="dark"] .cgr-auto-dark-band::before,
html[data-theme="dark"] .cgr-auto-dark-band::after {
  background: #0b1f35 !important;
}

/* Mantém os botões de mês com contraste */
html[data-theme="dark"] .cgr-auto-dark-band button,
html[data-theme="dark"] .cgr-auto-dark-band a,
html[data-theme="dark"] .cgr-auto-dark-band .btn,
html[data-theme="dark"] .cgr-auto-dark-band .tab,
html[data-theme="dark"] .cgr-auto-dark-band .tab-btn {
  opacity: 1 !important;
}