.camera-panel { display: grid; gap: 1rem; padding: 1.5rem; }
.camera-panel[hidden] { display: none; }
.camera-panel p { margin: 0; }
.camera-panel form { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; }
.camera-panel label { display: grid; gap: .5rem; }
.camera-panel input { max-width: 16rem; width: 100%; }
.camera-badge { display: inline-block; border-radius: 1rem; padding: .3rem .8rem; background: #edf1f8; color: #314e87; }
.camera-badge[data-state="error"], .camera-badge[data-state="not_configured"] { color: #9b2828; background: #fff0f0; }
.camera-panel li { margin-block: .6rem; overflow-wrap: anywhere; }
.camera-panel :focus-visible { outline: 3px solid #314e87; outline-offset: 3px; }
@media (max-width: 600px) { .camera-panel { padding: 1rem; } .camera-panel form, .camera-panel label { width: 100%; } }