.xcustomer-orders-panel { font-family: Arial, sans-serif; max-width: 1200px; margin: 0 auto; }

/* Tabs */
.xcustomer-orders-panel .orders-tabs { display: flex; border-bottom: 2px solid #ddd; margin-bottom: 20px; }
.xcustomer-orders-panel .tab { padding: 12px 24px; cursor: pointer; border: none; background: none; font-size: 16px; }
.xcustomer-orders-panel .tab.active { border-bottom: 3px solid #2271b1; font-weight: bold; color: #2271b1; }

.xcustomer-orders-panel .order-total bdi {
    background-color: #98ff83;
    padding: 5pt;
}

.xcustomer-orders-panel .delivery-date {
    background-color: #dae0ff;
    padding: 5pt;
}

.xcustomer-orders-panel .order-shipping_method {
    background-color: #dae0ff;
    padding: 5pt;
}

.xcustomer-orders-panel .shipping-address.is_pickup_1 {
    display: none;
}

/* Orders List */
.xcustomer-orders-panel .orders-list { display: grid; gap: 15px; }
.xcustomer-orders-panel .order-card { 
    display: grid; gap: 15px; grid-template-columns: 1fr 1fr 1fr; 
    border: 1px solid #ddd; padding: 15px; border-radius: 5px; cursor: pointer; }
.xcustomer-orders-panel .order-card:hover { background: #f9f9f9; }
.xcustomer-orders-panel .order-header { gap: 20pt; display: flex; justify-content: between; margin-bottom: 10px; }
.xcustomer-orders-panel .order-id { font-weight: bold; color: #2271b1; }
.xcustomer-orders-panel .order-date { color: #666; }
.xcustomer-orders-panel .order-card .order-total { text-align: right; }

/* Order Detail */
.xcustomer-orders-panel .back-link { display: inline-block; margin-bottom: 20px; color: #2271b1; text-decoration: none; }
.xcustomer-orders-panel .order-header-info { display: flex; gap: 30pt; background: #f5f5f5; padding: 20px; border-radius: 5px; margin-bottom: 20px; }
.xcustomer-orders-panel .order-header-info .order-total { margin-bottom: 20px; }
.xcustomer-orders-panel .shipping-section { margin-bottom: 30px; }

/* Flex sections */
.xcustomer-orders-panel .detail-sections { display: flex; flex-wrap: wrap; gap: 30px; }
.xcustomer-orders-panel .section { flex: 1; min-width: 300px; }
.xcustomer-orders-panel .section-title { border-bottom: 2px solid #2271b1; padding-bottom: 10px; margin-bottom: 15px; }

.xcustomer-orders-panel .shipments-list {
    display: flex;
    gap: 30pt;
}

/* Items & Packages */
.xcustomer-orders-panel .items-list, .xcustomer-orders-panel .packages-list { 
    display: grid; gap: 15px; grid-template-columns: 3fr 1fr 1fr; } 
.xcustomer-orders-panel .items-list .cell { }
.xcustomer-orders-panel .items-list .cell-r { text-align: right; }
.xcustomer-orders-panel .item-card { border: 1px solid #eee; padding: 15px; border-radius: 5px; }
.xcustomer-orders-panel .tracking-link { color: #2271b1; text-decoration: none; }
.xcustomer-orders-panel .tracking-link:hover { text-decoration: underline; }
.xcustomer-orders-panel .package-label { }
.xcustomer-orders-panel .package-label-image img { width: 30pt; height: auto; }

/* Loading */
.xcustomer-orders-panel .loading { text-align: center; padding: 40px; color: #666; }

/* Mobile */
@media (max-width: 768px) {
    .xcustomer-orders-panel .detail-sections { flex-direction: column; }
    .xcustomer-orders-panel .orders-tabs { flex-direction: column; }
    .xcustomer-orders-panel .tab { text-align: center; }
}