/* Tool67 video Workflow compact controls — 5 columns desktop, 3 columns mobile */
.t67-vscene-row,
.pro-control-row,
.memory-control-row,
.pfx-controls-row,
.ptv-control-row,
.pav-controls-row,
.pv-control-row,
.vfx-control-row,
.md-control-row{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
  align-items:end;
}

.t67-vscene-field,
.pfx-field,
.ptv-field,
.pav-field{
  min-width:0;
  gap:3px!important;
}
.t67-vscene-field>span,
.pfx-field>span,
.ptv-field>span,
.pav-field>span,
.ve-controls label>span,
.vbr-field>span{
  display:block;
  margin:0 0 3px 2px!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:.065em!important;
  text-transform:uppercase;
  opacity:.62;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.t67-vscene-field select,
.pfx-field select,
.ptv-field select,
.pav-field select,
.ve-controls select,
.vbr-field select{
  width:100%!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 22px 0 7px!important;
  border-radius:7px!important;
  font-size:10.5px!important;
  line-height:32px!important;
}

#t67SceneSpecific{min-width:0!important;margin:0!important}
#t67SceneSpecific>.t67-vscene-field{width:100%}
.t67-vscene-specific-field{margin:0!important}

.t67-vscene-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:24px;
  margin:6px 2px 0;
}
.t67-vscene-meta .t67-vscene-model-info,
.t67-vscene-meta .pfx-model-info,
.t67-vscene-meta .ptv-model-info,
.t67-vscene-meta .pav-model-info{
  flex:1 1 auto;
  min-width:0;
  min-height:0!important;
  margin:0!important;
  font-size:9.5px!important;
  line-height:1.35!important;
  opacity:.62;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.t67-vscene-audio{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin:0;
  font-size:9.5px;
  font-weight:700;
  line-height:1;
  opacity:.76;
  white-space:nowrap;
  cursor:pointer;
}
.t67-vscene-audio[hidden]{display:none!important}
.t67-vscene-audio input{width:13px;height:13px;margin:0;accent-color:#111}

.t67-vscene-credit,.t67-vscene-status,
.pfx-credits,.ptv-credit,.pav-credits{
  font-size:10px!important;
  line-height:1.35!important;
}
.t67-vscene-generate{margin-top:8px!important;min-height:42px!important;font-size:13px!important;border-radius:9px!important}

/* Legacy create/edit pages routed through Workflow adapter */
.video-workflow-compact-grid,
.option-grid.video-workflow-compact-grid,
.fr-api-controls.video-workflow-compact-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
  align-items:end;
  margin-top:8px!important;
}
.video-workflow-compact-grid .fr-api-field,
.video-workflow-compact-grid>select,
.video-workflow-compact-grid>label{min-width:0;margin:0!important}
.video-workflow-compact-grid .fr-api-field label,
.video-workflow-compact-grid .field-label,
.video-workflow-compact-grid>label>span{
  display:block;
  margin:0 0 3px 2px!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:.065em!important;
  text-transform:uppercase;
  opacity:.62;
}
.video-workflow-compact-grid select{
  width:100%!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 22px 0 7px!important;
  border-radius:7px!important;
  font-size:10.5px!important;
}
.video-workflow-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:6px;
  min-height:24px;
  font-size:9.5px!important;
  line-height:1.35;
}
.video-workflow-meta .note,
.video-workflow-meta #videoModelInfo{margin:0!important;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9.5px!important;opacity:.68}
.video-workflow-audio{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:9.5px;font-weight:700;opacity:.78}
.video-workflow-audio input{width:13px;height:13px;margin:0;accent-color:#111}

/* Dedicated processing tools keep their own processing routes, but use the same compact density. */
.ve-controls,.vbr-controls{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
}
.ve-model-info,.vbr-model-info,.ve-credit,.vbr-credit,.ve-status,.vbr-status{font-size:10px!important;line-height:1.35!important}

html[data-theme="dark"] .t67-vscene-audio input,.dark .t67-vscene-audio input,
html[data-theme="dark"] .video-workflow-audio input,.dark .video-workflow-audio input{accent-color:#e5e7eb}

@media(max-width:760px){
  .t67-vscene-row,
  .pro-control-row,
  .memory-control-row,
  .pfx-controls-row,
  .ptv-control-row,
  .pav-controls-row,
  .pv-control-row,
  .vfx-control-row,
  .md-control-row,
  .video-workflow-compact-grid,
  .option-grid.video-workflow-compact-grid,
  .fr-api-controls.video-workflow-compact-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .t67-vscene-field select,.pfx-field select,.ptv-field select,.pav-field select,
  .video-workflow-compact-grid select,.ve-controls select,.vbr-field select{
    height:31px!important;min-height:31px!important;font-size:10px!important;padding-left:6px!important;
  }
  .t67-vscene-meta,.video-workflow-meta{gap:7px;align-items:center}
  .t67-vscene-meta .t67-vscene-model-info,
  .t67-vscene-meta .pfx-model-info,
  .t67-vscene-meta .ptv-model-info,
  .t67-vscene-meta .pav-model-info,
  .video-workflow-meta #videoModelInfo{font-size:9px!important}
  .t67-vscene-audio,.video-workflow-audio{font-size:9px}
  .ve-controls,.vbr-controls{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
