/* Automação EAR — identidade Comerc (escopo .aear-page), tema claro/escuro
   via html[data-theme]. Estrutura (layout/espacamento/raios/fontes) é neutra;
   só CORES variam: tudo que tem equivalente usa as vars globais de tema
   (--theme-panel/-panel2/-line/-ink/-mut); o resto fica em bloco dark. */
.aear-page {
  /* mapeia a paleta local para as vars globais (default = tema claro) */
  --aear-bg: var(--theme-panel2);
  --aear-panel: var(--theme-panel);
  --aear-panel2: var(--theme-panel2);
  --aear-head: var(--theme-panel2);
  --aear-line: var(--theme-line);
  --aear-ink: var(--theme-ink);
  --aear-mut: var(--theme-mut);
  --aear-dim: var(--theme-mut);
  /* cores semânticas / de marca (iguais nos dois temas) */
  --aear-green: #a4ce4e;
  --aear-green2: #34c06a;
  --aear-teal: #2fb39a;
  --aear-amber: #e8c267;
  --aear-shadow: 0 10px 40px rgba(0, 0, 0, .10);
  --aear-shadow2: 0 4px 18px rgba(0, 0, 0, .08);
  --aear-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  background:
    radial-gradient(1100px 520px at 82% -8%, rgba(164, 206, 78, .10), transparent 60%),
    radial-gradient(900px 480px at -5% 4%, rgba(47, 179, 154, .08), transparent 55%),
    var(--aear-bg);
  color: var(--aear-ink);
  border-radius: 18px;
  padding: 28px 30px 36px;
  box-shadow: var(--aear-shadow);
}

/* overrides do tema escuro (cores sem equivalente nas vars globais) */
html[data-theme="dark"] .aear-page {
  --aear-bg: #0c130f;
  --aear-head: #0e1813;
  --aear-dim: #6f8a7c;
  --aear-shadow: 0 10px 40px rgba(0, 0, 0, .35);
  --aear-shadow2: 0 4px 18px rgba(0, 0, 0, .25);
}

.aear-page .aear-mark {
  width: 30px; height: 30px; border-radius: 7px;
  background: conic-gradient(from 200deg, var(--aear-green), var(--aear-green2), var(--aear-teal), var(--aear-green));
  box-shadow: 0 0 0 1px rgba(164, 206, 78, .4), 0 6px 22px rgba(164, 206, 78, .22);
}

.aear-page h1.aear-title {
  font-family: var(--aear-serif);
  font-weight: 600; font-size: 30px; line-height: 1.12;
  color: var(--aear-ink); margin: 14px 0 6px;
}
.aear-page h1.aear-title em { font-style: italic; color: var(--aear-green); }
.aear-page .aear-lede { color: var(--aear-mut); font-size: 13.5px; max-width: 760px; }

.aear-page .aear-chip {
  font-size: 11px; color: var(--aear-mut);
  border: 1px solid var(--aear-line); border-radius: 999px;
  padding: 3px 12px; background: var(--aear-panel);
  display: inline-block; margin-right: 8px; letter-spacing: .03em;
}
.aear-page .aear-chip.gr {
  color: #0c130f; background: var(--aear-green);
  border-color: var(--aear-green); font-weight: 700;
}

.aear-page hr { border-color: var(--aear-line); opacity: 1; }
.aear-page label { color: var(--aear-mut) !important; }

/* dropdowns (react-select) seguindo o tema */
.aear-page .Select-control,
.aear-page .Select-menu-outer,
.aear-page .Select-menu,
.aear-page .Select.is-open > .Select-control {
  background: var(--aear-panel2) !important;
  border-color: var(--aear-line) !important;
  color: var(--aear-ink) !important;
  border-radius: 10px !important;
}
.aear-page .Select-value-label,
.aear-page .Select-placeholder { color: var(--aear-ink) !important; }
.aear-page .Select-arrow { border-top-color: var(--aear-green) !important; }
.aear-page .VirtualizedSelectOption { background: var(--aear-panel2); color: var(--aear-ink); }
.aear-page .VirtualizedSelectFocusedOption { background: rgba(164, 206, 78, .15); color: var(--aear-ink); }

/* bloco de veredito/KPIs (igual ao relatório) */
.aear-page .aear-verdict {
  border: 1px solid rgba(164, 206, 78, .4); border-radius: 14px;
  background: linear-gradient(120deg, rgba(52, 192, 106, .10), var(--aear-panel) 60%);
  padding: 18px 22px; margin-bottom: 18px;
}
.aear-page .aear-stat .v {
  font-family: var(--aear-serif); font-size: 30px;
  color: var(--aear-green); line-height: 1;
}
.aear-page .aear-stat .v small { font-size: 14px; color: var(--aear-mut); }
.aear-page .aear-stat .k { color: var(--aear-mut); font-size: 12px; margin-top: 4px; }

.aear-page .aear-note { color: var(--aear-dim); font-size: 12px; }
.aear-page .aear-legend { color: var(--aear-dim); font-size: 11.5px; }
.aear-page .aear-legend .sw {
  display: inline-block; width: 13px; height: 13px; border-radius: 3px;
  margin-right: 5px; vertical-align: -2px;
}

/* moldura da tabela */
.aear-page .aear-tablewrap {
  border: 1px solid var(--aear-line); border-radius: 14px;
  overflow: hidden; background: var(--aear-panel);
  box-shadow: var(--aear-shadow2);
}
.aear-page .dash-table-tooltip {
  background: var(--aear-head) !important; color: var(--aear-ink) !important;
  border: 1px solid var(--aear-line) !important; font-size: 12px;
}
/* spinner */
.aear-page .spinner-border { color: var(--aear-green) !important; }

/* ===== Automação Deck: abas + bloco WEOL ===== */
.aear-page .aear-tabs .nav-link {
  color: var(--aear-dim); font-weight: 600; font-size: 13px;
  text-transform: uppercase; letter-spacing: .06em; border: none;
}
.aear-page .aear-tabs .nav-link.active {
  color: var(--aear-ink); background: transparent;
  border-bottom: 2px solid var(--aear-green);
}
.aear-page .weol-blocktitle {
  font-size: 12px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .07em; color: var(--aear-ink); margin: 0 0 6px 2px;
}