/* Figma order overview: 44702:186113 (PC), 44459:223259 (H5). */
.wallet-orders-page{display:flex;flex-direction:column;gap:24px;}
.orders-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;box-sizing:border-box;padding:20px;border:1px solid #ffffff0d;border-radius:20px;background:#ffffff0d;}
.orders-stat{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:16px;border:1px solid #ffffff0d;border-radius:12px;background:#ffffff0d;box-sizing:border-box;}
.orders-stat-copy{min-width:0;flex:1;}
.orders-stat-label{margin:0 0 4px;color:#999;font-size:12px;line-height:18px;font-weight:500;}
.orders-stat-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;margin:0;}
.orders-stat-value strong{min-width:0;overflow-wrap:anywhere;color:#f2f2f2;font-size:24px;line-height:32px;font-weight:600;font-variant-numeric:tabular-nums;}
.orders-stat-value>span{color:#999;font-size:12px;line-height:18px;}
.orders-stat--spent .orders-stat-value strong,.orders-stat--spent .orders-stat-value>span{color:#ff4b02;}
.orders-stat-icon{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px solid #ffffff1a;border-radius:9px;background:#ffffff0d;box-sizing:border-box;}
.orders-stat-icon img{display:block;filter:brightness(0) invert(1);}
.orders-stat-icon .orders-stat-h5,.orders-stat-history{display:none;}
@media(max-width:767px){
 .wallet-orders-page{gap:20px;}
 .orders-summary{gap:8px;padding:0;border:0;border-radius:0;background:none;}
 .orders-stat{align-items:stretch;min-height:92px;padding:12px;border-radius:16px;background:#1c1c1c;}
 .orders-stat-copy{display:flex;flex-direction:column;justify-content:space-between;gap:6px;}
 .orders-stat-label{margin:0;padding-right:20px;font-weight:400;}
 .orders-stat-value{gap:2px;}
 .orders-stat-value strong,.orders-stat--spent .orders-stat-value strong{color:#f2f2f2;font-size:16px;line-height:22px;}
 .orders-stat--spent .orders-stat-value>span{color:#999;font-size:10px;line-height:16px;}
 .orders-stat-icon{position:absolute;top:13px;right:13px;width:16px;height:16px;border:0;border-radius:50%;}
 .orders-stat-icon .orders-stat-pc{display:none;}.orders-stat-icon .orders-stat-h5{display:block;filter:brightness(0) saturate(100%) invert(46%) sepia(100%) saturate(4075%) hue-rotate(357deg) brightness(99%) contrast(110%);}
 .orders-stat-history{display:block;margin:2px 0 0;color:#999;font-size:10px;line-height:16px;}
}