.orders-page{max-width:1120px;margin:0 auto;padding:48px 22px 70px}.orders-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.orders-heading h1{margin:10px 0;font-size:36px}.orders-heading p{font-size:13px;color:#707568;line-height:1.9}.orders-heading>button{flex-shrink:0}.order-tabs{display:flex;align-items:center;gap:0;margin-bottom:22px;padding:0 6px;border-bottom:1px solid #e3e7df;background:#fffefa;border-radius:9px 9px 0 0}.order-tab{position:relative;min-height:58px;padding:0 25px;border:0;background:none;color:#758175;font-size:14px;cursor:pointer}.order-tab b{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:5px;padding:0 5px;border-radius:10px;background:#edf0e9;color:#899287;font:11px Arial,sans-serif}.order-tab.selected{color:#242d27;font-weight:700}.order-tab.selected:after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:3px;border-radius:3px;background:#e65c32}.order-tab.selected b{background:#fff0e8;color:#d2532b}.orders-error{padding:13px 16px;border:1px solid #e5b19a;border-radius:6px;background:#fff0e7;color:#973f28;font-size:14px}.orders-list{display:grid;gap:16px}.orders-filter-empty{display:grid;justify-items:center;gap:6px;padding:72px 20px;border:1px solid #e1e6e9;border-radius:10px;background:#fff;color:#617080}.orders-filter-empty strong{font-size:18px}.orders-filter-empty span{font-size:12px;color:#9aa5ae}.order-card{border:1px solid #dfe5e9;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 3px 12px rgba(31,53,70,.04)}.order-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px 22px;border-bottom:1px solid #edf0f2;background:#f8fafb}.order-card-header strong{display:block;font-size:14px}.order-card-header time{display:block;margin-top:5px;font-size:11px;color:#919985}.order-status{display:inline-flex;align-items:center;padding:6px 11px;border-radius:5px;background:#fff3e9;color:#b67343;font-size:11px;white-space:nowrap}.order-status.paid,.order-status.completed{background:#edf7ef;color:#59826a}.order-status.shipped{background:#eef5fa;color:#587b94}.order-card-items{padding:5px 22px}.order-card-item{display:grid;grid-template-columns:92px minmax(0,1fr) 135px;align-items:center;gap:17px;padding:15px 0;border-bottom:1px solid #eef1f3}.order-card-item:last-child{border-bottom:0}.order-item-image{width:92px;height:92px;object-fit:contain;border-radius:8px;background:#f0f3ef}.order-item-info{display:grid;gap:6px;min-width:0}.order-item-info strong{font-size:15px;color:#28343e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-item-info span{font-size:12px;color:#81909b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-item-info small,.order-item-price small{font-size:11px;color:#a0aab1}.order-item-price{display:grid;gap:5px;justify-items:end}.order-item-price strong{font-size:16px;color:#28343e}.order-card-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;background:#fbfcfc;color:#89947c;font-size:11px}.order-card-footer strong{font-size:22px;color:#e65c32}.orders-page .empty-state{padding:60px 24px;border:1px solid #e1e4da;border-radius:8px;background:#fff}.orders-page .empty-state h2{font-size:22px}.orders-page .empty-state p{margin:10px 0 20px;color:#7d8574;font-size:13px;line-height:1.8}
@media(max-width:650px){.orders-page{padding:28px 15px 60px}.orders-heading{flex-direction:column;gap:12px}.orders-heading h1{font-size:28px}.orders-heading p{font-size:12px}.orders-heading>button{align-self:flex-start}.order-tabs{overflow-x:auto;margin:0 -15px 17px;border-radius:0;padding:0 8px}.order-tab{min-width:84px;padding:0 12px;font-size:12px;white-space:nowrap}.order-tab.selected:after{left:10px;right:10px}.order-card-header{padding:16px;gap:10px}.order-card-header strong{font-size:12px}.order-card-header time{font-size:9px}.order-status{font-size:10px;padding:5px 8px}.order-card-items{padding:4px 16px}.order-card-item{grid-template-columns:66px minmax(0,1fr);gap:11px;padding:12px 0}.order-item-image{width:66px;height:66px}.order-item-info strong{font-size:13px}.order-item-info span{font-size:10px}.order-item-info small{font-size:10px}.order-item-price{grid-column:2;display:flex;justify-content:space-between;justify-items:stretch;align-items:center}.order-item-price strong{font-size:15px}.order-card-footer{padding:13px 16px}.order-card-footer strong{font-size:18px}}
@media(max-width:650px){.payment-heading{align-items:flex-start}.payment-amount{font-size:23px}.order-payment{padding:18px 16px}.payment-qr img{width:138px;height:138px}}

.order-card-address{display:grid;gap:5px;padding:14px 20px;border-top:1px solid #e8eadf;background:#fffaf3}.order-card-address strong{font-size:12px;color:#5b664f}.order-card-address small{font-size:11px;color:#89947c;overflow-wrap:anywhere}@media(max-width:650px){.order-card-address{padding:13px 16px}.order-card-address strong,.order-card-address small{font-size:10px}}
.order-payment{padding:21px 22px;border-top:1px solid #e8edf0;background:#fffaf4}.payment-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.order-payment h3{margin:0 0 7px;font-size:16px;color:#334451}.order-payment p{margin:5px 0;font-size:12px;color:#707d87}.payment-amount{font-size:28px;line-height:1.1;color:#e65c32}.payment-order-note{font-size:11px!important;color:#929da5!important}.order-payment .payment-status-line{display:inline-block;margin:0;padding:5px 9px;border-radius:5px;background:#fff0e7;color:#a24f2e;font-weight:600}.payment-contact{color:#59654f!important}.payment-method-picker{margin:15px 0 10px}.payment-method-picker label{display:flex;align-items:center;gap:10px;font-size:12px;color:#59654f}.payment-method-picker select{min-height:36px;padding:0 30px 0 11px;border:1px solid #d8dfd1;border-radius:6px;background:#fff;color:#4f5f48;font-size:12px}.payment-details{margin-bottom:10px}.payment-not-configured{padding:8px 10px;border:1px dashed #e4c7a9;border-radius:5px;background:#fff8ef;color:#8f674b!important}.payment-qrcodes{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0}.payment-qr{margin:0;padding:10px;border:1px solid #e4e9df;border-radius:8px;background:#fff}.payment-qr img{width:154px;height:154px;object-fit:contain;border-radius:4px;background:#fff}.payment-qr figcaption{margin-top:7px;font-size:11px;color:#89947c;text-align:center}.order-payment button{margin-top:7px}
