/* /Components/CameraFeed.razor.rz.scp.css */
.machine-camera-feed[b-5yn0c5h3dn] { overflow: hidden; min-width: 0; width: 100%; background: var(--camera-surface); color: var(--camera-text); border-radius: 10px; }
.machine-camera-feed header[b-5yn0c5h3dn] { display: flex; justify-content: space-between; align-items: center; gap: 7px; min-width: 0; padding: 8px 10px; }
.machine-camera-feed h4[b-5yn0c5h3dn] { overflow: hidden; margin: 2px 0 0; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.camera-slot[b-5yn0c5h3dn] { color: var(--camera-slot); letter-spacing: .09em; font-size: 8px; }
.camera-feed-actions[b-5yn0c5h3dn] { display: flex; flex: 0 0 auto; gap: 4px; }
.camera-feed-actions button[b-5yn0c5h3dn] { color: var(--camera-action-text); background: var(--camera-action-surface); border: 0; border-radius: 5px; font-size: 9px; padding: 6px 7px; cursor: pointer; }
.camera-feed-actions button:focus-visible[b-5yn0c5h3dn] { outline: 2px solid var(--camera-focus); }
.camera-feed-actions button:disabled[b-5yn0c5h3dn] { opacity: .45; cursor: default; }
.camera-feed-picture[b-5yn0c5h3dn] { position: relative; isolation: isolate; overflow: hidden; aspect-ratio: 16 / 9; background: var(--camera-picture-surface); 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; }
.camera-feed-picture-no-signal[b-5yn0c5h3dn]::before { content: ""; position: absolute; z-index: -1; inset: -18px; background: var(--camera-no-signal-glow); filter: blur(18px); transform: scale(1.08); opacity: .9; }
.camera-feed-picture-no-signal[b-5yn0c5h3dn]::after { content: "No signal"; position: absolute; inset: 0; display: grid; place-items: center; color: var(--camera-no-signal-text); background: var(--camera-no-signal-overlay); font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.camera-feed-picture-unconfigured[b-5yn0c5h3dn] { background: var(--camera-unconfigured-surface); }
.camera-feed-picture-unconfigured[b-5yn0c5h3dn]::before, .camera-feed-picture-unconfigured[b-5yn0c5h3dn]::after { display: none; }
.camera-feed-picture[data-camera-state="connecting"][b-5yn0c5h3dn]::after { content: "Connecting"; }
.camera-feed-picture[data-camera-state="reconnecting"][b-5yn0c5h3dn]::after { content: "Reconnecting"; }
.camera-feed-picture[data-camera-state="buffering"][b-5yn0c5h3dn]::after { content: "Buffering"; }
.camera-feed-picture[data-camera-state="paused"][b-5yn0c5h3dn]::after { content: "Press Go live"; }
.camera-feed-picture[data-camera-state="live"][b-5yn0c5h3dn]::before,
.camera-feed-picture[data-camera-state="live"][b-5yn0c5h3dn]::after { display: none; }
.camera-feed-picture-no-signal video[b-5yn0c5h3dn],
.camera-feed-picture-no-signal img[b-5yn0c5h3dn] { filter: blur(12px); opacity: .28; transform: scale(1.06); }
.camera-no-signal[b-5yn0c5h3dn] { position: relative; z-index: 1; display: grid; gap: 5px; justify-items: center; padding: 18px; color: var(--camera-no-signal-text); text-align: center; }
.camera-no-signal strong[b-5yn0c5h3dn] { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.camera-no-signal span[b-5yn0c5h3dn] { max-width: 220px; color: var(--camera-no-signal-muted); font-size: 11px; line-height: 1.4; }
.machine-camera-feed footer[b-5yn0c5h3dn] { display: flex; justify-content: space-between; gap: 8px; min-width: 0; padding: 6px 10px; color: var(--camera-footer-text); font-size: 10px; }
.machine-camera-feed footer > *[b-5yn0c5h3dn] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.machine-camera-feed:fullscreen[b-5yn0c5h3dn], .machine-camera-feed.camera-maximized[b-5yn0c5h3dn] { display: flex; flex-direction: column; background: var(--camera-picture-surface); }
.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(4, minmax(0, 1fr)); gap: 12px; width: 100%; min-width: 0; }
.camera-wall-strip[b-1qewd66zv8] { overflow: hidden; }
.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: 1120px) { .machine-camera-grid[b-1qewd66zv8] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .machine-camera-grid[b-1qewd66zv8] { grid-template-columns: minmax(0, 1fr); } }