/* Produktion (production-view.js). Nur Layout + Tokens. */
.production-page .sw-card__body{display:flex;flex-direction:column;gap:var(--space-16)}
.production-drive-warning[hidden]{display:none}

/* Hinweis-Karten: fehlende Verknüpfung (danger), Freigaben (warning) */
.production-alert{display:flex;flex-direction:column;gap:var(--space-14);min-width:0;padding:var(--space-20);border-radius:var(--radius-2xl);background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--border-default)}
.production-alert[hidden]{display:none}
.production-alert--danger{background:var(--status-danger-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--status-danger) 30%,transparent)}
.production-alert--warning{background:var(--status-warning-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--status-warning) 30%,transparent)}
.production-alert__head{display:flex;align-items:flex-start;gap:var(--space-12)}
.production-alert__icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:var(--radius-pill);background:var(--bg-surface);color:var(--status-danger)}
.production-alert--warning .production-alert__icon{color:var(--status-warning-text,var(--status-warning))}
.production-alert__text{display:flex;flex:1;flex-direction:column;gap:var(--space-4);min-width:0}
.production-alert__title{margin:0;font:var(--font-h3);color:var(--text-primary);overflow-wrap:break-word}
.production-alert__copy{margin:0;font:var(--font-small);color:var(--text-secondary);overflow-wrap:break-word}
.production-alert__count{flex:none;font:var(--font-h2);color:var(--text-primary)}
.production-alert__list{display:flex;flex-direction:column;gap:var(--space-8)}
.production-alert > .sw-btn{align-self:flex-start}
.production-alert > .sw-btn[hidden]{display:none}

/* Kompakte Produktions-Zeile (renderProductionAssetRow) */
.production-asset-compact-list,.production-alert__list{display:flex;flex-direction:column;gap:var(--space-8)}
.prod-row{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8) var(--space-12);min-width:0;padding:var(--space-12) var(--space-14);border-radius:var(--radius-xl);background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--border-default)}
.prod-row.is-overdue{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--status-danger) 40%,transparent)}
.prod-row:has(.prod-row__main:hover){box-shadow:inset 0 0 0 1px var(--border-strong)}
.prod-row__main{display:flex;flex:1 1 280px;align-items:center;gap:var(--space-12);min-width:0;color:inherit;text-decoration:none}
.prod-row__main:focus-visible,.prod-row__arrow:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-lg)}
.prod-row__thumb{flex:none;width:56px;height:56px;overflow:hidden;border-radius:var(--radius-lg);background:var(--bg-surface-2)}
.prod-row__thumb > *{width:100%;height:100%}
.prod-row__thumb img{object-fit:cover}
.prod-row__text{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.prod-row__top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6)}
.prod-row__code{font:var(--font-caption);letter-spacing:var(--tracking-caption);text-transform:uppercase;color:var(--text-brand)}
.prod-row__title{margin:0;font:var(--font-body-semibold);color:var(--text-primary);overflow-wrap:break-word}
.prod-row__meta{font:var(--font-small);color:var(--text-secondary);overflow-wrap:break-word}
.prod-row__badges{display:flex;flex-wrap:wrap;gap:var(--space-6)}
.prod-row__review{display:flex;flex-wrap:wrap;gap:var(--space-8)}
.prod-row__arrow{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:var(--radius-lg);color:var(--text-tertiary)}
.prod-row__arrow:hover{background:var(--bg-surface-2);color:var(--text-primary)}
.prod-row__message{flex:1 1 100%;margin:0;font:var(--font-small);color:var(--text-secondary)}
.prod-row__message:empty{display:none}
@media (max-width:767px){
  .prod-row__review{flex:1 1 100%;display:grid;grid-template-columns:1fr 1fr}
  /* Die ganze Zeile ist der Link; der zusätzliche Pfeil entfällt auf dem iPhone */
  .prod-row__arrow{display:none}
}
@media (pointer:coarse),(max-width:834px){.prod-row__arrow{width:44px;height:44px}}

/* Auftragskarte */
#production-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:var(--space-12)}
.prod-order{display:flex;flex-direction:column;gap:var(--space-10);min-width:0;padding:var(--space-16);border-radius:var(--radius-xl);background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--border-default)}
.prod-order__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-6)}
.prod-order__title{margin:0;font:var(--font-body-semibold);color:var(--text-primary);overflow-wrap:break-word}
.prod-order__meta{margin:0;font:var(--font-small);color:var(--text-secondary);overflow-wrap:break-word}
.prod-order__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);margin:0}
.prod-order__stat{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;padding:var(--space-8) var(--space-10);border-radius:var(--radius-lg);background:var(--bg-surface-2)}
.prod-order__stat dt{font:var(--font-tiny);color:var(--text-secondary)}
.prod-order__stat dd{margin:0;font:var(--font-small-semibold);color:var(--text-primary);overflow-wrap:break-word}
.prod-order__stat dd.is-overdue{color:var(--status-danger)}
.prod-order__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-8);margin-top:var(--space-4)}

/* Auftrags-Detail */
.production-detail-nas{display:flex;flex-direction:column;gap:var(--space-12)}
.production-detail-nas[hidden],.production-ai-roughcut[hidden],.production-detail-code[hidden]{display:none}
.production-detail-drive{display:flex;flex-direction:column;gap:var(--space-16)}
.prod-nas-activity{font:var(--font-small);color:var(--text-secondary)}
.prod-roughcut{display:flex;flex-direction:column;gap:var(--space-8)}
.prod-roughcut__state{font:var(--font-small-medium);color:var(--text-primary)}
.prod-roughcut progress{width:100%}
.prod-status{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-8) var(--space-12);padding:var(--space-14) 0;box-shadow:inset 0 -1px 0 var(--border-default)}
.prod-status > .sw-select{flex:1 1 220px}
.prod-status > small{flex:1 1 100%}
.prod-drive-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:var(--space-10)}
.prod-drive-link{position:relative;display:flex;flex-direction:column;gap:var(--space-4);min-width:0;padding:var(--space-12) calc(var(--space-32) + var(--space-8)) var(--space-12) var(--space-14);border-radius:var(--radius-lg);background:var(--bg-surface-2);color:inherit;text-decoration:none}
.prod-drive-link:hover{box-shadow:inset 0 0 0 1px var(--border-strong)}
.prod-drive-link:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
.prod-drive-link__label{font:var(--font-caption);letter-spacing:var(--tracking-caption);text-transform:uppercase;color:var(--text-secondary)}
.prod-drive-link__title{font:var(--font-small-semibold);color:var(--text-primary);overflow-wrap:break-word}
.prod-drive-link__icon{position:absolute;top:var(--space-12);right:var(--space-12);color:var(--text-tertiary)}
.page-back{align-self:flex-start}

/* Schnellupload (production-upload-entry.js) */
.production-upload-entry[hidden]{display:none}
.upload-entry .sw-card__body{display:flex;flex-direction:column;gap:var(--space-12)}
.upload-entry__actions{display:flex;flex-wrap:wrap;gap:var(--space-8)}

/* Letzte NAS-Datei */
.nas-activity{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-10) var(--space-12);border-radius:var(--radius-lg);background:var(--bg-surface-2)}
.nas-activity .sw-kicker{margin:0}
.nas-activity strong{font:var(--font-small-semibold);color:var(--text-primary);overflow-wrap:break-word}
.nas-activity small{font:var(--font-small);color:var(--text-secondary);overflow-wrap:break-word}

/* Zuordnungskarte (fertiger Content → Auftrag/Beitrag/Rohvideo) */
.production-assignment-list{display:flex;flex-direction:column;gap:var(--space-12)}
.assign-card{display:flex;flex-direction:column;gap:var(--space-14);min-width:0;padding:var(--space-16);border-radius:var(--radius-xl);background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--border-default)}
.assign-card__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12)}
.assign-card__text{display:flex;flex:1 1 240px;flex-direction:column;gap:var(--space-4);min-width:0}
.assign-card .production-assignment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}
.assign-card__form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-12);padding:var(--space-14);border-radius:var(--radius-lg);background:var(--bg-surface-2)}
.assign-fields{display:flex;flex:1 1 420px;flex-direction:column;gap:var(--space-12);min-width:0}
.assign-fields > .sw-banner,.assign-fields > .settings-hint,.assign-fields > .sw-setting,.production-assignment-content-field{grid-column:1 / -1}
.production-assignment-content-field{display:flex;flex-direction:column;gap:var(--space-6)}
.assign-raw{display:flex;align-items:flex-end;gap:var(--space-8);min-width:0}
.assign-raw > .sw-select{flex:1;min-width:0}
.assign-raw .production-assignment-raw-cover{flex:none;width:44px;height:44px;overflow:hidden;border-radius:var(--radius-md);background:var(--bg-surface)}
.assign-raw .production-assignment-raw-cover[hidden],.assign-raw [hidden]{display:none}
.assign-card__form > .sw-btn{flex:none}

/* Auftrag anlegen/bearbeiten */
.production-create-panel{padding:var(--space-20)}
.prod-form__field{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}
#production-count-field[hidden]{display:none}

/* Content-Detail der Produktion */
.prod-video-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-16)}
.prod-video-head > .sw-pagehead{flex:1 1 320px;margin:0}
.prod-video-head__cover{flex:none;width:96px;aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius-xl);background:var(--bg-surface-2)}
.prod-video-head__cover[hidden]{display:none}
.prod-video-head__cover img{width:100%;height:100%;object-fit:cover}
.production-video-detail-content,.production-asset-detail-sections{display:flex;flex-direction:column;gap:var(--space-16);min-width:0}
.production-detail-section .sw-card__head{margin-bottom:var(--space-12)}
.production-detail-section .sw-kicker{margin:0}

/* Mein Arbeitsbereich */
.employee-workspace-page > [hidden]{display:none}
/* Rolle Produktion: Kennzahlen + „Meine Drehs“ (renderProducerOverview) */
.workspace-producer{display:flex;flex-direction:column;gap:var(--space-16);min-width:0}
.workspace-producer__shoots{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}
.production-alert .production-alert__text .sw-kicker{margin:0;color:var(--status-danger)}
.workspace-upload-panel .sw-card__body{display:flex;flex-direction:column;gap:var(--space-16)}
.workspace-upload-warning[hidden]{display:none}
.workspace-upload-drive{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8);padding-top:var(--space-12);box-shadow:inset 0 1px 0 var(--border-default)}
.workspace-upload-drive[hidden]{display:none}
.workspace-upload-list{display:flex;flex-direction:column;gap:var(--space-12);margin:0;padding:0;list-style:none}
.workspace-upload-list[hidden]{display:none}
.workspace-upload-item{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;padding:var(--space-12);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--border-default)}
.workspace-upload-item__fortschritt{display:flex;align-items:center;gap:var(--space-8)}
.workspace-upload-item__fortschritt[hidden]{display:none}
.workspace-upload-item__fortschritt .sw-progress{flex:1;min-width:0}
.workspace-upload-item__prozent{flex:none;min-width:4ch;text-align:right;font:var(--font-small-semibold);font-variant-numeric:tabular-nums;color:var(--text-primary)}
.workspace-upload-item__status{margin:0;font:var(--font-small);color:var(--text-secondary);overflow-wrap:break-word}
.workspace-upload-item__status:empty{display:none}
.workspace-upload-item__status[data-state="success"]{color:var(--status-success)}
.workspace-upload-item__status[data-state="error"]{color:var(--status-danger)}
/* iPhone: weniger verschachtelte Innenabstände, damit Auftragswerte vollständig in die Auswahl passen */
@media (max-width:767px){
  .assign-card{padding:var(--space-12)}
  .assign-card__form{padding:0;background:none}
}

/* Status-Tabs der Auftragsliste, Dreh-Details mit Team und Checkliste, Team-Auswahl im Formular (Figma 14:783 / 14:1116 / 14:1589) */
.production-status-tabs{min-width:0;overflow-x:auto}
.production-detail-plan{margin:0 0 var(--space-16)}
.production-detail-plan[hidden]{display:none}
.production-plan-card .sw-card__body{display:flex;flex-direction:column;gap:var(--space-12)}
.prod-plan__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--space-8) var(--space-16);margin:0}
.prod-plan__row{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.prod-plan__row dt{font:var(--font-caption);letter-spacing:var(--tracking-caption);color:var(--text-secondary)}
.prod-plan__row dd{margin:0;font:var(--font-body-medium);color:var(--text-primary);overflow-wrap:break-word}
.prod-plan__empty{margin:0;font:var(--font-small);color:var(--text-secondary)}
.prod-checklist__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-8)}
.prod-checklist__title{margin:0;font:var(--font-body-semibold);color:var(--text-primary)}
.prod-checklist__count{font:var(--font-small);color:var(--text-secondary)}
.prod-checklist{display:flex;flex-direction:column;gap:var(--space-6);margin:0;padding:0;list-style:none}
.prod-checklist__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);min-height:44px;padding:var(--space-6) var(--space-10);border-radius:var(--radius-lg);background:var(--bg-surface-2)}
.prod-checklist__label{display:flex;flex:1;align-items:center;gap:var(--space-10);min-width:0;font:var(--font-body);color:var(--text-primary);cursor:pointer}
.prod-checklist__label span{overflow-wrap:break-word}
.prod-checklist__item.is-done .prod-checklist__label span{color:var(--text-secondary);text-decoration:line-through}
.prod-checklist__add{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-8)}
.prod-checklist__add .sw-input{flex:1 1 240px;min-width:0}
.prod-team{margin:0;padding:0;border:0;min-width:0}
.prod-team__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--space-8)}
.prod-team__option{display:flex;align-items:center;gap:var(--space-10);min-height:44px;padding:var(--space-8) var(--space-10);border-radius:var(--radius-lg);background:var(--bg-surface-2);font:var(--font-body);color:var(--text-primary);cursor:pointer}
.prod-team__option span{display:flex;flex-direction:column;min-width:0;overflow-wrap:break-word}
.prod-team__option small{font:var(--font-tiny);color:var(--text-secondary)}

/* Dreh-Pipeline (Figma 17:2710): Umschalter Pipeline/Liste, Kennzahlen, Matrix, „Was ist noch zu tun?“ */
.production-pipeline{display:flex;flex-direction:column;gap:var(--space-16);margin-bottom:var(--space-16)}
.production-detail-page[data-production-view="pipeline"] .production-detail-content-list{display:none}
.pipeline-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}
.pipeline-toggle{display:inline-flex;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--bg-surface-2)}
.pipeline-toggle .sw-btn{box-shadow:none;background:transparent}
.pipeline-toggle .sw-btn.is-active{background:var(--bg-surface);box-shadow:var(--shadow-tab)}
.pipeline-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-12)}
.pipeline-matrix .sw-table__td{vertical-align:middle}
.pipeline-video{display:flex;flex-direction:column;gap:var(--space-3);min-width:160px}
.pipeline-video__title{font:var(--font-small-semibold);color:var(--text-primary);overflow-wrap:break-word}
.pipeline-video__meta{display:inline-flex;align-items:center;gap:var(--space-4);font:var(--font-caption);color:var(--text-tertiary)}
.pipeline-cell{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-pill);background:var(--bg-surface-2);box-shadow:inset 0 0 0 1px var(--border-default);color:var(--text-tertiary)}
.pipeline-cell[data-state="done"]{background:var(--status-success-soft);box-shadow:none;color:var(--status-success)}
.pipeline-cell[data-state="active"],.pipeline-cell[data-state="correction"]{background:var(--status-warning-soft);box-shadow:none;color:var(--status-warning)}
.pipeline-cell[data-state="blocked"]{background:var(--status-danger-soft);box-shadow:none;color:var(--status-danger)}
.pipeline-legend{display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-16);margin:0;padding:0;list-style:none;font:var(--font-small);color:var(--text-secondary)}
.pipeline-legend li{display:inline-flex;align-items:center;gap:var(--space-6)}
.pipeline-cards{display:none;flex-direction:column;gap:var(--space-8)}
.pipeline-card-platform{display:inline-flex;color:var(--text-secondary)}
.pipeline-note{margin:0;font:var(--font-small);color:var(--text-tertiary)}
.pipeline-owners{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-12)}
.pipeline-owner{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12);border-radius:var(--radius-xl);background:var(--bg-surface-2)}
.pipeline-owner__head{display:flex;align-items:center;gap:var(--space-8);margin:0;font:var(--font-small-semibold);color:var(--text-primary)}
.pipeline-owner__head > span:nth-child(2){flex:1;overflow-wrap:break-word}
.pipeline-owner__count{font:var(--font-caption);color:var(--text-tertiary)}
.pipeline-owner__list{display:flex;flex-direction:column;gap:var(--space-6);margin:0;padding:0;list-style:none}
.pipeline-owner__item{display:flex;flex-direction:column;gap:var(--space-3);min-height:44px;padding:var(--space-8) var(--space-10);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--border-default);color:var(--text-primary);text-decoration:none}
.pipeline-owner__item:hover{box-shadow:inset 0 0 0 1px var(--border-strong)}
.pipeline-owner__item:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
.pipeline-owner__item strong{font:var(--font-small-semibold);overflow-wrap:break-word}
.pipeline-owner__item span{font:var(--font-small);color:var(--text-secondary)}
.pipeline-owner__item[data-tone="danger"] span{color:var(--status-danger)}
.pipeline-owner__item[data-tone="warning"] span{color:var(--status-warning)}
@media (max-width:1023px){
  .pipeline-matrix{display:none}
  .pipeline-cards{display:flex}
}
@media (max-width:767px){.pipeline-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (pointer:coarse),(max-width:834px){.pipeline-toggle .sw-btn,.pipeline-head .sw-btn{min-height:44px}}
/* Upload-Liste: Cover + Dateiname + Art · Größe · Länge (Fynn 28.09.2026) */
.workspace-upload-item__kopf{display:flex;align-items:flex-start;gap:var(--space-12);min-width:0}
.workspace-upload-item__cover{flex:none;display:grid;place-items:center;width:96px;height:170px;overflow:hidden;border-radius:var(--radius-sm);background:var(--bg-surface-2);color:var(--text-tertiary)}
.workspace-upload-item__cover--bild{height:96px}
.workspace-upload-item__cover img{width:100%;height:100%;object-fit:cover;display:block}
.workspace-upload-item__info{display:grid;gap:var(--space-4);min-width:0}
.workspace-upload-item__datei{font:var(--font-small-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-upload-item__meta{font:var(--font-small);color:var(--text-secondary);font-variant-numeric:tabular-nums}

/* Upload-Liste: ✕ entfernt die Datei bzw. bricht den laufenden Upload ab */
.workspace-upload-item__info{flex:1;min-width:0}
.workspace-upload-item__abbrechen{flex:none;margin-left:auto}
.workspace-upload-item__abbrechen[hidden]{display:none}