.segment-controls{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin:30px 0 14px}
.segment-step{position:relative;display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:end;gap:12px;padding:18px;background:#f4f2ec;border:1px solid #c7d0ca;border-top:4px solid #148a83}
.segment-step>b{align-self:center;font:700 2rem Georgia;color:#148a83}
.segment-step label{display:grid;gap:6px;font-size:.72rem;font-weight:800;color:#50666a}
.segment-step input,.segment-step select{min-height:42px;padding:8px 10px;border:1px solid #aebcb7;background:#fff;color:#102a32;font:inherit}
.segment-step button{min-height:42px;border:0;padding:0 16px;background:#123b46;color:#fff;font-weight:800;cursor:pointer}
.customer-step{grid-template-columns:auto minmax(220px,.9fr) 1.25fr;border-top-color:#805da1}
.customer-step>b{color:#805da1}
.customer-step>span{align-self:center;padding:12px 14px;background:#e8e2ee;color:#3b3150;font-size:.82rem;line-height:1.5}
.customer-step strong{color:#593a79}
@media(max-width:1050px){.segment-controls{grid-template-columns:1fr}.segment-step{grid-template-columns:auto 1fr 1fr auto}}
@media(max-width:680px){.segment-step,.customer-step{grid-template-columns:1fr}.segment-step>b{font-size:1.25rem}.segment-step button{width:100%}}
.customer-browse{display:grid;grid-template-columns:42px 1fr 42px;gap:5px;margin-top:5px}.customer-browse button{min-height:34px;padding:0 8px;background:#805da1}.customer-step label{align-self:stretch}
