/* ===============================================
   INVENTORY STATUS COMPONENT
   Color-coded inventory status indicators with dots
   =============================================== */

.inventory-status {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    padding: 4px var(--space-sm);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
}

.inventory-status.in-stock {
    background: #dcfce7;
    color: #15803d;
}

.inventory-status.low-stock {
    background: #fef3c7;
    color: #b45309;
}

.inventory-status.out-of-stock {
    background: #fee2e2;
    color: #991b1b;
}

.inventory-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}