/* Tema OMNAI (31-07-2026)
 *
 * Carregado depois do <style> de cada ecrã, portanto manda nos tokens.
 * Ficheiro único de propósito: com quatro páginas independentes, a paleta
 * espalhada por quatro sítios diverge à terceira alteração.
 *
 * A cor vem do próprio símbolo: os arcos concêntricos são #6B8488, e o tema
 * da primeira app já era #5D8D8B. Não foi inventada.
 */

:root{
  /* Neutros: quase-preto esverdeado, para o teal assentar sem vibrar */
  --bg:#f4f6f6;
  --card:#ffffff;
  --tx:#101618;
  --tx2:#5f6f72;
  --li:#e2e7e7;

  /* Marca */
  --ac:#3f6f6d;          /* verde-azulado OMNAI, escurecido para contraste em fundo claro */
  --ac-suave:#e8efee;

  /* Semânticas: cada uma diz uma coisa só */
  --al:#c0392f;          /* prazo a fechar, não é meu, erro */
  --av:#b26a06;          /* atenção, adiado, por confirmar */
  --ok:#2f7d5f;          /* feito, validado */
  --p0:#c0392f;
  --p1:#b26a06;
}

@media (prefers-color-scheme:dark){
  :root{
    --bg:#0d1112;
    --card:#161c1e;
    --tx:#e6ecec;
    --tx2:#8d9b9d;
    --li:#232b2d;
    --ac:#7fada9;        /* clareado, senão não passa em fundo escuro */
    --ac-suave:#1a2426;
    --al:#e05a4f;
    --av:#d9922e;
    --ok:#4fae86;
    --p0:#e05a4f;
    --p1:#d9922e;
  }
}

/* O símbolo aparece uma vez, no canto do cabeçalho. Sem repetições. */
header{position:relative}
header::after{
  content:"";position:absolute;right:16px;top:16px;
  width:30px;height:30px;border-radius:9px;
  background:url("/static/icon-192.png") center/contain no-repeat;
  opacity:.95;
}
h1{font-weight:650}
.sub{letter-spacing:.1px}

/* Números sempre alinhados: numa app de contagens e valores isto lê-se melhor */
.k b, .val, .resumo td.n, nav b, .prazo{font-variant-numeric:tabular-nums}

/* Superfícies com menos ruído e uma sombra muito curta em modo claro */
.c, .t, .i, .p, .k, .resumo-caixa, .fecho, .novo input, .novo select{
  transition:border-color .15s ease, background .15s ease;
}
@media (prefers-color-scheme:light){
  .c, .t, .i, .p, .k{box-shadow:0 1px 2px rgba(16,22,24,.04)}
}

/* Acções: a primária ganha o teal, as outras ficam discretas */
button.pri, button.ok{border-color:var(--ok);color:var(--ok)}
button.no{border-color:var(--al);color:var(--al)}
.novo button{background:var(--ac)}
.p .n{background:var(--ac)}
a.pdf{color:var(--ac)}
.f.on{background:var(--ac);border-color:var(--ac)}

/* Barra: o separador activo marcado com o teal */
nav a.on{color:var(--ac)}
nav{background:var(--card)}

/* Estados vazios com menos peso visual */
.vazio b{font-weight:600}

/* Ecrã largo: cabeçalho e conteúdo alinhados na mesma coluna */
@media (min-width:900px){
  header::after{right:24px;top:22px;width:34px;height:34px}
  .cards{grid-template-columns:repeat(3,1fr)}
}