.video-review-panel { border-top: 1px solid var(--line); padding: 10px; background: #f7f9fb; }
.video-review-panel[hidden], .action-time-controls[hidden], .video-review-editor [hidden] { display: none !important; }
.video-capture-buttons { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); gap: 12px; }
.video-capture-group { display: grid; align-content: start; gap: 7px; min-width: 0; }
.video-capture-group > strong { font-size: 12px; color: #334155; }
.video-capture-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.video-capture-row > button { flex: 1 1 auto; }
.video-review-panel button, .video-review-editor button { min-height: 44px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 6px; font-size: 12px; font-weight: 800; }
.video-review-panel button:disabled { opacity: .5; }
.video-review-panel #video-review-start { background: #197351; color: white; border-color: #197351; }
.video-review-panel #video-review-end { background: #34465b; color: white; border-color: #34465b; }
.video-review-panel #video-quick-red { background: #d7251a; color: white; border-color: #d7251a; }
.video-review-panel #video-quick-blue { background: #07518b; color: white; border-color: #07518b; }
.quick-points-label { display: flex; align-items: center; gap: 5px; color: #334155; font-size: 12px; font-weight: 800; }
.quick-points-label select { min-width: 62px; height: 44px; padding: 6px; font: inherit; }
.video-review-panel .video-quick-important { min-height: 30px; margin-top: 7px; padding: 4px 9px; background: #fff9e7; color: #473400; }
.video-review-markers-details > summary { padding: 4px 0; cursor: pointer; font-size: 12px; font-weight: 800; }
.video-quick-leader { margin-top: 5px; font-size: 12px; font-weight: 800; }
.video-review-check { display: flex; align-items: center; gap: 6px; font-size: 12px; }
.video-capture-row .video-review-check { padding: 8px 11px; min-height: 44px; border: 1px solid #d7a510; border-radius: 6px; background: #fff9e7; color: #362900; font-weight: 800; }
.video-review-check input { width: 18px; height: 18px; min-height: 18px; }
#video-review-context { margin: 7px 0; font-size: 12px; }
.video-review-focus-label { margin: 10px 0 0; font-size: 12px; font-weight: 800; color: #334155; }
.video-review-rail { position: relative; height: 72px; margin: 6px 10px; border-bottom: 2px solid #94a3b8; background: linear-gradient(to bottom, transparent 28px, #e2e8f0 28px, #e2e8f0 30px, transparent 30px); }
.video-review-scrub { position: absolute; inset: 0; z-index: 1; cursor: crosshair; touch-action: none; }
.video-review-scrub:focus-visible { outline: 3px solid #d7a510; outline-offset: 2px; }
.video-review-scrub-time { display: block; margin: 0 10px 5px; color: #334155; font-size: 12px; font-weight: 700; }
.video-review-panel .video-rail-mark { position: absolute; z-index: 3; width: 22px; min-height: 22px; height: 22px; padding: 0; transform: translateX(-50%); border: 1px solid white; border-radius: 3px; top: 25px; background: #334155; }
.video-review-panel .video-rail-mark[data-mark-id]:not([data-mark-id=""]) { cursor: grab; touch-action: none; }
.video-review-panel .video-rail-mark.is-dragging { cursor: grabbing; outline: 3px solid #d7a510; }
.video-review-panel .video-rail-mark.start { top: 0; background: #247454; }
.video-review-panel .video-rail-mark.end { top: 0; background: #64748b; }
.video-review-panel .video-rail-mark.red { background: var(--red); }
.video-review-panel .video-rail-mark.blue { top: 49px; background: var(--blue); }
.video-review-panel .video-rail-mark.important { top: 25px; background: #a6760a; }
.video-review-panel .video-rail-mark.scoring { outline: 2px solid #d7a510; }
#video-review-playhead { position: absolute; top: 0; bottom: 0; width: 2px; background: #111; pointer-events: none; z-index: 2; }
.video-review-guide { display: block; margin: 6px 0 0; color: #475569; line-height: 1.4; }
.video-review-save { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 11px; margin-top: 6px; }
.video-review-save button { min-height: 32px; }
.video-mark-row, .video-editor-buttons { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.video-sequence-add { display: flex; gap: 6px; margin: 7px 0; }
.video-sequence-add button { flex: 1; min-width: 0; text-align: center; }
.video-sequence-add [data-vr-command="add-red"] { border-color: var(--red); color: #9b1b15; }
.video-sequence-add [data-vr-command="add-blue"] { border-color: var(--blue); color: #07518b; }
.video-mark-row { margin-top: 5px; padding-left: 5px; border-left: 4px solid; }
.video-mark-row.red { border-color: var(--red); }
.video-mark-row.blue { border-color: var(--blue); }
.video-mark-row.important { border-color: #a6760a; }
.video-mark-row button:first-child { flex: 1 1 160px; }
.action-time-controls { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 6px; padding: 8px; border: 1px solid var(--line); border-radius: 6px; }
.action-time-controls label { font-size: 12px; }
.action-time-controls input { width: 100%; min-width: 0; }
.action-time-controls small { grid-column: 1 / -1; }
.video-review-editor { max-width: min(440px, calc(100vw - 24px)); border: 1px solid var(--line); border-radius: 10px; padding: 18px; }
.video-review-editor form { display: grid; gap: 10px; }
.video-review-editor::backdrop { background: #0006; }
#video-editor-error { color: var(--red); }
@media (max-width: 950px) { .video-capture-buttons { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .video-capture-row > button { flex: 1 1 42%; } .video-capture-row .video-review-check { flex: 1 1 100%; } .action-time-controls { grid-template-columns: 1fr; } }

/* Tablet landscape: keep the sequence list and action buttons beside the video. */
@media (min-width: 800px) and (max-width: 1099px) {
  #analysis-view .workbench.video-mode { grid-template-columns: minmax(0, 1fr) minmax(310px, 36%); align-items: start; }
  #analysis-view .workbench.video-mode .competitor-status-bar { grid-column: 1 / -1; grid-row: 1; }
  #analysis-view .workbench.video-mode .video-panel { grid-column: 1; grid-row: 2; min-width: 0; }
  #analysis-view .workbench.video-mode .control-panel {
    grid-column: 2; grid-row: 2; min-width: 0; position: sticky;
    top: calc(var(--topbar-height) + var(--analysis-scorebar-height) + 24px);
    max-height: calc(100dvh - var(--topbar-height) - var(--analysis-scorebar-height) - 40px);
    overflow-y: auto; overscroll-behavior: contain;
  }
}


.match-details-editor { width: min(720px, calc(100vw - 24px)); max-width: 720px; max-height: 90dvh; overflow-y: auto; box-sizing: border-box; }
.match-details-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.match-details-grid label, .match-details-grid fieldset { display: grid; gap: 6px; min-width: 0; }
.match-details-grid input, .match-details-grid select { width: 100%; min-width: 0; box-sizing: border-box; }
.match-details-grid fieldset { border: 1px solid var(--line); border-radius: 8px; padding: 12px; }
.match-details-editor p { font-size: 13px; line-height: 1.5; }
@media (max-width: 560px) { .match-details-grid { grid-template-columns: 1fr; } }