.pons-panel{margin:20px 0;border-color:rgba(45,245,188,.3);background:linear-gradient(135deg,rgba(7,36,49,.94),rgba(5,20,32,.96));min-width:0}
.pons-panel .panel-head{align-items:flex-start}.pons-panel h2{margin:6px 0 10px}.pons-panel .panel-head p{max-width:740px}
.pons-source{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:9px 14px;border:1px solid #245b6c;border-radius:10px;font-size:12px;font-weight:800;color:#c6edec}.pons-source:hover{background:rgba(45,245,188,.08);border-color:#2df5bc}
.pons-status{margin:14px 0;color:#99bbcc;font-size:12px;line-height:1.8}.pons-status[data-status="fresh"]{color:#85d9bb}.pons-status[data-status="stale"],.pons-status[data-status="partial"]{color:#f1d28f}
.pons-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 20px}
.pons-kpi{position:relative;text-align:left;min-width:0;padding:16px;border:1px solid #204558;border-radius:14px;background:rgba(4,19,30,.54);color:#eaf7ff;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}
.pons-kpi[aria-pressed="true"]{border-color:var(--pons-color,#2df5bc);background:rgba(12,47,58,.7)}.pons-kpi:hover{background:rgba(12,47,58,.9)}
.pons-kpi>span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}.pons-kpi i{width:8px;height:8px;border-radius:50%;background:var(--pons-color)}
.pons-kpi b{display:block;margin:9px 0 5px;font-size:29px;line-height:1.2;letter-spacing:-.03em}.pons-kpi small{display:block;margin-top:5px;font-size:11px;line-height:1.7;color:#99bbcc}.pons-kpi em{color:#dbeaf3;font-style:normal}.pons-kpi .pons-kpi-change{font-size:12px;color:#c6dbe4}
.pons-chart-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.pons-chart-header h3{margin:0;font-size:20px;line-height:1.45}.pons-chart-header p{color:#99bbcc;margin:5px 0;font-size:12px}.pons-range{display:inline-flex;gap:3px;padding:4px;border:1px solid #245b6c;border-radius:10px;background:rgba(3,18,29,.6);flex:0 0 auto}
.pons-range button{border:0;min-height:34px;padding:6px 12px;border-radius:6px;background:transparent;color:#9dc2d7;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.pons-range button[aria-pressed="true"]{color:#031b24;background:#9ae6d2}
.pons-panel button:focus-visible,.pons-plot:focus-visible,.pons-panel summary:focus-visible,.pons-source:focus-visible{outline:2px solid #fff5a6;outline-offset:3px}
.pons-chart-key{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#9fc5d6;margin:10px 0}.pons-chart-key span{display:inline-flex;align-items:center;gap:7px}.pons-chart-key i{width:9px;height:9px;border-radius:2px;background:var(--pons-color)}.pons-chart-key .pons-average-key{width:19px;height:2px;background:#eef8ff}
.pons-plot{position:relative;min-width:0;border-top:1px solid #193f50;margin-top:8px;outline-offset:4px;touch-action:pan-y}.pons-plot svg{width:100%;height:310px;display:block;overflow:hidden}
.pons-grid{stroke:rgba(157,194,215,.14);stroke-width:1;vector-effect:non-scaling-stroke}.pons-axis{fill:#8faebe;font:12px Arial,sans-serif}.pons-bar{fill:var(--pons-color);opacity:.54}.pons-bar:hover{opacity:.9}.pons-average{fill:none;stroke:#eef8ff;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.pons-hover-line{stroke:#e6f9ff;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.pons-tooltip{position:absolute;z-index:4;pointer-events:none;background:#071b27;border:1px solid #396173;border-radius:10px;padding:10px 12px;min-width:190px;max-width:calc(100% - 12px);font-size:12px;color:#d9edf4;box-shadow:0 12px 35px #0005}.pons-tooltip[hidden],.pons-hover-line[hidden]{display:none}.pons-tooltip strong{display:block;color:#fff;margin-bottom:5px}.pons-tooltip span{display:flex;justify-content:space-between;gap:14px;line-height:1.8}.pons-tooltip b{color:#fff;font-variant-numeric:tabular-nums}
.pons-reading{margin:12px 0 5px;padding:12px 14px;border-left:2px solid var(--pons-color);background:rgba(25,56,68,.32);font-size:13px;color:#c1d8e3;line-height:1.8}.pons-caveat{font-size:12px;color:#99bbcc;margin:10px 0 16px;line-height:1.8}.pons-empty{min-height:230px;display:grid;place-items:center;color:#9dc2d7;font-size:13px;text-align:center;padding:20px}
.pons-details{border-top:1px solid #204251;margin-top:14px;padding-top:12px;color:#99bbcc;font-size:12px}.pons-details summary{cursor:pointer;color:#c7e7f1;font-weight:700;min-height:34px}.pons-details p{margin:8px 0;line-height:1.9}.pons-table-wrap{max-height:310px;overflow:auto;margin:10px 0;border:1px solid #204251;border-radius:10px}.pons-daily-table{border-collapse:collapse;width:100%;min-width:500px;text-align:right;font-variant-numeric:tabular-nums}.pons-daily-table th,.pons-daily-table td{padding:9px 12px;border-bottom:1px solid #183744;white-space:nowrap}.pons-daily-table th{position:sticky;top:0;background:#0a2230;color:#c7e7f1}.pons-daily-table th:first-child,.pons-daily-table td:first-child{text-align:left}.pons-download{color:#7fded0;text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){.pons-panel .panel-head{display:block}.pons-source{margin-top:12px}.pons-panel h2{font-size:26px}.pons-kpis{gap:8px;grid-template-columns:1fr}.pons-kpi{padding:12px 14px}.pons-kpi b{font-size:25px;margin:5px 0}.pons-chart-header{display:block}.pons-range{margin-top:8px;display:flex;width:100%}.pons-range button{flex:1;min-height:42px}.pons-plot svg{height:260px}.pons-chart-header h3{font-size:18px}.pons-tooltip{min-width:170px;font-size:11px}.pons-reading{font-size:12px}.pons-axis{font-size:13px}}