/*
===========================================================
 Projeto: Kiva — Diário Inteligente (Gratuito)
 Arquivo: style.css
 Versão: v1.0.1 — 2026-02-09
 Histórico: Ajuste de contraste/legibilidade (texto, links, tabelas, inputs).
 Autor(a): Valdelir da Graça dos Santos Souza — Especialista de Inovação com IA
 Observações: Código 100% nativo Kiva; Direitos autorais preservados; Uso licenciado apenas via Kiva.
===========================================================
*/

/* Ajustes locais do Diário (usa o tema global) */
.wrap{max-width:1100px;margin:0 auto;padding:20px}
.topbar{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 20px;background:#121215;border-bottom:1px solid #24242a}
.tabs{display:flex;gap:8px;flex-wrap:wrap}
.tabs button{background:#222430;border:1px solid #2d2d35;border-radius:10px;padding:8px 12px;color:#e9e9ef;cursor:pointer}
.tabs button.active{background:#6A0DAD;border-color:transparent;color:#fff}
.tab{display:none} .tab.active{display:block}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.metric{font-size:28px;margin:6px 0 0}
.form{background:#17171a;border-radius:14px;padding:16px;border:1px solid #24242a;margin-bottom:16px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.full{grid-column:1/-1}
.form input,.form select{width:100%;padding:10px;border-radius:10px;border:1px solid #2d2f39;background:#12131a;color:#e9e9ef}
.actions{display:flex;gap:10px;margin-top:10px}
button{background:#6A0DAD;color:#fff;border:0;border-radius:10px;padding:10px 14px;cursor:pointer}
button.ghost{background:#222430}
.tableWrap{background:#17171a;border-radius:14px;border:1px solid #24242a;overflow:auto}
table{width:100%;border-collapse:collapse}
thead th{padding:10px;border-bottom:1px solid #2a2c36;text-align:left}
tbody td{padding:10px;border-bottom:1px solid #232530}
.card{background:#17171a;border-radius:14px;padding:16px;border:1px solid #24242a}
.card.danger{border-color:rgba(239,68,68,.5)}

/* ===== Patch de legibilidade (não depende do tema global) ===== */
:root{
  /* fallback caso o tema global não defina variáveis */
  --kiva-text: #e9e9ef;
  --kiva-muted: rgba(233,233,239,.78);
  --kiva-border: #24242a;
  --kiva-surface: #17171a;
  --kiva-surface-2: #121215;
  --kiva-focus: #6A0DAD;
}

/* garante contraste geral */
body{
  color: var(--kiva-text);
  background: #0f0f12; /* fallback */
}

/* títulos e textos principais */
h1,h2,h3,h4,h5,h6,
.topbar h1,
.card h3,
.form h3,
.tableWrap h3{
  color: var(--kiva-text);
}

p, small, label, th, td{
  color: var(--kiva-text);
}

/* textos secundários */
.card p, .form p, .filters, .filters label{ color: var(--kiva-muted); }

/* inputs/selects: texto visível + placeholder visível */
.form input::placeholder,
.filters input::placeholder{
  color: rgba(233,233,239,.55);
}

/* links claros (ponto crítico em fundo escuro) */
a, a:visited{
  color: #caa7ff;
  text-decoration: underline;
}
a:hover{
  color: #e6d7ff;
}

/* foco acessível (teclado) */
button:focus, input:focus, select:focus, a:focus{
  outline: 2px solid rgba(106,13,173,.7);
  outline-offset: 2px;
}
/* ===== Resumo (mensal/anual) ===== */
.resumoHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:14px;
  margin-bottom:14px;
  flex-wrap:wrap;
}
.resumoControls{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:flex-end;
}
.resumoControls label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:14px;
}
.resumoControls input,
.resumoControls select{
  padding:10px;
  border-radius:10px;
  border:1px solid #2d2f39;
  background:#12131a;
  color:#e9e9ef;
}
.muted{ color: rgba(233,233,239,.72); }
code{ background:#12131a; padding:2px 6px; border-radius:8px; border:1px solid #2d2f39; }

.kivaTools{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.kivaTools button{
  white-space:nowrap;
}
/* ===== Resumo: bloco de contexto (nome + observações) ===== */
.resumoContexto{
  margin: 14px 0 18px;
  padding: 14px;
  border-radius: 14px;
  background: #15151a;
  border: 1px solid #24242a;

  display: grid;
  grid-template-columns: 280px 1fr; /* nome menor, observação maior */
  gap: 12px;
  align-items: end;
}

.resumoContexto label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:14px;
  color: rgba(233,233,239,.9);
}

.resumoContexto input,
.resumoContexto textarea{
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #2d2f39;
  background: #12131a;
  color: #e9e9ef;
}

.resumoContexto textarea{
  min-height: 54px;
  resize: vertical;
}
/* ===== Resumo: bloco de contexto (nome + observações) ===== */
.resumoContexto{
  margin: 14px 0 18px;
  padding: 14px;
  border-radius: 14px;
  background: #15151a;
  border: 1px solid #24242a;

  display: grid;
  grid-template-columns: 280px 1fr; /* nome menor, observação maior */
  gap: 12px;
  align-items: end;
}

.resumoContexto label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:14px;
  color: rgba(233,233,239,.9);
}

.resumoContexto input,
.resumoContexto textarea{
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #2d2f39;
  background: #12131a;
  color: #e9e9ef;
}

.resumoContexto textarea{
  min-height: 54px;
  resize: vertical;
}
.resumoContexto{
  margin: 16px 0 20px;
  padding: 16px;
  border-radius: 14px;
  background: linear-gradient(180deg, #17171a, #141418);
  border: 1px solid #2a2a32;
}
.licenseBox {
  margin: 12px 0 16px 0;
  text-align: right;
}