/* MATCHSIK v28.27 — sequential agreement flow */
.agreement-flow-card{overflow:hidden}
.agreement-flow-steps{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr);align-items:center;gap:8px;margin-top:18px}
.agreement-flow-step{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:15px 14px;border:1px solid #e0e5e1;border-radius:16px;background:#fff}
.agreement-flow-step i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#eef2ef;color:#536761;font-style:normal;font-size:12px;font-weight:900}
.agreement-flow-step b{display:block;color:#173b38;font-size:13px;line-height:1.35}
.agreement-flow-step small{display:block;margin-top:5px;color:#7a8984;font-size:11px;line-height:1.45}
.agreement-flow-step.done{background:#f3faf6;border-color:#cfe4d7}
.agreement-flow-step.done i{background:#d9efe1;color:#1f7145}
.agreement-flow-line{height:2px;background:#e2e7e4;border-radius:999px}
.agreement-flow-line.done{background:#73aa88}
.agreement-flow-start{width:100%;margin-top:16px;display:flex;justify-content:center;align-items:center;gap:10px}
.agreement-flow-complete{display:flex;gap:12px;align-items:center;margin-top:16px;padding:15px 16px;border:1px solid #cce3d5;border-radius:16px;background:#eff9f3;color:#1f6542}
.agreement-flow-complete>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#d6efdf;font-weight:900}
.agreement-flow-complete b{display:block;font-size:14px}.agreement-flow-complete small{display:block;margin-top:4px;color:#5e786a;font-size:11px}
@media(max-width:760px){
  .agreement-flow-steps{grid-template-columns:1fr;gap:8px}
  .agreement-flow-line{width:2px;height:16px;margin-left:27px}
  .agreement-flow-step{padding:13px}
}