@import 'TinLine.VideoPortal.Client.hhs22n9n3o.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.b6pgxrrsua.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */

:root[b-t32dni0oju] {
    --sidebar-width: 250px; /* fallback, will adjust dynamically */
}

.main-layout-grid[b-t32dni0oju] {
    display: grid;
    grid-template-columns: auto 1fr; /* sidebar (auto), content (rest) */
    height: calc(100vh - var(--header-height));
    overflow: hidden;
}



.fixed-message-bar[b-t32dni0oju] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1000; /* Adjust this value as needed */
    max-width: 810px;
}

#login-container[b-t32dni0oju] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

[b-t32dni0oju] #authorized-container {
    padding: 4vh 4vw;
    overflow-y: auto;
}



/* The clickable area around the logo */
.logo-link[b-t32dni0oju] {
    display: flex;
    align-items: center;
    height: 100%;
    text-decoration: none;
    align-items: center; /* Vertically centers content */
}

/* The logo sizing */
.header-logo[b-t32dni0oju] {
    /* 40px is the 'sweet spot' for a 65px header (roughly 60% height) */
    height: 36px;
    display: block;
}