/* Sushi House original outline icons; no external icon font. */
.store-status-sheet{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
.sh-status-heading{text-align:center;padding:2px 4px 0}
.sh-status-eyebrow{font-size:12px;color:#7a7d83;margin:0 0 7px}
.sh-status-heading h2{font-size:25px;line-height:1.2;letter-spacing:-.7px;font-weight:700;color:#202124;margin:0}
.sh-status-hint{font-size:13px;line-height:1.55;color:#62666e;margin:9px auto 0;max-width:320px}
.store-status-sheet .sh-order-progress{display:grid;grid-template-columns:repeat(var(--steps,4),minmax(0,1fr));gap:0;list-style:none;margin:22px 0 18px;padding:6px 0 0;isolation:isolate}
.store-status-sheet .sh-order-step{position:relative;min-width:0;text-align:center;color:#858992;padding:0 2px}
/* Reset the old connector, including selectors affected by Alpine's template node. */
.store-status-sheet .sh-order-step:before{content:none}
.store-status-sheet .sh-order-step:after{content:"";position:absolute;left:calc(50% + 22px);top:21px;width:calc(100% - 44px);height:2px;background:#e5e7ec;z-index:-1}
.store-status-sheet .sh-order-step:last-child:after{content:none}
.store-status-sheet .sh-order-step.is-done:after{background:#be2438}
.store-status-sheet .sh-order-step>.sh-step-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto 10px;border-radius:50%;position:relative;background:#f1f2f5;color:#8b9099}
.sh-step-icon svg{display:block;width:22px;height:22px}
.store-status-sheet .sh-order-step.is-done>.sh-step-icon{background:#fbecef;color:#be2438}
.store-status-sheet .sh-order-step.is-current>.sh-step-icon{background:#be2438;color:#fff;box-shadow:0 0 0 4px #fbecef}
.sh-step-label{display:block;font-size:11px;line-height:1.35;font-weight:600;overflow-wrap:anywhere}
.store-status-sheet .sh-order-step small{display:block;margin:4px 0 0;font-size:10px;line-height:1.3;color:#858992}
.store-status-sheet .sh-order-step.is-current .sh-step-label,.store-status-sheet .sh-order-step.is-current small{color:#be2438}
.store-status-sheet .sh-order-step.is-done .sh-step-label{color:#43474e}
.sh-status-number{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;padding:14px 16px;background:#f3f4f6;border-radius:18px;text-align:left}
.sh-status-number>span{color:#747982;font-size:12px}
.sh-status-number strong{font-size:16px;line-height:1.4;color:#202124;overflow-wrap:anywhere;min-width:0}
.sh-status-details>div{gap:14px;align-items:baseline;line-height:1.5}
.sh-status-details>div>span:last-child{text-align:right;min-width:0;overflow-wrap:anywhere}
@media(max-width:359px){.sh-status-heading h2{font-size:23px}.sh-step-label{font-size:10px}.store-status-sheet .sh-order-step>.sh-step-icon{width:36px;height:36px}.store-status-sheet .sh-order-step:after{left:calc(50% + 18px);width:calc(100% - 36px);top:17px}.sh-step-icon svg{width:18px;height:18px}.sh-status-number{padding:12px}}