/* Inventory.css - Module-specific styles for Inventory management */

/* Category panels wrapper */
.inventory-categories {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

/* Item header price info */
.inventory-price-info {
    margin-left: var(--space-3);
    font-size: var(--text-sm);
}

/* Item detail rows */
.inventory-item-details {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

/* Item detail thumbnail */
.inventory-detail-image {
    max-width: 120px;
    max-height: 80px;
    border-radius: var(--border-radius-md);
    object-fit: cover;
}

/* Image section in the item modal -- compact drop zone */
.inventory-item-image .file-upload-zone .upload-zone-label {
    padding: var(--space-3);
    min-height: auto;
    gap: var(--space-1);
}

.inventory-item-image .file-upload-zone .upload-icon {
    display: none;
}

.inventory-item-image .file-upload-zone .upload-subtitle,
.inventory-item-image .file-upload-zone .upload-hint {
    display: none;
}

.inventory-item-image .file-upload-zone h3 {
    font-size: var(--text-sm);
    margin: 0;
}

/* Image preview in edit mode */
.inventory-item-image img {
    max-width: 100%;
    max-height: 120px;
    border-radius: var(--border-radius-md);
    object-fit: cover;
}

/* Image preview spacing in modal */
.inventory-image-preview {
    padding-bottom: var(--space-2);
}