/* Collection View Layout */
.page-wrapper {
    position: relative;
    min-height: 100vh;
}

#collection-contents-container {
    max-width: 900px;
    margin: 0 auto;
}

.empty-state {
    max-width: 900px;
    margin: 2rem auto;
    text-align: center;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.875rem;
}

/* Ensure FAB stays within layout bounds */
#collectionFabContainer {
    position: fixed;
    bottom: 2rem;
    right: max(calc((100vw - 900px) / 2 + 1.5rem), 1.5rem) !important;
}

@media (max-width: 768px) {
    #collectionFabContainer {
        bottom: 1.5rem;
        /* Right is handled by the max() formula above */
    }
}