.tracker-panel { margin: 12px 0; padding: 16px; border: 1px solid #596579; border-radius: 12px; background: var(--panel, #111b29); color: inherit; }
.tracker-panel[hidden], .tracker-form-grid[hidden] { display: none; }
.tracker-panel summary { cursor: pointer; padding: 10px 0; font-weight: 700; }
.tracker-panel label { display: grid; gap: 6px; margin: 10px 0; min-width: 0; }
.tracker-panel input, .tracker-panel select { width: 100%; min-width: 0; min-height: 44px; }
.tracker-panel button, .tracker-panel a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.tracker-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: end; }
.tracker-round ol { list-style: none; padding: 0; }
.tracker-event { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; margin: 6px 0; border: 1px solid #596579; border-radius: 8px; overflow-wrap: anywhere; }
.tracker-event a { flex-shrink: 0; }
.tracker-event small { line-height: 1.6; }
.tracker-review { border-left: 4px solid #edb348; }
@media (max-width: 600px) { .tracker-form-grid { grid-template-columns: 1fr; } .tracker-event { flex-direction: column; align-items: stretch; } .tracker-panel { padding: 12px; } }
#tracker-analysis-events { color: #172638; background: #fff; padding: 8px; border: 2px solid #8799b3; border-radius: 8px; margin: 8px 0; }
#tracker-analysis-events[hidden] { display: none; }
#tracker-analysis-events summary { cursor: pointer; padding: 10px 0; font-weight: 700; }
.tracker-analysis-event { padding: 10px; margin: 6px 0; border: 1px solid #aab5c5; border-radius: 6px; }
.tracker-analysis-event small { display: block; margin: 6px 0; }
.tracker-analysis-event button, .tracker-analysis-event a { min-height: 44px; margin: 4px; }
.tracker-analysis-event label { display: grid; gap: 4px; margin: 6px 0; }
.tracker-analysis-event input { width: 100%; min-height: 44px; }
.tracker-official-round { min-width: 0; }
#tracker-result-message { font-weight: 700; }

/* Compact entry controls; expanded forms retain their full usable width. */
#analysis-view #tracker-import-panel,
#analysis-view #saved-matches-panel {
  width: fit-content; max-width: 100%; margin: 6px 0; padding: 0;
  background: transparent; border: 0; border-radius: 6px; box-shadow: none;
}
#analysis-view #tracker-import-panel > summary,
#analysis-view #saved-matches-panel > summary {
  box-sizing: border-box; width: fit-content; max-width: 100%;
  min-height: 36px; padding: 8px 10px; font-size: 13px;
  line-height: 20px; font-weight: 500; color: var(--muted, #526174);
  background: transparent; border: 1px solid var(--line, #d9e0e8);
  border-radius: 6px; cursor: pointer;
}
#analysis-view #tracker-import-panel > summary:hover,
#analysis-view #saved-matches-panel > summary:hover { background: #f1f5f9; color: #172638; }
#analysis-view #tracker-import-panel > summary:focus-visible,
#analysis-view #saved-matches-panel > summary:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
#analysis-view #tracker-import-panel[open],
#analysis-view #saved-matches-panel[open] { width: auto; padding: 10px; border: 1px solid var(--line, #d9e0e8); }
@media (pointer: coarse) {
  #analysis-view #tracker-import-panel > summary,
  #analysis-view #saved-matches-panel > summary { min-height: 44px; padding-block: 12px; }
}

.sequence-extra-tools { padding: 8px; border-top: 1px solid #cbd5e1; display: flex; flex-wrap: wrap; gap: 6px; }
.sequence-extra-tools button, [data-move-action], #tracker-save-next { min-height: 44px; }
.sequence-imported-reference { flex-basis: 100%; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px; border: 1px dashed #94a3b8; }
#sequence-move-dialog { width: min(520px, 94vw); border: 1px solid #94a3b8; border-radius: 12px; }
#sequence-move-dialog form, #sequence-move-dialog label { display: grid; gap: 10px; }
#sequence-move-dialog select, #sequence-move-dialog button { min-height: 44px; max-width: 100%; }
#tracker-save-next[hidden] { display: none; }

/* Imported points share the compact sequence-card language. */
#tracker-analysis-events { padding:8px; border:1px solid var(--line,#d9e0e8); border-radius:8px; font-size:12px; line-height:1.4; background:#f7f9fb; }
#tracker-analysis-events h4 { margin:0 0 8px; font-size:13px; }
#tracker-analysis-events p { margin:6px 0; }
#tracker-analysis-events summary { padding:8px 0; font-size:12px; }
#tracker-analysis-events .tracker-analysis-event { padding:8px; margin:7px 0; border:1px solid var(--line,#d9e0e8); border-radius:8px; background:#fff; overflow-wrap:anywhere; }
#tracker-analysis-events .tracker-analysis-event > strong { display:block; font-size:12px; }
#tracker-analysis-events button, #tracker-analysis-events a.mini-button, .sequence-imported-reference button { box-sizing:border-box; min-height:44px; max-width:100%; padding:6px 10px; margin:3px 2px 3px 0; border:1px solid var(--line,#d9e0e8); border-radius:6px; background:#fff; color:#2477bb; font-size:12px; font-weight:800; line-height:1.3; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; white-space:normal; cursor:pointer; }
#tracker-analysis-events button:focus-visible, #tracker-analysis-events a:focus-visible { outline:2px solid #2563eb; outline-offset:2px; }
#tracker-analysis-events .tracker-analysis-event.is-analyzed, .sequence-imported-reference.is-analyzed { background:#edf8f0; border-color:#a5cfb1; }
.tracker-point-status { display:block; margin:4px 0; font-size:11px; font-weight:700; color:#526174; }
.is-analyzed .tracker-point-status { color:#21623b; }
#tracker-analysis-events .tracker-review { border-left:4px solid #d6a038; }
.tracker-progress-controls { display:flex; flex-wrap:wrap; gap:6px; align-items:center; justify-content:space-between; }
.tracker-progress-controls label { display:flex; gap:6px; align-items:center; min-height:44px; cursor:pointer; }
.tracker-progress-controls input { width:18px; height:18px; flex-shrink:0; }
#tracker-analysis-events [hidden] { display:none !important; }
.sequence-imported-reference { border-radius:6px; border-style:solid; font-size:12px; flex-wrap:wrap; }
.analysis-sync-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:8px 0; }
.analysis-sync-toolbar button, #tracker-return-point { min-height:44px; padding:6px 10px; border:1px solid var(--line,#d9e0e8); border-radius:6px; background:#fff; color:#2477bb; font-size:12px; font-weight:700; }
.analysis-sync-toolbar span { flex:1 1 220px; font-size:12px; color:#334155; }
.analysis-sync-toolbar[hidden], #tracker-return-point[hidden] { display:none; }
#action-antecedent select { display:block; width:100%; min-width:0; min-height:44px; margin:6px 0; }

/* Use the same compact controls for every action and sequence tool. */
body[data-match-active="true"] #analysis-view .workbench.video-mode .video-history .video-history-expanded button,
#video-timeline .video-mark-row > button,
#video-timeline .sequence-extra-tools > button,
#video-timeline .video-sequence-tools > button,
#video-timeline .video-sequence-add > button,
#video-timeline [data-move-action],
#video-timeline [data-rival-response],
#tracker-save-next {
  box-sizing: border-box; min-height: 36px; max-width: 100%; min-width: 0;
  padding: 7px 10px; border: 1px solid var(--line, #d9e0e8); border-radius: 6px;
  background: var(--panel, #fff); color: var(--ink, #172638);
  font-family: inherit; font-size: 12px; font-weight: 800; line-height: 1.35;
  white-space: normal; overflow-wrap: normal; word-break: normal; text-align: center; cursor: pointer;
}
body[data-match-active="true"] #analysis-view .workbench.video-mode .video-history .video-mark-row > button:first-child,
#video-timeline .video-mark-row > button:first-child { text-align: left; }
#video-timeline .video-mark-row > button:first-child small { display: block; font-weight: 500; }
#video-timeline .sequence-extra-tools > button { flex: 1 1 145px; }
body[data-match-active="true"] #analysis-view .workbench.video-mode .video-history .video-sequence-tools > button,
#video-timeline .video-sequence-tools > button { padding-inline: 6px; }
#video-timeline .action-origin-label { flex-basis: 100%; grid-column: 1 / -1; color: var(--muted, #526174); font-size: 11px; }
#video-timeline button:hover:not(:disabled), #tracker-save-next:hover:not(:disabled) { background: #f1f5f9; }
#video-timeline button:focus-visible, #tracker-save-next:focus-visible { outline: 2px solid var(--blue, #2477bb); outline-offset: 2px; }
#video-timeline button:disabled, #tracker-save-next:disabled { opacity: .5; cursor: not-allowed; }
/* The history is a narrow desktop column too: never let an auto-sized
   response button squeeze its neighbour down to one character per line. */
body[data-match-active="true"] #analysis-view .workbench.video-mode .video-history .video-mark-row,
#video-timeline .video-mark-row {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px; align-items: stretch;
}
body[data-match-active="true"] #analysis-view .workbench.video-mode .video-history .video-mark-row > button,
#video-timeline .video-mark-row > button {
  width: 100%; min-width: 0; overflow-wrap: normal; word-break: normal;
}
body[data-match-active="true"] #analysis-view .workbench.video-mode .video-history .video-mark-row > button:first-child,
body[data-match-active="true"] #analysis-view .workbench.video-mode .video-history .video-mark-row > [data-rival-response],
body[data-match-active="true"] #analysis-view .workbench.video-mode .video-history .video-mark-row > [data-vr-command="quick"],
#video-timeline .video-mark-row > button:first-child,
#video-timeline .video-mark-row > [data-rival-response],
#video-timeline .video-mark-row > [data-prior-attack],
#video-timeline .video-mark-row > [data-vr-command="quick"] { grid-column: 1 / -1; }
@media (pointer: coarse) {
  body[data-match-active="true"] #analysis-view .workbench.video-mode .video-history .video-history-expanded button,
  #video-timeline .video-mark-row > button, #video-timeline .sequence-extra-tools > button,
  #video-timeline .video-sequence-tools > button, #video-timeline .video-sequence-add > button,
  #video-timeline [data-move-action], #video-timeline [data-rival-response], #tracker-save-next { min-height: 44px; }
}

body[data-match-active="true"] #analysis-view .workbench.video-mode .video-history .video-mark-row > [data-prior-attack] { grid-column: 1 / -1; }