/* v3.0.24 progressive disclosure and non-distorted chart geometry */
.ops-sensor{gap:8px;align-content:start}
.ops-sensor-heading{align-items:center}
.ops-sensor-heading strong{min-width:0;overflow-wrap:anywhere}
.ops-condition{display:inline-flex;align-items:center;gap:6px;max-width:55%;font-weight:600;line-height:1.25}
.ops-condition .street-state-icon{width:21px;height:21px;flex:0 0 21px}
.ops-sensor-essential{display:flex;gap:8px 14px;align-items:baseline;flex-wrap:wrap}
.ops-sensor-essential b{font-size:17px}
.ops-more{border-top:1px solid var(--line);padding-top:8px}
.ops-more summary{cursor:pointer;color:var(--primary);font-size:13px;font-weight:600;min-height:28px}
.ops-sensor-values{padding:8px 0 3px;gap:7px}
.ops-sensor .secondary{justify-self:start}
.ops-map-pin{display:grid;place-items:center;width:32px;height:32px;}
.ops-map-pin .street-state-icon{width:20px;height:20px;pointer-events:none;color:#fff}
.ops-map-pin.state-light .street-state-icon{color:#18252c}
.ops-plot svg{width:max(100%,500px);height:auto;aspect-ratio:880 / 278;max-height:none;min-width:500px;}
.mc-plot svg{height:auto;max-height:none;}
.chartwrap svg{height:auto;max-height:none;}
@media(max-width:600px){.ops-map-pin{width:34px;height:34px}.ops-sensor{padding:12px}.ops-condition{max-width:62%;font-size:11px}}

.ops-map-pin.ops-map-cluster{width:38px;height:38px;background:#526b7b;color:#fff;font-weight:800;font-size:14px;border:3px solid #fff;}
.ops-map-info [data-map-values]:has(button){display:flex;gap:6px;flex-wrap:wrap;max-height:230px;overflow:auto;}
.ops-map-info [data-map-values] button{font-size:12px;min-height:38px;}

/* v3.0.28: unknown state is visually distinct from confirmed grey 'Trocken'. */
.ops-map-pin.state-unverified{color:#374151!important;border:2px dashed #667085!important;box-shadow:0 1px 4px #0004;font-size:16px;font-weight:800;}
.ops-original-icon{width:23px;height:23px;object-fit:contain;vertical-align:middle;flex-shrink:0;}
.ops-point-state .ops-original-icon{width:23px;height:23px;}
