/* public/assets/css/style.css */
:root {
  --azul: #1c4d8f;
  --azul-escuro: #123566;
  --vermelho: #c22a2a;
  --cinza: #667085;
  --cinza-claro: #eef1f5;
  --branco: #ffffff;
  --texto: #1d2733;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: "Segoe UI", Arial, sans-serif;
  color: var(--texto);
  background: var(--cinza-claro);
}

.cabecalho-app {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--branco);
  border-bottom: 4px solid var(--azul);
  padding: 12px 24px;
}

.cabecalho-app__marca { display: flex; align-items: center; }
.cabecalho-app__logo { height: 56px; width: auto; }
.cabecalho-app__nav a {
  color: var(--azul);
  text-decoration: none;
  font-weight: 600;
}

.conteudo-app { max-width: 960px; margin: 24px auto; padding: 0 16px 48px; }

.cartao-login, .cartao-resultados, .cartao-detalhe {
  background: var(--branco);
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.form-login { display: flex; flex-direction: column; gap: 8px; max-width: 420px; }
.form-login input[type="text"] {
  padding: 10px 12px;
  border: 1px solid #ccd3dc;
  border-radius: 6px;
  font-size: 16px;
}
.form-login button, .form-anexo button {
  background: var(--azul);
  color: var(--branco);
  border: none;
  border-radius: 6px;
  padding: 10px 16px;
  font-weight: 600;
  cursor: pointer;
}
.form-login button:hover, .form-anexo button:hover { background: var(--azul-escuro); }

.alerta { padding: 10px 12px; border-radius: 6px; margin: 12px 0; }
.alerta--erro { background: #fbe6e6; color: var(--vermelho); }
.alerta--sucesso { background: #e5f4ea; color: #1a7a3c; }

.lista-resultados { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.lista-resultados a {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  border: 1px solid #dde3ea;
  border-radius: 6px;
  text-decoration: none;
  color: var(--texto);
}
.lista-resultados a:hover { border-color: var(--azul); }

.ficha-resumo { display: grid; grid-template-columns: 140px 1fr; gap: 4px 12px; margin: 16px 0; }
.ficha-resumo dt { color: var(--cinza); font-weight: 600; }
.ficha-resumo dd { margin: 0; }

.tabela-ano { width: 100%; border-collapse: collapse; margin: 20px 0; display: block; overflow-x: auto; white-space: nowrap; }
.tabela-ano caption { text-align: left; font-weight: 700; color: var(--azul); margin-bottom: 6px; }
.tabela-ano th, .tabela-ano td { border: 1px solid #dde3ea; padding: 8px; text-align: right; font-size: 13px; }
.tabela-ano th { background: var(--azul); color: var(--branco); }

.celula-lacuna { background: #fff5e6; }
.celula-valor { display: block; }
.selo-comprovante { display: block; font-size: 11px; color: #1a7a3c; text-decoration: none; }
.form-anexo { text-align: left; margin-top: 4px; }
.form-anexo summary { cursor: pointer; font-size: 11px; color: var(--vermelho); }
.form-anexo form { display: flex; flex-direction: column; gap: 4px; margin-top: 4px; }

.anotacoes ul { padding-left: 20px; }