#workflow-dialog { width: min(1200px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: var(--panel, #161620); color: var(--text); }
#workflow-dialog::backdrop { background: #0009; }
#workflow-dialog label { display: grid; gap: 6px; min-width: 0; }
#workflow-dialog input, #workflow-dialog select { width: 100%; min-width: 0; padding: 8px; }
.workflow-toolbar, #workflow-create { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 14px; }
.workflow-toolbar h2, #workflow-create label { flex: 1; }
#workflow-create label { min-width: min(260px, 100%); }
.workflow-documents { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 14px 0; }
.workflow-documents textarea { width: 100%; min-height: 350px; resize: vertical; font-family: monospace; padding: 12px; box-sizing: border-box; }
#workflow-events { max-height: 380px; overflow: auto; }
#workflow-events pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }
#workflow-evidence { margin-top: 16px; }
@media (max-width: 700px) { .workflow-documents { grid-template-columns: 1fr; } #workflow-dialog { padding: 14px; } }