.process-flow{width:100%;min-width:0;display:flex}.process-flow--horizontal{flex-direction:row;align-items:stretch}.process-flow--vertical{flex-direction:column}.process-flow__item{min-width:0;display:flex}.process-flow--horizontal .process-flow__item{flex:180px;align-items:center}.process-flow--vertical .process-flow__item{flex-direction:column}.process-flow__step{border:1px solid var(--process-flow-border,#94a3b847);background:var(--process-flow-background,linear-gradient(180deg, #fff 0%, #f8fafc 100%));width:100%;min-width:0;color:var(--process-flow-text,#0f172a);box-shadow:var(--process-flow-shadow,none);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:12px;padding:14px 16px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;position:relative}.process-flow__step--button{border:1px solid var(--process-flow-border,#94a3b847);cursor:pointer;text-align:left}.process-flow__step--button:hover{box-shadow:var(--process-flow-shadow,none), 0 14px 28px #0f172a14;transform:translateY(-1px)}.process-flow__step--current{box-shadow:inset 0 0 0 1px #fff9,0 20px 36px #165dff24}.process-flow__step--compact{border-radius:14px;gap:10px;padding:10px 12px}.process-flow__marker{background:var(--process-flow-accent-soft,#94a3b829);width:34px;height:34px;color:var(--process-flow-accent,#64748b);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1;display:inline-flex}.process-flow__step--compact .process-flow__marker{width:28px;height:28px;font-size:14px}.process-flow__content{flex-direction:column;gap:4px;min-width:0;display:flex}.process-flow__label-row{align-items:center;gap:8px;min-width:0;display:flex}.process-flow__label{text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:14px;font-weight:700;line-height:1.4;overflow:hidden}.process-flow__status{background:var(--process-flow-accent-soft,#94a3b829);color:var(--process-flow-accent,#64748b);letter-spacing:.01em;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.process-flow__description{color:#475569e6;word-break:break-word;font-size:12px;line-height:1.6}.process-flow__step--compact .process-flow__description{font-size:11px;line-height:1.5}.process-flow__connector{flex:auto;min-width:20px;min-height:20px}.process-flow--horizontal .process-flow__connector{background:var(--process-flow-connector,#94a3b852);border-radius:999px;height:2px;margin:0 10px}.process-flow--vertical .process-flow__connector{background:var(--process-flow-connector,#94a3b852);border-radius:999px;width:2px;height:20px;margin:8px 0 8px 16px}@media (width<=720px){.process-flow--horizontal{flex-direction:column}.process-flow--horizontal .process-flow__item{flex-direction:column;align-items:stretch}.process-flow--horizontal .process-flow__connector{width:2px;height:18px;margin:8px 0 8px 16px}.process-flow__step{padding:12px 14px}.process-flow__label-row{flex-wrap:wrap}.process-flow__status{overflow-wrap:anywhere;word-break:break-word;max-width:100%}}