/* Workflow */
.wf-tbl td, .wf-tbl th { white-space: normal; }
.wf-tbl td.nowrap { white-space: nowrap; }
.wf-steps { display: grid; }
.wf-step { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #e5ecf2; position: relative; }
.wf-dot { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: #e8eef4; color: #5f7184; font-size: 13px; font-weight: 700; }
.wf-step.is-done .wf-dot { background: #12a57a; color: #fff; } .wf-step.is-ready .wf-dot { background: #0a6fd2; color: #fff; } .wf-step.is-skipped { opacity: .6; } .wf-step.is-late .wf-dot { background: #d23b3b; }
.wf-head { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; } .wf-head .right { margin-left: auto; font-size: 13px; color: #5f7184; }
.wf-body p { margin: 4px 0 0; }
.wf-check { list-style: none; padding: 0; margin: 6px 0 0; display: grid; gap: 3px; font-size: 14px; }
.wf-box { background: none; border: 0; padding: 0; cursor: pointer; color: #0a6fd2; font-size: 15px; }
.wf-do { margin-top: 8px; } .wf-do input, .wf-do select { height: 32px; border: 1px solid #cfd8e3; border-radius: 6px; padding: 0 8px; min-width: 220px; }
.wf-design { display: grid; } .wf-row { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 8px 14px; border-bottom: 1px solid #e5ecf2; }
.wf-row input, .wf-row select, .wf-cond input, .wf-cond select { height: 32px; border: 1px solid #cfd8e3; border-radius: 6px; padding: 0 6px; font-size: 13px; }
.wf-row .w-key { width: 90px; } .wf-row .w-name { flex: 1 1 200px; } .wf-row .w-h { width: 70px; } .wf-row .w-check { flex: 1 1 260px; }
.wf-n { width: 22px; font-weight: 700; color: #5f7184; }
.wf-cond { display: flex; gap: 6px; margin-bottom: 6px; } .wf-cond input { flex: 1; }
.wf-rb li { margin-bottom: 10px; } .wf-rb p { margin: 2px 0 0; color: #3c5066; }
.wf-text { white-space: pre-wrap; font-size: 12px; background: #f3f7fa; border-radius: 8px; padding: 10px; max-height: 560px; overflow: auto; margin: 0; }