/* _content/FluctTg/Components/Layout/AppPage.razor.rz.scp.css */
/* Apply styles directly to component elements */
[b-mealc2yn5i] body { /* Ensure body doesn't have default margins/paddings that interfere */
    margin: 0;
    padding: 0;
    overflow: hidden; /* Prevent body scrolling */
}

.page-container[b-mealc2yn5i] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full viewport height */
    /*width: 100vw; !* Full viewport width *!*/
    /*overflow: hidden; !* PREVENT LAYOUT SCROLLING *!*/
    padding: 0 8px 8px 8px;
}

.main-header[b-mealc2yn5i] {
    display: flex;
    justify-content: space-between;
    /*padding: 4px;*/
    align-items: center;
    /*padding: 8px;*/
    /*background-color: #007bff; !* Example header background *!*/

    flex-shrink: 0; /* Prevent header from shrinking */
    /*box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/
    height: 52px; /* Example fixed height */
    /*box-sizing: border-box;*/

    color: dimgray;
    font-weight: bold;
}

.header-left[b-mealc2yn5i],
.header-right[b-mealc2yn5i] {
    flex: 0 1 auto; /* Allow shrinking/growing but base on content */
    display: flex;
    align-items: center;
    gap: 4px; /* Spacing between buttons if multiple */
}

.header-center[b-mealc2yn5i] {
    flex: 1 1 auto; /* Allow growing/shrinking, take available space */
    text-align: center;
    overflow: hidden; /* Prevent long titles breaking layout */
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 8px;
}

.header-title[b-mealc2yn5i] {
    margin: 0;
    font-size: 1.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-back[b-mealc2yn5i] {
    /* Specific styling for back button if needed */
    padding: 0.3em 0.8em;
}

.main-content-area[b-mealc2yn5i] {
    flex-grow: 1; /* Take remaining vertical space */
    /*margin: 8px;*/
    overflow: hidden; /* IMPORTANT: Prevent this container from scrolling */
    /*border: 1px solid #ccc; !* Example border *!*/
    /*background-color: #fff; !* Example background *!*/
    /*box-shadow: inset 0 0 5px rgba(0,0,0,0.1);*/
    position: relative; /* Needed for absolute positioning if required */
    /*box-sizing: border-box;*/

    display: flex;
    justify-content: center;
    align-items: center;
}