:root{--bgColor:#e2e2e2}.order-item{position:relative;display:grid;width:100%;box-sizing:border-box;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr) minmax(0,1.2fr) minmax(0,.7fr);gap:24px;align-items:center;padding:24px 28px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #edf2f7;border-radius:22px;box-shadow:0 14px 35px rgba(15,23,42,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.order-item:hover{transform:translateY(-2px);border-color:#d9e3f0;box-shadow:0 18px 40px rgba(15,23,42,.1)}.order-item:focus{outline:none;border-color:#90cdf4;box-shadow:0 0 0 3px rgba(66,153,225,.2)}.order-item__cell{display:flex;flex-direction:column;gap:8px;min-width:0;justify-content:center}.order-item__cell:nth-child(2){align-items:center}.order-item__cell--total{min-width:0;align-items:flex-end;justify-content:center;text-align:right}.order-item__label{display:none;color:#7c8897;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.order-item__value{color:#334155;font-size:1rem;line-height:1.4}.order-item__serial{color:#1f2937;font-size:1.35rem;font-weight:800}.order-item__amount{color:#111827;font-size:1.3rem;font-weight:800;white-space:nowrap}.order-item__badge{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;min-width:112px;padding:8px 16px;border-radius:999px;font-size:.86rem;font-weight:700}.order-item__badge--info{background:#dbeafe;color:#1d4ed8}.order-item__badge--neutral{background:#e9eef1;color:#5f6b76}.order-item__badge--success{background:#dcfce7;color:#15803d}.order-item__badge--danger{background:#fee2e2;color:#b91c1c}@media(max-width:959px){.order-item{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;padding:22px}.order-item__label{display:inline-block}.order-item__cell--total{align-items:center;text-align:center}.order-item__cell:nth-child(2){align-items:center}}@media(max-width:600px){.order-item{grid-template-columns:1fr;gap:16px;padding:20px 18px}.order-item__cell{align-items:center;text-align:center}.order-item__serial{font-size:1.2rem}.order-item__amount{font-size:1.15rem}}