.customer-content:has(.order-history-tabs){background:#f3f6fa;padding:20px 14px;box-shadow:none;border:0}.customer-content:has(.order-history-tabs) h1{font-size:18px;text-align:center;margin-bottom:18px}.order-history-tabs{display:flex;gap:7px;overflow-x:auto;padding:5px 0 15px;margin-bottom:5px;scrollbar-width:thin}.order-history-tabs button{border:0;white-space:nowrap;border-radius:24px;background:#e4eaf2;color:#314f65;padding:12px 14px;font:500 11px var(--font-ui);min-height:40px}.order-history-tabs button.selected{background:#35864d;color:white;font-weight:600}.order-history-list{display:grid;gap:13px}.order-history-card{background:white;border-radius:8px;overflow:hidden;padding:18px 15px 0}.order-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-history-heading strong{font-size:12px;color:#244357;line-height:1.7;overflow-wrap:anywhere}.order-history-heading button{border:0;background:white;font:500 11px var(--font-ui);color:#396074;white-space:nowrap;padding:5px 0}.order-history-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#7b8d97;margin:12px 0}.order-state{display:inline-block;border-radius:4px;font-size:9px;padding:4px 7px;font-weight:600}.state-processing{background:#fff5df;color:#986a19}.state-delivered{background:#ecf6e9;color:#32743b}.state-cancelled{background:#f7e9e6;color:#a35b4a}.customer-content .order-history-address{font-size:10px;line-height:1.8;background:#f0f3f8;border-radius:5px;padding:8px 10px;color:#576d80;margin:0 0 15px}.order-history-images{display:flex;gap:9px;align-items:center;padding-bottom:18px;overflow-x:auto}.order-history-thumb{width:78px;height:87px;flex:0 0 78px;position:relative;border:1px solid #edf0f3;border-radius:5px;background:white;overflow:hidden;display:block;padding:3px}.order-history-thumb img{width:100%;height:100%;object-fit:contain}.order-image-quantity{position:absolute;right:3px;bottom:3px;background:#eff6e8;color:#49703c;border:1px solid #dfead5;border-radius:3px;padding:1px 4px;font-size:9px}.order-image-more{position:absolute;inset:0;background:#31405280;display:grid;place-items:center;color:white;font-size:23px;font-weight:600}.order-history-total{text-align:right;border-top:1px solid #edf0f5;padding:11px 0}.customer-content .order-history-total>p{margin:3px 0;font-size:12px;line-height:1.8;color:#35566c}.order-history-detail{border-top:1px solid #edf0f5;padding:11px 0}.order-history-detail summary{font-size:10px;color:#578068;cursor:pointer;padding:4px 0}.order-history-detail[open] summary{margin-bottom:12px}.order-detail-line{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #edf2e8;font-size:10px;line-height:1.8;color:#4b6347}.order-detail-line>a{flex:1}.order-detail-line strong{font-weight:600;white-space:nowrap}.customer-content .order-history-detail>p{font-size:11px;margin:10px 0;color:#547249}.customer-content .order-history-detail .order-detail-note{font-size:10px;background:#fff9ea;color:#88704a;padding:10px;border-radius:4px}.order-history-contact{display:block;text-align:center;border-top:1px solid #edf0f5;margin:0 -15px;padding:12px;color:#326347;font-size:11px;font-weight:600}.order-history-contact:hover{background:#f5faf1}
@media(min-width:1050px){.account-main:has(.order-history-tabs){max-width:1200px}.customer-layout:has(.order-history-tabs){grid-template-columns:300px minmax(0,1fr);gap:22px}.order-history-thumb{width:93px;height:100px;flex-basis:93px}.order-history-card{padding:20px 20px 0}.order-history-contact{margin:0 -20px}.order-history-tabs button{font-size:12px}}
@media(max-width:760px){.customer-content:has(.order-history-tabs){padding:15px 0}.order-history-card{padding:16px 12px 0}.order-history-heading strong{font-size:11px}.order-history-heading button{font-size:10px}.order-history-tabs{gap:6px}.order-history-tabs button{font-size:10px;padding:11px 12px}.order-history-thumb{width:65px;height:78px;flex-basis:65px}.order-history-images{gap:7px}.customer-content .order-history-total>p{font-size:11px}.order-history-contact{margin:0 -12px}.order-detail-line{font-size:10px;gap:8px}}