.water-quality-analysis[data-v-450512ca]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.chart-header[data-v-450512ca]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px;height:28px}.metric-selector[data-v-450512ca]{-webkit-box-flex:1;-ms-flex:1;flex:1}.tabs[data-v-450512ca]{gap:4px;background:rgba(0,20,40,.5);border-radius:4px;padding:2px;height:24px}.tab[data-v-450512ca],.tabs[data-v-450512ca]{display:-webkit-box;display:-ms-flexbox;display:flex}.tab[data-v-450512ca]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:2px 2px;font-size:10px;color:hsla(0,0%,100%,.7);background:transparent;border-radius:2px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab.active[data-v-450512ca]{background:rgba(0,212,255,.3);color:#00d4ff;-webkit-box-shadow:0 0 8px rgba(0,212,255,.3);box-shadow:0 0 8px rgba(0,212,255,.3)}.tab[data-v-450512ca]:hover:not(.active){background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9)}.current-info[data-v-450512ca]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;margin-left:8px}.current-value[data-v-450512ca]{font-family:ds-digital-bold;font-size:16px;font-weight:700;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.5)}.current-unit[data-v-450512ca]{font-size:10px;color:hsla(0,0%,100%,.6)}.chart-container[data-v-450512ca]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;background:rgba(0,20,40,.3);border:1px solid rgba(0,150,255,.1);border-radius:6px;overflow:hidden;min-height:0}.quality-chart[data-v-450512ca]{width:100%;height:100%}.threshold-indicators[data-v-450512ca]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;margin-top:4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.indicator-item[data-v-450512ca]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;padding:2px 6px;background:rgba(0,20,40,.5);border-radius:3px;border:1px solid rgba(0,150,255,.2)}.indicator-label[data-v-450512ca]{font-size:9px;color:hsla(0,0%,100%,.6)}.indicator-value[data-v-450512ca]{font-size:9px;font-weight:700}.indicator-item:first-child .indicator-value[data-v-450512ca]{color:#ff9800}.indicator-item:last-child .indicator-value[data-v-450512ca]{color:#f44336}@media (max-height:400px){.chart-header[data-v-450512ca]{margin-bottom:4px;height:24px}.tabs[data-v-450512ca]{height:20px}.tab[data-v-450512ca]{font-size:10px;padding:1px 2px}.current-value[data-v-450512ca]{font-size:14px}.current-unit[data-v-450512ca]{font-size:9px}.threshold-indicators[data-v-450512ca]{margin-top:2px;gap:4px}.indicator-item[data-v-450512ca]{padding:1px 4px}.indicator-label[data-v-450512ca],.indicator-value[data-v-450512ca]{font-size:8px}}