.opc-pop { position: fixed; z-index: 60; pointer-events: none; padding: .7rem .8rem .55rem; border-radius: .75rem;
           background: var(--tw-light, #fff); border: 1px solid var(--tw-gray-200, #e5e7eb);
           box-shadow: 0 12px 32px rgba(15, 23, 42, .14), 0 2px 6px rgba(15, 23, 42, .06); transition: box-shadow .3s; }
.opc-pop.is-tick { box-shadow: 0 12px 32px rgba(15, 23, 42, .14), 0 0 0 2px rgba(22, 163, 74, .25); }
.opc-pop__head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: .35rem; }
.opc-pop__title { font-size: .85rem; font-weight: 600; color: var(--tw-gray-900, #111827); white-space: nowrap; }
.opc-pop__last { font-size: .85rem; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--tw-gray-900, #111827); white-space: nowrap; }
.opc-pop__last span { font-weight: 500; font-size: .78rem; margin-left: .25rem; }
.opc-pop__chart { min-height: 220px; }
.opc-pop__foot { display: flex; justify-content: space-between; gap: 1rem; margin-top: .3rem; font-size: .72rem; color: var(--tw-gray-600, #4b5563); font-variant-numeric: tabular-nums; }
.opc-pop__state::before { content: ""; display: inline-block; width: .5rem; height: .5rem; margin-right: .35rem; border-radius: 50%; background: var(--tw-gray-400, #9ca3af); vertical-align: .05rem; }
.opc-pop__state.is-live::before { background: #16a34a; box-shadow: 0 0 0 3px rgba(22, 163, 74, .2); animation: opc-pulse 1.6s ease-in-out infinite; }
@keyframes opc-pulse { 50% { box-shadow: 0 0 0 5px rgba(22, 163, 74, .05); } }
#opc-table tbody tr[data-sym], .opc-mover[data-sym] { cursor: default; }
#opc-table tbody tr[data-sym]:hover td { filter: brightness(.97); }

[data-theme-mode="dark"] .opc-pop { background: var(--tw-coal-500, #1e1e2d); border-color: var(--tw-gray-300, #334155); box-shadow: 0 12px 32px rgba(0, 0, 0, .45); }
[data-theme-mode="dark"] .opc-pop__title, [data-theme-mode="dark"] .opc-pop__last { color: var(--tw-gray-900, #e5e7eb); }