/* escores.css — aba Escores (js/views/escores.js) e a ficha em branco para imprimir.
   Mesma linguagem do resto do site (variáveis de css/app.css); as cores das faixas vêm do motor (FV.LEVELS / NIHSS.BANDS). */

/* layout: a aba não mostra a receita (registerView com rx:false) */
body[data-rx="off"][data-layout="lista"] .grid{grid-template-columns:248px 1fr}
body[data-rx="off"][data-layout="texto"] .grid{grid-template-columns:1fr}
@media(max-width:1100px){ body[data-rx="off"][data-layout="lista"] .grid{grid-template-columns:208px 1fr} }
@media(max-width:820px){ body[data-rx="off"][data-layout] .grid{grid-template-columns:1fr} }

/* lista de escores */
.esc-lgrp{font-size:12.5px;color:var(--muted-aa);font-weight:650;padding:14px 18px 4px}
/* os itens (.esc-row) são quadradinhos: regras comuns às três listas no fim de css/app.css */

/* calculadora */
#col-esc{container:esc / inline-size}
/* computador: a área que rola (#esc-body) é um container de tamanho, para o painel fixo (.esc-side) nunca passar da
   altura visível (max-height em cqh). No celular a página rola inteira e não há painel fixo. */
@media(min-width:821px){ #esc-body{container-type:size} }
.esc{padding:18px 22px 28px;max-width:1180px}
.esc-head{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}
.esc-head > div{flex:1 1 300px;min-width:0}
.esc-kicker{font-size:12.5px;font-weight:600;color:var(--accent-d)}
.esc-head h3{margin:2px 0 0;font-size:21px;font-weight:650;letter-spacing:-.015em;line-height:1.25}
.esc-what{margin:4px 0 0;color:var(--muted-aa);font-size:13px}
.esc-credit{display:block;margin-top:4px;font-size:11.5px;color:var(--muted-aa)}
.esc-print{flex:none}
/* itens, painel do resultado e, por último, o guia (interpretação + conduta), a fonte e o aviso.
   Largo: o painel fica à direita ao lado dos itens E do guia, então acompanha a rolagem até o fim da página. */
.esc-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"items" "side" "foot";gap:16px;margin-top:14px}
.esc-items{grid-area:items}
.esc-side{grid-area:side}
.esc-foot{grid-area:foot;min-width:0}
@container esc (min-width:760px){
  .esc-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-template-areas:"items side" "foot side";grid-template-rows:auto 1fr;align-items:start}
  /* o painel do resultado acompanha a rolagem; com altura limitada ele rola por dentro e o resultado nunca sai da tela */
  .esc-side{position:sticky;top:0;max-height:calc(100cqh - 12px);overflow-y:auto;scrollbar-width:thin}
}
.esc-items{display:flex;flex-direction:column;gap:8px;min-width:0}
.esc-grp{margin:12px 0 0;font-size:13px;font-weight:650;color:var(--accent-d)}
.esc-item{border-radius:var(--r-md);padding:11px 12px;background:var(--sunken);box-shadow:inset 3px 0 0 transparent;transition:box-shadow .12s,background .12s}
.esc-item.done{box-shadow:inset 3px 0 0 var(--accent)}
.esc-lbl{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px}
.esc-lbl b{display:block;font-size:14px;font-weight:600}
.esc-lbl small{display:block;margin-top:2px;font-size:12px;color:var(--muted-aa);line-height:1.4}
.esc-chip{flex:none;min-width:30px;padding:2px 6px;border-radius:7px;background:var(--panel);color:var(--accent-d);font-weight:700;font-size:12px;text-align:center}
.esc-opts{display:flex;flex-wrap:wrap;gap:6px}
.esc-opt{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--panel);
  font:inherit;font-size:13px;color:var(--ink);cursor:pointer;text-align:left;transition:background .1s,border-color .1s}
.esc-opt:hover{border-color:var(--accent);background:var(--accent-soft)}
.esc-opt b{font-family:var(--mono);font-size:12px;color:var(--accent-d);font-variant-numeric:tabular-nums}
.esc-opt[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.esc-opt[aria-pressed="true"] b{color:var(--on-accent)}
.esc-opt[aria-pressed="true"]:hover{background:var(--accent-h);border-color:var(--accent-h)}
.esc-opts.yn .esc-opt{min-width:84px;justify-content:center}
.esc-opts.num{align-items:center}
.esc-num{width:120px;border:1px solid var(--line-2);border-radius:10px;padding:8px 10px;font:inherit;font-size:15px;font-weight:650;text-align:right;background:var(--panel);color:var(--ink)}
.esc-num:focus,.esc-rapida:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.esc-num.bad{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}
.esc-opts .unit{font-weight:650;color:var(--muted-aa)}
@container esc (max-width:480px){ .esc-lbl{flex-wrap:wrap;row-gap:2px} .esc-lbl > b{flex:1 1 100%} }
.esc-note{margin:6px 2px 0;font-size:12.5px;color:var(--muted-aa);line-height:1.5}

.esc-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.esc-panel{border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 16px;background:var(--panel)}
.esc-panel h4{margin:0 0 8px;font-size:13px;font-weight:650;color:var(--ink)}
.esc-res{background:var(--sunken);border-color:transparent}
.esc-meta{display:block;font-size:11.5px;font-weight:650;color:var(--muted-aa)}
.esc-meta2{display:flex;justify-content:space-between;gap:8px}
.esc-total-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 6px}
.esc-total{font-size:40px;font-weight:650;letter-spacing:-.02em;line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums}
.esc-total.txt{font-size:22px}
.esc-band{display:inline-block;padding:3px 11px;border-radius:999px;font-size:12.5px;font-weight:650}
.esc-rtext{margin:0;font-size:13px;line-height:1.5}
.esc-rextra{margin:6px 0 0;font-size:12px;color:var(--muted-aa)}
.esc-scale{position:relative;margin-top:8px}
.esc-scale-bar{display:flex;height:8px;border-radius:5px;overflow:hidden}
.esc-marker{position:absolute;top:-4px;width:3px;height:16px;margin-left:-1px;background:var(--ink);border-radius:2px}
.esc-seg-l{display:block;margin:8px 0 4px;font-size:11px;font-weight:650;color:var(--muted-aa)}
.esc-seg{display:flex;flex-wrap:wrap;gap:4px;padding:3px;background:var(--chip);border-radius:9px}
.esc-seg button{flex:1 1 auto;padding:6px 8px;border:0;border-radius:7px;background:none;font:inherit;font-size:12px;font-weight:600;color:var(--ink-2);cursor:pointer}
.esc-seg button[aria-pressed="true"]{background:var(--panel);color:var(--accent-d);box-shadow:0 0 0 1px var(--line-2)}
.esc-hint{display:block;margin-top:4px;font-size:11.5px;color:var(--muted-aa)}
.esc-warn{display:block;margin-top:4px;font-size:12px;font-weight:650;color:var(--danger)}
.esc-rapida{width:100%;border:1px solid var(--line-2);border-radius:10px;padding:9px 10px;font-family:var(--mono);background:var(--panel);color:var(--ink);
  font-size:16px;letter-spacing:2px}
.esc-preview{margin:10px 0 8px;padding:10px 12px;max-height:180px;overflow:auto;background:var(--sunken);border:0;border-radius:var(--r-md);
  font-family:var(--mono);font-size:11.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:var(--ink)}
.esc-copy{width:100%;justify-content:center;height:42px;font-size:14px;margin:4px 0 8px}
.esc-res .esc-scale{margin-bottom:4px}
/* opções do texto recolhidas: a escolha atual aparece no resumo */
.esc-opcoes{margin:2px 0 0;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.esc-opcoes summary{cursor:pointer;padding:7px 10px;font-size:12px;font-weight:650;color:var(--muted-aa);list-style-position:inside}
.esc-opcoes summary span{color:var(--accent-d)}
.esc-opcoes[open]{padding-bottom:8px}
.esc-opcoes > :not(summary){margin-left:10px;margin-right:10px}
.esc-reset{width:100%;justify-content:center;margin-top:6px}
.esc-bands{display:flex;flex-direction:column;gap:3px}
.esc-bandrow{display:flex;gap:10px;padding:6px 8px;border-radius:8px;font-size:12.5px}
.esc-bandrow b{flex:none;min-width:64px;font-variant-numeric:tabular-nums}
.esc-bandrow.on{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent);font-weight:650}

.esc-guia{margin-top:6px;border-top:1px solid var(--line);padding-top:14px}
.esc-guia h4{margin:0 0 10px;font-size:15px;font-weight:700}
.esc-guia-head,.esc-guia-row{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,1.3fr);gap:14px}
.esc-guia-head{padding:0 10px 6px;font-size:12px;font-weight:650;color:var(--muted-aa)}
.esc-guia-row{padding:10px;border-top:1px solid var(--line);font-size:13px;line-height:1.5}
.esc-guia-row p{margin:0}
.esc-guia-row .g-k{display:none}
.esc-guia-obs{margin:10px 10px 0;font-size:12.5px;color:var(--muted-aa)}
@container esc (max-width:620px){
  .esc-guia-head{display:none}
  .esc-guia-row{grid-template-columns:1fr;gap:4px}
  .esc-guia-row .g-k{display:block;font-size:12px;font-weight:650;color:var(--muted-aa)}
}
.esc-ref{margin:16px 0 0;font-size:11.5px;color:var(--muted-aa)}
.esc-disc{margin:6px 0 0;font-size:11.5px;font-weight:650;color:var(--warn)}

/* barra do celular: resultado e "Copiar" sempre à vista */
.esc-bar{display:none}
@media(max-width:820px){
  body[data-view="escores"] .esc-bar:not([hidden]){display:flex;align-items:center;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:25;
    padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);box-shadow:var(--shadow-pop)}
  body[data-view="escores"]{padding-bottom:64px}
  .esc-bar-v{font-size:24px;font-weight:750;min-width:0;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .esc-bar .esc-band{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .esc-bar .btn{flex:none;padding:0 18px}
  .esc{padding:14px 14px 20px}
  .esc-side{position:static;max-height:none;overflow:visible}
  .esc-opt{min-height:44px}
  #toast{bottom:84px}
}

/* ---- ficha em branco para imprimir ----
   Regras abaixo vindas do Ficha Vermelha (assets/escore.css e a página nihss/), com a fonte do sistema e o teal do site.
   Só valem enquanto body.imprimindo (escPrint); Ctrl+P fora disso imprime a página normal. */
#ficha{display:none}
@media print{
  @page{size:A4;margin:12mm}
  body.imprimindo{background:#fff!important;padding:0!important;display:block!important;height:auto!important}
  body.imprimindo > *:not(#ficha){display:none!important}
  body.imprimindo #ficha{display:block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#12212B;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
}
.fpage{break-after:page;page-break-after:always}
.fpage:last-child{break-after:auto;page-break-after:auto}
.fhead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:8px;border-bottom:2px solid #0c7489}
.fbrand{font-weight:700;font-size:9pt;color:#0c7489}
.fhead h1{margin:3px 0 0;font-size:18pt;line-height:1.05}
.fhead p{margin:4px 0 0;font-size:8.5pt;color:#55656C}
.fres{display:flex;align-items:center;gap:10px;border:1px solid #CFDADC;border-radius:8px;padding:5px 10px;background:#F4F8F8}
.fres span{display:flex;flex-direction:column;font-size:7.5pt;font-weight:600;color:#55656C;letter-spacing:.03em}
.fres span b{font-size:10pt;color:#12212B;letter-spacing:0}
.fres strong{font-size:20pt;line-height:1}
.ffields{display:grid;grid-template-columns:2.4fr .6fr 1fr 1.2fr;gap:10px;margin:10px 0}
.ffields div{font-size:7.5pt;font-weight:600;color:#55656C;letter-spacing:.03em;border-bottom:1px solid #12212B;padding-bottom:14px}
.ftable{width:100%;border-collapse:collapse;font-size:8.5pt;border:1px solid #CFDADC}
.ftable th{background:#EEF4F5;font-weight:700;text-align:left;padding:4px 6px;font-size:7.5pt}
.ftable td{border-top:1px solid #E3EBEC;padding:4px 6px;vertical-align:top}
.ftable td.fd{width:38%}
.ftable td.fd b{font-size:9pt}
.ftable td.fd small{display:block;font-size:7pt;color:#55656C}
.ftable td.fp{width:48px;text-align:center;font-weight:700;font-size:10pt;vertical-align:middle}
.ftable tr.fg td{background:#F4F8F8;font-weight:700;font-size:7.5pt;color:#0c7489;text-transform:uppercase;letter-spacing:.04em}
.ftable tr.ftot td{background:#F4F8F8;font-weight:700;font-size:10pt}
.fo{display:inline-flex;align-items:center;gap:4px;margin:1px 10px 1px 0;font-size:8pt;white-space:nowrap}
.fo i{display:inline-block;width:9px;height:9px;border:1px solid #12212B;border-radius:2px}
.fo.on i{background:#0c7489;border-color:#0c7489}
.fo.on{font-weight:700}
.fo b{font-weight:600;color:#55656C}
.fbands{margin-top:10px;display:flex;flex-wrap:wrap;gap:4px}
.fbt{width:100%;font-size:7.5pt;font-weight:700;color:#55656C;letter-spacing:.04em;text-transform:uppercase}
.fb{font-size:8pt;padding:3px 8px;border:1px solid #CFDADC;border-radius:4px}
.fb.on{background:#E3F0F1;border-color:#0c7489;font-weight:700}
.fconduta{margin:8px 0 0;font-size:9pt}
.fsign{display:grid;grid-template-columns:2fr 1fr 2fr;gap:12px;margin-top:18px}
.fsign div{font-size:7.5pt;font-weight:600;color:#55656C;letter-spacing:.03em;border-bottom:1px solid #12212B;padding-bottom:16px}
.ffoot{display:flex;justify-content:space-between;gap:16px;margin-top:10px;padding-top:5px;border-top:1px solid #E3EBEC;font-size:7pt;color:#55656C}
.f-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:8px;border-bottom:2px solid #0c7489}
.f-brand{font-weight:700;font-size:9pt;color:#0c7489}
.f-head h1{margin:3px 0 0;font-size:19pt;line-height:1.05}
.f-head p{margin:4px 0 0;font-size:8.5pt;color:#55656C}
.f-score{display:flex;align-items:center;gap:10px;border:1px solid #CFDADC;border-radius:8px;padding:5px 10px;background:#F4F8F8}
.f-score span{display:flex;flex-direction:column;font-size:7.5pt;font-weight:600;color:#55656C;letter-spacing:.03em}
.f-score span b{font-size:10pt;color:#12212B;letter-spacing:0}
.f-score strong{font-size:26pt;line-height:1}
.f-fields{display:grid;grid-template-columns:2.4fr .6fr 1fr 1fr .8fr;gap:10px;margin:10px 0}
.f-fields div{font-size:7.5pt;font-weight:600;color:#55656C;letter-spacing:.03em;border-bottom:1px solid #12212B;padding-bottom:14px}
.f-table{width:100%;border-collapse:collapse;font-size:8pt;border:1px solid #CFDADC}
.f-table th{background:#EEF4F5;font-weight:700;text-align:center;padding:4px 3px;font-size:7.5pt}
.f-table th:nth-child(2){text-align:left}
.f-table th.on{background:#0c7489;color:#fff}
.f-table td{border-top:1px solid #E3EBEC;padding:3px 4px;vertical-align:middle}
.f-table td.id{font-weight:700;font-size:9pt;width:26px}
.f-table td.desc b{font-size:9pt}
.f-table td.desc small{display:block;font-size:7pt;color:#55656C}
.f-table td.desc small.x{color:#0c7489}
.f-table td.c{width:52px;text-align:center;border-left:1px solid #E3EBEC;font-weight:700;font-size:12pt}
.f-table td.c.on{background:#E3F0F1}
.f-table td.c.dt{font-size:7.5pt;font-weight:600;color:#7A8A90}
.f-table td.c.dt.on{color:#12212B}
.f-table tr.tot td{background:#F4F8F8;font-weight:700;font-size:10pt}
.f-table tr.tot td.c.on{background:#CFE5E8;font-size:14pt}
.f-sev{display:grid;grid-template-columns:1fr 4fr 11fr 5fr 8fr;gap:2px;margin-top:8px;font-size:7.5pt;font-weight:600;text-align:center}
.f-sev div{padding:4px 2px;border-radius:3px}
.f-sev .ring{box-shadow:0 0 0 1.5px #12212B}
.f-sign{display:grid;grid-template-columns:2fr 1fr 2fr;gap:12px;margin-top:14px}
.f-sign div{font-size:7.5pt;font-weight:600;color:#55656C;letter-spacing:.03em;border-bottom:1px solid #12212B;padding-bottom:16px}
.f-foot{display:flex;justify-content:space-between;gap:12px;margin-top:10px;padding-top:5px;border-top:1px solid #E3EBEC;font-size:7.5pt;color:#55656C}
.f-page2{break-before:page;page-break-before:always;padding-top:4px}
.f-pg{break-before:page;page-break-before:always;padding-top:4px}
.f-pg .tag,.f-page2 .tag0{font-size:9pt;font-weight:700;color:#0c7489;letter-spacing:.04em}
.f-pg h2,.f-page2 h2{font-size:17pt;margin:2px 0 0;padding-bottom:6px;border-bottom:2px solid #0c7489}
.f-fig{display:block;margin:8mm auto 0;max-width:100%;max-height:190mm;width:auto;height:auto}
.f-pg,.f-page2{break-inside:avoid;page-break-inside:avoid}
.f-cred{font-size:7.5pt;color:#55656C;text-align:right;margin-top:3mm}
.f-pfoot{display:flex;justify-content:space-between;margin-top:6mm;padding-top:4px;border-top:1px solid #E3EBEC;font-size:7.5pt;color:#55656C}
.f-page2 .tag{font-size:9pt;font-weight:700;color:#0c7489;margin-top:22px}
.f-page2 .ask{font-size:10pt;color:#55656C;margin:2px 0 10px}
.f-page2 .big{font-size:24pt;line-height:1.55;font-weight:600}
.f-page2 .words{font-size:26pt;line-height:1.5;font-weight:700;letter-spacing:.02em}
.f-page2 .cred{margin-top:26px;font-size:8pt;color:#55656C}