/* folha.css — a folha do tutor em raias (spec 2026-10-05, §4.1, §5, §7, Ap. B.1 e B.6).
   Toda regra mora em `.a4`, por especificidade sobre o `.x` solto da página (bancada.css, index.html):
   só ficam fora `.c0`…`.c7` (cor e tinta do remédio, também usados pela bancada), `@page` e o
   `@media print`. Cor só por var() de tokens.css; tamanho de letra pelo `--folha-*`, o resto em px.
   O nome é `folha.css` desde a 1.13. */

.c0{--c:var(--remedio-0);--tinta:var(--remedio-0-tinta)}
.c1{--c:var(--remedio-1);--tinta:var(--remedio-1-tinta)}
.c2{--c:var(--remedio-2);--tinta:var(--remedio-2-tinta)}
.c3{--c:var(--remedio-3);--tinta:var(--remedio-3-tinta)}
.c4{--c:var(--remedio-4);--tinta:var(--remedio-4-tinta)}
.c5{--c:var(--remedio-5);--tinta:var(--remedio-5-tinta)}
.c6{--c:var(--remedio-6);--tinta:var(--remedio-6-tinta)}
.c7{--c:var(--remedio-7);--tinta:var(--remedio-7-tinta)}

/* ── página (§4.1, B.1, B.6) ───────────────────────────────────────────── */
.a4{width:210mm;height:297mm;box-sizing:border-box;padding:38px;background:var(--cor-fundo);color:var(--cor-texto);
    font-family:system-ui,sans-serif;font-size:var(--folha-texto);line-height:normal;display:flex;flex-direction:column;
    gap:3px;overflow:hidden;position:relative;margin:0 auto;box-shadow:var(--sombra-folha);
    -webkit-print-color-adjust:exact;print-color-adjust:exact;zoom:var(--escala-medida,1)}
/* A sonda do paginar(): uma .a4 escondida, com a letra da folha, para saber se o navegador a
   aumentou (ver escalaDaFonte em paginacao.js). `--escala-medida` só existe quando aumentou. */
.a4.sonda-fonte{position:absolute;visibility:hidden}
.a4+.a4{margin-top:14px}
.a4>*{flex:none}
.a4>.sobra{flex:1 1 auto}
.a4>.defs{position:absolute}

/* ── colisões com a página: bancada.css:33 (.rodape) e o <style> do index.html (.alerta) ── */
.a4 .rodape{height:86px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:14px;
    align-items:end;border-top:1px solid var(--cor-borda-forte);padding:4px 0 0;
    position:static;z-index:auto;margin:0;background:none}
.a4 .alerta{background:var(--cor-erro-fundo);border:1.5px solid var(--cor-erro);border-radius:7px;padding:5px 8px;
    margin:0;line-height:1.32;color:var(--cor-erro);box-sizing:border-box;font-size:var(--folha-texto)}

/* ── cabeçalho (110 px, §5.1) ──────────────────────────────────────────── */
.a4 .cabecalho{display:grid;grid-template-columns:minmax(0,1fr) 280px;border-bottom:2px solid var(--cor-texto);
    padding-bottom:5px;align-items:start;align-content:start;height:110px;box-sizing:border-box;overflow:hidden}
.a4 .clinica{min-width:0;font-size:var(--folha-texto);color:var(--cor-texto-secundario);line-height:1.35}
.a4 .clinica span{white-space:nowrap}
.a4 .cli-linha{display:flex;white-space:pre}
.a4 .cli-linha>[data-corte]{min-width:0;overflow:hidden;text-overflow:ellipsis}
.a4 .cli-linha>[data-parte]{flex:none}
.a4 .cli-nome{font-size:11.5px;font-weight:700;color:var(--cor-texto);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a4 .cab-dir{text-align:right;min-width:0}
.a4 .pet{font-weight:700;font-size:var(--folha-pet);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a4 .pet.pet-longo{font-size:16px}
.a4 .chips{display:grid;grid-template-rows:20px 20px;gap:4px;margin-top:4px;justify-items:end}
.a4 .chips-linha{display:flex;gap:4px;min-width:0}
.a4 .chip{font-size:var(--folha-texto);background:var(--cor-divisor);border-radius:10px;padding:2px 6px;
    white-space:nowrap;color:var(--cor-texto)}
.a4 .chip-tutor{max-width:170px;overflow:hidden;text-overflow:ellipsis}
.a4 .porque{grid-column:1 / -1;margin-top:3px;font-size:var(--folha-texto);line-height:1.3;color:var(--cor-texto);
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

/* ── semana (32 px + raias, §5.2) ─────────────────────────────────────── */
.a4 .semana{border:2px solid var(--cor-borda-forte);border-radius:6px;overflow:hidden;position:relative}
.a4 .sem-topo{display:flex;background:var(--cor-divisor);border-bottom:1px solid var(--cinza-400)}
.a4 .sem-rotulo{flex:1 1 0;min-width:0;padding:2px 6px;line-height:1.25;font-size:var(--folha-texto);
    color:var(--cor-texto-secundario);font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.a4 .sem-rotulo span{display:block;font-weight:400;text-transform:none;letter-spacing:0}
.a4 .sem-dias{width:500px;flex:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.a4 .dia{text-align:center;padding:4px 0 5px;font-size:var(--folha-texto);color:var(--cor-texto-secundario);line-height:1.2}
.a4 .dia b{display:block;font-size:var(--folha-dia-cabecalho);color:var(--cor-texto);line-height:1.1}
.a4 .sem-linhas{position:absolute;top:0;bottom:0;right:0;width:500px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));
    pointer-events:none;z-index:3}
.a4 .sem-linhas i{border-left:1px solid var(--cinza-400);margin-left:-.5px}

/* ── raia (coluna da esquerda 214 px + dias, §5.3) ───────────────────────── */
.a4 .raia{display:flex;border-top:1px solid var(--cor-borda-forte)}
.a4 .esq{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:5px;padding:4px 6px}
.a4 .selo{flex:none;color:var(--c)}
.a4 .forma{width:20px;height:20px;box-sizing:border-box;border-radius:5px;border:1.5px solid var(--c);
    background:var(--cor-fundo);color:var(--c);display:flex;align-items:center;justify-content:center;flex:none}
.a4 .forma svg{width:12px;height:12px}
.a4 .esq-txt{min-width:0;line-height:1}
.a4 .nome{font-size:var(--folha-nome-remedio);font-weight:var(--folha-nome-remedio-peso);line-height:1.15;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--cor-texto)}
.a4 .texto{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--clamp);overflow:hidden;
    font-size:var(--folha-texto);color:var(--cor-texto-secundario);line-height:1.3}
.a4 .texto em{font-style:normal;font-weight:700;color:var(--c)}

/* ── células (§5.4) ───────────────────────────────────────────────────── */
.a4 .dias{width:500px;flex:none;position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.a4 .cel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:7px 3px;
    position:relative;z-index:1;min-height:16px;box-sizing:border-box}
.a4 .cel.tinta{background:var(--tinta);box-shadow:inset 2px 0 0 var(--cor-fundo),inset -2px 0 0 var(--cor-fundo)}
.a4 .tinta-fim:not(:last-child){border-radius:0 8px 8px 0}
.a4 .dose{display:grid;grid-template-columns:13px 25px auto;gap:3px;align-items:center;line-height:1.4;
    font-variant-numeric:tabular-nums}
.a4 .raia.com-minuto .dose{grid-template-columns:13px 43px auto}
.a4 .cx{box-sizing:border-box;background:var(--cor-fundo);width:13px;height:13px;border:1.5px solid var(--cor-texto);
    border-radius:3px}
.a4 .hora{color:var(--cor-texto);font-size:var(--folha-dose);font-weight:var(--folha-dose-peso);letter-spacing:-.3px;
    text-align:right}
.a4 .dose em{font-style:normal;white-space:nowrap;font-size:var(--folha-dose);font-weight:var(--folha-dose-peso);
    color:var(--c)}
.a4 .dose.vazia{height:calc(var(--folha-dose) * 1.4)}

/* ── hachura, seta e ─┤ (Ap. B.6) ─────────────────────────────────────── */
.a4 .hachura{position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px)}
.a4 .com-seta .hachura{height:calc(100% - 9px)}
.a4 .seta,.a4 .fim{position:absolute;left:50%;bottom:1px;transform:translateX(-50%);color:var(--c);
    stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ── acabou e começa (§5.5) ───────────────────────────────────────────── */
/* §5.5 (teste do cortex, 13/10): a frase fica sobre fundo branco, por cima das linhas de coluna
   (.sem-linhas, z-index 3); a borda da esquerda repõe só a linha entre o nome e os dias. */
.a4 .acabou,.a4 .comeca{box-sizing:border-box;display:flex;align-items:center;width:500px;flex:none;padding-left:9px;
    min-height:22px;font-size:var(--folha-texto);color:var(--cor-texto-secundario);
    position:relative;z-index:4;background:var(--cor-fundo);border-left:1px solid var(--cinza-400)}

/* ── legenda (28 px, §5.6) ────────────────────────────────────────────── */
.a4 .legenda{display:flex;flex-wrap:nowrap;white-space:nowrap;align-items:center;box-sizing:border-box;overflow:hidden;
    color:var(--cor-texto-secundario);background:var(--cor-fundo-suave);border:1px solid var(--cor-borda-forte);
    height:28px;gap:3px 12px;padding:0 8px;border-radius:7px}
.a4 .leg-item{display:flex;align-items:center;gap:4px}
.a4 .leg-cx{width:12px;height:12px;box-sizing:border-box;border:1.5px solid var(--cor-texto);border-radius:3px}
.a4 .leg-check{width:10px;height:10px}
.a4 .leg-hachura rect{stroke:var(--cor-borda-forte)}
.a4 .leg-seta,.a4 .leg-fim{color:var(--cor-texto);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}

/* ── Como dar (altura natural, clamp de 3 linhas, §7.5, Escolha 32) ──────── */
.a4 .como-dar{display:grid;gap:2px;border-top:1px solid var(--cinza-400);padding:3px 8px 0}
.a4 .como-dar-titulo{font-size:var(--folha-rotulo);font-weight:var(--folha-rotulo-peso);color:var(--cor-texto-secundario);
    text-transform:uppercase;letter-spacing:.3px}
.a4 .como-linha{display:flex;align-items:flex-start;gap:6px;line-height:1.28;font-size:var(--folha-texto);
    color:var(--cor-texto)}
.a4 .como-linha>span{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

/* ── "Se precisar" (SOS, §5, Tarefa 5) ──────────────────────────────────── */
.a4 .sos{display:flex;flex-direction:column;gap:5px;border:1.5px solid var(--cor-sos);border-radius:7px;
    padding:5px 8px;box-sizing:border-box;margin-top:4px}
.a4 .sos-titulo{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--cor-sos)}
.a4 .sos .selo{color:var(--cor-sos)}
.a4 .sos-item+.sos-item{border-top:1px solid var(--cinza-400);padding-top:5px}
.a4 .sos-linha{font-size:var(--folha-texto);line-height:1.3;color:var(--cor-texto);white-space:nowrap;
    overflow:hidden;text-overflow:ellipsis}
.a4 .sos-rotulo{font-size:var(--folha-texto);color:var(--cor-texto-secundario);margin-top:2px}
.a4 .sos-caixas{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.a4 .sos-caixa{font-size:var(--folha-texto);color:var(--cor-texto-secundario);border:1px solid var(--cinza-400);
    border-radius:4px;padding:1px 5px;white-space:nowrap}
.a4 .sos-nota{font-size:var(--folha-texto);color:var(--cor-sos);margin-top:4px}

/* ── "Com data marcada" (ciclo C, spec §6) ──────────────────────────────── */
.a4 .marcadas{display:flex;flex-direction:column;gap:5px;border:1.5px solid var(--cinza-400);border-radius:7px;
    padding:5px 8px;box-sizing:border-box;margin-top:4px}
.a4 .marcadas-titulo{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--cor-texto)}
.a4 .marcadas-titulo svg{width:16px;height:16px;flex:none}
.a4 .marcada-item+.marcada-item{border-top:1px solid var(--cinza-400);padding-top:5px}
.a4 .marcada-linha{font-size:var(--folha-texto);line-height:1.3;color:var(--cor-texto);white-space:nowrap;
    overflow:hidden;text-overflow:ellipsis}
.a4 .marcada-datas{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:2px}
.a4 .marcada-data{display:inline-flex;align-items:center;gap:4px;font-size:var(--folha-texto);color:var(--cor-texto);white-space:nowrap}
.a4 .marcada-data .cx{width:10px;height:10px;border:1px solid var(--cor-texto);border-radius:2px;box-sizing:border-box;flex:none}
.a4 .marcada-fim{font-size:var(--folha-texto);color:var(--cor-texto-secundario);white-space:nowrap}
.a4 .marcadas-nota{font-size:var(--folha-texto);color:var(--cor-texto-secundario);margin-top:4px}

/* ── bloco de baixo (158 px, §7.1 a §7.4, Escolha 20; cresce com os Cuidados, T10 8-a) ─ */
.a4 .baixo{display:flex;gap:7px;height:calc(158px + var(--baixo-extra,0px));align-items:stretch;box-sizing:border-box}
.a4 .baixo-esq{flex:1 1 0;min-width:0;display:flex;flex-direction:column}
.a4 .alerta:only-child{flex:1 1 auto}
.a4 .alerta-titulo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 8px;
    font-size:12px;font-weight:700;margin-bottom:3px}
.a4 .alerta-titulo>*{white-space:nowrap}
.a4 .alerta-icone{width:11px;height:11px;vertical-align:-1px;margin-right:1px}
.a4 .emergencia{font-size:var(--folha-texto);flex:none}
.a4 .cuidados{display:flex;flex-direction:column;background:var(--cor-fundo-suave);border:1px solid var(--cinza-400);
    margin-top:4px;border-radius:7px;padding:5px 8px;font-size:var(--folha-texto);line-height:1.32;
    color:var(--cor-texto);box-sizing:border-box;min-height:0}
.a4 .cuidados:only-child{margin-top:0}
.a4 .cuidados-titulo{font-size:12px;font-weight:700;margin-bottom:3px}
.a4 .cuidados-texto{flex:1 1 auto;min-height:0;overflow:hidden}
.a4 .proximas{flex:0 0 300px;box-sizing:border-box;display:flex;flex-direction:column;background:var(--cor-fundo-suave);
    border:1px solid var(--cinza-400);border-radius:7px;padding:5px 8px;line-height:1.32;overflow:hidden;
    font-size:var(--folha-texto);color:var(--cor-texto)}
.a4 .proximas:only-child{flex:1 1 auto}
.a4 .proximas-titulo{font-size:12px;font-weight:700;margin-bottom:3px}
.a4 .proximas ul{margin:3px 0 0;padding-left:13px;flex:1 1 auto;min-height:0;overflow:hidden}
.a4 .proximas li{margin:0}
.a4 .proximas li.longo{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--clamp);overflow:hidden}
/* ── Foco da revisão 5: palavra sem espaço maior que a coluna quebra nos blocos de várias
   linhas; a raia (.texto) encurta palavra a palavra (4.5) e fica fora (Ap. A) ── */
.a4 .alerta-texto,.a4 .cuidados-texto,.a4 .proximas li,.a4 [data-como-dar]{overflow-wrap:anywhere}

/* ── rodapé (86 px, §5.7) ─────────────────────────────────────────────── */
.a4 .rod-texto{font-size:var(--folha-texto);color:var(--cor-texto-apagado);line-height:1.4;height:60px;overflow:hidden;
    padding-left:8px;box-sizing:border-box}
.a4 .assinatura{min-width:0;text-align:center;font-size:var(--folha-texto);color:var(--cor-texto-apagado);line-height:1.3}
.a4 .ass-linha{border-bottom:1px solid var(--cinza-400);margin-bottom:2px;height:44px}
.a4 .assinatura b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a4 .assinatura i{display:block;margin-top:1px}

@page{size:A4;margin:0}
@media print{
  .a4{box-shadow:none;margin:0;break-inside:avoid;break-after:page;zoom:1}
  .a4+.a4{margin-top:0}
  .a4:last-child{break-after:auto}
}