/* ============================================================
   DOCUMENTO TIMBRADO — o mesmo papel pra relatório, encaminhamento,
   folha de exercícios e prontuário (Filipe e paciente veem igual).
   Molde: 09_PROTOCOLOS\Encaminhamentos\_MODELO_Encaminhamento_Filipe-Silvestre.html
   (logo à esquerda, quem ele é à direita, linha azul, fitinha turquesa,
   título em caixa alta espaçada, assinatura no centro, rodapé com contato).
   O papel é SEMPRE branco, até no modo escuro: é um documento, não a tela.
   Na impressão o cabeçalho e o rodapé repetem em toda página (thead/tfoot).
   ============================================================ */

:root{
  --papel:#FFFFFF;
  --tinta:#14212B;        /* texto do documento */
  --tinta2:#5A6772;       /* texto secundário do documento */
  --linha-doc:rgba(20,33,43,.18);  /* linhas de tabela do documento (a borda do app) */
  --fundo-doc:#F7F9FA;    /* coluna de rótulo da tabela */
  --doc-azul:#006EB4;     /* linha do timbre e títulos (cor da marca, área e título grande) */
  --doc-turq:#46C8BE;     /* fitinha do timbre (área) */
  --doc-navy:#0B2F4A;     /* títulos de seção (texto) */
}

.folha{
  background:var(--papel);
  color:var(--tinta);
  border:1px solid var(--borda, rgba(20,33,43,.16));
  border-radius:var(--raio, 6px);
  padding:24px;
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  font-size:15px;
  line-height:1.55;
  min-width:0;
  overflow-wrap:anywhere;
}
@media (max-width:480px){ .folha{padding:16px;font-size:14.5px} }

.folha-pag{width:100%;border-collapse:collapse}
.folha-pag > thead > tr > td,
.folha-pag > tbody > tr > td,
.folha-pag > tfoot > tr > td{padding:0;vertical-align:top}

/* timbre */
.timbre{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:2px solid var(--doc-azul)}
.timbre-logo{height:72px;width:auto;display:block;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}
.timbre-quem{text-align:right;font-size:12.5px;color:var(--tinta2);line-height:1.5}
.timbre-quem b{color:var(--tinta)}
.fitinha{height:3px;background:var(--doc-turq);width:82px;margin-bottom:20px}
@media (max-width:480px){
  .timbre-logo{height:52px}
  .timbre-quem{font-size:11px}
}

/* miolo */
.doc-titulo{font-size:18px;letter-spacing:.13em;text-transform:uppercase;color:var(--doc-azul);margin:4px 0 2px;font-weight:700;line-height:1.3}
.doc-sub{font-size:14px;color:var(--tinta2);margin:0 0 16px}
.doc-h2{font-size:15px;color:var(--doc-navy);margin:20px 0 8px;font-weight:700;padding-left:9px;border-left:4px solid var(--doc-turq);line-height:1.35}
.doc-h3{font-size:14px;color:var(--tinta);margin:12px 0 4px;font-weight:700}
.doc-p{margin:6px 0;text-align:justify;white-space:pre-line}
.doc-nota{margin:6px 0;font-size:12.5px;color:var(--tinta2);font-style:italic}
.doc-lista{margin:6px 0;padding-left:20px}
.doc-lista li{margin:3px 0}
.doc-kv,.doc-tab{width:100%;border-collapse:collapse;margin:6px 0;font-size:14px}
.doc-kv td,.doc-tab td,.doc-tab th{border:1px solid var(--linha-doc);padding:6px 9px;vertical-align:top}
.doc-kv td.k{background:var(--fundo-doc);font-weight:600;width:36%;color:var(--tinta)}
.doc-tab th{background:var(--doc-navy);color:var(--papel);font-weight:600;text-align:center}
.doc-tab td{text-align:center}
.doc-tab td.rot{text-align:left;font-weight:600;background:var(--fundo-doc)}
.doc-local{text-align:right;color:var(--tinta2);margin:24px 0 8px;font-size:14px}

/* assinatura e rodapé */
.assin{margin-top:32px;text-align:center;break-inside:avoid}
.assin .risco{width:64%;margin:0 auto 7px;border-top:1px solid var(--tinta2)}
.assin .nome{font-size:15px;font-weight:700}
.assin .reg{font-size:12.5px;color:var(--tinta2);margin-top:2px;line-height:1.5}
.rodape-doc{margin-top:20px;padding-top:8px;border-top:1px solid var(--linha-doc);font-size:11.5px;color:var(--tinta2);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}

/* modo de editar o texto (só o Filipe, documento em rascunho) */
.folha.editando [data-c]{outline:1px dashed var(--doc-azul);outline-offset:2px;border-radius:2px;cursor:text;min-height:1.2em}
.folha.editando [data-c]:focus{outline:2px solid var(--doc-azul);background:var(--fundo-doc)}

/* área que só existe na hora de imprimir */
#impressao{display:none}

@media print{
  @page{size:A4;margin:12mm 16mm 12mm}
  html,body{background:var(--papel) !important}
  body.imprimindo > *{display:none !important}
  body.imprimindo > #impressao{display:block !important}
  #impressao .folha{border:0;border-radius:0;padding:0;font-size:11pt;color:var(--tinta)}
  #impressao .timbre-logo{height:22mm}
  #impressao .timbre-quem{font-size:9.6pt}
  #impressao .doc-titulo{font-size:13.5pt}
  #impressao .doc-h2{font-size:11.5pt;break-after:avoid}
  #impressao .doc-h3{break-after:avoid}
  #impressao .doc-kv tr,#impressao .doc-tab tr,#impressao .doc-lista li{break-inside:avoid}
  #impressao .doc-p,#impressao .doc-nota{orphans:3;widows:3}
  #impressao .doc-kv,#impressao .doc-tab{font-size:10pt}
  #impressao .rodape-doc{font-size:8.6pt}
  #impressao .folha.editando [data-c]{outline:0}
  #impressao .doc-tab th{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #impressao .doc-kv td.k,#impressao .doc-tab td.rot,#impressao .fitinha,#impressao .timbre{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}