.mesa-vision-panel{margin-top:12px;padding:12px;border:1px solid rgba(135,177,214,.16);border-radius:12px;background:linear-gradient(145deg,rgba(12,18,28,.94),rgba(7,11,17,.96));color:#e6e8eb}
.mesa-vision-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mesa-vision-head>div{display:flex;flex-direction:column}.mesa-vision-head strong{color:#a9d9ff}.mesa-vision-head small{color:#8292a0;font-size:.65rem}
.mesa-vision-badge{font-size:.58rem;border:1px solid rgba(125,195,240,.25);border-radius:99px;padding:3px 7px;color:#9ed6fa;background:rgba(54,121,165,.1)}
.mesa-vision-grid{display:grid;grid-template-columns:repeat(6,minmax(80px,1fr));gap:7px;margin-top:10px;align-items:end}.mesa-vision-grid label,.mesa-vision-profile label{display:flex;flex-direction:column;gap:3px;color:#87939b;font-size:.59rem}.mesa-vision-grid input,.mesa-vision-grid select,.mesa-vision-profile input,.mesa-vision-profile select,.mesa-geometry-row select{height:32px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#080d14;color:#e8e8e8;padding:0 7px;min-width:0}.mesa-vision-check{flex-direction:row!important;align-items:center!important;height:32px}.mesa-vision-check input{height:auto!important;accent-color:#70bce8}
.mesa-vision-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mesa-vision-profile{display:grid;grid-template-columns:minmax(130px,1.5fr) repeat(3,minmax(74px,1fr)) auto auto;gap:6px;margin-top:8px;align-items:end;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}
.mesa-vision-walls{display:grid;gap:4px;margin-top:8px;max-height:145px;overflow:auto}.mesa-vision-wall{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.025);font-size:.62rem}.mesa-vision-wall small{color:#7c8a94}.mesa-vision-wall button{border:0;background:transparent;color:#df8f8f;cursor:pointer}
.mesa-geometry-box{margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.07)}.mesa-geometry-box>strong{font-size:.7rem;color:#d9c98d}.mesa-geometry-row{display:grid;grid-template-columns:1fr 24px 1fr auto;gap:6px;align-items:center;margin-top:6px}.mesa-geometry-result{margin-top:7px;min-height:26px;padding:6px 8px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(0,0,0,.16);font-size:.64rem;color:#9eabb4}.mesa-geometry-result b{color:#d7eaff}.mesa-geometry-result .ok{color:#8ed0a0}.mesa-geometry-result .blocked{color:#f09b8f}
.mesa-vision-surface{position:absolute;inset:0;z-index:6500;pointer-events:none;width:100%;height:100%}.mesa-vision-wall-line{stroke:#ef5d70;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 3px #000)}.mesa-vision-wall-line.effect-only{stroke:#e3b55c;stroke-dasharray:8 5}.mesa-vision-light{mix-blend-mode:screen}
.mesa-live-canvas.is-drawing-wall{cursor:crosshair!important}.mesa-live-canvas.is-drawing-wall:after{content:'Arraste para desenhar o bloqueio';position:absolute;left:50%;top:12px;z-index:10001;transform:translateX(-50%);padding:5px 9px;border-radius:7px;background:#05080de6;border:1px solid rgba(239,93,112,.4);color:#ffb8c0;font-size:11px;pointer-events:none}
@media(max-width:900px){.mesa-vision-grid{grid-template-columns:repeat(3,1fr)}.mesa-vision-profile{grid-template-columns:1fr 1fr 1fr}.mesa-geometry-row{grid-template-columns:1fr 18px 1fr}.mesa-geometry-row button{grid-column:1/-1}}
@media(max-width:560px){.mesa-vision-grid{grid-template-columns:1fr 1fr}.mesa-vision-profile{grid-template-columns:1fr 1fr}.mesa-geometry-row{grid-template-columns:1fr}.mesa-geometry-row>span{display:none}}