/* Inventory page specific styles */
.page-intro { padding-block: var(--space-12) var(--space-8); }
.page-intro .intro-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-3); }
.meta-updates { color: var(--color-muted); font-size: var(--text-sm); margin-top: var(--space-3); }

.categories { padding-block: var(--space-6) var(--space-4); }
.category-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); }

.updates, .search, .catalog, .management, .popular, .feedback { padding-block: var(--space-8); }

.notify-form .notify-row { display: grid; gap: var(--space-2); grid-template-columns: 1fr; }
@media (min-width: 640px) { .notify-form .notify-row { grid-template-columns: 1fr auto; } }

.filters { margin-top: var(--space-4); }
.filters-grid { display: grid; gap: var(--space-5); grid-template-columns: 1fr; }
.filter-item { min-width: 0; }
.filters-actions { margin-top: var(--space-3); }
@media (min-width: 900px) { .filters-grid { grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr; } }

.results-meta { margin-top: var(--space-4); font-weight: 600; }

.products-grid { display: grid; gap: var(--space-6); grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin-top: var(--space-5); }
.product-card { display: flex; flex-direction: column; }
.product-media { aspect-ratio: 16/10; overflow: hidden; border-radius: var(--radius-md); margin-bottom: var(--space-4); }
.product-media img { width: 100%; height: 100%; object-fit: cover; }
.product-meta { color: var(--color-muted); font-size: var(--text-sm); }
.product-row { display: inline-flex; align-items: center; gap: var(--space-2); margin-top: var(--space-2); font-weight: 600; }
.product-actions { display: flex; gap: var(--space-3); flex-wrap: wrap; }

.no-results { margin-top: var(--space-5); font-weight: 600; }

.availability-help { margin-top: var(--space-6); }
.availability-help h3 { font-size: var(--text-xl); }

.management ul { margin-left: var(--space-5); }
.management-cta { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-3); }

.popular-list { margin-left: var(--space-5); }

.feedback-grid { grid-template-columns: 1fr; gap: var(--space-5); }
@media (min-width: 900px) { .feedback-grid { grid-template-columns: 1fr 1fr 1fr; } }
.feedback-actions { display: flex; gap: var(--space-3); margin-top: var(--space-3); }