/* Editors' cuts: upload window (uploads.js, edits mode), the cut list in the
   editor job panel (pm-people.js) and the Edits folder in admin Files (files.js).
   Uses the core tokens only; monochrome. */

/* Cut number line in the upload window */
.ed-ver {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
  padding: 12px 14px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.ed-ver-tag {
  font-size: var(--fs-md, 15px);
  font-weight: var(--fw-semi, 600);
  color: var(--text);
}
.ed-ver-note { font-size: var(--fs-xs, 11px); color: var(--text-45); }
.ed-ver-note--err { color: var(--error); }
.ed-ver-select { width: auto; min-width: 180px; margin-left: auto; padding-top: 6px; padding-bottom: 6px; }

/* Cut list in the editor job panel */
.ed-cuts-bar { display: flex; gap: 8px; margin-bottom: 12px; }
.ed-cuts { display: flex; flex-direction: column; gap: 10px; }
.ed-cut {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  overflow: hidden;
}
.ed-cut-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--border);
}
.ed-cut-ver { font-size: var(--fs-sm, 13px); font-weight: var(--fw-semi, 600); color: var(--text); }
.ed-file {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-size: var(--fs-sm, 13px);
}
.ed-file + .ed-file { border-top: 1px solid var(--border); }
.ed-file-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); }
.ed-file-meta { color: var(--text-45); font-size: var(--fs-xs, 11px); white-space: nowrap; }

/* Edits folder in admin Files: one block per cut */
.ed-fx-cut { margin-bottom: 20px; }
.ed-fx-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.ed-fx-meta { font-size: var(--fs-xs, 11px); color: var(--text-45); margin-right: auto; }

/* Player over the job panel */
.ed-player { z-index: 1000; }
.ed-player .fx-viewer-btn { font-size: var(--fs-sm, 13px); }

@media (max-width: 640px) {
  .ed-file { flex-wrap: wrap; }
  .ed-file-name { flex-basis: calc(100% - 30px); }
  .ed-file-meta { margin-right: auto; }
  .ed-ver-select { margin-left: 0; width: 100%; }
}