/* File: prj-setlist-builder/assets/css/frontend/prj-frontend-mobile.css */

@media (max-width: 900px) {
    .prj-setlist-status-actions-row {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        flex-wrap: nowrap;
    }

    .prj-setlist-status-col {
        flex: 0 0 100%;
        min-width: 100%;
    }

    .prj-setlist-status-col .prj-setlist-message {
        margin: 0;
    }

    .prj-setlist-status-actions-col {
        flex: 0 0 430px;
        width: 430px;
        display: flex;
        align-items: flex-start;
        gap: 10px;
        flex-wrap: wrap;
    }
}