.chart-panel{min-width:0}
.chart-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.chart-panel-heading h2{font-size:19px;margin:0;line-height:1.5;color:#16375e}
.chart-quick-label{font-size:12px;color:#7a8ca7;white-space:nowrap}
.chart-parameters{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 16px}
.chart-parameters button{display:flex;align-items:center;gap:6px;flex:1 0 auto;padding:9px 10px;min-height:40px;border:1px solid #e0e8f3;border-radius:9px;background:#f8faff;color:#60738f;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s;font:inherit}
.chart-parameters button svg{color:var(--chart-accent);flex-shrink:0}
.chart-parameters button strong{white-space:nowrap;font-size:13px;font-weight:650}
.chart-parameters button span{font-size:10px;opacity:.8;margin-left:auto}
.chart-parameters button:hover{border-color:var(--chart-accent);background:#fff}
.chart-parameters button[aria-pressed="true"]{color:var(--chart-accent);border-color:var(--chart-accent);background:color-mix(in srgb,var(--chart-accent) 8%,white);box-shadow:0 2px 7px color-mix(in srgb,var(--chart-accent) 12%,transparent)}
.chart-parameters button:focus-visible,.chart-frame:focus-visible{outline:3px solid #a8caff;outline-offset:3px}
.chart-statistics-slot .ob-chart-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:13px 0;border-block:1px solid #e6edf6;margin:0}
.chart-statistics-slot .ob-chart-stats>div{padding:0 16px;border-right:1px solid #e6edf6;min-width:0}
.chart-statistics-slot .ob-chart-stats>div:first-child{padding-left:4px}
.chart-statistics-slot .ob-chart-stats>div:last-child{border:0}
.chart-statistics-slot .ob-chart-stats span{display:block;font-size:12px;color:#71839e;margin-bottom:7px}
.chart-statistics-slot .ob-chart-stats strong{font-size:22px;line-height:1.5;font-weight:650;font-variant-numeric:tabular-nums;color:#16375e;white-space:nowrap}
.chart-statistics-slot .ob-chart-stats small{font-size:11px;margin-left:5px;color:#6d83a1;font-weight:400}
.chart-statistics-slot .ob-chart-sample-note{margin:9px 0 0;font-size:11px;line-height:1.5;color:#7a8da7}
.chart-content{animation:chart-content-in .24s ease-out}
.chart-frame{position:relative;border-radius:10px;margin-top:12px;outline:none}
.chart-frame svg{touch-action:pan-y}
.chart-frame .chart-line{filter:drop-shadow(0 2px 3px color-mix(in srgb,var(--chart-accent) 15%,transparent))}
:root body .chart-frame .chart .axis{stroke:#e3eaf4;stroke-dasharray:3 5;stroke-width:1}
:root body .chart-frame .chart text{fill:#6d83a2}
:root body .chart-frame .chart .chart-unit-label{font-size:12px;fill:#617a9b}
.chart-cursor[hidden],.chart-tooltip[hidden]{display:none}
.chart-tooltip{position:absolute;top:20px;z-index:2;pointer-events:none;min-width:156px;padding:10px 12px;border:1px solid #dde7f4;border-radius:10px;background:#ffffffef;box-shadow:0 6px 24px #16375e18;backdrop-filter:blur(8px);color:#17375c}
.chart-tooltip time,.chart-tooltip small{display:block;font-size:11px;color:#788ba5;line-height:1.5}
.chart-tooltip strong{display:block;font-size:20px;line-height:1.7;font-variant-numeric:tabular-nums;color:var(--chart-accent)}
:root body .chart-content .chart-legend{font-size:11px;color:#7184a0;gap:7px 14px;flex-wrap:wrap;line-height:1.6;margin-top:5px}
:root body .chart-legend i{background:var(--chart-accent,#2563eb);height:3px;border-radius:2px}
:root body .chart-legend i.dash{background:repeating-linear-gradient(90deg,var(--chart-accent,#2563eb) 0 5px,transparent 5px 8px)}
.chart-interaction-hint{font-size:10px;color:#8a9bb3;margin:6px 0 0;line-height:1.5}
@keyframes chart-content-in{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.chart-parameters{gap:6px}.chart-parameters button{padding:9px 7px;gap:5px;flex:1 0 28%}.chart-parameters button span{display:none}.chart-parameters button strong{font-size:12px}.chart-parameters button svg{width:15px;height:15px}.chart-panel-heading{align-items:start}.chart-quick-label{display:none}.chart-statistics-slot .ob-chart-stats>div{padding:0 8px}.chart-statistics-slot .ob-chart-stats strong{font-size:19px}.chart-statistics-slot .ob-chart-stats small{display:block;margin:2px 0 0}.chart-statistics-slot .ob-chart-stats span{font-size:11px}.chart-tooltip{top:5px;min-width:140px}.chart-tooltip strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.chart-content{animation:none}.chart-parameters button{transition:none}}