/* Vinoseek Layout - compact baseline */

/* Container sizing: keep Bootstrap defaults, allow a max width for content blocks if needed */
.vs-container{ max-width: 1440px; margin-left: auto; margin-right: auto; }

/* Section spacing helpers */
.vs-section{ margin-bottom: var(--vs-space-6); }

/* Skeletons to avoid CLS during data load */
.vs-skeleton{ display: block; width: 100%; height: 1rem; background: linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%); background-size: 400% 100%; border-radius: 4px; animation: vs-shimmer 1.4s ease infinite; }
.vs-skeleton.sm{ height: .75rem; }
.vs-skeleton.md{ height: 1rem; }
.vs-skeleton.lg{ height: 1.25rem; }
@keyframes vs-shimmer{ 0%{ background-position: 100% 0; } 100%{ background-position: 0 0; } }

/* Fixed heights for headers/filters to avoid layout jump */
.vs-filter-bar{ min-height: 44px; display: flex; align-items: center; }

/* Table wrapper with sticky header support */
.vs-table-wrap{ position: relative; }
.vs-table-wrap .table{ margin-bottom: 0; }

/* Toast position (non-invasive) */
.toast-container{ position: fixed; top: 1rem; right: 1rem; z-index: 1080; }

