/* V4.9 workflow consolidation into existing accessible v2.1 application shell. */
body{padding-bottom:75px}
.ops-filter{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:8px;margin:16px 0}
.ops-filter button{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:14px 8px;cursor:pointer}
.ops-filter button.selected{outline:2px solid var(--primary);font-weight:700}
.ops-sensors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,275px),1fr));gap:11px;margin:12px 0}
.ops-sensor{background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--ops-state);border-radius:12px;padding:14px;display:grid;gap:9px}
.ops-sensor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.ops-condition{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:11px}
.ops-sensor-values{display:flex;gap:9px;flex-direction:column;font-size:13px}
.ops-plot{min-height:170px;padding:8px;border:1px solid var(--line);border-radius:12px;margin:12px 0;background:var(--panel);overflow:auto}
.ops-plot svg{display:block;width:100%;min-width:500px;max-height:360px}
.ops-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;margin-bottom:14px}
.ops-timeline{display:flex;height:40px;border-radius:8px;overflow:hidden;margin:12px 0;cursor:pointer;background:#b3b9bd}
.ops-timeline span{min-width:2px;border-right:1px solid #ffffff55}
.ops-map{margin-top:12px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.ops-map li{margin:5px 0}
.pilot-actions{position:fixed;left:0;right:0;bottom:0;z-index:25;display:flex;justify-content:center;gap:7px;padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -4px 15px #0001}
.pilot-actions button{flex:0 1 190px;cursor:pointer;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:12px 8px;font-size:12px}
.pilot-actions button:hover{border-color:var(--primary)}
#pilotActionDialog{border:1px solid var(--line);border-radius:17px;padding:22px;background:var(--panel);color:var(--text);max-width:530px;width:calc(100% - 32px)}
#pilotActionDialog::backdrop{background:#101e2b9c}
#pilotPlanPanel .fields{margin:12px 0}
#pilotIntervalSlider{width:100%;margin-top:8px}
#pilotIntervalLabel{display:block;font-size:13px;color:var(--muted)}
@media(max-width:700px){.ops-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-sensors{grid-template-columns:1fr}.pilot-actions{gap:4px}.pilot-actions button{font-size:10px;padding:10px 2px}}
/* Gemeinde-Messstellenvergleich: separate read-only page. */
.mc-stations{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,265px),1fr));gap:8px;margin:12px 0;max-height:300px;overflow:auto;padding:3px}
.mc-station{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--surface);cursor:pointer}
.mc-station input{accent-color:var(--primary);width:18px;height:18px;flex:none}
.mc-station span{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}
.mc-station small{color:var(--muted)}
.mc-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0}
.mc-legend-item{display:flex;align-items:center;gap:7px;font-size:12px}
.mc-legend-item i{width:23px;height:5px;background:var(--mc-color);border-radius:3px;display:inline-block}
.mc-plot{min-height:250px}
.mc-plot svg{width:100%;min-width:650px;max-height:410px}
#mcStationSearch{max-width:400px}

.mc-color-0{background:#0068b5}
.mc-color-1{background:#d34d18}
.mc-color-2{background:#038662}
.mc-color-3{background:#8a43c4}
.mc-color-4{background:#c42163}
.mc-color-5{background:#8a6900}
.mc-color-6{background:#2476a5}
.mc-color-7{background:#b04676}
.mc-color-8{background:#467b13}
.mc-color-9{background:#ae542a}
.mc-color-10{background:#625acb}
.mc-color-11{background:#007a92}

/* Inclusive local calendar dates for historical municipality comparisons */
.mc-date-fields{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.mc-date-fields label{display:flex;flex-direction:column;gap:4px;min-width:155px}
#mcHourWrap[hidden],#mcCustomWrap[hidden]{display:none!important}
@media(max-width:650px){.mc-date-fields{width:100%}.mc-date-fields label{flex:1;min-width:130px}}

/* 3.0.17: multi-device municipality sensor map */
.ops-map{padding:12px;overflow:hidden}
.ops-map-head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;margin-bottom:10px;flex-wrap:wrap}
.ops-map-head p{margin:3px 0;color:var(--muted);font-size:12px}
.ops-map-controls{display:flex;gap:5px;flex-wrap:wrap}
.ops-map-controls button{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer}
.ops-map-canvas{width:100%;height:430px;min-height:260px;position:relative;overflow:hidden;background:#c8d5d6;touch-action:none;cursor:grab;border-radius:10px}
.ops-map-tiles,.ops-map-markers{position:absolute;inset:0;pointer-events:none}
.ops-map-tile{position:absolute;width:256px;height:256px;object-fit:cover;user-select:none;pointer-events:none}
.ops-map-pin{position:absolute;transform:translate(-50%,-50%);width:25px;height:25px;border:3px solid white;border-radius:50%;box-shadow:0 1px 7px #0008;cursor:pointer;pointer-events:auto;z-index:2}
.ops-map-pin:hover,.ops-map-pin:focus-visible{outline:3px solid #222;z-index:4}
.ops-map-attribution{position:absolute;bottom:3px;right:3px;background:#ffffffe8;padding:2px 6px;font:11px sans-serif;z-index:2;color:#17232a}
.ops-map-info{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:11px;border-radius:10px;display:grid;gap:5px;margin-top:8px}
.ops-map-info[hidden]{display:none}
.ops-map-info div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ops-map-info button,.ops-map-info a{font-size:12px}
@media(max-width:600px){.ops-map-canvas{height:350px}.ops-map-pin{width:27px;height:27px}}