/* v6-rc8: true recorded video on every wall; only camera ID appears over picture. */
.sa-camera-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;border:1px solid #345765;border-radius:8px;background:#08141c;width:100%}
.sa-camera-panel{margin:0;min-width:0;position:relative;overflow:hidden;background:#09141d;border:1px solid #234a55}
.sa-camera-surface{width:100%;aspect-ratio:16/9;position:relative;background:#09141d;overflow:hidden}
.sa-camera-surface video,.sa-camera-surface canvas{display:block;width:100%;height:100%;object-fit:cover;background:#09141d}
.sa-camera-surface canvas{position:absolute;inset:0;pointer-events:none}
.sa-camera-surface canvas[hidden]{display:none}
.sa-camera-id{position:absolute;z-index:5;top:5px;left:5px;background:rgba(5,18,24,.60);border-radius:3px;color:#f1f8fb;font:600 clamp(8px,.9vw,11px)/1.1 system-ui,sans-serif;letter-spacing:.02em;padding:3px 5px;white-space:nowrap;pointer-events:none}
.sa-camera-play{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #8ba5b2;border-radius:5px;background:rgba(8,27,38,.88);color:#fff;font:600 11px system-ui,sans-serif;padding:8px 15px;cursor:pointer}
.sa-camera-play[hidden]{display:none}
@media(max-width:900px){.sa-camera-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.sa-camera-wall{grid-template-columns:repeat(1,minmax(0,1fr))}}