/* ═══════════════════════════════════════════════════════════
   تاجر تيك | TAJER TECH - Inventory Page Styles
   ═══════════════════════════════════════════════════════════ */

/* شريط تنبيه المخزون المنخفض */
.low-stock-alert {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(245, 158, 11, 0.05) 100%);
    border: 1px dashed rgba(239, 68, 68, 0.25);
    color: var(--color-red);
    padding: 14px 20px;
    border-radius: var(--radius-md);
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    animation: fadeIn 0.4s ease;
}

.low-stock-alert strong {
    color: white;
}

/* شارات حالات المنتجات المخزنية */
.stock-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 50px;
    font-size: 0.72rem;
    font-weight: 700;
}

.stock-badge.available {
    background-color: rgba(16, 185, 129, 0.12);
    color: var(--color-primary);
}

.stock-badge.low {
    background-color: rgba(245, 158, 11, 0.12);
    color: var(--color-yellow);
}

.stock-badge.out {
    background-color: rgba(239, 68, 68, 0.12);
    color: var(--color-red);
}