.rpt-ops{grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:10px;display:grid}.rpt-op{border:1px solid var(--line);border-radius:var(--r-md);background:#14093d80;padding:8px 10px}.rpt-op-v{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin-bottom:3px;font-size:17px;font-weight:700;line-height:1.1;display:block}.rpt-op-k{font-size:8.5px;font-family:var(--font-mono);color:var(--ink-4);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;display:flex}.rpt-op-dim{color:var(--ink-4);letter-spacing:0;font-size:11px;font-weight:400}.rpt-v-live{color:#ff6b6b}.rpt-v-g{color:var(--mint)}.rpt-op-dot{background:#f44;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.2s ease-in-out infinite rpt-blink;box-shadow:0 0 4px #ff444480}@keyframes rpt-blink{0%,to{opacity:1}50%{opacity:.3}}.rpt-chart-wrap{border:1px solid var(--line-2);border-radius:var(--r-md);background:#14093d80;margin-bottom:10px;padding:10px 12px}.rpt-chart-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.rpt-chart-title{color:var(--ink-4);text-transform:uppercase;letter-spacing:.07em;font-size:10px}.rpt-toggle{gap:2px;display:flex}.rpt-tog{font-size:9px;font-family:var(--font-mono);border-radius:var(--r-sm);border:1px solid var(--line-2);color:var(--ink-4);cursor:pointer;padding:2px 7px}.rpt-tog-active{color:var(--brand-3);background:#604ed633;border-color:#9b8dec66}.rpt-bars{align-items:flex-end;gap:3px;height:60px;display:flex}.rpt-bar-col{flex-direction:column;flex:1;justify-content:flex-end;gap:1px;display:flex}.rpt-seg{border-radius:1px;width:100%;min-height:2px}.rpt-seg-conv{background:var(--mint)}.rpt-seg-notconv{background:var(--amber)}.rpt-seg-noanswer{background:#ff6b6b8c}.rpt-seg-hangup{background:#9b8dec59}.rpt-bar-labels{gap:3px;margin-top:5px;display:flex}.rpt-bar-labels span{text-align:center;color:var(--ink-4);font-size:8.5px;font-family:var(--font-mono);flex:1}.rpt-chart-legend{border-top:1px dashed var(--line);flex-wrap:wrap;gap:10px;margin-top:8px;padding-top:8px;display:flex}.rpt-leg{color:var(--ink-4);font-size:9px;font-family:var(--font-mono);align-items:center;gap:5px;display:flex}.rpt-leg i{border-radius:1px;flex-shrink:0;width:10px;height:8px;display:inline-block}.rpt-leg-conv{background:var(--mint)}.rpt-leg-notconv{background:var(--amber)}.rpt-leg-noanswer{background:#ff6b6b8c}.rpt-leg-hangup{background:#9b8dec59}.rpt-qp-head{color:var(--ink-4);text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px;font-size:9.5px}.rpt-qp{gap:5px;display:grid}.rpt-qp-row{grid-template-columns:72px 1fr 44px;align-items:center;gap:8px;display:grid}.rpt-qp-src{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.rpt-qp-bar{background:#9b8dec1f;border-radius:3px;height:5px;position:relative;overflow:hidden}.rpt-qp-bar i{background:linear-gradient(90deg,var(--mint),#6ee0b799);border-radius:3px;position:absolute;top:0;bottom:0;left:0}.rpt-qp-val{color:var(--ink-3);text-align:right;font-size:9.5px}.rpt-qp-hi{color:var(--mint)}.rpt-qp-lo{color:var(--amber)}.demo-bar .url{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:680px){.rpt-ops{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.rpt-ops{grid-template-columns:repeat(2,1fr)}.rpt-qp-row{grid-template-columns:60px 1fr 38px}.rpt-bar-labels span{font-size:7.5px}.rpt-bars{height:48px}}@media (max-width:380px){.rpt-op-v{font-size:15px}.rpt-op-k{font-size:7.5px}.rpt-qp-src{font-size:9px}.rpt-qp-val{font-size:8.5px}.rpt-chart-legend{gap:6px}.rpt-leg{font-size:8px}}
