/* Página de entrada de documentos (23/10/2026): própria, sem o CSS do painel (vive em outra origem). */
/* Tema CLARO do Cortex, sempre (23/10/2026): os mesmos tons do painel (style.css), sem seguir o modo escuro do sistema. */
:root {
  --fundo: #f1f3f4; --cartao: #fbfcfc; --tinta: #14191b; --tinta-fraca: #4d565b; --linha: rgba(20, 26, 28, 0.14);
  --acento: #14555c; --acento-fosco: rgba(20, 85, 92, 0.12); --erro: #8c3c1c; --erro-fosco: rgba(140, 60, 28, 0.1); --ok: #2f6b3d;
  color-scheme: light;
}
* { box-sizing: border-box; }
/* O atributo hidden vence o display dos componentes (sem isto, o "Sair" aparecia antes de entrar). */
[hidden] { display: none !important; }
body { margin: 0; background: var(--fundo); color: var(--tinta); font: 15px/1.5 "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif; }
.caixa { max-width: 640px; margin: 40px auto; padding: 24px; background: var(--cartao); border: 1px solid var(--linha); border-radius: 12px; }
@media (max-width: 680px) { .caixa { margin: 0; border-radius: 0; min-height: 100vh; } }
.topo { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.marca { font-weight: 700; display: flex; align-items: center; gap: 8px; }
.ponto { width: 10px; height: 10px; border-radius: 50%; background: var(--acento); }
.sessao { display: flex; gap: 12px; align-items: center; color: var(--tinta-fraca); font-size: 13px; }
h1 { font-size: 22px; margin: 8px 0; }
h2 { font-size: 16px; margin: 28px 0 8px; }
.nota { color: var(--tinta-fraca); font-size: 14px; margin: 4px 0 12px; }
label { display: block; font-size: 13px; color: var(--tinta-fraca); margin: 12px 0 4px; }
input, select, textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--linha); border-radius: 8px; background: var(--cartao); color: var(--tinta); font: inherit; }
button { margin-top: 14px; padding: 10px 16px; border: 0; border-radius: 8px; background: var(--acento); color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
textarea { resize: vertical; min-height: 2.6em; }
details { margin-top: 16px; border: 1px solid var(--linha); border-radius: 8px; padding: 8px 12px; }
details[open] { padding-bottom: 12px; }
summary { cursor: pointer; color: var(--acento); font-weight: 600; }
#escolhidos li button.link { margin: 0; }
button:disabled { opacity: .6; cursor: default; }
button.link { background: none; color: var(--acento); padding: 0; margin: 0 0 0 12px; font-weight: 500; }
.sessao button.link { margin: 0; }
.area { margin-top: 16px; border: 2px dashed var(--linha); border-radius: 10px; padding: 28px 16px; text-align: center; cursor: pointer; }
.area.sobre, .area:focus { border-color: var(--acento); background: var(--acento-fosco); outline: none; }
.andamento { list-style: none; padding: 0; margin: 12px 0 0; }
.andamento li { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--linha); font-size: 14px; }
.andamento .erro { color: var(--erro); }
.andamento .ok { color: var(--ok); }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th, td { text-align: left; padding: 8px 6px; border-bottom: 1px solid var(--linha); vertical-align: top; }
th { color: var(--tinta-fraca); font-weight: 500; font-size: 12px; }
td.acoes { text-align: right; white-space: nowrap; }
td.acoes button { margin: 0; padding: 4px 10px; font-size: 13px; background: none; color: var(--erro); border: 1px solid var(--erro); }
.pilula { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 12px; border: 1px solid var(--linha); }
.pilula.pendente { color: var(--acento); border-color: var(--acento); }
.pilula.analisado { color: var(--ok); border-color: var(--ok); }
.pilula.descartado { color: var(--tinta-fraca); }
.vazio { color: var(--tinta-fraca); font-size: 14px; }
.aviso { margin-top: 16px; padding: 10px 12px; border-radius: 8px; background: var(--acento-fosco); font-size: 14px; }
.aviso.erro { background: var(--erro-fosco); color: var(--erro); }
.linha-copiar { display: flex; gap: 8px; }
.linha-copiar input { font-family: ui-monospace, Consolas, monospace; }
.linha-copiar button { margin-top: 0; white-space: nowrap; }
.exemplo { margin-top: 12px; border: 1px solid var(--linha); border-radius: 8px; overflow: hidden; }
.exemplo-topo { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 6px 10px; font-size: 13px; color: var(--tinta-fraca); border-bottom: 1px solid var(--linha); }
.exemplo-topo button.link { margin: 0; }
.exemplo pre { margin: 0; padding: 10px 12px; overflow-x: auto; background: #14191b; color: #e6edef; font: 12px/1.5 ui-monospace, Consolas, monospace; }