/* ✅ تحسين الأزرار */
button {
    padding: 12px 18px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

/* ✅ تحسين زر العربة العائم */
.floating-button {
    background: linear-gradient(135deg, #28a745, #218838);
    color: white;
    width: 70px;
    height: 70px;
    font-size: 26px;
}

.floating-button:hover {
    background: linear-gradient(135deg, #218838, #1e7e34);
    transform: scale(1.1) rotate(5deg);
}

/* ✅ تحسين أزرار التنقل بين الصفحات */
.pagination-nav {
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: white;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 14px;
}

.pagination-nav:hover {
    background: linear-gradient(135deg, #0056b3, #004494);
}

/* ✅ تحسين أزرار التصدير والتأكيد */
.export-buttons button {
    background: linear-gradient(135deg, #ff9800, #e68900);
    color: white;
    font-size: 14px;
    padding: 10px 15px;
}

.export-buttons button:hover {
    background: linear-gradient(135deg, #e68900, #d37700);
}

/* ✅ تحسين زر الإغلاق */
.close-button {
    background: none;
    color: #d9534f;
    font-size: 20px;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}

.close-button:hover {
    color: #c9302c;
    transform: scale(1.2);
}

/* ✅ تحسين زر تأكيد الكمية */
.modal-item button {
    background: linear-gradient(135deg, #17a2b8, #138496);
    color: white;
    padding: 10px 15px;
    border-radius: 6px;
}

.modal-item button:hover {
    background: linear-gradient(135deg, #138496, #117a8b);
}