.yz-measurement-charts{display:grid;gap:18px;margin:22px 0}.yz-metric-chart{background:#fff;border:1px solid #e1ebeb;border-radius:20px;padding:20px 18px 12px;box-shadow:0 5px 18px #102b2b07}.yz-metric-chart h3{margin:0;font-size:19px;color:#183d40}.yz-metric-chart h3 small{font-size:14px;font-weight:500;color:#617c7e}.yz-chart-latest{display:flex;gap:14px;justify-content:flex-end;align-items:center;margin:16px 0 3px}.yz-chart-latest span{color:#607b7d;font-size:13px}.yz-chart-latest strong{padding:7px 11px;border-radius:11px;background:#eaf7f6;color:#147f82;font-size:16px}.yz-metric-chart svg{display:block;width:100%;height:auto;overflow:visible;font-family:Manrope,sans-serif}.yz-chart-axis{font-size:12px;fill:#698183}.yz-chart-value{font-size:12px;font-weight:700;fill:#294c4f}@media(max-width:480px){.yz-metric-chart{padding:16px 10px 9px}.yz-chart-latest{gap:10px}.yz-metric-chart h3{font-size:18px}}

.yz-chart-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.yz-chart-controls button{font:inherit;font-size:13px;padding:7px 12px;border:1px solid #cfe4e4;border-radius:10px;background:#fff;color:#366c70;cursor:pointer}.yz-chart-controls button[aria-pressed="true"]{background:#eaf7f6;border-color:#24aead;color:#147f82;font-weight:700}.yz-chart-hint{font-size:11px;line-height:1.5;color:#698183;margin:9px 0}.yz-chart-scroll{overflow-x:auto;overscroll-behavior-x:contain}.yz-chart-scroll svg{max-width:none}.yz-chart-scroll circle[role="button"]{cursor:pointer;outline:none}.yz-chart-scroll circle[role="button"]:focus{stroke:#183d40;stroke-width:3}

.yz-chart-history{display:flex;justify-content:space-between;gap:8px;margin-top:8px}.yz-chart-history button{font:inherit;font-size:12px;border:1px solid #cfe4e4;border-radius:9px;background:#f4faf9;color:#147f82;padding:9px 10px;cursor:pointer}.yz-chart-history button:disabled{opacity:.35;cursor:default}