.order-summary{display:grid;grid-template-columns:repeat(3,1fr);padding:17px;margin-bottom:14px;background:linear-gradient(135deg,#0b61ec,#2a91ff);color:#fff}.order-summary div{text-align:center}.order-summary div+div{border-left:1px solid #ffffff42}.order-summary small,.order-summary b{display:block}.order-summary small{font-size:10px;opacity:.85}.order-summary b{margin-top:7px;font-size:22px}
.user-order-list{display:grid;gap:10px}.user-order-card{display:flex;align-items:center;gap:11px;width:100%;padding:13px;border:1px solid var(--line);background:#fff;text-align:left}.user-order-icon{width:52px;height:52px;display:grid;flex:0 0 52px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#e9f4ff,#f3edff)}.user-order-icon img{width:39px;height:39px}.user-order-main{min-width:0;flex:1}.user-order-main b,.user-order-main small{display:block}.user-order-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.user-order-main small{margin-top:5px;overflow:hidden;color:#7a879b;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.user-order-side{text-align:right}.user-order-side strong,.user-order-side em,.user-order-side i{display:block}.user-order-side strong{color:#1268f4;font-size:14px}.user-order-side strong small{font-size:8px}.user-order-side em{margin-top:5px;font-size:9px;font-style:normal}.user-order-side em.paid{color:#13a772}.user-order-side i{margin-top:5px;color:#8491a4;font-size:9px;font-style:normal}
.order-empty{padding:34px 24px;text-align:center}.order-empty>span{font-size:38px;color:#88a7d2}.order-empty h2{font-size:17px}.order-empty p{margin-bottom:20px;color:#7b8799;font-size:11px}
.order-detail-hero{display:flex;align-items:center;gap:13px;padding:20px;margin-bottom:13px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#0b62ef,#298fff)}.order-detail-hero>span{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;color:#1672ef;background:#fff;font-size:24px;font-weight:800}.order-detail-hero h2,.order-detail-hero p{margin:0}.order-detail-hero h2{font-size:18px}.order-detail-hero p{margin-top:6px;color:#dbeaff;font-size:11px}.order-detail-page .detail-list strong{color:#1268f4}.order-detail-page .detail-list b,.order-detail-page .detail-list strong{max-width:62%;overflow-wrap:anywhere;text-align:right}
.order-delivery{margin-top:13px;padding:17px}.order-delivery>header{display:flex;align-items:center;justify-content:space-between}.order-delivery h2,.order-delivery p{margin:0}.order-delivery h2{font-size:16px}.order-delivery p{margin-top:5px;color:#7b8799;font-size:10px}.order-delivery>header>span{padding:5px 9px;border-radius:12px;color:#1268f4;background:#eaf3ff;font-size:10px}.order-delivery-list{display:grid;gap:9px;margin-top:15px}.order-delivery-list section{padding:12px;border:1px solid #e2e9f3;border-radius:12px;background:#f8fbff}.order-delivery-list small,.order-delivery-list code{display:block}.order-delivery-list small{color:#7c899b;font-size:9px}.order-delivery-list code{margin:7px 0;padding:9px;border-radius:8px;background:#fff;overflow-wrap:anywhere;color:#21334c}.order-delivery-list section>div{display:flex;gap:8px}.order-delivery-list button,.order-delivery-list a{flex:1;padding:8px;border:0;border-radius:8px;color:#1268f4;background:#e8f2ff;text-align:center;text-decoration:none;font-size:10px}.order-delivery-empty{margin-top:15px;padding:22px;border-radius:10px;color:#8793a5;background:#f5f7fa;text-align:center;font-size:11px}
.order-delivery-list button:disabled{color:#6c829f;background:#edf1f6;cursor:wait}.modal-sheet .order-delivery-list{max-height:260px;overflow:auto;text-align:left}.modal-sheet .order-delivery-list section>div{margin-top:8px}
@media(max-width:360px){.user-order-card{padding:11px 9px}.user-order-icon{width:46px;height:46px;flex-basis:46px}.user-order-icon img{width:34px;height:34px}}