.surveillance-panel { display: grid; gap: 1rem; padding: 1.5rem; margin-block: 1rem; }
.surveillance-panel[hidden], .surveillance-panel [hidden] { display: none; }
.surveillance-panel p { margin: 0; overflow-wrap: anywhere; }
.surveillance-panel fieldset { display: flex; flex-wrap: wrap; align-items: end; gap: 1rem; border: 1px solid #c7d0df; padding: 1rem; }
.surveillance-panel label { display: grid; gap: .5rem; }
.surveillance-panel input, .surveillance-panel select { max-width: 18rem; }
#surveillance-days label { display: flex; align-items: center; }
.surveillance-toggle { width: 100%; min-height: 3.5rem; font-size: 1.15rem; }
.surveillance-warning { border-left: 4px solid #9b5c00; background: #fff4dc; color: #704200; padding: 1rem; }
.surveillance-panel :focus-visible { outline: 3px solid #314e87; outline-offset: 3px; }
@media (max-width: 600px) { .surveillance-panel { padding: 1rem; } .surveillance-panel label { width: 100%; } }