/* =====================================================================================
   Zoonoses (nov/2026), na fundação mm-*. Colunas das grades e as peças do módulo. Só tokens --p-*; sem media query de
   largura (mc-scaled cuida da escala).
   ===================================================================================== */
.zo .zo-g-ani  { --cols: minmax(220px, 1.5fr) 140px minmax(160px, 1fr) 120px 110px 130px 36px; }
.zo .zo-g-tut  { --cols: minmax(220px, 1.6fr) 140px 150px minmax(140px, 1fr) 90px 36px; }
.zo .zo-g-agr  { --cols: 112px minmax(210px, 1.4fr) 150px 90px 170px 130px 36px; }
.zo .zo-g-pos  { --cols: 100px minmax(220px, 1.5fr) 130px 80px 80px 80px 36px; }
.zo .zo-g-cas  { --cols: 104px minmax(200px, 1.4fr) minmax(170px, 1fr) 150px 140px 120px 36px; }
.zo .zo-g-rec  { --cols: 112px minmax(220px, 1.5fr) 170px 100px 130px 140px 36px; }
.zo .zo-g-exa  { --cols: 104px 170px minmax(200px, 1.4fr) 150px 150px 140px 36px; }
.zo .zo-g-cad  { --cols: minmax(220px, 1.5fr) minmax(200px, 1.3fr) 120px 100px 36px; }
.zo .zo-num { font-family: var(--p-mono); font-size: .72rem; font-weight: 700; color: var(--p-ink); white-space: nowrap; }
.zo .zo-sub { font-size: .7rem; color: var(--p-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zo .zo-nome { font-weight: 700; color: var(--p-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zo .zo-alerta { color: var(--p-orange); font-weight: 700; }
.zo .zo-alerta.grave { color: var(--p-red); }
.zo .zo-mapa, .zo-mapa { height: 560px; border-radius: 0 0 14px 14px; z-index: 1; }

/* Régua dos 10 dias de observação do animal agressor */
.zo-regua { display: grid; grid-template-columns: repeat(10, 1fr); gap: 2px; width: 150px; }
.zo-regua span { height: 8px; border-radius: 2px; background: var(--p-soft2); }
.zo-regua span.feito { background: var(--p-blue-light); }
.zo-regua.vencida span.feito { background: var(--p-orange); }

/* Conduta antirrábica na janela */
.zo-conduta { border-radius: 12px; padding: 10px 12px; font-size: .76rem; line-height: 1.45; border: 1px solid color-mix(in srgb, var(--p-blue) 30%, transparent);
    background: color-mix(in srgb, var(--p-blue) 6%, transparent); color: var(--p-text); }
.zo-conduta b { color: var(--p-ink); }
.prmd-btn.zo-perigo { color: var(--p-red); border-color: color-mix(in srgb, var(--p-red) 45%, transparent); }