/* MATRIZ DE RISCO (10/11/2026) — mesma moldura, cores e letras do site (ciencia.css); celular primeiro (evento, QR code) */
:root{
  --baixo:#4E7D40; --baixo-f:#DDEBD4; --baixo-t:#33572A;
  --moderado:#B8860B; --moderado-f:#F6E9BF; --moderado-t:#6E5205;
  --alto:#C45E1C; --alto-f:#F6D8C1; --alto-t:#8A3F0F;
  --critico:#B23A2A; --critico-f:#F0C6BF; --critico-t:#8E2E21;
}
.mr{padding:34px 0 60px; min-height:60vh}
#app{max-width:820px}
#app h1{font-size:clamp(28px,4.6vw,44px); line-height:1.12; letter-spacing:-.015em; font-weight:700}
#app h2{font-size:clamp(22px,3vw,28px); font-weight:700; letter-spacing:-.01em; margin:40px 0 6px}
#app h1:focus, #app h2:focus{outline:none}
.linha{font-size:clamp(17px,2vw,20px); color:var(--tinta2); margin:14px 0 0; max-width:62ch}
.mr-desc{color:var(--tinta2); margin:0 0 18px; max-width:66ch}
.mr-evento{display:inline-block; margin:18px 0 0; font-family:Archivo; font-weight:600; font-size:14px; padding:5px 14px; border-radius:99px; background:#E9EFE3; color:var(--verde-forte)}
.mr-regras{margin:22px 0 0; padding:0; list-style:none; display:grid; gap:8px}
.mr-regras li{position:relative; padding-left:22px; color:var(--tinta); font-size:16.5px; line-height:1.5}
.mr-regras li::before{content:""; position:absolute; left:2px; top:.55em; width:9px; height:9px; border-radius:2px; background:var(--verde-claro)}
.mr-campos{display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); margin:28px 0 6px}
.mr-campo label{display:block; font-family:Archivo; font-size:14px; font-weight:600; color:var(--tinta); margin-bottom:5px}
.mr-campo label span{font-weight:500; color:var(--tinta2)}
.mr-campo input{width:100%; font:inherit; font-size:16px; padding:11px 14px; border:1px solid #C6CEBE; border-radius:var(--raio); background:#fff; color:var(--tinta)}
.mr-campo input:focus-visible{outline:2px solid var(--verde); outline-offset:1px; border-color:var(--verde)}
.mr-nota-campos{font-size:14px; color:var(--tinta2); margin:0}
button.btn{font-family:Archivo; line-height:1.2}
.btn:focus-visible{outline:3px solid var(--verde-claro); outline-offset:2px}
.mr-grande{font-size:17px; padding:14px 30px}

/* etapas */
.mr-progresso{display:flex; justify-content:space-between; gap:12px; font-family:Archivo; font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--tinta2); margin:0 0 8px}
.mr-barra{height:6px; background:var(--linha); border-radius:99px; overflow:hidden; margin-bottom:6px}
.mr-barra i{display:block; height:100%; background:var(--verde); border-radius:99px; transition:width .25s}
.mr-etapa h2{margin-top:26px !important}
.mr-perg{border:1px solid var(--linha); background:#fff; border-radius:var(--raio); padding:18px 18px 16px; margin:0 0 14px; min-width:0}
.mr-perg legend{float:left; width:100%; padding:0; font-family:Archivo; font-weight:600; font-size:18px; line-height:1.35; margin:0 0 12px}
.mr-perg legend .n{color:var(--verde)}
.mr-ajuda{clear:both; margin:-4px 0 12px; font-size:15px; line-height:1.45; color:var(--tinta2)}
.mr-perg.falta{border-color:var(--critico); box-shadow:0 0 0 2px rgba(178,58,42,.14)}
.mr-ops{clear:both; display:grid; gap:8px}
.mr-op{display:flex; gap:12px; align-items:center; min-height:50px; padding:11px 14px; border:1px solid #C6CEBE; border-radius:var(--raio); background:#fff; cursor:pointer; font-size:16.5px; line-height:1.35; transition:border-color .12s, background .12s}
.mr-op:hover{border-color:var(--verde)}
.mr-op input{appearance:none; -webkit-appearance:none; flex:none; width:22px; height:22px; margin:0; border:2px solid #9AA693; border-radius:50%; background:#fff; display:grid; place-items:center; cursor:pointer}
.mr-op input::after{content:""; width:10px; height:10px; border-radius:50%; background:var(--verde); transform:scale(0); transition:transform .12s}
.mr-op input:checked{border-color:var(--verde)}
.mr-op input:checked::after{transform:scale(1)}
.mr-op input:focus-visible{outline:3px solid var(--verde-claro); outline-offset:2px}
.mr-op:has(input:checked){border-color:var(--verde); background:#EEF3E9; font-weight:600}
.mr-op-nsei{color:var(--tinta2); font-style:italic}
.mr-aviso{color:var(--critico-t); font-weight:600; margin:4px 0 0; min-height:1.2em}
.mr-nav{display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; margin-top:18px}
.mr-nav-ini{justify-content:flex-start; margin-top:26px}
.mr-nav .btn{min-height:48px; padding-left:24px; padding-right:24px}

/* resultado */
.mr-meta{color:var(--tinta2); margin:10px 0 0; font-size:16px}
.mr-geral{display:flex; gap:22px; align-items:center; background:#fff; border:1px solid var(--linha); border-left:6px solid var(--moderado); border-radius:var(--raio); padding:20px 22px; margin:26px 0 14px}
.mr-geral.lv-baixo{border-left-color:var(--baixo)} .mr-geral.lv-alto{border-left-color:var(--alto)} .mr-geral.lv-critico{border-left-color:var(--critico)}
.mr-nota{flex:none; display:flex; align-items:baseline; gap:2px; font-family:Archivo}
.mr-nota b{font-size:58px; font-weight:800; line-height:1; letter-spacing:-.03em}
.mr-nota span{font-size:18px; color:var(--tinta2); font-weight:600}
.mr-geral.lv-baixo .mr-nota b{color:var(--baixo-t)} .mr-geral.lv-moderado .mr-nota b{color:var(--moderado-t)}
.mr-geral.lv-alto .mr-nota b{color:var(--alto-t)} .mr-geral.lv-critico .mr-nota b{color:var(--critico-t)}
.mr-geral-tx{flex:1; min-width:0}
.mr-geral-tx p{margin:0 0 6px; font-size:16.5px; line-height:1.5}
.mr-geral-rot{font-family:Archivo; font-weight:600; font-size:15px !important; display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.mr-escala{position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:2px; height:9px; margin:12px 0 4px}
.mr-escala i{border-radius:2px}
.mr-escala i.lv-baixo{background:var(--baixo)} .mr-escala i.lv-moderado{background:var(--moderado)} .mr-escala i.lv-alto{background:var(--alto)} .mr-escala i.lv-critico{background:var(--critico)}
.mr-marca{position:absolute; top:-5px; width:4px; height:19px; margin-left:-2px; background:var(--tinta); border-radius:2px; box-shadow:0 0 0 2px #fff}
.mr-escala-rot{display:flex; justify-content:space-between; font-size:12px; color:var(--tinta2); font-variant-numeric:tabular-nums}
.mr-chip{display:inline-block; font-family:Archivo; font-size:12.5px; font-weight:600; letter-spacing:.03em; padding:2px 10px; border-radius:99px; white-space:nowrap}
.mr-chip.lv-baixo{background:var(--baixo-f); color:var(--baixo-t)} .mr-chip.lv-moderado{background:var(--moderado-f); color:var(--moderado-t)}
.mr-chip.lv-alto{background:var(--alto-f); color:var(--alto-t)} .mr-chip.lv-critico{background:var(--critico-f); color:var(--critico-t)}
.mr-contas{display:grid; grid-template-columns:repeat(4,1fr); gap:10px}
.mr-tile{background:#fff; border:1px solid var(--linha); border-top:4px solid; border-radius:var(--raio); padding:10px 12px; display:flex; flex-direction:column}
.mr-tile b{font-family:Archivo; font-size:28px; font-weight:700; line-height:1.1}
.mr-tile span{font-size:14px; color:var(--tinta2)}
.mr-tile.lv-baixo{border-top-color:var(--baixo)} .mr-tile.lv-moderado{border-top-color:var(--moderado)} .mr-tile.lv-alto{border-top-color:var(--alto)} .mr-tile.lv-critico{border-top-color:var(--critico)}

/* a matriz */
.mr-matriz-cx{display:grid; grid-template-columns:22px minmax(0,1fr); grid-template-rows:auto auto; max-width:620px}
.mr-tit-y{grid-row:1; grid-column:1; writing-mode:vertical-rl; transform:rotate(180deg); justify-self:center; align-self:center; font-family:Archivo; font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--tinta2)}
.mr-tit-x{grid-row:2; grid-column:2; text-align:center; font-family:Archivo; font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--tinta2); margin-top:4px; padding-left:78px}
.mr-matriz{grid-row:1; grid-column:2; display:grid; grid-template-columns:76px repeat(5,minmax(0,1fr)); gap:3px}
.mr-eixo-y{display:flex; flex-direction:column; justify-content:center; align-items:flex-end; text-align:right; padding-right:6px; line-height:1.15}
.mr-eixo-x{display:flex; flex-direction:column; align-items:center; text-align:center; line-height:1.15; padding-top:4px}
.mr-eixo-y b, .mr-eixo-x b{font-family:Archivo; font-size:14px}
.mr-eixo-y span, .mr-eixo-x span{font-size:11.5px; color:var(--tinta2)}
.mr-cel{min-height:54px; border-radius:6px; padding:4px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; gap:3px}
.mr-cel.lv-baixo{background:var(--baixo-f)} .mr-cel.lv-moderado{background:var(--moderado-f)} .mr-cel.lv-alto{background:var(--alto-f)} .mr-cel.lv-critico{background:var(--critico-f)}
.mr-ponto{display:inline-grid; place-items:center; width:23px; height:23px; border-radius:50%; font-family:Archivo; font-size:12px; font-weight:700; color:#fff; background:var(--tinta); flex:none; font-variant-numeric:tabular-nums}
.mr-ponto.lv-baixo{background:var(--baixo)} .mr-ponto.lv-moderado{background:var(--moderado-t)} .mr-ponto.lv-alto{background:var(--alto)} .mr-ponto.lv-critico{background:var(--critico)}
.mr-legenda{display:flex; flex-wrap:wrap; gap:6px 16px; margin:14px 0 0; font-size:14px; color:var(--tinta2)}
.mr-legenda span{display:inline-flex; align-items:center; gap:6px}
.mr-legenda i{width:14px; height:14px; border-radius:3px; display:inline-block}
.mr-legenda i.lv-baixo{background:var(--baixo-f); box-shadow:inset 0 0 0 1px var(--baixo)} .mr-legenda i.lv-moderado{background:var(--moderado-f); box-shadow:inset 0 0 0 1px var(--moderado)}
.mr-legenda i.lv-alto{background:var(--alto-f); box-shadow:inset 0 0 0 1px var(--alto)} .mr-legenda i.lv-critico{background:var(--critico-f); box-shadow:inset 0 0 0 1px var(--critico)}

/* por área */
.mr-areas{display:grid; gap:10px; max-width:620px}
.mr-area{display:grid; grid-template-columns:minmax(120px,190px) minmax(0,1fr) 34px; gap:12px; align-items:center}
.mr-area-nome{font-size:15.5px; line-height:1.3}
.mr-area-barra{height:12px; background:var(--linha); border-radius:99px; overflow:hidden}
.mr-area-barra i{display:block; height:100%; border-radius:99px}
.mr-area-barra i.lv-baixo{background:var(--baixo)} .mr-area-barra i.lv-moderado{background:var(--moderado)} .mr-area-barra i.lv-alto{background:var(--alto)} .mr-area-barra i.lv-critico{background:var(--critico)}
.mr-area-n{font-family:Archivo; font-weight:700; text-align:right; font-variant-numeric:tabular-nums}

/* prioridades */
.mr-prio{list-style:none; margin:0; padding:0; display:grid; gap:12px}
.mr-cartao{background:#fff; border:1px solid var(--linha); border-left:5px solid; border-radius:var(--raio); padding:16px 18px; break-inside:avoid}
.mr-cartao.lv-baixo{border-left-color:var(--baixo)} .mr-cartao.lv-moderado{border-left-color:var(--moderado)} .mr-cartao.lv-alto{border-left-color:var(--alto)} .mr-cartao.lv-critico{border-left-color:var(--critico)}
.mr-cartao-t{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.mr-cartao-t h3{font-size:18px; font-weight:600; line-height:1.3; flex:1; min-width:180px}
.mr-resp, .mr-dica{margin:8px 0 0; font-size:16px; line-height:1.55}
.mr-resp{color:var(--tinta2)}
.mr-resp b, .mr-dica b{color:var(--tinta)}
.mr-mais{margin:12px 0 0}
.mr-mais summary{cursor:pointer; font-family:Archivo; font-weight:600; color:var(--verde); padding:10px 0}
.mr-mais[open] summary{margin-bottom:10px}
.mr-todos{margin:22px 0 0; background:#fff; border:1px solid var(--linha); border-radius:var(--raio)}
.mr-todos summary{cursor:pointer; padding:14px 18px; font-family:Archivo; font-weight:600; color:var(--verde)}
.mr-todos[open] summary{border-bottom:1px solid var(--linha)}
.mr-rolagem{overflow-x:auto}
.mr-tab{width:100%; border-collapse:collapse; font-size:15px}
.mr-tab th{font-family:Archivo; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--tinta2); text-align:left; padding:10px 12px; border-bottom:1px solid var(--linha); white-space:nowrap}
.mr-tab td{padding:9px 12px; border-bottom:1px solid #EEF1EA; vertical-align:top; line-height:1.4}
.mr-tab td.n{font-variant-numeric:tabular-nums; white-space:nowrap}
.mr-acoes{display:flex; flex-wrap:wrap; gap:12px; margin:28px 0 0}
.mr-acoes .btn{min-height:48px}
.mr-whats{background:#1E7A46; border-color:#1E7A46}
.mr-whats:hover{background:#17663A}
.mr-privado{font-size:14.5px; color:var(--tinta2); margin:12px 0 0; max-width:66ch}
.mr-metodo{margin:34px 0 0; padding-top:18px; border-top:1px solid var(--linha); font-size:15px; color:var(--tinta2); max-width:70ch}
.mr-metodo h3{font-size:14px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--tinta); margin:0 0 8px}
.mr-metodo p{margin:0 0 10px; line-height:1.6}
.mr-marca-impressa{display:none}

@media (max-width:720px){
  .mr{padding-top:24px}
  .mr-perg{padding:16px 14px 14px}
  .mr-perg legend{font-size:17px}
  .mr-geral{flex-direction:column; align-items:stretch; gap:10px; padding:18px}
  .mr-nota b{font-size:50px}
  .mr-contas{grid-template-columns:repeat(2,1fr)}
  .mr-matriz{grid-template-columns:58px repeat(5,minmax(0,1fr)); gap:2px}
  .mr-tit-x{padding-left:60px}
  .mr-eixo-y span, .mr-eixo-x span{font-size:10px}
  .mr-cel{min-height:46px; padding:3px; gap:2px}
  .mr-ponto{width:20px; height:20px; font-size:11px}
  .mr-area{grid-template-columns:minmax(0,1fr) 34px; gap:4px 10px}
  .mr-area-barra{grid-column:1 / -1; grid-row:2}
  .mr-nav .btn, .mr-acoes .btn{flex:1 1 auto; justify-content:center}
}
@media print{
  @page{margin:14mm}
  *{-webkit-print-color-adjust:exact; print-color-adjust:exact}
  body{font-size:10.5pt; line-height:1.5}
  .mr{padding:0; min-height:0}
  .mr-marca-impressa{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 0 10px; margin:0 0 16px; border-bottom:1px solid var(--linha); font-size:9.5pt; color:var(--tinta2)}
  .mr-marca-impressa img{height:26px; width:auto}
  .mr-cartao{padding:10px 14px}
  .mr-resp, .mr-dica{font-size:10.5pt; margin-top:5px}
  .mr-cartao-t h3{font-size:12pt}
  .mr-tab{font-size:9.5pt} .mr-tab td{padding:5px 8px} .mr-tab th{padding:6px 8px}
  .mr-geral{padding:14px 18px; margin-top:16px}
  .mr-cel{min-height:44px}
  .mr-acoes, .mr-privado, .mr-nav, .mr-todos summary, .mr-mais summary{display:none !important}
  .mr-mais{margin-top:12px}
  #app h2{margin-top:22px; break-after:avoid}
  .mr-matriz-cx, .mr-geral, .mr-contas, .mr-areas{break-inside:avoid}
  .mr-todos{border:0} .mr-todos[open] summary{border:0}
  .mr-todos::before{content:"Todas as respostas"; display:block; font-family:Archivo; font-weight:700; font-size:16pt; margin:22px 0 8px}
}