/* Recording workspace: readable controls and a shared desktop/touch layout. */
.recordings-v050 .recording-preview-actions{display:flex;flex-wrap:wrap;gap:6px!important;align-items:center;justify-content:center;padding:8px!important}
.recordings-v050 .recording-preview-actions button{min-height:36px!important;min-width:36px;padding:6px 8px!important;font-size:12px!important;white-space:nowrap}
.recordings-v050 .recording-preview-actions .rec-segment-nav{display:inline-flex!important;align-items:center;justify-content:center}
.recordings-v050 .recording-preview-actions .preview-actions-spacer{display:none}
.recordings-v050 .rec-play-button{min-width:112px!important}
.recordings-v050 .preview-speed-label{display:flex;gap:6px;align-items:center;font-size:11px!important;margin:0 3px}
.recordings-v050 .preview-speed-label select{min-height:36px!important;min-width:58px;font-size:13px!important;padding:5px 7px}
.recordings-v050 .rec-current-moment strong{font-size:18px}
.recordings-v050 .rec-current-moment span{font-size:11px}
.recordings-v050 .rec-toolbar-field>span,.recordings-v050 .rec-toolbar-moment>span{font-size:10px}
.recordings-v050 .rec-toolbar-field input,.recordings-v050 .rec-toolbar-field select{min-height:38px;font-size:13px}
.recordings-v050 .rec-playback-state{font-size:10px;max-width:55%;white-space:normal;text-align:right}
.recordings-v050 .timeline-head-actions button{min-height:32px;font-size:11px!important}
.recordings-v050 .rec-timeline-topline>div:first-child strong{font-size:13px!important}
.recordings-v050 .timeline-ticks,.recordings-v050 .timeline-legend{font-size:10px}
.recordings-v050 .rec-tools-rail{overscroll-behavior:contain}
.recordings-v050 .rec-tools-rail button{min-height:34px;font-size:12px}
.recordings-v050 .rec-tools-rail input{min-height:36px;font-size:14px}
.recordings-v050 .rec-tools-rail small,.recordings-v050 .rec-export-hint,.recordings-v050 #clipEstimate{font-size:11px;line-height:1.45}
.recordings-v050 .recording-clip-item{grid-template-columns:1fr}
.recordings-v050 .recording-clip-item .clip-item-actions{justify-content:flex-end}
.recordings-v050 button:focus-visible,.recordings-v050 select:focus-visible,.recordings-v050 input:focus-visible,.recordings-v050 .timeline:focus-visible{outline:2px solid #69b4ff;outline-offset:2px}
.recordings-v050 #recordingPreviewFrame:fullscreen .recording-preview-empty{font-size:16px}
.recordings-v050 .recording-preview-card:fullscreen{display:flex;flex-direction:column;width:100%;height:100%;max-height:none;background:#02060a}
.recordings-v050 .recording-preview-card:fullscreen .recording-preview-video-wrap{flex:1;min-height:0!important;aspect-ratio:auto!important}
.recordings-v050 .recording-preview-card:fullscreen .recording-preview-actions{flex-shrink:0}
@media(min-width:1181px){
  .content:has(> .recordings-v050.active){min-height:660px}
  .recordings-v050 .rec-video-stage{grid-template-rows:auto minmax(160px,1fr) auto}
  .recordings-v050 .timeline-head-actions{justify-content:flex-end}
  .recordings-v050 .rec-timeline-topline{align-items:center}
}
@media(max-width:820px){
  .recordings-v050 .rec-mobile-switcher{grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;align-items:center}
  .recordings-v050 .rec-mobile-camera-name{font-size:16px!important;width:100%;height:44px;min-height:44px;padding:0 10px}
  .recordings-v050 .rec-mobile-date-label{grid-column:1/-1;grid-row:2;display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:2px}
  .recordings-v050 .rec-mobile-date-label input{width:auto;min-width:0;flex:1;font-size:16px;min-height:44px}
  .recordings-v050 .recording-preview-actions{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:6px!important;padding:8px!important}
  .recordings-v050 .recording-preview-actions button{min-width:0;min-height:44px!important;font-size:13px!important;padding:6px 4px!important}
  .recordings-v050 #previewBack10s{grid-area:1/1/2/5!important}
  .recordings-v050 #previewLoad{grid-area:1/5/2/9!important;min-width:0!important}
  .recordings-v050 #previewForward10s{grid-area:1/9/2/13!important}
  .recordings-v050 #previewBack1{grid-area:2/1/3/5!important}
  .recordings-v050 .preview-speed-label{grid-area:2/5/3/9!important;display:flex;justify-content:center;gap:4px;margin:0;font-size:0!important}
  .recordings-v050 .preview-speed-label select{width:100%;min-width:0;font-size:16px!important;min-height:44px!important;text-align:center}
  .recordings-v050 #previewForward1{grid-area:2/9/3/13!important}
  .recordings-v050 #prevRecording{grid-area:3/1/4/4!important}
  .recordings-v050 #previewResetZoom{grid-area:3/4/4/7!important}
  .recordings-v050 #previewFullscreen{grid-area:3/7/4/10!important;width:100%!important;min-height:44px!important}
  .recordings-v050 #nextRecording{grid-area:3/10/4/13!important}
  .recordings-v050 .rec-current-moment{padding:7px 10px!important;justify-content:space-between}
  .recordings-v050 .rec-current-moment span{font-size:11px;max-width:65%}
  .recordings-v050 .rec-playback-state{font-size:11px!important}
  .recordings-v050 .recording-preview-title strong{font-size:14px!important}
  .recordings-v050 .recording-preview-title small{display:none!important}
  .recordings-v050 .timeline-head-actions{width:100%;gap:8px}
  .recordings-v050 .timeline-day-buttons{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px;width:100%}
  .recordings-v050 .timeline-day-buttons button{grid-column:auto!important;grid-row:auto!important}
  .recordings-v050 .timeline-head-actions button{min-height:44px!important;font-size:12px!important;padding:5px!important}
  .recordings-v050 .zoom-row{display:flex!important;width:100%;align-items:center;gap:8px!important}
  .recordings-v050 .zoom-switch{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;flex:1}
  .recordings-v050 .zoom-switch button{grid-column:auto!important;grid-row:auto!important;min-width:0!important;width:auto!important}
  .recordings-v050 .zoom-switch .zoom-detail{display:block!important}
  .recordings-v050 .timeline-window{display:none!important}
  .recordings-v050 .rec-tools-rail button,.recordings-v050 .rec-tools-rail input{min-height:44px!important}
  .recordings-v050 .rec-tools-rail input{font-size:16px!important}
  .recordings-v050 .rec-tools-rail button{font-size:13px!important}
  .recordings-v050 .rec-mobile-tool-toggle{font-size:14px!important}
  .recordings-v050 .recording-clip-result video{max-height:60dvh}
}