@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Admin/Layout/MainLayout.razor.rz.scp.css */
/* The old shell's scoped styles are gone with the markup they targeted -
   .page, .sidebar, .top-row and the rest no longer exist anywhere.

   Two of those rules were actively harmful once the shell changed. Scoped CSS
   applies to elements this component renders, and the old file styled bare
   element selectors: `main` set margin-left:250px and margin-top:3.5rem to clear
   a fixed sidebar and header, which would have shoved the new <main> sideways
   inside a grid column that already reserves the rail's width. `a` and `h1-h6`
   forced a fixed blue that fights the theme tokens.

   The shell is styled entirely by wwwroot/css/admin.css now, so this file is
   intentionally empty rather than deleted - Blazor still expects it beside the
   component if scoped styles are ever added back. */
/* /Admin/Layout/NavMenu.razor.rz.scp.css */
/* Empty on purpose. Every selector here targeted the old nav markup -
   .navbar-brand, .nav-scrollable, .nav-item and the bi-* icon classes - none of
   which is rendered any more. The rail is styled by wwwroot/css/admin.css. */
/* /Partner/Layout/MainLayout.razor.rz.scp.css */
.page[b-z3di6lozs3] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #e0e0e0; /* Light gray background to match the logo's modern look */
    height: 100vh;
}

main[b-z3di6lozs3] {
    flex: 1;
    background-color: #ffffff; /* White background for main content */
    margin-top: 3.5rem; /* Adjust margin to account for fixed top row */
    margin-left: 250px; /* Adjust margin to account for fixed sidebar */
    overflow-y: auto; /* Enable scrolling for main content */
    height: calc(100vh - 3.5rem); /* Ensure main content takes up remaining height */
}

.sidebar[b-z3di6lozs3] {
    background-color: #052767; /* Dark blue background to match the logo */
    color: #ffffff; /* White text color */
    padding: 1rem; /* Add some padding for better spacing */
    width: 250px; /* Fixed width for sidebar */
    height: 100vh; /* Full viewport height */
    position: fixed; /* Fixes the sidebar */
    top: 0;
    left: 0;
    overflow-y: hidden;
}

.top-row[b-z3di6lozs3] {
    display: flex;
    justify-content: space-between;
    height: 3.5rem;
    background-color: #888888; /* Light blue background to match the logo */
    border-bottom: 1px solid #d6d5d5;
    vertical-align: middle;
    color: white; /* Ensure text color contrasts with the background */
    position: fixed; /* Fixes the top bar */
    top: 0;
    left: 250px; /* Adjust position to account for fixed sidebar */
    right: 0; /* Extend to the right edge of the viewport */
    z-index: 1000; /* Ensures it stays above other content */
}

.left[b-z3di6lozs3] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
.right[b-z3di6lozs3] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .top-row[b-z3di6lozs3]  a, .top-row[b-z3di6lozs3]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
        color: white;
    }

        .top-row[b-z3di6lozs3]  a:hover, .top-row[b-z3di6lozs3]  .btn-link:hover {
            text-decoration: underline;
            color: #052767; 
        }

        .top-row[b-z3di6lozs3]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-z3di6lozs3] {
        justify-content: space-between;
    }

        .top-row[b-z3di6lozs3]  a, .top-row[b-z3di6lozs3]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-z3di6lozs3] {
        flex-direction: row;
    }

    .sidebar[b-z3di6lozs3] {
        width: 250px;
        height: 100vh;
        position: fixed;
        top: 0;
        background-color: #052767;
        color: #ffffff; 
        overflow-y: hidden;
    }

    .top-row[b-z3di6lozs3] {
        position: fixed;
        top: 0;
        left: 250px;
        right: 0;
        z-index: 1000;
    }

        .top-row.auth[b-z3di6lozs3]  a:first-child {
            flex: 1;
            
            width: 0;
        }

    .top-row[b-z3di6lozs3], article[b-z3di6lozs3] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-z3di6lozs3] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-z3di6lozs3] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* Additional styling to match the logo's aesthetic */
body[b-z3di6lozs3] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333333; /* Darker text color for better readability */
}

h1[b-z3di6lozs3], h2[b-z3di6lozs3], h3[b-z3di6lozs3], h4[b-z3di6lozs3], h5[b-z3di6lozs3], h6[b-z3di6lozs3] {
    color: #052767; /* Dark blue headings */
}

a[b-z3di6lozs3] {
    color: #052767; /* Default link color to match the logo */
}

    a:hover[b-z3di6lozs3] {
        color: #3a0647; /* Link hover color to match the logo */
    }