/* Fever Light (Opção 2): versão clara (atual)
   Ativa quando body NÃO tem .dark-mode.
   Mantém o fundo degradê (vem do fever-base.css) e clareia apenas as superfícies internas.
*/
:root{
  --light-bg:#EAF2FF;
  --light-bg2:#F3F7FF;
  --light-row:#EDF3FF;
  --light-border:#CFE0F5;
  --light-border2:#D8E2F0;
  --light-text:#0B1220;
  --light-muted:#475569;
}

/* Texto padrão do conteúdo para escuro (para ler em fundo claro de cards/tabelas) */
body:not(.dark-mode){
  color: var(--light-text) !important;
}

body:not(.dark-mode) .slim-mainpanel,
body:not(.dark-mode) .slim-content,
body:not(.dark-mode) .slim-body{
  background: transparent !important;
}

/* Cards e superfícies claras */
body:not(.dark-mode) .card,
body:not(.dark-mode) .modal-content,
body:not(.dark-mode) .dropdown-menu,
body:not(.dark-mode) .content,
body:not(.dark-mode) .content-body,
body:not(.dark-mode) .mainpanel,
body:not(.dark-mode) .panel,
body:not(.dark-mode) .box{
  background: rgba(255,255,255,0.94) !important;
  border: 1px solid var(--light-border) !important;
  box-shadow: 0 16px 46px rgba(2, 8, 23, 0.12) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

body:not(.dark-mode) .card-header,
body:not(.dark-mode) .modal-header{
  background: rgba(255,255,255,0.98) !important;
  border-bottom: 1px solid var(--light-border2) !important;
  color: var(--light-text) !important;
}

/* Inputs claros */
body:not(.dark-mode) .form-control,
body:not(.dark-mode) input,
body:not(.dark-mode) select,
body:not(.dark-mode) textarea{
  background: rgba(255,255,255,0.98) !important;
  color: var(--light-text) !important;
  border: 1px solid var(--light-border) !important;
}

body:not(.dark-mode) .form-control:focus,
body:not(.dark-mode) input:focus,
body:not(.dark-mode) select:focus,
body:not(.dark-mode) textarea:focus{
  border-color: rgba(0,145,255,0.55) !important;
  box-shadow: 0 0 0 0.22rem rgba(0,145,255,0.18) !important;
}

/* Tabelas (Opção 2) */
body:not(.dark-mode) table,
body:not(.dark-mode) .table{
  color: var(--light-text) !important;
  background: rgba(255,255,255,0.94) !important;
}

body:not(.dark-mode) table thead th,
body:not(.dark-mode) .table thead th{
  background: rgba(11, 18, 32, 0.95) !important;
  color: #F2F6FF !important;
  border-bottom: 1px solid rgba(11, 18, 32, 0.22) !important;
}

body:not(.dark-mode) table td,
body:not(.dark-mode) table th,
body:not(.dark-mode) .table td,
body:not(.dark-mode) .table th{
  border-top: 1px solid rgba(15, 23, 42, 0.10) !important;
}

body:not(.dark-mode) .table-striped tbody tr:nth-of-type(odd){
  background: rgba(237, 243, 255, 0.85) !important;
}

body:not(.dark-mode) .table-hover tbody tr:hover{
  background: rgba(0, 145, 255, 0.06) !important;
}

/* DataTables inputs */
body:not(.dark-mode) .dataTables_wrapper .dataTables_filter input,
body:not(.dark-mode) .dataTables_wrapper .dataTables_length select{
  background: rgba(255,255,255,0.98) !important;
  color: var(--light-text) !important;
  border: 1px solid var(--light-border) !important;
}

body:not(.dark-mode) .dataTables_wrapper .dataTables_info,
body:not(.dark-mode) .dataTables_wrapper .dataTables_paginate{
  color: rgba(255,255,255,0.82) !important; /* paginacao aparece sobre fundo escuro do layout */
}

/* Login: mantém caixa em estilo "glass" escuro mesmo no modo claro */
body:not(.dark-mode) .signin-box{
  background: linear-gradient(180deg, rgba(12, 22, 38, 0.76) 0%, rgba(7, 12, 22, 0.70) 100%) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,0.45) !important;
}

body:not(.dark-mode) .signin-box *{
  color: #F2F6FF !important;
}

/* Contraste no modo claro: cards do dashboard não podem ficar apagados */
body.light-mode .card-status{
  background: rgba(255,255,255,0.94) !important;
}

body.light-mode .card-status p{
  color: rgba(11,18,32,0.78) !important;
}

body.light-mode .card-status h1{
  background: linear-gradient(135deg, #0EA5A1 0%, #0EA5E9 55%, #1D4ED8 100%) !important;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  letter-spacing: -0.5px;
}

/* Pequenos títulos dentro de cards */
body.light-mode .card h4,
body.light-mode .card h5,
body.light-mode .card h6{
  color: #0B1220 !important;
}


/* =========================
   FIX: Resumo financeiro no modo claro
   (evita texto escuro sobre o fundo degradê escuro)
   ========================= */
body:not(.dark-mode) .financial-summary{
  margin-top: 10px;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(7, 14, 26, 0.58) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,0.30) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body:not(.dark-mode) .financial-summary h5,
body:not(.dark-mode) .financial-summary h1,
body:not(.dark-mode) .financial-summary span{
  color: var(--text-on-dark) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,0.35);
}

body:not(.dark-mode) .financial-summary h5{
  font-weight: 800;
  letter-spacing: .2px;
  margin-bottom: 10px;
}

body:not(.dark-mode) .financial-summary .summary-item{
  display: flex;
  align-items: center;
  gap: 12px;
}

body:not(.dark-mode) .financial-summary .summary-icon{
  width: 52px;
  height: 52px;
  border-radius: 14px;
  padding: 10px;
  background: linear-gradient(135deg,
    rgba(0, 210, 185, 0.28) 0%,
    rgba(0, 145, 255, 0.22) 55%,
    rgba(0, 90, 180, 0.14) 100%) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  box-shadow: 0 12px 30px rgba(0, 145, 255, 0.14), 0 0 22px rgba(0, 210, 185, 0.10);
}

body:not(.dark-mode) .financial-summary .summary-detail h1{
  font-weight: 900;
  font-size: 34px;
  margin: 0;
}

body:not(.dark-mode) .financial-summary .summary-detail span{
  color: var(--muted-on-dark) !important;
}