.production-heading,
.production-section-heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .5rem 1.25rem;
}

.production-heading {
  padding-block-end: .9rem;
  margin-block-end: 1.5rem;
  border-block-end: 2px solid var(--ink);
}

.production-sheet-heading {
  padding-block-end: .9rem;
  margin-block-end: 1.5rem;
  border-block-end: 2px solid var(--ink);
}

.production-sheet-heading .production-heading {
  padding: 0;
  margin: 0;
  border: 0;
}

.production-heading h1,
.production-sheet-heading h1,
.production-section-heading :is(h2, h3) { margin: 0; }
.production-sheet-heading p { margin: .45rem 0 0; color: var(--muted); }
.production-sheet-heading time { font-variant-numeric: tabular-nums; }
.production-section-heading { margin-block-end: .8rem; }
.production-meta { display: block; color: var(--muted); font-size: .9rem; margin: .2rem 0; }

.production-actions,
.production-cue-actions,
.production-jump {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem;
}

.production-jump {
  gap: .25rem 1.25rem;
  margin-block: -.65rem 1.25rem;
}

.production-jump > a,
.production-index a,
.production-file > a,
.production-stock a {
  display: inline-flex;
  align-items: center;
  min-block-size: 2.75rem;
  min-inline-size: 2.75rem;
  font-weight: 650;
}

.production-split,
.production-stock-layout {
  display: grid;
  align-items: start;
  gap: 1.5rem clamp(1.75rem, 4vw, 3rem);
  grid-template-columns: minmax(0, 1fr);
}

.production-split > *,
.production-stock-layout > * { min-inline-size: 0; }

@media (min-width: 52rem) {
  .production-split { grid-template-columns: minmax(0, 1.65fr) minmax(15rem, 1fr); }
  .production-stock-layout { grid-template-columns: minmax(0, 2fr) minmax(15rem, 1fr); }
}

.production-form {
  background: var(--paper);
  border-block-start: 2px solid var(--border);
  padding: clamp(.85rem, 2.3vw, 1.4rem);
  margin-block: 0 1rem;
}

.production-form > :first-child { margin-block-start: 0; }
.production-form > :last-child { margin-block-end: 0; }
.production-form :is(h2, h3) { margin-block-end: .7rem; }
.production-template-form { max-inline-size: 44rem; }
.production-notice { border-block-start-color: var(--warning); margin-block-start: 1.5rem; }

.production-form form,
.production-task details > form,
.production-disclosure > form,
.production-cue-tools > form,
.production-field-form {
  display: grid;
  gap: .65rem;
  min-inline-size: 0;
}

.production-form form > button,
.production-task details > form > button,
.production-cue-tools > form > button,
.production-disclosure > form > button { justify-self: start; }
.production-form > form + form { margin-block-start: 1rem; }

.production-filter {
  margin-block-end: 1.15rem;
  padding-block-end: 1rem;
  border-block-end: 1px solid var(--border);
}

.production-filter h2 { margin-block-start: 0; }
.production-search,
.production-inline-form {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: .65rem;
}

.production-search > .schedule-fields { flex: 1 1 16rem; }
.production-inline-form > label { flex: 1 1 12rem; min-inline-size: 0; }

.production-index,
.production-task-list,
.production-cues,
.production-file-list,
.production-equipment-items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.production-index > li,
.production-task-list > li,
.production-file-list > li { border-block-start: 1px solid var(--border); }
.production-index > li:last-child,
.production-task-list > li:last-child,
.production-file-list > li:last-child { border-block-end: 1px solid var(--border); }

.production-index > li,
.production-task-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .4rem .85rem;
  min-inline-size: 0;
  padding-block: .5rem;
}

.production-index time { color: var(--muted); font-variant-numeric: tabular-nums; }
.production-task-action { padding-block: .8rem; }
.production-task-action :is(h3, p) { margin-block: 0; }
.production-task summary { padding-block: .7rem; }
.production-task-summary {
  display: inline-flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .35rem 1rem;
  width: calc(100% - 1.35rem);
  vertical-align: top;
}

.production-task-summary > span:first-child { flex: 1 1 10rem; min-inline-size: 0; }
.production-task-summary > .badge { flex: none; }
.production-task details[open] { padding-block-end: .8rem; }
.production-task details > form { padding: .85rem; background: var(--paper); }
.production-progress { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem .65rem; color: var(--muted); font-size: .85rem; }
.production-progress progress { width: 4.75rem; height: .6rem; accent-color: var(--link); }

.production-rundown > section { max-inline-size: 54rem; }
.production-cues { border-block-start: 1px solid var(--border); }
.production-cue {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  border-block-end: 1px solid var(--border);
  gap: .5rem clamp(.5rem, 2vw, 1.2rem);
  padding-block: .85rem;
}

.production-cue-number {
  display: grid;
  place-items: center;
  inline-size: 2.75rem;
  min-block-size: 2.75rem;
  align-self: start;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
  background: var(--accent-tint);
  color: var(--accent-strong);
}

.production-cue-content h2 { margin: .2rem 0 .35rem; font-size: 1.15rem; }
.production-cue-content > p { margin: .35rem 0 .75rem; }
.production-cue-actions { margin-block: .25rem; }
.production-cue-actions button { font-size: .9rem; }
.production-cue-tools { display: grid; gap: .8rem; background: var(--paper); padding: .8rem; }
.production-cue-tools > form + form { border-block-start: 1px solid var(--border); padding-block-start: .8rem; }
.production-cue-files { margin-block: .5rem; }
.production-disclosure { max-inline-size: 36rem; }
.production-disclosure summary { color: var(--link); }
.production-disclosure > form { padding: .8rem; background: var(--paper); }
.production-lead { border-block: 1px solid var(--border); }

.production-setup { border-block-start-color: var(--accent); }
.production-files { margin-block: 1.5rem; }
.production-files :is(h2, h3) { overflow-wrap: anywhere; }
.production-file { padding-block: .9rem; }
.production-file > .production-section-heading { margin-block-end: .45rem; }
.production-file > .production-section-heading h2 { font-size: 1.15rem; }
.production-file p { margin-block: .45rem; }
.production-file :is(.production-publish, .production-field-form) { margin-block-start: .75rem; }
.production-facts { margin-block: .5rem; }
.production-facts > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: .25rem; }
.production-facts dt { font-weight: 650; }
.production-facts dd { margin: 0; }
.production-advance-support .production-index > li { align-items: flex-start; }

.production-stock { width: 100%; border-collapse: collapse; text-align: start; margin-block-end: 1.25rem; }
.production-stock :is(th, td) { padding: .5rem .65rem; text-align: start; border-block-end: 1px solid var(--border); }
.production-stock thead { background: var(--paper); }
.production-stock :is(th, td):last-child { text-align: end; font-variant-numeric: tabular-nums; }
.production-stock tbody th { padding-block: 0; }
.production-stock-layout .production-index { margin-block-end: 1.25rem; }
.production-stock-edit { border-block-start: 1px solid var(--border); padding-block: .7rem; }
.production-stock-edit + .production-form { margin-block-start: .75rem; }
.production-equipment { margin-block: 1rem; }
.production-equipment-items > li { padding-block: .35rem; border-block-end: 1px solid var(--border); font-variant-numeric: tabular-nums; }
.production-assigned-pack { display: grid; gap: .55rem; margin-block: .85rem; padding-block: .7rem; border-block: 1px solid var(--border); }
.production-assigned-pack :is(h3, p) { margin-block: 0; }