/* Monitoria da qualidade: formulário de avaliação com placar, painel, histórico, ficha,
   devolutiva (folha), calibração e cadastros. Escopo .mq (o painel) e .mq-modal. */
.mq .l-conteudo{ gap:var(--l-e4) }
.mq-sub{ margin:0 }
.mq-pad{ padding:var(--l-e4) var(--l-e5) }
.mq-scroll{ overflow-x:auto }
.mq-wrap{ display:flex; flex-direction:column; gap:var(--l-e4); min-width:0 }
.mq-cols{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:var(--l-e4); align-items:start }
.mq-cols2{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--l-e4); align-items:start }
.mq-sticky{ position:sticky; top:118px }
@media (max-width:1080px){ .mq-cols, .mq-cols2{ grid-template-columns:1fr } .mq-sticky{ position:static } }
.mq-acoes{ display:flex; flex-wrap:wrap; gap:var(--l-e2) }
.mq .au-toolbar{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--l-e2) }
.mq-busca{ flex:1 1 260px }
.mq-busca :is(input, select){ width:100% }
.mq .au-hint{ font-size:var(--l-t-mini); color:var(--l-texto-3) }
.mq-muted{ color:var(--l-texto-3); font-size:var(--l-t-peq) }
.mq-num{ text-align:right; font-variant-numeric:tabular-nums }
.mq-pre{ white-space:pre-wrap; margin:0 }
.mq .pt{ display:flex; align-items:center; gap:var(--l-e3) }
.mq .av{ display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--l-marca-suave); color:var(--l-marca-tinta); font-size:var(--l-t-mini); font-style:normal; font-weight:600; flex:none }

/* links de texto e etiquetas */
.mq-link{ border:0; background:none; padding:0; font:inherit; font-size:var(--l-t-peq); font-weight:500; color:var(--l-marca-tinta); cursor:pointer; text-align:left }
.mq-link:hover{ text-decoration:underline; text-underline-offset:3px }
.mq-tag{ display:inline-flex; align-items:center; height:20px; padding:0 7px; border-radius:var(--l-raio-1); background:var(--l-sup-3); color:var(--l-texto-2); font-size:var(--l-t-mini); font-weight:500; white-space:nowrap }
.mq-tag.fatal{ background:var(--l-erro-fundo); color:var(--l-erro) }

/* avisos */
.mq-alert{ padding:var(--l-e3) var(--l-e4); border-radius:var(--l-raio-2); border:1px solid var(--l-borda); background:var(--l-sup-2); font-size:var(--l-t-peq) }
.mq-alert b{ display:block; font-weight:600; margin-bottom:2px }
.mq-alert.err{ border-color:transparent; background:var(--l-erro-fundo); color:var(--l-erro) }
.mq-alert.warn{ border-color:transparent; background:var(--l-atencao-fundo); color:var(--l-atencao) }
.mq-alert.ok{ border-color:transparent; background:var(--l-ok-fundo); color:var(--l-ok) }

/* ── formulário: grade de identificação ── */
.mq-grid{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:var(--l-e3) var(--l-e4) }
.mq-grid .sp2{ grid-column:span 2 } .mq-grid .sp3{ grid-column:span 3 } .mq-grid .sp4{ grid-column:span 4 }
@media (max-width:1240px){ .mq-grid{ grid-template-columns:repeat(2, minmax(0,1fr)) } .mq-grid :is(.sp3, .sp4){ grid-column:span 2 } }
@media (max-width:640px){ .mq-grid{ grid-template-columns:1fr } .mq-grid :is(.sp2, .sp3, .sp4){ grid-column:span 1 } }

/* ── instrumento: blocos e itens ── */
.mq2-h{ flex-wrap:wrap; gap:var(--l-e3) }
.mq2-h h3[title]{ cursor:help; text-decoration:underline dotted var(--l-borda-forte); text-underline-offset:4px }
.mq2-hint{ display:none }
.mq-prog{ display:inline-block; width:120px; height:6px; border-radius:3px; background:var(--l-sup-3); overflow:hidden; margin-left:auto }
.mq-prog i{ display:block; height:100%; background:var(--l-marca); border-radius:3px; transition:width .3s }
.mq-block{ display:flex; align-items:center; gap:var(--l-e3); padding:var(--l-e2) var(--l-e5); background:var(--l-sup-2); border-top:1px solid var(--l-fio); border-bottom:1px solid var(--l-fio); font-size:var(--l-t-peq); font-weight:600; color:var(--l-texto-2) }
.mq-block-peso{ margin-left:auto; font-weight:400; color:var(--l-texto-3); font-variant-numeric:tabular-nums }
.mq-item{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--l-e4); align-items:start; padding:var(--l-e3) var(--l-e5); border-bottom:1px solid var(--l-fio); border-left:3px solid transparent }
.mq-item:last-child{ border-bottom:0 }
.mq-item[data-r="SIM"]{ border-left-color:var(--l-ok) }
.mq-item[data-r="NAO"]{ border-left-color:var(--l-erro); background:color-mix(in srgb, var(--l-erro-fundo) 50%, transparent) }
.mq-item[data-r="NA"]{ border-left-color:var(--l-borda-forte) }
.mq-item.pend{ border-left-color:var(--l-atencao-marca); background:color-mix(in srgb, var(--l-atencao-fundo) 60%, transparent) }
.mq-item-txt{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px var(--l-e2); line-height:1.4 }
.mq-badge{ flex:none; display:inline-grid; place-items:center; min-width:22px; height:22px; padding:0 4px; border-radius:6px; background:var(--l-sup-3); color:var(--l-texto-2); font-size:var(--l-t-mini); font-weight:600; font-variant-numeric:tabular-nums }
.mq-item[data-r="SIM"] .mq-badge{ background:var(--l-ok-fundo); color:var(--l-ok) }
.mq-item[data-r="NAO"] .mq-badge{ background:var(--l-erro-fundo); color:var(--l-erro) }
.mq2-inline{ display:inline-flex; flex-wrap:wrap; align-items:center; gap:var(--l-e2); margin-left:var(--l-e2) }
.mq-gloss, .mq-obs{ display:none; margin-top:var(--l-e3); padding-left:30px }
.mq-gloss.on, .mq-obs.on{ display:block }
.mq-obs{ display:none; flex-direction:column; gap:var(--l-e3) }
.mq-obs.on{ display:flex }
.mq-ci textarea{ min-height:60px }
.mq-ci.apont label{ color:var(--l-erro) }
.mq-ci.orient label{ color:var(--l-info) }
.mq-ci.elogio label{ color:var(--l-ok) }
/* resposta Sim/Não/N.A.: segmentado */
.mq-seg{ display:inline-flex; gap:2px; padding:3px; border-radius:var(--l-raio-2); background:var(--l-sup-3); flex:none }
.mq-seg .chip{ height:28px; min-width:52px; padding:0 12px; border:0; border-radius:6px; background:none; color:var(--l-texto-2); font-size:var(--l-t-peq); font-weight:500 }
.mq-seg .chip:hover{ color:var(--l-texto) }
.mq-seg .chip.active{ background:var(--l-sup); color:var(--l-texto); box-shadow:0 1px 2px rgba(20,26,12,.08) }
.mq-seg .chip.p3.active{ background:var(--l-ok); color:#fff }
.mq-seg .chip.p0.active{ background:var(--l-erro); color:#fff }
/* prints da evidência */
.mq-prints-edit{ display:flex; flex-direction:column; gap:var(--l-e2) }
.mq-prints-hd{ display:flex; align-items:center; justify-content:space-between; font-size:var(--l-t-peq); color:var(--l-texto-2) }
.mq-prints-vazio{ margin:0 }
.mq-prints{ display:flex; flex-wrap:wrap; gap:var(--l-e2) }
.mq-print{ position:relative; margin:0; width:96px; height:72px; border-radius:var(--l-raio-1); overflow:hidden; border:1px solid var(--l-borda); background:var(--l-sup-2) }
.mq-print img{ width:100%; height:100%; object-fit:cover; cursor:zoom-in }
.mq-print figcaption{ position:absolute; left:0; right:0; bottom:0; padding:1px 4px; background:rgba(20,26,12,.6); color:#fff; font-size:var(--l-t-mini) }
.mq-print-x{ position:absolute; top:3px; right:3px; width:20px; height:20px; border:0; border-radius:50%; background:rgba(20,26,12,.7); color:#fff; font-size:13px; line-height:1; cursor:pointer }
.mq-lupa{ position:fixed; inset:0; z-index:1200; display:grid; place-items:center; padding:var(--l-e6); background:rgba(14,18,8,.82); cursor:zoom-out }
.mq-lupa img{ max-width:100%; max-height:100%; border-radius:var(--l-raio-2) }

/* ── placar (coluna da direita) ── */
.mq-placar .mq-pad{ display:flex; flex-direction:column; gap:var(--l-e3) }
.mq-score{ font-size:44px; font-weight:600; letter-spacing:-.04em; line-height:1; font-variant-numeric:tabular-nums }
.mq-score small{ font-size:18px; font-weight:500; color:var(--l-texto-3); margin-left:2px }
.mq-wave{ display:flex; align-items:flex-end; gap:3px; height:56px }
.mq-wave i{ flex:1; min-height:6px; border-radius:2px 2px 0 0; background:var(--l-sup-3) }
.mq-wave i.v-SIM{ background:var(--l-ok) }
.mq-wave i.v-NAO{ background:var(--l-erro) }
.mq-wave i.v-NA{ background:var(--l-borda-forte) }
.mq-wave-leg{ display:flex; justify-content:space-between; font-size:var(--l-t-mini); color:var(--l-texto-3) }
.mq-stats{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--l-e2) }
.mq-stats li{ display:flex; flex-direction:column; padding:var(--l-e2); border-radius:var(--l-raio-1); background:var(--l-sup-2); font-size:var(--l-t-mini); color:var(--l-texto-3) }
.mq-stats b{ font-size:var(--l-t-titulo); font-weight:600; color:var(--l-texto) }

/* ── painel ── */
.mq2-command{ display:grid; grid-template-columns:minmax(260px, 1fr) 2fr; gap:var(--l-e4) }
@media (max-width:980px){ .mq2-command{ grid-template-columns:1fr } }
.mq2-hero{ display:flex; align-items:center; gap:var(--l-e5); padding:var(--l-e4) var(--l-e5) }
.mq2-hero-main{ display:flex; flex-direction:column; flex:none }
.mq2-lab{ font-size:var(--l-t-peq); color:var(--l-texto-3) }
.mq2-hero-val{ font-size:40px; font-weight:600; letter-spacing:-.04em; line-height:1.05; font-variant-numeric:tabular-nums }
.mq2-hero-val small{ font-size:17px; font-weight:500; color:var(--l-texto-3) }
.mq2-hero-sub{ font-size:var(--l-t-peq); color:var(--l-texto-3) }
.mq2-gauge{ flex:1; min-width:0; display:flex; flex-direction:column; gap:4px }
.mq2-gauge-bar{ position:relative; height:8px; border-radius:4px; background:var(--l-sup-3) }
.mq2-gauge-fill{ display:block; height:100%; border-radius:4px; background:var(--l-marca) }
.mq2-gauge-fill.ok{ background:var(--l-ok) } .mq2-gauge-fill.warn{ background:var(--l-atencao-marca) } .mq2-gauge-fill.err{ background:var(--l-erro) }
.mq2-gauge-meta{ position:absolute; top:-4px; bottom:-4px; width:2px; border-radius:1px; background:var(--l-texto); opacity:.5 }
.mq2-gauge-leg{ display:flex; justify-content:space-between; font-size:var(--l-t-mini); color:var(--l-texto-3) }
.mq2-hero-delta{ font-size:var(--l-t-peq); color:var(--l-texto-2) }
.mq2-hero-delta.baixo{ color:var(--l-erro); font-weight:500 }
.mq2-acts{ display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:var(--l-e3) }
.mq2-act{ display:flex; flex-direction:column; gap:2px; width:100%; padding:var(--l-e3) var(--l-e4); border:1px solid var(--l-borda); border-left:3px solid var(--l-borda-forte); border-radius:var(--l-raio-2); background:var(--l-sup); font:inherit; color:var(--l-texto); text-align:left; cursor:pointer }
.mq2-act:hover{ border-color:var(--l-borda-forte) }
.mq2-act.ok{ border-left-color:var(--l-ok) } .mq2-act.warn{ border-left-color:var(--l-atencao-marca) } .mq2-act.crit{ border-left-color:var(--l-erro) }
.mq2-static{ cursor:default }
.mq2-act-lab{ font-size:var(--l-t-peq); color:var(--l-texto-3) }
.mq2-act-val{ font-size:var(--l-t-titulo); font-weight:600; font-variant-numeric:tabular-nums }
.mq2-act-val small{ font-size:var(--l-t-peq); font-weight:400; color:var(--l-texto-3) }
.mq2-act.crit .mq2-num{ color:var(--l-erro) }
.mq2-act-sub{ font-size:var(--l-t-mini); color:var(--l-texto-3) }
.mq2-grid{ display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:var(--l-e4); align-items:start }
@media (max-width:1080px){ .mq2-grid{ grid-template-columns:1fr } }
.mq2-col{ display:flex; flex-direction:column; gap:var(--l-e4); min-width:0 }
.mq2-b{ padding:var(--l-e3) var(--l-e5) var(--l-e4) }
.mq2-row{ display:grid; grid-template-columns:minmax(0,1fr) 170px; gap:var(--l-e4); align-items:center; min-height:30px; border-bottom:1px solid var(--l-fio) }
.mq2-row:last-of-type{ border-bottom:0 }
.mq2-row-lab{ display:flex; align-items:center; gap:var(--l-e2); min-width:0 }
.mq2-n{ flex:none; min-width:22px; color:var(--l-texto-3); font-size:var(--l-t-peq); font-variant-numeric:tabular-nums }
.mq2-t{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.mq2-tag{ flex:none; font-size:var(--l-t-mini); color:var(--l-texto-3); white-space:nowrap }
.mq2-tag.crit{ color:var(--l-erro); font-weight:500 }
.mq2-row-val{ display:flex; align-items:center; gap:var(--l-e3) }
.mq2-mini{ flex:1; height:6px; border-radius:3px; background:var(--l-sup-3); overflow:hidden }
.mq2-mini i{ display:block; height:100%; border-radius:3px; background:var(--l-marca) }
.mq2-mini i.ok{ background:var(--l-ok) } .mq2-mini i.warn{ background:var(--l-atencao-marca) } .mq2-mini i.err{ background:var(--l-erro) }
.mq2-pct{ min-width:52px; text-align:right; font-size:var(--l-t-peq); font-weight:500; font-variant-numeric:tabular-nums }
.mq2-foot{ margin-top:var(--l-e2); font-size:var(--l-t-mini); color:var(--l-texto-3) }
.mq2-spark{ width:110px }
.mq2-chart{ padding:var(--l-e3) var(--l-e5) var(--l-e4); color:var(--l-marca) }
.mq2-chart svg{ display:block; width:100%; height:150px }

/* ── histórico (lista do cadastro) ── */
.mq-hist{ list-style:none; margin:0; padding:0; font-size:var(--l-t-peq) }
.mq-hist li{ padding:var(--l-e2) 0; border-bottom:1px solid var(--l-fio); color:var(--l-texto-2) }
.mq-hist li:last-child{ border-bottom:0 }
.mq-hist b{ color:var(--l-texto); font-weight:500 }
.mq-quote{ margin-top:2px; color:var(--l-texto-3) }

/* ── ficha do colaborador ── */
.mq-ficha-top{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--l-e4); padding:var(--l-e4) var(--l-e5) }
.mq-ficha-id{ display:flex; align-items:center; gap:var(--l-e3); min-width:0 }
.mq-ficha-id h2{ margin:0; font-size:var(--l-t-titulo); font-weight:600 }
.mq-ficha-id p{ margin:2px 0 0; font-size:var(--l-t-peq); color:var(--l-texto-3) }
.mq-ficha-kpis{ display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:var(--l-e3) }
.mq-kpi{ display:flex; flex-direction:column; gap:2px; padding:var(--l-e3) var(--l-e4); border:1px solid var(--l-borda); border-radius:var(--l-raio-2); background:var(--l-sup) }
.mq-kpi span{ font-size:var(--l-t-peq); color:var(--l-texto-3) }
.mq-kpi b{ font-size:var(--l-t-titulo); font-weight:600; font-variant-numeric:tabular-nums }
.mq-kpi small{ font-size:var(--l-t-mini); color:var(--l-texto-3) }
.mq-kpi.ok b{ color:var(--l-ok) } .mq-kpi.baixo b{ color:var(--l-erro) } .mq-kpi.aviso b{ color:var(--l-atencao) }
.mq-spark{ position:relative; display:flex; align-items:flex-end; gap:4px; height:120px; padding-top:6px; border-bottom:1px solid var(--l-borda) }
.mq-spark::before{ content:""; position:absolute; left:0; right:0; bottom:var(--meta, 80%); border-top:1px dashed var(--l-borda-forte) }
.mq-spark i{ flex:1; min-width:8px; border-radius:3px 3px 0 0; background:var(--l-ok) }
.mq-spark i.baixo{ background:var(--l-erro) }
.mq-anotacoes{ max-height:min(62vh, 560px); overflow:auto }
.mq-anot-hd{ display:flex; flex-direction:column; gap:2px; padding-bottom:var(--l-e2); border-bottom:1px solid var(--l-fio) }
.mq-anot-hd span{ font-size:var(--l-t-peq); color:var(--l-texto-3) }
.mq-anot-item{ padding:var(--l-e3) 0; border-bottom:1px dashed var(--l-fio) }
.mq-anot-item:last-child{ border-bottom:0 }
.mq-anot-top{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--l-e2); margin-bottom:4px }
.mq-anot-top b{ font-weight:500 }

/* ── cartões retráteis dos cadastros ── */
.mq-acc-head{ display:flex; align-items:center; gap:var(--l-e2); cursor:pointer }
.mq-acc-head > .l-bloco-cab{ flex:1; min-width:0; border-bottom:0 }
.mq-acc-head:hover{ background:var(--l-sup-2) }
.mq-acc-head:focus-visible{ outline:2px solid var(--l-foco); outline-offset:-2px }
.mq-acc-chev{ display:grid; place-items:center; width:28px; height:28px; margin-right:var(--l-e4); border-radius:6px; color:var(--l-texto-3); transition:transform .18s }
.mq-acc.on .mq-acc-chev{ transform:rotate(180deg) }
.mq-acc.on .mq-acc-head{ border-bottom:1px solid var(--l-fio) }

/* ── devolutiva: a folha ── */
.mq-folha{ max-width:880px; width:100%; margin:0 auto; padding:var(--l-e8) var(--l-e10) }
.mq-folha h2{ margin:0; font-size:var(--l-t-titulo); font-weight:600; text-align:center }
.mq-f-org, .mq-f-sub{ text-align:center; font-size:var(--l-t-peq); color:var(--l-texto-3) }
.mq-folha hr{ border:0; border-top:2px solid var(--l-marca); margin:var(--l-e4) 0; opacity:.5 }
.mq-ident{ display:grid; grid-template-columns:repeat(2, 1fr); gap:0 var(--l-e6); margin:var(--l-e4) 0 }
.mq-ident div{ display:flex; gap:var(--l-e2); padding:6px 0; border-bottom:1px solid var(--l-fio) }
.mq-ident b{ min-width:130px; font-size:var(--l-t-peq); font-weight:500; color:var(--l-texto-3) }
.mq-nota-box{ display:flex; align-items:center; gap:var(--l-e5); margin:var(--l-e4) 0; padding:var(--l-e4) var(--l-e5); border-radius:var(--l-raio-2); background:var(--l-marca-suave) }
.mq-nota-box .mq-n{ font-size:40px; font-weight:600; line-height:1; letter-spacing:-.04em; font-variant-numeric:tabular-nums }
.mq-rot2{ font-size:var(--l-t-peq); color:var(--l-texto-3) }
.mq-nota-txt{ flex:1; font-size:var(--l-t-corpo) }
.mq-f-sec{ margin:var(--l-e6) 0 var(--l-e2); font-size:var(--l-t-peq); font-weight:600; color:var(--l-texto-2) }
.mq-ass{ display:grid; grid-template-columns:1fr 1fr; gap:var(--l-e10); margin-top:var(--l-e12); text-align:center; font-size:var(--l-t-peq) }
.mq-ass div{ border-top:1px solid var(--l-texto-3); padding-top:6px }
.mq-data-ass{ margin-top:var(--l-e6); text-align:center }
.mq-enviar{ display:flex; flex-wrap:wrap; gap:var(--l-e2) }
@media (max-width:720px){ .mq-folha{ padding:var(--l-e5) } .mq-ident{ grid-template-columns:1fr } }
.mq2-hbtn{ margin-left:auto }
.mq2-h h3[title]{ cursor:help }
.mq :is(.l-nota, .mq-alert) b{ display:inline; margin:0 }
.mq-alert > b:first-child{ display:block; margin-bottom:2px }