/* =======================================================
   CSS TRANG TRA CỨU ĐƠN HÀNG
======================================================= */
.th-history-wrap { padding: 60px 0 100px; background: #f4f6f8; min-height: 70vh; }
.th-history-card { background: #fff; border-radius: 12px; padding: 40px 30px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); text-align: center; }
.th-history-icon { width: 80px; margin-bottom: 20px; }
.th-history-title { font-size: 22px; font-weight: 700; color: #111; margin-bottom: 10px; }
.th-history-desc { color: #666; font-size: 14px; margin-bottom: 30px; }

.th-input-custom { 
    height: 50px; 
    border-radius: 8px; 
    border: 1px solid #ddd; 
    font-size: 16px; 
    text-align: center; 
    font-weight: bold; 
    letter-spacing: 1px; 
    margin-bottom: 15px; 
    width: 100%;
}
.th-input-custom:focus { 
    border-color: #0159a0; 
    box-shadow: 0 0 0 0.2rem rgba(1,89,160,.25); 
    outline: none; 
}

.btn-submit-history { 
    width: 100%; 
    height: 50px; 
    background: #0159a0; 
    color: #fff; 
    border: none; 
    border-radius: 8px; 
    font-weight: 600; 
    font-size: 16px; 
    transition: 0.2s; 
    cursor: pointer;
}
.btn-submit-history:hover { background: #004a87; }
.btn-submit-history:disabled { opacity: 0.7; cursor: not-allowed; }

/* --- DANH SÁCH ĐƠN HÀNG --- */
.th-order-card { 
    background: #fff; 
    border: 1px solid #eaecf0; 
    border-radius: 12px; 
    margin-bottom: 20px; 
    overflow: hidden; 
    text-align: left; 
}
.th-order-header { 
    background: #f8f9fa; 
    padding: 15px 20px; 
    border-bottom: 1px solid #eaecf0; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
}
.th-order-id { color: #0159a0; font-size: 15px; font-weight: bold; }
.th-order-time { color: #888; font-size: 13px; margin-left: 10px; }

/* TRẠNG THÁI ĐƠN HÀNG */
.status-badge { padding: 5px 10px; border-radius: 4px; font-size: 12px; font-weight: 600; }
.status-badge.new { background: #fff3cd; color: #856404; }
.status-badge.processing { background: #cce5ff; color: #004085; }
.status-badge.completed { background: #d4edda; color: #155724; }
.status-badge.canceled { background: #e2e3e5; color: #383d41; }

/* SẢN PHẨM TRONG ĐƠN */
.th-order-body { padding: 0 20px; }
.th-order-item { 
    display: flex; 
    padding: 15px 0; 
    border-bottom: 1px dashed #eaecf0; 
    align-items: center; 
}
.th-order-item:last-child { border-bottom: none; }
.th-order-img { 
    width: 70px; 
    height: 70px; 
    object-fit: contain; 
    border: 1px solid #eee; 
    border-radius: 8px; 
    padding: 5px; 
    margin-right: 15px; 
}
.th-order-info { flex: 1; }
.th-order-name { display: block; color: #333; font-size: 14px; margin-bottom: 5px; font-weight: bold; }
.badge-combo { 
    background: #e3f2fd; 
    color: #0159a0; 
    font-size: 10px; 
    padding: 2px 6px; 
    border-radius: 4px; 
    margin-left: 5px; 
    font-weight: normal; 
}
.th-order-qty { color: #666; font-size: 13px; }
.th-order-price { text-align: right; color: #d70018; font-weight: 600; }

/* FOOTER ĐƠN HÀNG */
.th-order-footer { 
    padding: 15px 20px; 
    background: #fffcfc; 
    display: flex; 
    justify-content: flex-end; 
    align-items: center; 
    gap: 20px; 
    border-top: 1px solid #eaecf0;
}
.th-order-discount { font-size: 13px; color: #888; }
.th-order-total-label { font-size: 15px; color: #333; }
.th-order-total-price { color: #d70018; font-size: 18px; margin-left: 5px; font-weight: bold; }

/* TRỐNG ĐƠN HÀNG */
.th-empty-order { 
    text-align: center; 
    padding: 50px 0; 
    background: #fff; 
    border-radius: 12px; 
    border: 1px solid #eaecf0;
}
.th-empty-order img { width: 150px; opacity: 0.5; margin-bottom: 20px; }
.th-empty-order h5 { color: #666; margin-bottom: 15px; }