.order-saved-state{display:grid;gap:8px;padding:22px;margin:20px 0;border:1px solid #d8e7e6;border-radius:15px;background:linear-gradient(120deg,#edf8f3,#eff6fc)}.order-saved-state>span{font-size:12px;color:#708c86}.order-saved-state>strong{font-size:26px;color:#426f62}.order-saved-state>small{font-size:11px;color:#7c909b}
.order-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;margin:24px 0;list-style:none}.order-progress li{display:flex;align-items:center;flex-direction:column;gap:8px;padding:12px 4px;border-radius:10px;background:#f1f4f7;color:#97a4ae;font-size:12px}.order-progress i{display:grid;place-items:center;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font-style:normal;font-size:11px}.order-progress .reached{background:#eaf4ee;color:#638575}.order-progress [aria-current=step]{box-shadow:inset 0 0 0 1px #8fb6a2;font-weight:700}
.order-workflow{margin:24px 0}.order-workflow>h3{margin-top:0}.order-after-sales{margin:20px 0;border-top:1px solid #e2e8ed;padding-top:16px}.order-after-sales>summary{font-size:12px;color:#9a7181;cursor:pointer}.order-after-sales p{font-size:11px}.order-after-sales button{margin-right:8px}.order-workflow #workflowConfirmation{padding-top:10px}.order-workflow #workflowConfirmation[hidden],.order-workflow [hidden]{display:none}.order-workflow textarea,.order-workflow input[type=text]{width:100%}.order-workflow .check{line-height:1.8}.order-workflow .check input{width:auto}.order-workflow #workflowError{margin:18px 0}.order-workflow #workflowError a{display:inline-block;margin:8px 0}.workflow-success{background:#e8f5ec;border-color:#8ab697}
@media(max-width:650px){.order-progress{gap:5px}.order-progress li{font-size:11px}.order-workflow>.btn,.order-workflow #workflowSaveButton{width:100%;white-space:normal}}