/* ==========================================================================
 * receituario.css — a ANATOMIA do receituário.
 *
 * ENG-018 · A1–A6 do ENG-020 · extração do ENG-022.
 *
 * O QUE SAIU DAQUI, E PARA ONDE
 * -----------------------------
 * O que é do PAPEL — serifa editorial, material da folha (borda quente,
 * sombra, canto), lacuna, tinta, selo de custódia, palco creme e flutuante —
 * mudou-se para `documento-nucleo.css` na onda do exame. Não mudou de
 * aparência: mudou de casa, para que o pedido de exame use as MESMAS regras
 * em vez de regras parecidas.
 *
 * Aqui ficam os blocos que só o receituário tem: cabeçalho com protocolo e
 * hash, emitente, paciente, indicação com selo de CID, itens numerados com
 * validade, rodapé com a régua de assinatura.
 *
 * O PAR DE CLASSES
 * ----------------
 * A folha nasce com `class="doc-folha rec-folha doc-modo-X rec-modo-X"`: a
 * `doc-*` carrega o estilo compartilhado, a `rec-*` é o gancho nomeado deste
 * documento — por onde a guarda da receita aponta e onde uma exceção dela se
 * penduraria sem respingar no exame.
 *
 * Nenhuma regra daqui pode ESCONDER conteúdo por modo. Se um campo aparece
 * num modo e some no outro, o W ≡ Y virou decoração — e a folha passa a
 * mentir sobre o que o cidadão recebeu.
 * ========================================================================== */

.rec-folha {
  /* O roxo da indicação clínica é do receituário — não sobe ao núcleo. */
  --rec-clinica: #6d28d9;
}

.rec-folha h2 {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;
  color: var(--doc-tinta);
}

.rec-cabecalho {
  text-align: center;
  border-bottom: 2px solid var(--doc-borda);
  padding-bottom: 12px;
  margin-bottom: 16px;
}

.rec-cabecalho .rec-sub {
  font-size: 10px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--doc-tinta-fraca);
  margin: 3px 0 0;
}

.rec-proto {
  font-size: 11px;
  margin: 7px 0 0;
  color: var(--doc-tinta-fraca);
  word-break: break-all;
}

.rec-proto-hash { margin-top: 3px; }

.rec-proto-aviso {
  font-size: 10.5px;
  margin: 5px 0 0;
  color: #92400e;
}

.rec-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  color: var(--doc-tinta);
  word-break: break-all;
}

.rec-box {
  border: 1px solid var(--doc-borda);
  border-radius: 2px;
  padding: 9px 12px;
  margin-bottom: 12px;
}

.rec-rot {
  display: block;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--doc-tinta-apagada);
  margin-bottom: 3px;
}

.rec-rot-clinica { color: var(--rec-clinica); }

.rec-linha,
.rec-linha-forte { margin: 0; }
.rec-linha { font-size: 12px; }
.rec-linha-forte { font-size: 14.5px; font-weight: 700; }
.rec-idade { font-size: 12px; font-weight: 400; color: var(--doc-tinta-fraca); }

.rec-indicacao { margin-bottom: 14px; }

.rec-selos {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 5px;
}

.rec-selo-cid {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  border: 1px solid #ddd6fe;
  background: #f5f3ff;
  border-radius: 3px;
  padding: 2px 7px;
  font-size: 11px;
  color: var(--rec-clinica);
}

.rec-selo-cid b {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 10.5px;
  letter-spacing: 0.4px;
}

.rec-selo-cid span { color: var(--doc-tinta-fraca); }

.rec-itens { min-height: 150px; }

.rec-itens-corpo { margin-top: 6px; }

.rec-item { margin-bottom: 14px; }
.rec-item:last-child { margin-bottom: 0; }

.rec-item-cabeca {
  margin: 0 0 2px;
  font-size: 13.5px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px;
}

.rec-item-n { font-weight: 700; color: var(--doc-tinta-apagada); }
/* A caixa-alta do fármaco é feita na FUNÇÃO (ENG-020), nunca aqui. */
.rec-item-nome { letter-spacing: 0.3px; }

.rec-item-validade {
  margin-left: auto;
  font-size: 10.5px;
  font-weight: 700;
  color: #1e3a8a;
  white-space: nowrap;
}

.rec-item-forma { margin: 0; font-size: 11.5px; color: var(--doc-tinta-fraca); }
.rec-item-uso { margin: 2px 0 0; font-size: 12.5px; }

.rec-rodape {
  margin-top: 26px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  flex-wrap: wrap;
}

.rec-local { font-size: 12.5px; }

.rec-assinatura {
  width: 280px;
  max-width: 100%;
  text-align: center;
}

.rec-risco { border-top: 1px solid var(--doc-borda); margin-bottom: 6px; }

.rec-selo {
  margin-top: 8px;
  border-radius: 3px;
  padding: 6px 8px;
  font-size: 10px;
  line-height: 1.45;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.rec-selo b { text-transform: uppercase; letter-spacing: 0.3px; }
.rec-selo-digital { background: #f0fdf4; border: 1px dashed #86efac; color: #166534; }
.rec-selo-fisica { background: #fffbeb; border: 1px dashed #fcd34d; color: #92400e; }
.rec-selo-pendente { background: transparent; border: 1px dashed #cbd5e1; }

/* ── no papel: a serifa permanece (é o MESMO documento) e o roxo vira tinta ── */
.rec-modo-carimbo { --rec-clinica: #000; }
.rec-modo-carimbo .rec-selo-cid { background: #fff; border-color: #000; }