.track-card{--g:#137a46;--gd:#0e6038;--gp:#eaf7ef;--gold:#a66a09;--goldp:#fff7e7;--ink:#12352b;--text:#3f544d;--mute:#778980;--br:#deebe3;padding:0!important;background:#fff;border:1px solid var(--br);border-radius:16px;box-shadow:0 8px 25px #12352b10;overflow:hidden;color:var(--text)}
.track-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px 11px;margin-bottom:4px}.track-title{min-width:0;padding-inline:2px}.track-title h2{margin:0 0 4px;color:var(--ink);font-size:15px;line-height:1.7}.track-meta{display:flex;align-items:center;gap:7px;color:var(--mute);font-size:11px}.host-rating{padding:0;border:0;background:transparent;color:#a66a09;font:inherit;font-size:10px;white-space:nowrap;cursor:pointer}.host-rating:hover{text-decoration:underline}.track-head .status{margin-top:3px;max-width:210px;border-radius:99px;padding:6px 10px;white-space:nowrap;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:5px;background:#eef5ff;color:#3870b7}.track-head .status.open{background:var(--goldp);color:var(--gold)}.track-head .status.done{background:var(--gp);color:var(--g)}
.sofreh-steps{display:flex;align-items:center;gap:0;padding:5px 18px 12px;margin-top:2px}.sofreh-step{display:flex;align-items:center;gap:6px;color:#9aa9a2;font-size:10px;white-space:nowrap}.sofreh-step:not(:last-child)::after{content:'';width:clamp(8px,2.8vw,28px);height:1px;background:#dce7e0;margin:0 5px}.sofreh-step .dot{width:7px;height:7px;border-radius:50%;background:#d2ddd6;flex:none}.sofreh-step.done{color:var(--g)}.sofreh-step.done .dot{background:var(--g)}.sofreh-step.current{color:var(--gd);font-weight:800}.sofreh-step.current .dot{width:9px;height:9px;background:var(--g);box-shadow:0 0 0 3px #e2f2e8}.sofreh-steps.exception{padding-top:3px}.track-delivery{margin:0 18px;padding:9px 11px;border:1px solid #e2eee6;border-radius:10px;background:#f5faf6;display:flex;align-items:center;gap:14px;color:var(--gd);font-size:11px}.track-delivery span{min-width:0;display:flex;align-items:center;gap:6px}.track-delivery i{color:var(--g);flex:none}.track-delivery b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.track-bottom{padding:11px 18px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.track-money{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.track-money>span{min-width:0;padding:8px 10px;border-radius:9px;background:#f7faf8;font-size:10px;color:var(--mute)}.track-money b{display:block;margin-top:2px;font-size:12px;color:var(--ink);white-space:nowrap}.track-money .positive{background:#f0f8f2}.track-money .positive b,.track-money .buyers b{color:var(--g)}.track-actions{display:flex;gap:7px;flex:none}.track-actions .btn{height:34px}.track-actions .btn.main{background:var(--g);border-color:var(--g);color:#fff}.track-actions .btn{border:1px solid var(--br);border-radius:10px;padding:0 12px;background:#fff;color:var(--text);display:inline-flex;align-items:center;gap:7px;text-decoration:none;white-space:nowrap;font:700 12px Vazirmatn,sans-serif}.extra-discount{background:#fff9ec!important}.extra-discount b{color:var(--gold)!important}
@media(max-width:820px){.track-head{padding:14px 16px 10px;gap:10px;margin-bottom:5px}.track-title h2{font-size:14px}.track-meta{gap:6px;font-size:10px}.host-rating{font-size:9px}.track-head .status{max-width:135px;white-space:normal;text-align:center;line-height:1.5;padding:5px 8px;font-size:10px}.sofreh-steps{padding:5px 12px 10px;justify-content:space-between;margin-top:3px}.sofreh-step{font-size:8px;gap:3px}.sofreh-step:not(:last-child)::after{width:clamp(5px,1.8vw,12px);margin:0 3px}.track-delivery{margin:0 14px;padding:8px 9px;gap:9px;font-size:10px}.track-delivery span{flex:1}.track-bottom{padding:9px 14px 13px;display:grid;gap:9px}.track-money{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.track-money>span{padding:7px 6px;font-size:9px}.track-money b{font-size:10px;white-space:normal}.track-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.track-actions .btn{width:100%;justify-content:center;padding:0 6px;font-size:10px}}
/* Keep the five journey stages readable on narrow cards. */
.sofreh-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:0;padding:7px 18px 12px}
.sofreh-step{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-width:0;white-space:normal;text-align:center;line-height:1.45}
.sofreh-step:not(:last-child)::after{position:absolute;top:4px;inset-inline-start:calc(50% + 7px);width:calc(100% - 14px)!important;margin:0}
.sofreh-step .dot{z-index:1}
.sofreh-step-label-mobile{display:none}
@media(max-width:820px){.sofreh-steps{grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 12px 10px;justify-content:initial;overflow:visible}.sofreh-step{font-size:8px;gap:4px;line-height:1.4}.sofreh-step:not(:last-child)::after{width:calc(100% - 12px)!important;margin:0}}
/* Mobile order cards: clear stacked sections and a dedicated review action. */
@media(max-width:600px){
  .track-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:13px 14px 10px;gap:8px}
  .track-title{min-width:0;padding:0}
  .track-title>div{min-width:0}
  .track-title h2{font-size:14px;line-height:1.55;overflow-wrap:anywhere}
  .track-meta{display:flex;flex-wrap:nowrap;min-width:0;align-items:center;gap:6px;row-gap:0;font-size:10px}
  .track-meta>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .host-rating{display:inline-flex;flex:none;align-items:center;gap:3px;padding:2px 6px;border:1px solid #f0e4c8;border-radius:999px;background:#fffbf2;color:#8a620f;font-size:9px;line-height:1.4;white-space:nowrap}
  .host-rating b{font-size:9px;color:#72500c}
  .track-head .status{max-width:100px;white-space:normal;text-align:center;line-height:1.45;font-size:9px;padding:5px 7px}
  .sofreh-steps{padding:8px 10px 11px}
  .sofreh-step{font-size:8px;overflow-wrap:anywhere}
  .track-delivery{margin:0 12px;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:9px}
  .track-delivery span{min-width:0;align-items:flex-start}
  .track-delivery b{white-space:normal;line-height:1.5;overflow-wrap:anywhere}
  .track-bottom{padding:10px 12px 12px;gap:9px}
  .track-money{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .track-money>span{min-width:0;padding:7px 5px;font-size:8px;line-height:1.5;overflow-wrap:anywhere}
  .track-money>span:last-child{grid-column:auto}
  .track-money b{font-size:11px;line-height:1.6}
  .track-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}
  .track-actions .btn{min-width:0;min-height:40px;height:auto;white-space:normal;line-height:1.45;font-size:10px;text-align:center}
  .track-actions .review-action{grid-column:1/-1;grid-row:auto;min-height:40px;margin-bottom:0}
}

/* Full-width shared card metrics and actions. */
.track-bottom{display:grid;grid-template-columns:minmax(0,1fr);width:100%;justify-items:stretch}.track-money,.track-actions{width:100%;min-width:0}.track-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.track-actions .btn{width:100%;min-width:0;justify-content:center}.track-actions:has(.review-action) .review-action:only-child{grid-column:1/-1}
.extra-discount-label{display:inline}.host-rating{padding:0;border:0;background:transparent;font:inherit;cursor:pointer}.host-rating:hover{text-decoration:underline}

/* A legible, connected five-step order journey shared by home and order cards. */
.sofreh-progress{margin:0 18px 11px;padding:10px 12px 9px;border:1px solid #e5eee8;border-radius:12px;background:linear-gradient(180deg,#fbfdfb,#f5faf6)}
.sofreh-progress-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:#788980;font-size:10px}
.sofreh-progress-caption b{padding:4px 9px;border:1px solid #cde8d6;border-radius:999px;background:#eaf7ef;color:#0e6038;font-size:10px;line-height:1.5}
.sofreh-progress .sofreh-steps{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:0;padding:0!important;margin:0!important}
.sofreh-progress .sofreh-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;color:#8c9b93;font-size:9px;font-weight:600;line-height:1.45;text-align:center;white-space:normal}
.sofreh-progress .sofreh-step:not(:last-child)::after{position:absolute;top:11px;inset-inline-start:calc(50% + 12px);width:calc(100% - 24px)!important;height:2px;background:#dce8e0;border-radius:2px;margin:0;content:''}
.sofreh-progress .sofreh-step.done:not(:last-child)::after{background:#36a66e}
.sofreh-progress .sofreh-step .dot{z-index:1;display:grid;width:24px;height:24px;place-items:center;border:2px solid #d8e4dc;border-radius:50%;background:#fff;color:#809087;font-size:10px;font-style:normal;font-weight:800;line-height:1}
.sofreh-progress .sofreh-step.done{color:#187649}
.sofreh-progress .sofreh-step.done .dot{border-color:#198651;background:#198651;color:#fff}
.sofreh-progress .sofreh-step.current{color:#0e6038;font-weight:900}
.sofreh-progress .sofreh-step.current .dot{border-color:#13834f;background:#13834f;color:#fff;box-shadow:0 0 0 4px #dff1e6}
.sofreh-progress.exception{padding:9px 12px;background:#fff9ec;border-color:#f0e0b9}
.sofreh-progress.exception .sofreh-progress-caption{margin:0}
.sofreh-progress.exception .sofreh-progress-caption b{border-color:#f0dfb3;background:#fff2d5;color:#8b6114}
@media(max-width:820px){.sofreh-progress{margin:0 12px 10px;padding:9px 8px 8px}.sofreh-progress-caption{margin-bottom:9px;font-size:9px}.sofreh-progress-caption b{font-size:9px}.sofreh-progress .sofreh-step{font-size:8px;line-height:1.5;padding-inline:2px}.sofreh-progress .sofreh-step-label-full{display:none}.sofreh-progress .sofreh-step-label-mobile{display:block;overflow-wrap:anywhere}.sofreh-progress .sofreh-step:not(:last-child)::after{top:10px;inset-inline-start:calc(50% + 11px);width:calc(100% - 22px)!important}.sofreh-progress .sofreh-step .dot{width:22px;height:22px;font-size:9px}}
@media(max-width:380px){.sofreh-progress{margin-inline:10px;padding-inline:6px}.sofreh-progress .sofreh-step{font-size:7px}.sofreh-progress .sofreh-step-label{overflow-wrap:anywhere}}