.approval-progress { padding: 12px; border: 1px solid #d7e1ea; border-radius: 12px; background: #f5f9fc; margin-block: 12px; }
.approval-progress ol { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; list-style: none; }
.approval-progress li { display: grid; gap: 6px; padding: 12px; border: 1px solid #c8d7e3; border-radius: 10px; flex: 1 1 160px; overflow-wrap: anywhere; }
.approval-progress li[data-state="current"] { border-color: #087c91; background: #e5f6f8; }
.approval-progress li[data-state="done"] { background: #e8f5ee; }
.approval-route-warning { padding: 12px; background: #fff4df; color: #634707; border-radius: 10px; }
[data-approval-route] { padding: 16px; margin-block: 16px; border: 1px solid #c8d7e3; border-radius: 12px; min-width: 0; }
.approval-route-fields { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr)); gap: 12px; }
[data-approval-route] label { display: grid; gap: 6px; margin-block: 10px; }
[data-approval-route] label:has([type="checkbox"]) { display: flex; align-items: center; }
[data-approval-route] ol { padding-left: 24px; }
[data-route-step] { padding-bottom: 12px; }
.approval-route-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.approval-progress-timeline{background:transparent;border:0;padding:4px 0;margin:18px 0}.approval-progress-timeline>p{color:#60798b}.approval-progress-timeline ol{flex-wrap:nowrap;gap:0;overflow:auto;padding:10px 0}.approval-progress-timeline li{position:relative;flex:1 0 130px;border:0;border-radius:0;background:transparent;min-width:0;padding:32px 12px 4px;text-align:center;border-top:2px solid #dbe6ec}.approval-progress-timeline li::before{content:'';position:absolute;top:-8px;left:calc(50% - 7px);width:12px;height:12px;border:2px solid #b7c9d5;border-radius:50%;background:white}.approval-progress-timeline li[data-state=done]{background:transparent;border-top-color:#63c7aa}.approval-progress-timeline li[data-state=done]::before{background:#0c9d7e;border-color:#0c9d7e}.approval-progress-timeline li[data-state=current]{background:#f0fbf7;border:0;border-top:2px solid #0c9d7e}.approval-progress-timeline li[data-state=current]::before{border-color:#0c9d7e;box-shadow:0 0 0 4px #e1f5ec}.approval-progress-timeline li[data-state=waiting]{color:#6b8291}
.approval-config-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:22px;align-items:start;min-width:0}
.approval-config-main,.approval-config-preview{min-width:0}.approval-config-preview{padding:18px;border:1px solid #d5e5eb;border-radius:11px;background:#f7fbfd;display:grid;gap:14px;position:sticky;top:12px}.approval-config-preview h3{margin:0}.approval-config-main>fieldset{margin:18px 0}.approval-config-preview label{display:grid;gap:8px}.approval-config-preview .approval-progress ol{display:grid;grid-template-columns:minmax(0,1fr)}
@media(max-width:760px){.approval-config-workspace{grid-template-columns:minmax(0,1fr)}.approval-config-preview{position:static}}
.ex-editor-route .approval-progress{margin:0}.ex-editor-route .approval-progress ol{display:grid;grid-template-columns:minmax(0,1fr)}