/* Cliup: mapa de regiões do rosto e do corpo (Ficha de evolução) e regiões bloqueadas (PMMA etc.) */
.mapa-svg{width:100%;height:auto;display:block}
/* desenho: traço de ficha clínica (pele clara, contorno firme, detalhes finos) */
.mapa-svg .m-pele{fill:#F7F0EA;stroke:#B19C8A;stroke-width:1.1;stroke-linejoin:round}
.mapa-svg .m-borda{fill:none;stroke:#B19C8A;stroke-width:1.1;stroke-linejoin:round}
.mapa-svg .m-linha{fill:none;stroke:#B6A291;stroke-width:.9;stroke-linecap:round;stroke-linejoin:round}
.mapa-svg .m-fina{fill:none;stroke:#D2C2B4;stroke-width:.75;stroke-linecap:round;stroke-linejoin:round}
.mapa-svg .m-cabelo{fill:#ECE2D8}
.mapa-svg .m-fio{fill:none;stroke:#DCCDBF;stroke-width:.8;stroke-linecap:round}
.mapa-svg .m-sobr{fill:#CDBBAB}
.mapa-svg .m-olho{fill:#fff;stroke:#A99482;stroke-width:.7}
.mapa-svg .m-palp{fill:none;stroke:#8E7966;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.mapa-svg .m-iris{fill:#DCCEC1;stroke:#AE9A88;stroke-width:.6}
.mapa-svg .m-pupila{fill:#8E7A69}
.mapa-svg .m-brilho{fill:#fff}
.mapa-svg .m-labio{fill:#EFD6CD;stroke:#C0A193;stroke-width:.8;stroke-linejoin:round}
.mapa-svg .m-boca{fill:none;stroke:#A6887A;stroke-width:1;stroke-linecap:round}
.mapa-svg .m-narina{fill:#D8C3B2}
.mapa-svg .m-mamilo{fill:#CDB8A7}
.mapa-svg .m-lado{font:500 11px Roboto,sans-serif;fill:#A99786}
.m-reg circle{fill:#fff;stroke:#8C8C8C;stroke-width:1.4;transition:fill .12s}
.m-reg.clic{cursor:pointer}.m-reg.clic:hover circle,.m-reg.clic:focus circle{stroke:var(--azul);stroke-width:2.2;outline:none}
.m-reg:focus{outline:none}
.mapa-svg .m-reg circle.m-hit{fill:transparent!important;stroke:none!important} /* área de toque maior (dedo no celular) */
.m-reg.sel circle{fill:var(--azul);stroke:var(--navy)}
.m-reg.bloq circle{fill:#FDECEC;stroke:var(--vermelho);stroke-width:2}
.m-reg .m-x{stroke:var(--vermelho);stroke-width:1.8;stroke-linecap:round}
.m-reg .m-n{font:700 9px Roboto,sans-serif;fill:var(--navy)}
.m-reg.fam-preench circle,.m-dot.fam-preench{fill:#7CC4FF;background:#7CC4FF}
.m-reg.fam-toxina circle,.m-dot.fam-toxina{fill:#B79BEF;background:#B79BEF}
.m-reg.fam-bio circle,.m-dot.fam-bio{fill:#7FD3A0;background:#7FD3A0}
.m-reg.fam-tecno circle,.m-dot.fam-tecno{fill:#F7C66B;background:#F7C66B}
.m-reg.fam-outro circle,.m-dot.fam-outro{fill:#C9CED6;background:#C9CED6}
.m-dot{display:inline-block;width:11px;height:11px;border-radius:50%;border:1px solid #8C8C8C;margin-right:5px;vertical-align:-1px}
.m-dot.bloq{background:#FDECEC;border:2px solid var(--vermelho)}
.mapa-legenda{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--tinta-2);margin-bottom:10px}
.mapa-vistas{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px}
.mapa-vista{background:#fff;border:1px solid var(--linha);border-radius:10px;padding:10px}
.mapa-vt{font-weight:500;font-size:14px;margin-bottom:6px;color:var(--tinta)}
.mapa-bloq{padding:8px 0;border-top:1px solid var(--linha)}.mapa-bloq:first-of-type{border-top:0}
/* aviso vermelho no topo da ficha */
.mapa-alerta{display:flex;align-items:flex-start;gap:6px;margin-top:8px;padding:6px 10px;border-radius:8px;background:#FDECEC;color:#A12626;font-size:13.5px;line-height:1.4;max-width:720px}
.mapa-alerta svg.ic{width:16px;height:16px;flex:none;margin-top:1px}
.mapa-alerta.no-modal{margin:0 0 14px;max-width:none}
/* escolher regiões */
.mp-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
#mp-desenho{max-width:360px;margin:0 auto;width:100%}
.mp-lista{display:flex;flex-wrap:wrap;gap:6px;max-height:420px;overflow:auto}
.mp-it{border:1px solid var(--linha-2);background:#fff;border-radius:16px;padding:5px 11px;font:inherit;font-size:13px;cursor:pointer;color:var(--tinta)}
.mp-it.sel{background:var(--azul);border-color:var(--azul);color:#fff}
.mp-it.bloq{background:#FDECEC;border-color:#F2A7A7;color:#A12626;cursor:not-allowed}
.mp-it small{font-size:11px}
.evo-regs{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.evo-vistas{display:inline-flex}
@media(max-width:900px){.mapa-vistas{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mapa-vista:first-child{grid-column:1/-1}.mp-grade{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.mapa-vistas{grid-template-columns:minmax(0,1fr)}}
/* 04/11: lápis no mapa */
.mp-modo{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 8px}
.mp-modo .btn.ativo{background:#EEF5FD;border-color:#1d6fd1;color:#1d6fd1}
#mp-desenho.mp-lapis svg{touch-action:none;cursor:crosshair}
#mp-desenho .mp-traco{fill:none;stroke:#1d6fd1;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.75;pointer-events:none}
#mp-desenho.mp-lapis .m-reg:not(.sel):not(.bloq){opacity:.35}
.mp-mini{width:120px;display:inline-block;margin:6px 8px 0 0;vertical-align:top}
.mp-mini svg{width:100%;height:auto}
.mp-mini .mp-traco{fill:none;stroke:#1d6fd1;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.8}