/*
 * ChoralPro Dashboard Layout Styles
 * Provides full-width container breakout for themes with constrained content width.
 */

.cp-dashboard-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding-left: 20px; /* Optional: adds some padding back in */
    padding-right: 20px; /* Optional: adds some padding back in */
    box-sizing: border-box; /* Ensures padding is included in the width */
}

/* Ensure the direct child of the container behaves correctly */
.cp-dashboard-container > .cp-dashboard-content {
    max-width: 1200px; /* Or your desired max-width for the content itself */
    margin: 0 auto;
}