.orders-list{padding:12px 13px 28px}.orders-list-toolbar{align-items:center;gap:12px;display:flex}.orders-list-toolbar label{color:#999;border:1px solid #e4e4e4;border-radius:5px;flex:1;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.orders-list-toolbar input{background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:12px}.orders-list-toolbar>span{white-space:nowrap;color:#888;font-size:11px}.orders-demo-note{color:#999;margin:10px 0 16px;font-size:10px;line-height:1.5}.orders-desktop-table{display:none}.order-status{white-space:nowrap;color:var(--accent);background:#fff0e7;border-radius:3px;padding:5px 8px;font-size:11px;line-height:1.3;display:inline-block}.status-dibayar,.status-diproses,.status-dikirim{color:#2778b9;background:#edf6ff}.status-selesai{color:#25865d;background:#edf8f2}.status-dibatalkan{color:#8a8a8a;background:#f1f1f1}.orders-mobile-cards{gap:12px;display:grid}.order-mobile-card{background:#fff;border:1px solid #e7e7e7;border-radius:6px;overflow:hidden}.order-mobile-card header{border-bottom:1px solid #f1f1f1;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.order-mobile-card header>span:first-child{align-items:center;gap:6px;font-size:12px;display:flex}.order-mobile-meta{color:#999;justify-content:space-between;gap:8px;padding:11px 12px 0;font-size:10px;display:flex}.order-mobile-meta strong{color:#555;font-weight:500}.order-product{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:0;display:flex}.order-product img{object-fit:contain;background:#fafafa;border:1px solid #f0f0f0;border-radius:4px;flex-shrink:0;width:60px;height:60px}.order-product>span{font-size:12px;font-weight:500;line-height:1.5}.order-product small{color:#999;margin-top:5px;font-size:10px;font-weight:400;display:block}.order-mobile-card>.order-product{padding:12px}.order-mobile-address{color:#888;align-items:flex-start;gap:7px;padding:0 12px 13px;display:flex}.order-mobile-address svg{flex-shrink:0;margin-top:1px}.order-mobile-address p{margin:0;font-size:11px;line-height:1.6}.order-mobile-card footer{background:#fffcfa;border-top:1px solid #f1f1f1;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.order-mobile-card footer>span{color:#777;font-size:11px}.order-mobile-card footer strong{color:var(--accent);margin-left:5px;font-size:14px}.order-mobile-card footer button,.orders-list-empty button{color:var(--accent);border:1px solid var(--accent);background:#fff;border-radius:4px;padding:7px 9px;font-size:11px}.orders-list-empty{color:#8995a6;flex-direction:column;align-items:center;gap:15px;padding:60px 10px;display:flex}.orders-list-empty h2{color:#555;margin:0;font-size:15px}.order-detail-summary>.order-product{margin:18px 0}.order-detail-summary dl{grid-template-columns:95px 1fr;gap:12px;font-size:13px;line-height:1.6;display:grid}.order-detail-summary dt{color:#999}.order-detail-summary dd{margin:0}@media (min-width:768px){.orders-list{padding:15px 24px 32px}.orders-list-toolbar label{max-width:450px}.orders-list-toolbar input{font-size:13px}.orders-list-toolbar>span{margin-left:auto;font-size:12px}.orders-mobile-cards{display:none}.orders-desktop-table{border:1px solid #e8e8e8;border-radius:5px;display:block;overflow-x:auto}.orders-desktop-table table{border-collapse:collapse;text-align:left;width:100%;min-width:1000px;font-size:12px}.orders-desktop-table th{color:#777;white-space:nowrap;background:#fafafa;border-bottom:1px solid #e8e8e8;padding:14px 12px;font-weight:500}.orders-desktop-table td{vertical-align:top;border-bottom:1px solid #eee;padding:18px 12px;line-height:1.6}.orders-desktop-table tr:last-child td{border-bottom:0}.orders-desktop-table td:first-child>small{color:#aaa;white-space:nowrap;margin-top:6px;font-size:9px;display:block}.orders-desktop-table .order-product{min-width:225px}.order-table-price{white-space:nowrap;color:var(--accent);font-weight:500}.order-table-address{color:#777;min-width:180px;max-width:220px;font-size:11px}}.orders-list-toolbar{margin-bottom:16px}.order-mobile-card footer .order-detail-link{color:var(--accent);border:1px solid var(--accent);background:#fff;border-radius:4px;padding:7px 9px;font-size:11px}