:root{--workflow-good:#0f8068;--workflow-warn:#b47928;--workflow-danger:#b64f46}
.workflow-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:18px 0 22px;padding:0;list-style:none}
.workflow-guide li{position:relative;display:flex;align-items:center;gap:8px;min-width:0;color:#899792}
.workflow-guide li:not(:last-child):after{content:"";position:absolute;right:34px;left:8px;top:14px;height:2px;background:#e3eae7;z-index:0}
.workflow-guide span{position:relative;z-index:1;display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border:1px solid #d8e2de;border-radius:9px;background:#fff;font-size:10px;font-weight:900}
.workflow-guide b{position:relative;z-index:1;overflow:hidden;padding-inline:3px;background:#fff;font-size:8px;white-space:nowrap;text-overflow:ellipsis}
.workflow-guide li.current{color:#176e59}.workflow-guide li.current span{border-color:#91c5b6;background:#eaf6f2;box-shadow:0 0 0 4px rgba(32,132,106,.07)}
.workflow-guide li.done{color:#176e59}.workflow-guide li.done span{border-color:var(--workflow-good);background:var(--workflow-good);color:#fff}.workflow-guide li.done:not(:last-child):after{background:#7bbba9}
.field-required{position:relative}.field-required:after{content:"مطلوب";position:absolute;top:0;left:0;color:#9a6a2d;font-size:7px;font-weight:800}
.field-required.field-complete:after{content:"✓ مكتمل";color:var(--workflow-good)}
.modal input.field-has-value,.modal select.field-has-value,.modal textarea.field-has-value{border-color:#b7d7ce;background:#fbfefd}
.field-invalid input,.field-invalid select,.field-invalid textarea,.modal [aria-invalid="true"]{border-color:var(--workflow-danger)!important;background:#fff8f7!important;box-shadow:0 0 0 3px rgba(182,79,70,.09)!important}
.workflow-validation{min-height:17px;margin:8px 0 0;color:var(--workflow-danger);font-size:8px;font-weight:750}
.workflow-completion{display:grid;grid-template-columns:54px auto;align-items:center;gap:10px;margin-left:auto;margin-inline-end:0;min-width:190px}
.workflow-completion>span{height:5px;border-radius:99px;background:#e6ece9;overflow:hidden}.workflow-completion i{display:block;height:100%;border-radius:inherit;background:var(--workflow-warn);transition:width .25s ease}
.workflow-completion>div{display:grid}.workflow-completion b{font-size:8px;color:#405b53}.workflow-completion small{margin-top:2px;color:#87958f;font-size:6.5px}.workflow-completion.ready i{background:var(--workflow-good)}.workflow-completion.ready b{color:var(--workflow-good)}
.modal[data-workflow-ready="true"] .modal-actions{position:sticky;bottom:-28px;z-index:8;align-items:center;margin:20px -28px -28px;padding:14px 28px;border-top:1px solid #e3e9e6;background:rgba(255,255,255,.97);box-shadow:0 -10px 30px rgba(17,59,48,.07);backdrop-filter:blur(10px)}
.modal[data-workflow-ready="true"] :is(input,select,textarea):focus-visible{border-color:#27866d;box-shadow:0 0 0 4px rgba(39,134,109,.1)}
.modal[data-workflow-ready="true"] button:focus-visible{outline:3px solid rgba(39,134,109,.24);outline-offset:2px}
@media(max-width:700px){.workflow-guide{margin:14px 0 18px}.workflow-guide b{font-size:6.5px}.workflow-guide li{gap:5px}.workflow-guide span{width:25px;height:25px;flex-basis:25px}.workflow-guide li:not(:last-child):after{top:12px}.modal[data-workflow-ready="true"] .modal-actions{bottom:-22px;display:grid;grid-template-columns:1fr 1fr;margin-inline:-16px;margin-bottom:-22px;padding:11px 16px}.workflow-completion{grid-column:1/-1;grid-template-columns:70px 1fr;width:100%;min-width:0}.modal[data-workflow-ready="true"] .modal-actions>button{width:100%;min-height:44px}.field-required:after{font-size:6px}}