/* js/tools/map/map.css — saiu do <style> do index.html no corte de CSS (v303). 69 regra(s), na ordem original; os @media reabertos onde o contexto muda. Seletor com mais de um dono fica na casca.
   FICARAM NA CASCA POR ORDEM (perdem hoje para uma regra posterior da casca; mover mudaria a tela — fase 2):
     .mapbar button  perde padding para  .pcbar button,.pcbar .pcchip,.pcbar .pcseg button */
.tsb{font:inherit;font-size:11px;border:1px solid #d1434b;color:#d1434b;background:#fff;border-radius:4px;padding:0 4px;cursor:pointer;line-height:16px;margin-left:2px}
body:is([data-theme="dark"],[data-theme="hud"],[data-theme="holo"],[data-theme="sketchdark"]) .tsb{background:var(--panel)}
.mdh.pchdr{gap:8px}
.mdh.pchdr>button{font:inherit;font-size:12.5px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:4px 10px;cursor:pointer;color:var(--ink)}
.mdh.pchdr>button[data-eclose]{font-size:18px;line-height:1;padding:2px 8px;border:none;color:var(--muted)}
.mdh.pchdr select{font:inherit;font-size:12.5px;font-weight:700;padding:3px 8px;border:1px solid var(--line);border-radius:8px;background:#fff}
.mdh.pchdr .seg3 button{min-width:0;padding:4px 12px;flex-direction:row;font-size:12.5px}
.mdh.pchdr .seg3 button small{font-size:11px}
.mdh.pchdr .seg3 button small{margin-left:4px;color:var(--muted)}
.mdh.pchdr .seg3 button[aria-pressed="true"]{background:var(--accent);color:var(--on-acc)}
.mdh.pchdr .seg3 button[aria-pressed="true"] small{color:#fff;opacity:.8}
.flbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:12px}
.flrow{display:inline-flex;gap:4px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:3px 8px}
.flrow i{width:10px;height:10px;border-radius:50%;display:inline-block}
.flrow input{width:48px;font:inherit;font-size:12px;border:1px solid var(--line);border-radius:6px;padding:2px 4px;text-align:center}
.rsbar .rsi{padding:3px 5px;display:inline-flex;align-items:center}
.rsbar .rsi svg{width:16px;height:16px;display:block}
.mapopts small{color:var(--muted);margin-right:4px;min-width:60px;display:inline-block}
.mapopts .rsz{margin-right:6px}
.h3dbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.h3dbar button,.h3dfin select{font:inherit;font-size:12px}
.h3dbar>button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:5px 10px;cursor:pointer}
.h3dchk{display:inline-flex;gap:4px;align-items:center;font-size:12px}
.h3dwrap{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#dfe9f3;flex:1;min-height:320px}
.h3dwrap canvas{width:100%;height:100%;display:block;touch-action:none}
.h3dpull{position:absolute;left:10px;bottom:10px;background:rgba(15,23,42,.8);color:#fff;font-size:12px;padding:4px 10px;border-radius:8px}
.h3dfin{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.h3dside{display:flex;gap:6px;align-items:center;font-size:12px}
.h3dside b{text-transform:capitalize;min-width:40px}
.h3dside select{padding:3px 6px;border:1px solid var(--line);border-radius:7px;background:#fff}
.h3dside .sw{display:inline-flex;gap:3px}
.h3dside .sw button{width:18px;height:18px;flex:0 0 18px;aspect-ratio:1;min-height:0;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #bbb;cursor:pointer;padding:0}
.h3dside .sw button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--accent)}
body:is([data-theme="hud"],[data-theme="holo"],[data-theme="lab"],[data-theme="sketch"],[data-theme="sketchdark"]) :is(.mdc .mdh,.pchdr){background:transparent}
body:is([data-theme="hud"],[data-theme="holo"]) :is(.pctip,.mapcard,#editcard,.editcard){color:var(--ink)}
body[data-theme="lab"] :is(.pct,.mapbar button,.maptray button,.h3dbar>button,.rsbar button,.themebtn,.apk){background:#fff;border:none;box-shadow:0 2px 10px rgba(15,23,42,.08),inset 0 0 0 1px #e2e8f0}
body:is([data-theme="hud"],[data-theme="holo"],[data-theme="lab"],[data-theme="sketch"],[data-theme="sketchdark"]) :is(.pct,.mapbar button,.h3dbar>button,.rsbar button)[aria-pressed="true"] svg{color:var(--onglow)}
body[data-theme="holo"] :is(.pct,.mapbar button,.maptray button,.h3dbar>button,.rsbar button,.themebtn,.apk){border-radius:999px}
body:is([data-theme="hud"],[data-theme="holo"],[data-theme="lab"],[data-theme="sketch"],[data-theme="sketchdark"]) .mdh.pchdr .seg3 button[aria-pressed="true"]{background:var(--glow);color:var(--onglow);box-shadow:var(--glowsh)}
body:is([data-theme="hud"],[data-theme="holo"],[data-theme="lab"],[data-theme="sketch"],[data-theme="sketchdark"]) .mdh.pchdr .seg3 button[aria-pressed="true"] small{color:var(--onglow);opacity:.75}
body:is([data-theme="hud"],[data-theme="holo"],[data-theme="lab"],[data-theme="sketch"],[data-theme="sketchdark"]) .pchdr>button[data-eclose]{background:transparent;border:none;color:var(--muted)}
.mdh [data-eclose]:hover,.mdh [data-hclose]:hover,.mdh [data-rcx]:hover,.pchdr>[data-eclose]:hover,.mdh [data-dclose]:hover,.mdh [data-wclose]:hover,.mdh [data-mdclose]:hover,.mdh [data-tdclose]:hover,.mdh [data-gclose]:hover,.mdh [data-asmclose]:hover,.mdh [data-shclose]:hover,.mdh [data-ecclose]:hover{background:var(--accent)!important;color:var(--on-acc)!important}
.sseg{display:inline-flex;flex-wrap:wrap;gap:4px}
.sopt{border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 10px;font-size:12.5px;cursor:pointer}
.sopt[aria-pressed="true"]{background:var(--accent);color:var(--on-acc);border-color:var(--accent)}
.sopt:disabled{opacity:.4;cursor:default}
#h3dcfg[hidden],#e2cfg[hidden]{display:none}
.h3dbar [data-hcfg][aria-pressed="true"],.h3dbar [data-hovertoggle][aria-pressed="true"],.pchdr [data-hovertoggle][aria-pressed="true"]{background:var(--accent);color:var(--on-acc);border-color:var(--accent)}
body[data-view="E"] .mapbar>.note,body[data-view="E"] #map-out>.note,body[data-view="E"] .toolrow>p.note{display:none}
.mapbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:2px 0 6px;flex-wrap:wrap}
.mapbar .pct{margin-left:0;border-radius:9px;padding:5px 9px}
.h3dbar.pcbar{gap:4px}
.maptray{margin-top:8px;font-size:12.5px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.maptray button{font:inherit;font-size:12px;border:1px dashed var(--accent);color:var(--accent);background:#fff;border-radius:99px;padding:4px 10px;cursor:pointer}
.maptray .no{display:inline-block;background:var(--accent);color:var(--on-acc);border-radius:50%;width:16px;height:16px;line-height:16px;text-align:center;font-size:10px;font-weight:800;margin-right:2px}
.mapcard .mch{display:flex;gap:8px;align-items:center;margin-bottom:6px}
.mapcard .mcw{margin-top:6px;border-top:1px dashed var(--line);padding-top:4px;font-size:11.5px}
.mdcw{margin-top:10px}
.mdcw .cw{border-top:none!important;padding-top:0!important}
@media (max-width:640px){
.flbar{gap:6px}
.h3dside{flex-wrap:wrap}
.h3dwrap{min-height:260px}
}
body[data-phone] .h3dwrap{min-height:min(56dvh,420px);max-width:100%}
body[data-phone] .h3dwrap canvas{max-width:100%}
body[data-mtab="measure"] .mapbar .pcbar button:not([data-reshape]):not([data-addfloor]):not([data-delfloor]):not([data-mapundo]),body[data-mtab="measure"] .mapbar .pcbar label{display:none!important}
body[data-mtab="measure"] .mapbar>.note{display:none}
body[data-phone] .mdh.pchdr{position:sticky;top:0;z-index:6;background:#fff;padding:6px 0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}
body[data-phone] .mdh.pchdr>*{flex:none}
body[data-phone] .mdh.pchdr>button[data-eclose],body[data-phone] .pct[data-dclose],body[data-phone] .pct[data-asmclose],body[data-phone] .pct[data-shclose],body[data-phone] #toast button[aria-label="close"],body[data-phone] #draftbar button[aria-label="close"]{min-width:48px;min-height:48px;width:48px;height:48px;font-size:28px!important;line-height:1;color:var(--on-acc)!important;background:var(--accent)!important;border:none!important;border-radius:14px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;flex:none;position:sticky;right:0;margin-left:auto}
/* v421 — a vista do mapa: o botao de mover e zoom (e +, -, enquadrar) no canto; ligado, o contorno azul avisa que os gestos sao do mapa */
.mapview{position:relative}
.mapview #mapsvg{max-height:calc(100vh - 110px)} /* o mapa enquadrado nunca mais alto que a tela (no PC ele cresceria alem dela) */
.mapzbar{position:absolute;top:6px;right:6px;z-index:2;display:flex;flex-direction:column;gap:6px}
.mapzbar button{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.92);color:var(--ink);font:800 22px/1 Archivo,sans-serif;box-shadow:0 1px 3px rgba(0,0,0,.14)}
.mapzbar button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-acc)}
.mapzbar svg{width:22px;height:22px}
#mapsvg.mapz-on{outline:3px solid var(--accent);outline-offset:-3px;cursor:grab}
@media print{.mapzbar{display:none}}
/* v579: a dica do ima no alto do mapa (P5) — longe do dedo; verde = soltar junta, laranja = o motivo (soltar so move). O mapa e' sempre claro (#mapsvg), entao as cores sao fixas. */
.maphint{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:3;max-width:calc(100% - 110px);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.3;text-align:center;pointer-events:none;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.maphint.ok{background:#e9f7ec;color:#1e6b31;border:1px solid #2f9e44}
.maphint.no{background:#fff4e5;color:#8a4b00;border:1px solid #e07a00}
.maphint.lift{background:#e8f0fe;color:#1a4fa0;border:1px solid #1f6feb} /* v581: a janela levantada do grupo (segurar e puxar) */