.water-quality-chart-container,.cct-water-quality-container{width:100%;height:100%}.wq-card{border:1px solid #e5e7eb}.wq-h-banner{color:#fff;display:flex;justify-content:space-between;align-items:center}.wq-h-left{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1 1 auto;margin-right:8px;line-height:1.15}.wq-h-waterbody{font-weight:700;text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wq-h-desc{font-weight:400;opacity:.85;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wq-h-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.wq-h-value{font-weight:700;line-height:1;white-space:nowrap}.wq-h-fresh{border-radius:999px;font-weight:700;letter-spacing:.03em;padding:2px 7px;white-space:nowrap}.wq-h-fresh-live{background:rgb(255 255 255 / .22);color:#ecfeff}.wq-h-fresh-sampled{background:rgb(255 255 255 / .18);color:#f0f9ff}.wq-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.wq-content-title{display:flex;align-items:center;gap:6px;font-weight:700;color:#0f172a;margin-bottom:6px;white-space:nowrap;flex-shrink:0}.wq-content-titlelbl{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.wq-content-status{font-weight:500;color:#475569;white-space:nowrap;flex-shrink:0}.wq-grade-chip{display:inline-block;border-radius:999px;font-weight:700;white-space:nowrap;flex-shrink:0}.wq-param-tabs{display:flex;flex-wrap:nowrap;flex-shrink:0;gap:2px;border-bottom:1px solid #eef2f7;margin-bottom:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.wq-param-tabs::-webkit-scrollbar{display:none}.wq-param-tab{background:none;border:none;border-bottom:2px solid #fff0;color:#64748b;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:3px;line-height:1.15;white-space:nowrap;flex-shrink:0}.wq-param-tab.active{color:#0f172a}.wq-tab-dot{display:inline-block;width:6px;height:6px;border-radius:999px}.wq-plot-wrap{position:relative;display:flex;flex:1;min-height:0}.wq-plot{flex:1;min-width:0}.wq-graph-empty{color:#94a3b8;text-align:center;margin:auto;padding:12px 0}.wq-tooltip{position:absolute;z-index:5;pointer-events:none;background:rgb(17 24 39 / .92);color:#fff;padding:4px 7px;border-radius:5px;line-height:1.25;white-space:nowrap;box-shadow:0 2px 6px rgb(0 0 0 / .25)}.wq-tooltip-date{opacity:.8;font-weight:500}.wq-tooltip-val{font-weight:700}.wq-tf-toggle{position:absolute;left:0;top:2px;display:flex;flex-direction:column;gap:3px;z-index:2}.wq-tf-btn{border:none;border-radius:3px;background:#e5e7eb;color:#374151;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0}.wq-tf-btn.active{background:#0891b2;color:#fff}.wq-discrete-readout{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1}.wq-discrete-value{font-weight:700;line-height:1}.wq-discrete-label{color:#475569;text-transform:uppercase;letter-spacing:.03em;margin-top:4px}.wq-discrete-ctx{color:#94a3b8;margin-top:6px}.wq-footer-bar{color:#6b7280;display:flex;align-items:center;gap:8px;border-top:1px solid #f1f5f9;background:#fff;line-height:1.15;flex-shrink:0}.wq-footer-fresh{flex:1 1 0%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.wq-footer-src{flex:0 0 auto;white-space:nowrap;text-align:center}.wq-footer-rspacer{flex:1 1 0%;min-width:44px}.wq-footer-link{color:#6b7280;text-decoration:none;border-bottom:1px dotted #bbb}.wq-footer-link:hover{color:#0891b2;border-bottom-color:#0891b2}.wq-error-msg,.wq-loading-text{color:#94a3b8;text-align:center;margin:auto;padding:20px}.wq-title{font-weight:700;padding:12px 14px 0}