/* P200 v62 online parity UI */
.on-fx{position:relative;display:flex;align-items:center;gap:8px;margin-top:8px;min-height:48px;padding-right:56px}
.on-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.on-tg{font:600 12px/1 system-ui,sans-serif;padding:8px 10px;border-radius:999px;border:1px solid var(--line,#d5dbe6);background:#fff;color:#56637a;min-height:32px}
.on-tg[aria-pressed=true]{background:#1f2a44;color:#fff;border-color:#1f2a44}
.on-cd{font-size:12px;color:#56637a;font-variant-numeric:tabular-nums}
.on-fx>.manual-reaction{position:absolute;right:0;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--line,#d5dbe6);background:#fff;font-size:20px;box-shadow:0 2px 8px rgba(20,30,60,.12)}
.on-fx>.manual-reaction:disabled{opacity:.45}
.on-hist{margin-top:8px;background:#fff;border:1px solid var(--line,#d5dbe6);border-radius:14px;padding:10px 12px;font-size:13px}
.on-hist h3{margin:0 0 6px;font-size:13px}
.on-hist ol{margin:0;padding:0;list-style:none;display:grid;gap:3px;max-height:180px;overflow:auto}
.on-hist li{display:grid;grid-template-columns:5.5em 1fr auto;gap:8px}
.on-hist li span{color:#56637a}.on-hist li em{font-style:normal;font-variant-numeric:tabular-nums}
.actchip[data-draw]::after{content:" · " attr(data-draw);font-weight:600}
@media (min-width:900px){.on-fx{padding-right:64px}}