/* Tema preto e dourado da PONTUAL ASSESSORIA CONTÁBIL. Só cores: o layout continua o do estilo.css.
   Liga com COFRE_TEMA=pontual no ambiente; sem a variável, o Baú fica no visual padrão. */
:root {
  --fundo: #f6f4ef;
  --superficie: #ffffff;
  --tinta: #141414;
  --tinta-suave: #6b6457;
  --linha: #e6dfcf;
  --marca: #141414;
  --marca-forte: #000000;
  --marca-clara: #f5eedb;
  --lateral: #121212;
  --lateral-texto: #cfc6b0;
  --ouro: #C9A44C;
  --ouro-claro: #E3C677;
  --ouro-escuro: #8a6d1f;
  --sombra: 0 1px 2px rgba(20, 20, 20, .06), 0 1px 6px rgba(20, 20, 20, .05);
}

a, .link { color: var(--ouro-escuro); }
input[type=radio], input[type=checkbox] { accent-color: var(--ouro); }
input:focus, select:focus, textarea:focus, button:focus-visible, a:focus-visible { outline-color: var(--ouro); }
input[type=text], input[type=password], input[type=date], input[type=month], input[type=search], select, textarea { border-color: #d9d0bc; }

/* Botões: pretos com letra dourada; o claro é branco com contorno preto. */
.botao { background: #141414; border-color: #141414; color: var(--ouro-claro); }
.botao:hover { background: #000; }
.botao.claro { background: #fff; color: #141414; border-color: #cbbf9f; }
.botao.claro:hover { background: var(--marca-clara); border-color: var(--ouro); }

/* Barra lateral preta, item ativo e títulos em dourado. */
.lateral { border-right: 1px solid #2a261c; }
.lateral nav a:hover { background: rgba(201, 164, 76, .08); color: #fff; }
.lateral nav a.ativo { background: rgba(201, 164, 76, .16); color: var(--ouro-claro); box-shadow: inset 3px 0 0 var(--ouro); }
.grupo-menu { color: #8f8571; }
.grupo-menu.tipo-nota { border-left-color: var(--ouro); background: rgba(201, 164, 76, .07); color: var(--ouro-claro); }
.lateral .marca { color: #fff; }

/* Topo e cabeçalhos */
.topo { border-bottom-color: var(--linha); }
.topo .quem a { color: #141414; font-weight: 600; }
th { background: #faf8f2; }
tbody tr:hover, .lista-notas tbody tr:hover .acao-fixa { background: #fbf8ef; }
.lista-notas th.acao-fixa { background: #faf8f2; }

/* Métricas: a de destaque fica preta com o número dourado. */
.metrica.destaque { background: #141414; color: var(--ouro-claro); }
.metrica.destaque .rotulo { color: #cfc6b0; }
a.metrica:hover { border-color: var(--ouro); }

/* Gráficos de barras em dourado; consumo por empresa também. */
.grafico rect, .barras-dias .barra { fill: var(--ouro); }
.grafico a:hover rect, .barras-dias a:hover .barra { fill: #a8842c; }
.barras-dias .barra.zero { fill: #ebe4d3; }
.barras-dias a:hover .alvo { fill: #faf6ea; }
.medidor-barra .cheio { fill: var(--ouro); }
.medidor-barra .trilho { fill: #f1ece0; }
.rosca .trilho { stroke: #f1ece0; }

.medidor-nome { color: var(--tinta); }
.medidor-nome:hover { color: var(--ouro-escuro); }

/* Fichas e abas */
.ficha-empresa { background: var(--marca-clara); color: #5e4a12; }
.abas a[aria-current="page"] { color: #141414; border-bottom-color: var(--ouro); }
.menu-contador { background: var(--ouro); color: #141414; }