/* Embedded presentation only; standalone index.php does not load this file. */
html, body { overflow: hidden; }
main { width: 100%; max-width: 1300px; padding: 8px; }
main > .bar, main > .status { min-width: 0; overflow-wrap: anywhere; }
.bar > label { max-width: 100%; }
.bar input[type="range"] { max-width: 100%; }
.mapwrap { min-height: 0; width: 100%; }
.attribution { left: 4px; width: fit-content; max-width: calc(100% - 8px); }
@media (max-width: 600px) { main { padding: 6px; } }

/* This stylesheet is loaded only inside the isolated iframe. */
:root { color-scheme: light; --bg: #ffffff; --panel: #f0f7fb; --border: #dce8ef; --text: #213e51; --muted: #607e90; --blue: #3788b4; }
body { background: #ffffff; font-family: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
button, select { background: #edf6fa; color: #416e86; border-color: #cfdee8; }
button.active { background: #236192; color: #ffffff; border-color: #236192; }
.critical { color: #a94324; }
.warning { color: #886016; }
.good { color: #247450; }
.mapcontrols button { background: #edf6faed; }

/* Match the embedded viewer's existing light controls. */
.rv-alerts-button{background:#edf6fa;color:#416e86;border-color:#cfdee8}
.rv-alerts-button:hover{background:#dfedf5;border-color:#3788b4}
.rv-alerts-button:active{background:#d3e5ef}