.video-console{height:calc(100vh - 74px);display:grid;grid-template-columns:260px 1fr;gap:0;border:1px solid var(--line);background:#080f12}.camera-browser{min-width:0;border-right:1px solid var(--line);padding:.75rem;overflow:auto}.browser-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.browser-title span{font-size:.7rem;color:var(--muted)}.camera-browser input{width:100%;margin-bottom:.7rem}.tree-tenant>b{display:block;padding:.45rem 0;font-size:.72rem;color:var(--muted);text-transform:uppercase}.camera-tree summary{cursor:pointer;padding:.45rem 0;font-size:.82rem}.tree-device>span{display:block;padding:.35rem .4rem;font-size:.75rem;color:#9eb0b5}.tree-camera{display:flex;align-items:center;gap:.45rem;width:100%;padding:.42rem .65rem;background:transparent;color:#dce7e9;text-align:left;font-weight:500;font-size:.78rem}.tree-camera:hover{background:#14272c}.tree-camera i{width:7px;height:7px;border-radius:50%}.tree-camera i.on{background:#56d9b9}.tree-camera i.off{background:#e7666d}.video-workspace{display:grid;grid-template-rows:42px 1fr;min-width:0;background:#05090b}.video-toolbar{display:flex;align-items:center;gap:1rem;padding:.35rem .55rem;border-bottom:1px solid #26373c;background:#10191d}.video-toolbar>div{display:flex;gap:.25rem}.video-toolbar button{width:32px;height:30px;padding:0;background:#1b2a2f;color:#c4d1d4}.video-toolbar button.active{background:var(--accent);color:#05201a}.video-toolbar>span{margin-left:auto;color:var(--muted);font-size:.75rem}.video-wall{display:grid;gap:1px;background:#324147;min-height:0}.video-wall.layout-1{grid-template-columns:1fr}.video-wall.layout-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.video-wall.layout-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.video-wall.layout-16{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.video-slot{position:relative;min-width:0;min-height:0;background:#090e11;overflow:hidden}.video-slot video{width:100%;height:100%;object-fit:contain;display:none}.video-slot.playing video{display:block}.slot-empty{position:absolute;inset:0;display:grid;place-items:center;color:#45575d;font-size:.75rem}.video-slot.playing .slot-empty{display:none}.video-slot.loading .slot-empty:after{content:'Conectando…';color:#90a3a8}.video-slot.error .slot-empty{color:#ff9298}.video-slot header{position:absolute;left:0;right:0;top:0;display:none;align-items:center;padding:.35rem .5rem;background:linear-gradient(#000b,transparent);font-size:.72rem}.video-slot.playing header,.video-slot.loading header,.video-slot.error header{display:flex}.video-slot header button{margin-left:auto;width:24px;padding:0;background:transparent;color:white;font-size:1rem}@media(max-width:800px){.video-console{grid-template-columns:190px 1fr}.video-wall.layout-9,.video-wall.layout-16{grid-template-columns:repeat(2,1fr)}}