/* ------------------------------------------- */
/* ---------------- DARK MODE ---------------- */
/* ------------------------------------------- */

[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #14161c;
  --color-surface: #1c1f27;
  --color-surface-alt: #242830;
  --color-text: #e6e8ec;
  --color-text-muted: #a2a8b4;
  --color-border: rgba(255, 255, 255, 0.09);
  --color-input-bg: #12141a;
  --color-input-border: rgba(255, 255, 255, 0.12);
  --color-primary: #5f87d6;
  --color-primary-dark: #4a6db8;
  --color-primary-light: #263248;
  --color-danger: #e08683;
}

[data-theme="dark"] body {
  background-color: var(--color-bg);
  color: var(--color-text);
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3 {
  color: var(--color-text);
}

[data-theme="dark"] h3 {
  color: var(--color-text-muted);
}

[data-theme="dark"] .categoria-item {
  color: var(--color-text);
  background-color: var(--color-primary-light);
}

[data-theme="dark"] .categoria-item button {
  background: none;
  color: inherit;
}

[data-theme="dark"] p {
  color: var(--color-text-muted);
}

[data-theme="dark"] select,
[data-theme="dark"] textarea,
[data-theme="dark"] input[type="date"],
[data-theme="dark"] input[type="datetime-local"],
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="number"] {
  background-color: var(--color-input-bg);
  border-color: var(--color-input-border);
  color: var(--color-text);
}

[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] input[type="date"]:focus,
[data-theme="dark"] input[type="datetime-local"]:focus,
[data-theme="dark"] input[type="text"]:focus,
[data-theme="dark"] input[type="number"]:focus {
  background-color: var(--color-surface-alt);
}

[data-theme="dark"] input.destacado {
  background-color: #1f2d3a; /* azul escuro discreto, visível no fundo preto */
}

[data-theme="dark"] label {
  color: #bbb;
}

[data-theme="dark"] button {
  background-color: var(--color-primary);
  color: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] button:hover {
  background-color: var(--color-primary-dark);
}

[data-theme="dark"] td.excluir button {
  color: #ff6b6b;
  box-shadow: none;
}

[data-theme="dark"] .topo-principal {
  background: linear-gradient(135deg, #223059, #16213d);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .rodape-principal {
  background: var(--color-surface);
  border-color: var(--color-border);
}

[data-theme="dark"] .titulo-site,
[data-theme="dark"] .logo {
  color: #7fa2e6;
}

[data-theme="dark"] .subtitulo {
  color: var(--color-text-muted);
}

[data-theme="dark"] .topo-conteudo .subtitulo {
  color: rgba(255, 255, 255, 0.78);
}

[data-theme="dark"] .containers {
  background: transparent;
}

[data-theme="dark"] .container {
  background: var(--color-surface);
  border-color: var(--color-border);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
  color: var(--color-text);
}

[data-theme="dark"] .conteudo {
  background-color: var(--color-surface);
  color: var(--color-text-muted);
}

[data-theme="dark"] .conteudo p {
  color: #ccd2db;
}

[data-theme="dark"] .bloco-com-imagem {
  background-color: var(--color-surface-alt);
  border-color: var(--color-border);
}

[data-theme="dark"] .bloco-com-imagem p {
  padding-left: 10px;
}

[data-theme="dark"] .resultado {
  background-color: var(--color-primary-light);
  color: #a5d6ff;
  border-color: #3c4f6b;
}

[data-theme="dark"] .card-indicador span {
  color: #9fb0c3;
}

[data-theme="dark"] .card-indicador strong {
  color: #a5d6ff;
}

[data-theme="dark"] .erro {
  color: #ff6b6b;
}

[data-theme="dark"] .dash-vazio-msg,
[data-theme="dark"] .dash-vazio-msg:visited,
[data-theme="dark"] .dash-vazio-msg:hover,
[data-theme="dark"] .dash-vazio-msg:active {
  background-color: #263248;
  color: #a5d6ff;
  border-color: #3c4f6b;
}

[data-theme="dark"] .langsel-container {
  background-color: rgba(20, 22, 28, 0.88);
  backdrop-filter: saturate(180%) blur(10px);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  border-bottom-color: var(--color-border);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .langsel-btn {
  background: transparent;
  color: var(--color-text-muted);
}

[data-theme="dark"] .langsel-btn:hover,
[data-theme="dark"] .langsel-btn:focus {
  background-color: var(--color-primary-light);
  color: #cfe0ff;
}

[data-theme="dark"] .col {
  background-color: var(--color-surface-alt);
}

[data-theme="dark"] .historico,
[data-theme="dark"] .col-destaque {
  background-color: var(--color-surface-alt);
  color: var(--color-text);
  border-color: var(--color-border);
}

[data-theme="dark"] #tabela-itens tbody tr:nth-child(even){
  background-color: #23262e;
  color: #BABABA;
}

[data-theme="dark"] #tabela-itens tbody tr:nth-child(odd) {
  background-color: #1c1f27;
  color: #BABABA;
}

[data-theme="dark"] #tabela-itens thead {
  background-color: var(--color-primary);
  color: #ffffff;
}

[data-theme="dark"] #tabela-itens thead th {
	/*border-bottom: 1px solid #444;*/
	color: #CCC;
}

[data-theme="dark"] tr.linha-par {
  background-color: #23262e !important; /* cor para linhas pares */
  color: var(--color-text-muted);
}

[data-theme="dark"] tr.linha-impar {
  background-color: #1c1f27 !important; /* cor para linhas ímpares */
  color: var(--color-text-muted);
}

[data-theme="dark"] .grupo-data {
  background-color: #263248 !important;
  color: #a5d6ff;
}

[data-theme="dark"] .dado-secundario {
  color: #BABABA !important;
}

[data-theme="dark"] .linha-secundaria td {
  color: #BABABA;
}