.monitor-layout{display:grid;grid-template-columns:330px 1fr;gap:18px;min-height:650px}.monitor-sidebar{overflow:hidden}.monitor-filters{display:grid;gap:10px;padding:15px;border-bottom:1px solid var(--border)}.device-list{max-height:700px;overflow:auto}.device-item{display:flex;align-items:center;gap:11px;padding:13px 15px;color:var(--text);text-decoration:none;border-bottom:1px solid #edf0f5}.device-item:hover,.device-item.active{background:#eef4ff}.device-item.active{box-shadow:inset 3px 0 var(--blue)}.device-item>div{display:flex;flex-direction:column;min-width:0}.device-item strong,.device-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-item small{color:var(--muted);font-size:.7rem}.health-dot{width:9px;height:9px;border-radius:50%;flex:none}.health-dot.online{background:var(--green);box-shadow:0 0 0 4px #16a36a1b}.health-dot.offline{background:#aab2bf}.monitor-content{min-width:0}.monitor-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.monitor-title h2{font-size:1.25rem;margin:0}.monitor-title span{color:var(--muted)}.camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.camera-grid.single{grid-template-columns:1fr}.camera-card{background:#101722;border-radius:13px;overflow:hidden;box-shadow:0 5px 20px #1118271c}.camera-card iframe{display:block;width:100%;height:310px;border:0}.camera-head{height:45px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:#fff}.camera-head span{font-size:.7rem;color:#9ba9bc}.monitor-empty{min-height:500px;display:grid;place-content:center;text-align:center;color:var(--muted)}.monitor-empty i{font-size:3rem}.health-badge,.evidence-status{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px;font-size:.72rem;font-weight:700}.health-badge.online{background:#e6f7ef;color:#11764d}.health-badge.offline{background:#eef0f4;color:#687285}.health-badge.review{background:#fff2dc;color:#9a5b00}.evidence-status i{width:8px;height:8px;border-radius:50%;margin-right:6px}.evidence-status.ready{color:#11764d;background:#e6f7ef}.evidence-status.ready i{background:#16a36a}.evidence-status.waiting{color:#9a6500;background:#fff4da}.evidence-status.waiting i{background:#f2a900;animation:pulse-evidence 1.5s infinite}@keyframes pulse-evidence{50%{opacity:.35}}@media(max-width:1100px){.monitor-layout{grid-template-columns:1fr}.device-list{max-height:280px}.camera-grid{grid-template-columns:1fr}}@media(max-width:600px){.camera-card iframe{height:240px}}