/* t468: compact tree indicator + picker. Existing graphite button style; PTL red marks
   the selected tree. The chip keeps the bar's height; ::after grows the hit area to 44px. */
.ptl-tree-chip {
  position: relative; display: inline-flex; align-items: center; gap: 5px;
  min-height: 32px; min-width: 44px; padding: 0 10px; white-space: nowrap;
  font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
}
button.ptl-tree-chip::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 44px; transform: translateY(-50%); }
.ptl-tree-chip .ptc-caret { opacity: 0.7; flex: none; }
.ptl-tree-chip[aria-expanded="true"] { border-color: #e3263b; }
.ptl-tree-chip.is-locked {
  min-height: 26px; padding: 0 9px; border: 1px solid #2a2e34; border-radius: 6px;
  background: #15181d; color: #e8ebef; font-family: 'Saira', system-ui, sans-serif; cursor: default;
}
.ptl-tree-chip .ptc-lock { color: #8b94a2; flex: none; }
.ptl-tree-pop {
  position: fixed; z-index: 1200; background: #101317; border: 1px solid #262b33; border-radius: 10px;
  box-shadow: 0 12px 32px rgba(0,0,0,0.6); padding: 6px; max-height: calc(100svh - 120px); overflow-y: auto;
}
.ptl-tree-pop .ptp-head { font-size: 10px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #8b94a2; padding: 6px 8px 4px; }
.ptl-tree-pop .ptp-why { font-size: 12px; color: #c6ccd4; padding: 0 8px 6px; }
.ptl-tree-pop .ptp-opt {
  display: flex; width: 100%; min-height: 44px; align-items: center; justify-content: space-between; gap: 10px;
  background: none; border: 0; border-left: 3px solid transparent; border-radius: 6px; padding: 6px 10px;
  color: #e8ebef; text-align: left; cursor: pointer; font: inherit;
}
.ptl-tree-pop .ptp-opt:hover:not([disabled]), .ptl-tree-pop .ptp-opt:focus-visible { background: #1a1e24; outline: none; }
.ptl-tree-pop .ptp-opt.is-on { border-left-color: #e3263b; background: #1a1e24; }
.ptl-tree-pop .ptp-opt[disabled] { opacity: 0.45; cursor: not-allowed; }
.ptl-tree-pop .ptp-name { font-size: 13px; font-weight: 800; letter-spacing: 0.06em; }
.ptl-tree-pop .ptp-opt.is-on .ptp-name { color: #fff; }
.ptl-tree-pop .ptp-delay { font-size: 11px; color: #8b94a2; font-family: 'JetBrains Mono', monospace; text-align: right; }
.ptl-tree-pop .ptp-opt.is-on .ptp-delay { color: #e3263b; font-weight: 700; }
@media (max-width: 800px) {
  html.arena-mode[data-practice-view="active"] .ptl-control-bar #ab-tree { order: 2; }
  .ptl-control-bar .ptl-tree-chip { padding: 0 8px !important; letter-spacing: 0.04em !important; }
}