.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--steel-light);color:var(--ink);font-size:12px;font-weight:650}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--steel)}.status-pill.is-success{background:#e6f6ec;color:#17743d}.status-pill.is-success:before{background:var(--success)}.status-pill.is-info{background:#e9f0fb;color:#23508f}.status-pill.is-info:before{background:#3b74d1}.status-pill.is-danger{background:#fdeaee;color:#a1122b}.status-pill.is-danger:before{background:var(--titan-red)}.order-card{border:1px solid var(--line);border-radius:16px;background:#fff;transition:border-color .15s ease,box-shadow .3s ease}.order-card.is-open,.order-card:hover{border-color:var(--steel)}.order-card.is-open{box-shadow:0 14px 34px rgb(23 27 30/7%)}.order-card__top{display:flex;align-items:center;gap:12px;padding-right:18px}.order-card__toggle{flex:1 1;min-width:0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr) auto 28px;grid-template-areas:"id status total chevron";align-items:center;grid-gap:20px;gap:20px;padding:16px 0 16px 18px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.order-card__toggle:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:16px}.order-card__id{grid-area:id}.order-card__toggle .status-pill{grid-area:status;justify-self:start}.order-card__total{grid-area:total;justify-items:end;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.order-card__id,.order-card__total{display:grid;grid-gap:4px;gap:4px;min-width:0}.order-card__id strong,.order-card__total strong{font-size:15px;letter-spacing:-.01em}.order-card__id span,.order-card__total span{color:var(--muted);font-size:12px}.order-card__chevron{grid-area:chevron;position:relative;width:28px;height:28px;border-radius:50%;background:var(--steel-light);transition:rotate .35s cubic-bezier(.2,.8,.2,1)}.order-card__chevron:before{content:"";position:absolute;inset:0;width:7px;height:7px;margin:auto;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);translate:0 -2px;rotate:45deg}.order-card.is-open .order-card__chevron{rotate:180deg}.order-card__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}.order-card.is-open .order-card__panel{grid-template-rows:1fr}.order-card__inner{min-height:0;overflow:hidden}.order-card__content{display:grid;grid-gap:18px;gap:18px;margin:0 18px;padding:4px 0 20px;border-top:1px solid var(--line);opacity:0;translate:0 -8px;transition:opacity .25s ease,translate .35s ease}.order-card.is-open .order-card__content{opacity:1;translate:0 0;transition-delay:.08s}.order-card__canceled{margin:18px 0 0;padding:12px 14px;border-radius:12px;background:#fdeaee;color:#a1122b;font-size:13px;line-height:1.5}.order-steps{--n:5;--progress:0;position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin:18px 0 0;padding:0;list-style:none}.order-steps:after,.order-steps:before{content:"";position:absolute;top:14px;left:calc(50% / var(--n));right:calc(50% / var(--n));height:2px;border-radius:2px;background:var(--line)}.order-steps:after{background:var(--success);transform-origin:left center;scale:0 1;transition:scale .8s cubic-bezier(.2,.8,.2,1) .2s}.order-card.is-open .order-steps:after{scale:var(--progress) 1}.order-steps li{--delay:calc(.2s + var(--i) * .13s);position:relative;z-index:1;display:grid;justify-items:center;align-content:start;grid-gap:6px;gap:6px;padding:0 4px;text-align:center}.order-steps i{width:30px;height:30px;border:2px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--muted);font-size:12px;font-style:normal;font-weight:700;scale:.5;opacity:0;transition:scale .45s cubic-bezier(.3,1.6,.5,1) var(--delay),opacity .2s ease var(--delay),background-color .3s ease var(--delay),border-color .3s ease var(--delay)}.order-card.is-open .order-steps i{scale:1;opacity:1}.order-steps li.is-current i,.order-steps li.is-done i{border-color:var(--success);background:var(--success);color:#fff}.order-steps i svg{width:14px;height:14px}.order-card.is-open .order-steps li.is-current i{animation:order-step-pulse 1.8s ease-out 1.2s infinite}.order-steps b{color:var(--muted);font-size:12px;font-weight:650;line-height:1.25;transition:color .3s ease var(--delay)}.order-steps li.is-current b,.order-steps li.is-done b{color:var(--ink)}.order-steps small{color:var(--muted);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.order-card__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:10px;gap:10px}.order-card__facts div{display:grid;align-content:start;grid-gap:3px;gap:3px;padding:12px 14px;border-radius:12px;background:var(--paper)}.order-card__facts span{color:var(--muted);font-size:12px}.order-card__facts b{font-size:13px;font-weight:650;line-height:1.45}.order-card__facts a{width:-moz-fit-content;width:fit-content;color:var(--titan-red);font-size:13px;font-weight:650}.order-card__items{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.order-card__items li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;font-size:13px;line-height:1.35}.order-card__items img,.order-card__thumb{width:48px;height:48px;border-radius:10px;background:var(--paper);object-fit:contain}.order-card__thumb--icon{display:grid;place-items:center;color:var(--muted)}.order-card__thumb--icon svg{width:22px;height:22px}.order-card__items small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.order-card__items b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}@media (prefers-reduced-motion:reduce){.order-card__chevron,.order-card__content,.order-card__panel,.order-steps b,.order-steps i,.order-steps:after{transition:none}.order-card.is-open .order-steps li.is-current i{animation:none}}@media (max-width:1024px){.order-card__top{flex-direction:column;align-items:stretch;gap:0;padding:0}.order-card__toggle{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id chevron" "status total";gap:12px 14px;padding:16px 18px}.order-card__top form{padding:0 18px 16px}}@media (max-width:560px){.order-steps{grid-template-columns:1fr;gap:14px}.order-steps:after,.order-steps:before{top:15px;bottom:15px;left:14px;right:auto;width:2px;height:auto}.order-steps:after{transform-origin:center top;scale:1 0}.order-card.is-open .order-steps:after{scale:1 var(--progress)}.order-steps li{grid-template-columns:30px minmax(0,1fr);justify-items:start;align-items:center;column-gap:12px;row-gap:2px;padding:0;text-align:left}.order-steps li i{grid-row:span 2}.order-steps li small{grid-column:2}}