/* Client Review builds on the Director Review layout (.director-layout, .director-versions, .director-info) and the
   Production workspace styles. Only what it adds is here. */

/* The review version being watched, where Director Review picks its EDL (see .edl-picker). */
.client-review-picker { flex: none; }
.client-review-picker__label { cursor: default; }
.client-review-picker__status { overflow-wrap: anywhere; }

/* "Edit" and "Extra Shots" above their rows in the shots list. */
.client-review-list__heading { background: var(--surface-page, #111215); color: var(--text-dim); flex: none; font-family: var(--font-ui); font-size: 10px; font-weight: 600; letter-spacing: 0.04em; line-height: 12px; padding: 8px 6px 6px; position: sticky; text-transform: uppercase; top: 0; z-index: 1; }

/* The client's statuses in the shots list. Approved uses Director Review's own colour. */
.director-versions__status--wip { color: var(--text-muted); }
.director-versions__status--pending-approval { color: var(--status-blue); }

/* Back to Edit sits apart from Create client review, which keeps the right hand end as the designs draw it. */
.client-review-view .director-player__decisions { padding-top: 16px; }
.client-review-view .director-player__decisions .btn--secondary { margin-right: auto; }

/* Create a Review Version: three groups of cards in rows that scroll sideways, as on the Audit page. */
.production-dialog .client-review-form { max-width: 60rem; }
.client-review-form__name.is-invalid { border-color: var(--color-status-error) !important; }
.client-review-form__name-problem { font-size: 0.78rem; margin: -0.3rem 0 0.5rem 9.1rem; }
.client-review-form__groups { display: grid; gap: 0.9rem; max-height: min(64vh, 40rem); overflow-y: auto; padding-right: 0.25rem; }
.client-review-form__section { display: grid; gap: 0.4rem; min-width: 0; }
.client-review-form__legend { align-items: baseline; display: flex; gap: 0.5rem; }
.client-review-form__title { color: #fff; font-size: 0.9rem; margin: 0; }
.client-review-form__count { color: var(--color-text-muted); font-size: 0.75rem; }
.client-review-form__empty { font-size: 0.8rem; margin: 0; }
.client-review-form__sequence { background: var(--color-bg); border: 1px solid var(--production-divider); border-radius: var(--radius-sharp); margin: 0; min-width: 0; padding: 0.35rem 0.5rem 0.5rem; }
.client-review-form__sequence-legend { align-items: baseline; display: flex; gap: 0.5rem; padding: 0 0.35rem; }
.client-review-form__sequence-name { color: #fff; font-size: 0.85rem; font-weight: 600; }
.client-review-form__row { display: flex; gap: 0.5rem; overflow-x: auto; padding: 2px 2px 0.35rem; }

.project-form .client-review-form__card {
  background: var(--production-panel);
  border: 1px solid var(--production-divider);
  border-radius: var(--radius-sharp);
  color: inherit;
  cursor: pointer;
  display: flex;
  flex: 0 0 9rem;
  flex-direction: column;
  font: inherit;
  gap: 0.3rem;
  padding: 0.3rem;
  position: relative;
  text-align: left;
}
.project-form .client-review-form__card:hover:not(:disabled) { border-color: var(--color-text-muted); }
.project-form .client-review-form__card.is-selected { background: rgba(242, 194, 48, 0.1); border-color: var(--color-selected); box-shadow: 0 0 0 1px var(--color-selected); }
.project-form .client-review-form__card:disabled { cursor: default; opacity: 0.7; }
.client-review-form__thumb { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }
.client-review-form__thumb--file { align-items: center; background: var(--color-bg); color: var(--color-text-muted); display: flex; font-size: 0.8rem; font-weight: 600; justify-content: center; letter-spacing: 0.08em; }
.client-review-form__card-text { min-width: 0; }
.client-review-form__card .production-card__name { font-size: 0.8rem; overflow-wrap: anywhere; }
.client-review-form__card .production-card__meta { font-size: 0.7rem; }
.client-review-form__card .production-thumb--empty { font-size: 0.7rem; }
.client-review-form__check {
  align-items: center;
  background: var(--color-selected);
  border-radius: 999px;
  color: var(--color-bg);
  display: none;
  font-size: 0.7rem;
  font-weight: 700;
  height: 1.1rem;
  justify-content: center;
  position: absolute;
  right: 0.45rem;
  top: 0.45rem;
  width: 1.1rem;
}
.client-review-form__card.is-selected .client-review-form__check { display: flex; }
.client-review-form__summary { font-size: 0.8rem; margin: 0; }
.client-review-form .project-form__submit { transition: background-color 0.15s, color 0.15s, opacity 0.15s; }
.client-review-form .project-form__submit:disabled { background: var(--color-bg) !important; color: var(--color-text-muted) !important; cursor: not-allowed; opacity: 0.7; }