/* /Components/CameraFeed.razor.rz.scp.css */
.machine-camera-feed[b-5yn0c5h3dn] { overflow: hidden; min-width: 0; background: #101b28; color: #dbe9f8; border-radius: 12px; }
.machine-camera-feed header[b-5yn0c5h3dn] { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 13px 16px; }
.machine-camera-feed h4[b-5yn0c5h3dn] { margin: 2px 0 0; font-size: 15px; }
.camera-slot[b-5yn0c5h3dn] { color: #8ea9c5; letter-spacing: .09em; font-size: 10px; }
.camera-feed-actions[b-5yn0c5h3dn] { display: flex; gap: 8px; }
.camera-feed-actions button[b-5yn0c5h3dn] { color: #b9d8fc; background: #1a3047; border: 0; border-radius: 6px; font-size: 12px; padding: 8px 12px; cursor: pointer; }
.camera-feed-actions button:focus-visible[b-5yn0c5h3dn] { outline: 2px solid #68afff; }
.camera-feed-actions button:disabled[b-5yn0c5h3dn] { opacity: .45; cursor: default; }
.camera-feed-picture[b-5yn0c5h3dn] { aspect-ratio: 16 / 9; background: #070c12; display: grid; place-items: center; }
.camera-feed-picture video[b-5yn0c5h3dn], .camera-feed-picture img[b-5yn0c5h3dn] { display: block; width: 100%; height: 100%; max-height: 72vh; object-fit: contain; }
.machine-camera-feed footer[b-5yn0c5h3dn] { display: flex; justify-content: space-between; gap: 12px; padding: 10px 16px; color: #94aec8; font-size: 12px; }
.machine-camera-feed:fullscreen[b-5yn0c5h3dn], .machine-camera-feed.camera-maximized[b-5yn0c5h3dn] { display: flex; flex-direction: column; background: #070c12; }
.machine-camera-feed.camera-maximized[b-5yn0c5h3dn] { position: fixed; inset: 0; z-index: 3000; border-radius: 0; }
.machine-camera-feed:fullscreen .camera-feed-picture[b-5yn0c5h3dn], .camera-maximized .camera-feed-picture[b-5yn0c5h3dn] { flex: 1; min-height: 0; aspect-ratio: auto; }
.machine-camera-feed:fullscreen video[b-5yn0c5h3dn], .camera-maximized video[b-5yn0c5h3dn] { max-height: none; }
/* /Components/MachineCameraGrid.razor.rz.scp.css */
.machine-camera-grid[b-1qewd66zv8] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.machine-camera-grid.single-camera[b-1qewd66zv8] { grid-template-columns: minmax(0, 1fr); }
.camera-empty-state[b-1qewd66zv8] { min-height: 200px; display: flex; flex-direction: column; gap: 10px; align-items: center; justify-content: center; color: var(--text-muted, #90a4bc); }
@media (max-width: 820px) { .machine-camera-grid[b-1qewd66zv8] { grid-template-columns: minmax(0, 1fr); } }