#dereg-workflow-dialog { width:min(820px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); box-sizing:border-box; border:1px solid #d8cbdc; border-radius:8px; padding:24px; color:#302b35; background:#fff; overflow:auto; }
#dereg-workflow-dialog::backdrop { background:rgba(30,24,35,.5); }
#dereg-workflow-dialog>header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
#dereg-workflow-dialog h2 { font-size:22px; margin:0; }
.dereg-workflow-surface { color:inherit; }
.dereg-workflow-surface section { border-top:1px solid #ded8e1; padding:20px 0; }
.dereg-workflow-surface h3 { margin:0 0 12px; font-size:17px; }
.dereg-workflow-surface p { white-space:pre-wrap; overflow-wrap:anywhere; }
.dereg-workflow-surface fieldset { border:0; margin:0; padding:0; min-width:0; }
.workflow-field { display:flex; flex-direction:column; gap:6px; margin:0 0 14px; font-size:13px; text-transform:none; }
.workflow-field input,.workflow-field select,.workflow-field textarea { width:100%; box-sizing:border-box; min-height:42px; border:1px solid #bdc2c7; border-radius:4px; padding:9px 12px; font:inherit; color:#302b35; background:#fff; }
.workflow-field textarea { min-height:96px; resize:vertical; }
.workflow-check { display:flex; align-items:flex-start; gap:10px; margin:12px 0; text-transform:none; }
.workflow-check input { width:18px; height:18px; flex:0 0 18px; accent-color:#643182; margin-top:2px; }
.workflow-documents,.workflow-events { margin:0 0 20px; padding:0; list-style:none; }
.workflow-documents li { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:12px 0; border-bottom:1px solid #ded8e1; }
.workflow-documents li>div { min-width:0; display:grid; gap:4px; }
.workflow-documents a { color:#683275; overflow-wrap:anywhere; }
.workflow-events li { border-left:2px solid #d8cbdc; padding:0 0 16px 14px; }
.workflow-events p { margin:0 0 4px; }
.workflow-correction { margin:12px 0 20px; padding:12px 0; border-bottom:1px solid #ded8e1; }
.workflow-demand { border-left:3px solid #643182; padding-left:16px!important; }
.workflow-actions { display:flex; flex-wrap:wrap; gap:10px; }
.dereg-workflow-surface small { color:#69616e; }
.dereg-workflow-surface .button { white-space:normal; }
@media(max-width:600px) { #dereg-workflow-dialog { padding:16px; } #dereg-workflow-dialog>header { align-items:flex-start; } #dereg-workflow-dialog h2 { font-size:18px; } }