html body .workflow-dialog{box-sizing:border-box;width:min(840px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid var(--line,#cbd5e1);border-radius:16px;color:var(--ink,#16354a);background:var(--panel,#fff)}
.workflow-dialog::backdrop{background:#10233288}.workflow-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.workflow-dialog header h2{margin:0}.workflow-dialog header button{width:40px;min-height:40px}.workflow-dialog section,.workflow-dialog fieldset{margin:20px 0;padding:16px;border:1px solid var(--line,#cbd5e1);border-radius:10px}.workflow-dialog p,.workflow-dialog small{line-height:1.5}.workflow-definition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:12px 0;padding:14px;border-radius:10px;background:var(--soft,#f1f5f9)}.workflow-definition label{display:flex;flex-direction:column;gap:6px;min-width:0}.workflow-definition :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;max-width:100%}.workflow-dialog .workflow-check{display:flex;flex-direction:row;align-items:center;gap:10px;font-weight:600}.workflow-dialog .workflow-check input{width:20px;min-width:20px;height:20px;accent-color:#007eb8}.workflow-dialog [hidden]{display:none!important}.workflow-definition small{grid-column:1/-1}.workflow-dialog form>button{min-height:44px;width:auto}.workflow-dialog button{cursor:pointer}.workflow-message{min-height:24px}.workflow-custom-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:12px}.workflow-custom-fields:empty{display:none}.workflow-custom-fields label{min-width:0}.workflow-custom-fields input,.workflow-custom-fields select{max-width:100%;box-sizing:border-box}
html[data-dp-theme=dark] body .workflow-dialog{background:#132638;color:#edf5fb;border-color:#39536b}html[data-dp-theme=dark] .workflow-definition{background:#1a344a}html[data-dp-theme=dark] .workflow-dialog :is(input,select,textarea){background:#102232;color:#edf5fb;border-color:#4e6981}html[data-dp-theme=dark] .workflow-dialog :is(p,small){color:#c2d5e4}
@media(max-width:600px){html body .workflow-dialog{padding:16px}.workflow-definition,.workflow-custom-fields{grid-template-columns:minmax(0,1fr)}.workflow-dialog section,.workflow-dialog fieldset{padding:12px}.workflow-dialog :is(input,select,textarea){font-size:16px}.workflow-definition small{grid-column:auto}}