.ddp-workflow{flex-shrink:0;padding:16px 22px 18px;background:linear-gradient(115deg,var(--surface,#fff),var(--surface-muted,#f7f8fb));border-bottom:1px solid var(--border,#e5e9f0)}
.ddp-workflow__heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.ddp-workflow__heading>div:first-child{display:grid;gap:4px;min-width:0}.ddp-workflow__eyebrow{font-size:9px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase;color:#92763c}.ddp-workflow__heading strong{font-size:15px;font-weight:750;line-height:1.4;color:var(--text,#18233c)}.ddp-workflow__heading small{font-size:11px;color:var(--text-muted,#6a778d);line-height:1.4}
.ddp-workflow__counter{width:49px;height:49px;flex:0 0 49px;display:grid;place-items:center;border-radius:50%;padding:3px;box-sizing:border-box}.ddp-workflow__counter>span{width:100%;height:100%;border-radius:50%;background:var(--surface,#fff);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;color:#8f7339}.ddp-workflow__counter small{font-size:11px;font-weight:600;color:var(--text-muted,#738098);margin:4px 0 0 1px}.ddp-workflow__counter.is-complete>span{color:#158361}
.ddp-workflow__track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.ddp-workflow__track li{min-width:0}.ddp-workflow__step{position:relative;display:flex;align-items:center;gap:9px;width:100%;min-height:65px;padding:11px 10px;border:1px solid var(--border,#e1e6ee);border-radius:11px;background:var(--surface,#fff);text-align:left;color:var(--text,#243348);font:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.ddp-workflow__step:hover:not(:disabled){transform:translateY(-2px);border-color:#b39a58;box-shadow:0 5px 12px #17223b0c}.ddp-workflow__step:focus-visible{outline:3px solid #bea56a;outline-offset:3px}.ddp-workflow__step:disabled{opacity:.55;cursor:wait}.ddp-workflow__number{width:29px;height:29px;flex:0 0 29px;border-radius:9px;display:grid;place-items:center;background:var(--surface-muted,#f1f4f8);color:var(--text-muted,#718096);font-size:11px;font-weight:800}.ddp-workflow__step-text{display:grid;gap:4px;flex:1;min-width:0}.ddp-workflow__step-text strong{font-size:11.5px;line-height:1.25;font-weight:750}.ddp-workflow__step-text small{font-size:9px;line-height:1.3;color:var(--text-muted,#718096)}.ddp-workflow__arrow{font-size:20px;font-weight:400;line-height:1;color:#a2acbb}
.ddp-workflow__step.is-done{border-color:#cce5dc}.ddp-workflow__step.is-done .ddp-workflow__number{background:#e7f5ef;color:#168363;font-size:16px}.ddp-workflow__step.is-done small{color:#258265}.ddp-workflow__step.is-na{border-style:dashed;background:var(--surface-muted,#f6f8fb)}.ddp-workflow__step.is-na .ddp-workflow__number{background:#e8edf3;color:#7f8c9c;font-size:17px}.ddp-workflow__step.is-current{background:#18243d;border-color:#18243d;box-shadow:0 4px 12px #17223b15;color:#fff}.ddp-workflow__step.is-current .ddp-workflow__number{background:#dfc98f;color:#28324a}.ddp-workflow__step.is-current small,.ddp-workflow__step.is-current .ddp-workflow__arrow{color:#e8d59e}.ddp-workflow__swipe{display:none}
.ddp-work-item{position:relative;scroll-margin-top:16px;background:var(--surface,#fff);border:1px solid var(--border,#e1e6ee);border-left:3px solid var(--border,#e1e6ee);border-radius:12px;padding:15px 16px;box-shadow:0 2px 5px #14213b03}.ddp-work-item.is-done{border-left-color:#299775}.ddp-work-item.is-na{border-left-color:#acb6c4;background:var(--surface-muted,#f8fafc)}.ddp-work-item.is-current{border-color:#d8c7a0;border-left-color:#b39a58;background:var(--surface,#fff)}.ddp-work-item__number{background:var(--surface-muted,#f0f3f7);color:var(--text-muted,#728097)}.ddp-work-item.is-done .ddp-work-item__number{background:#e7f5ef;color:#168363}.ddp-work-item.is-na .ddp-work-item__number{background:#e5eaf0;color:#7f8c9c}.ddp-work-item.is-current .ddp-work-item__number{background:#f3ead5;color:#92763c}.ddp-work-item-target{scroll-margin-top:16px}.ddp-work-item:focus-visible,.ddp-work-item-target:focus-visible{outline:2px solid #b39a58;outline-offset:3px}
@media(max-width:1020px) and (min-width:651px){.ddp-workflow__track{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ddp-workflow__step{min-height:53px;padding:8px 10px}}
@media(max-width:650px){.ddp-workflow{padding:12px 15px 10px}.ddp-workflow__heading{margin-bottom:10px;gap:10px}.ddp-workflow__heading strong{font-size:13px}.ddp-workflow__heading>div>small{display:none}.ddp-workflow__eyebrow{font-size:8px;letter-spacing:.8px}.ddp-workflow__counter{width:42px;height:42px;flex-basis:42px}.ddp-workflow__counter>span{font-size:16px}.ddp-workflow__track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#cbb77f transparent;padding:2px 1px 6px;gap:8px}.ddp-workflow__track li{flex:0 0 152px}.ddp-workflow__step{min-height:59px;padding:9px}.ddp-workflow__swipe{display:block;font-size:9px;color:var(--text-muted,#7a879a);margin-top:4px}.ddp-work-item{padding:13px 12px}.ddp-workflow__step:hover:not(:disabled){transform:none}}
@media(prefers-reduced-motion:reduce){.ddp-workflow__step{transition:none}.ddp-workflow__step:hover:not(:disabled){transform:none}}