@charset "UTF-8";.status{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status--placed,.status--packed{background:var(--honey-soft);color:var(--honey-dark)}.status--shipped{background:var(--sand);color:var(--ink)}.status--delivered{background:var(--sage);color:var(--forest-dark)}.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.timeline__step{position:relative;display:flex;flex-direction:column;gap:2px;padding-top:30px;font-size:14px}.timeline__step:before{content:"";position:absolute;top:8px;left:0;right:-8px;height:3px;background:var(--line);border-radius:2px}.timeline__step:after{content:"";position:absolute;top:1px;left:0;width:17px;height:17px;border-radius:50%;background:var(--paper);border:3px solid var(--line);box-sizing:border-box}.timeline__step:last-child:before{right:0}.timeline__step.is-done:before{background:var(--forest)}.timeline__step.is-done:after{background:var(--forest);border-color:var(--forest)}.timeline__label{font-weight:600;color:var(--ink)}.timeline__date{color:var(--muted);font-size:13px}@media (max-width: 600px){.timeline{grid-template-columns:1fr;gap:0}.timeline__step{padding:0 0 20px 32px}.timeline__step:before{inset:17px auto 0 7px;width:3px;height:auto}.timeline__step:after{top:0}.timeline__step:last-child{padding-bottom:0}.timeline__step:last-child:before{display:none}}.order-items{display:flex;flex-direction:column}.order-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.order-item .ph{width:64px;height:64px;border-radius:8px}.order-item__name{font-weight:600}.order-item__meta{color:var(--muted);font-size:14px}.totals{display:flex;flex-direction:column;gap:8px;margin:16px 0 0 auto;max-width:360px}.totals__row{display:flex;justify-content:space-between;gap:12px;font-size:15px}.totals__row span:first-child{color:var(--muted)}.totals__total{font-weight:700;font-size:18px;padding-top:10px;border-top:1px solid var(--line)}.totals__total span:first-child{color:var(--ink)}