@import url('/css/chart-x-lib.css');
.mtp-nv-table tbody tr.cx-selected > * { background: rgba(224, 189, 114, .16); }
.mtp-cx .cx-grid { position: relative; display: grid; grid-template-columns: repeat(8, 1fr); height: 44px; margin: 10px 0; border: 1px solid var(--mtp-line, #49381f); background: var(--mtp-night, #090612); overflow: hidden; }
.mtp-cx .cx-grid > i { font: normal 600 11px/1 "Source Sans 3", sans-serif; color: var(--mtp-muted, #c9b990); padding: 3px 4px; border-left: 1px solid var(--mtp-line, #49381f); }
.mtp-cx .cx-grid > i.bar { border-left: 2px solid var(--mtp-brass, #c49a49); }
.mtp-cx .cx-grid > i:first-of-type { border-left: 0; }
.mtp-cx .cx-marks { position: absolute; inset: 0; pointer-events: none; }
.mtp-cx .cx-marks b { position: absolute; bottom: 4px; width: 3px; height: 18px; margin-left: -1px; background: var(--mtp-brass-bright, #e0bd72); border-radius: 1px; }
.mtp-cx .cx-playhead { position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background: #e7835a; opacity: 0; z-index: 2; pointer-events: none; }
.mtp-cx .cx-playhead.pre { background: var(--mtp-muted, #c9b990); }
.mtp-cx .cx-tapbtn { min-width: 160px; min-height: 64px; font-size: 22px; letter-spacing: .1em; touch-action: manipulation; }
.mtp-cx .cx-tapbtn.hit { background: var(--mtp-brass-bright, #e0bd72); color: #1a1209; }
.mtp-cx .cx-result { min-height: 1.4em; margin: 6px 0 0; font-weight: 600; }
.mtp-cx label input[type="checkbox"] { margin-right: 4px; accent-color: var(--mtp-brass, #c49a49); }
@media print { .mtp-nv-table tbody tr.cx-selected > * { background: transparent !important; } .mtp-nv-table tbody tr { cursor: auto !important; } }