.production-dialog { width: min(1100px, 94vw); max-height: 92vh; overflow: auto; padding: 24px; background: #15121f; color: #eee5d6; border: 1px solid #786787; border-radius: 12px; }
.production-dialog::backdrop { background: #000b; }
.production-dialog h2, .production-dialog h3 { margin: 12px 0; }
.production-dialog section { margin-top: 26px; border-top: 1px solid #64576f; padding-top: 18px; }
.production-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.production-field { display: grid; gap: 6px; margin: 12px 0; min-width: 0; overflow-wrap: anywhere; }
.production-field textarea, .production-field input, .production-field select { width: 100%; box-sizing: border-box; padding: 10px; color: inherit; background: #211c2c; border: 1px solid #75627e; border-radius: 5px; font: inherit; }
.production-field textarea { min-height: 82px; resize: vertical; }
.production-dialog fieldset { min-width: 0; margin: 18px 0; border: 1px solid #64576f; border-radius: 8px; }
.production-shot { padding: 12px; margin: 12px 0; background: #ffffff07; border-left: 2px solid #c77e62; }
.production-dialog .btn { margin: 4px; white-space: normal; }
.production-dialog p { overflow-wrap: anywhere; white-space: pre-wrap; }
.production-dialog [role=status] { padding: 10px; background: #ffffff08; }
@media (max-width: 600px) { .production-dialog { padding: 12px; width: 96vw; } .production-row { align-items: stretch; flex-direction: column; } .production-dialog fieldset { padding: 8px; } }
.production-steps {display:flex; flex-wrap:wrap; gap:8px; position:sticky; top:-24px; z-index:2; padding:12px 0; background:#15121f; border-bottom:1px solid #64576f;}
.production-steps .btn[aria-pressed=true] {border-color:#c77e62; background:#45313e;}
.production-dialog section[hidden] {display:none!important;}
@media(max-width:600px) {.production-steps {top:-12px;} .production-steps .btn {margin:0; padding:9px;}}