@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';
@import '_content/SLPE_UI/SLPE_UI.6qh2qo0iq2.bundle.scp.css';

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

/* ─── 1. Base (mobile < 768 px) ───────────────────────── */

.page[b-hr6cl07gko]{
    position:relative;
    display:flex;
    flex-direction:column;      /* stacked on mobile */
}

main[b-hr6cl07gko]{ flex:1; }

/* mobile header / hamburger bar */
.top-row[b-hr6cl07gko]{
    background:#00173b;
    border-bottom:1px solid #d6d5d5;
    height:3.5rem;
    display:flex;
    align-items:center;
    justify-content:space-between;   /* logo / hamburger left, links right */
}

.top-row[b-hr6cl07gko]  a,
.top-row[b-hr6cl07gko]  .btn-link{
    white-space:nowrap;
    text-decoration:none;
    margin-left:0;                       /* no gap on mobile */
}
.top-row[b-hr6cl07gko]  a:hover,
.top-row[b-hr6cl07gko]  .btn-link:hover{ text-decoration:underline; }

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

/* the sidebar is a full-width collapsible panel on mobile.
   Width is controlled by Bootstrap’s `.collapse` and the toggler,
   so we leave it 100 % here. */
.sidebar[b-hr6cl07gko]{ width:100%; }

/* ─── 2. Desktop (≥ 768 px) ───────────────────────────── */

@media (min-width:768px){

    /* horizontal layout */
    .page[b-hr6cl07gko]{ flex-direction:row; }

    /* fixed, always-visible sidebar */
    .sidebar[b-hr6cl07gko]{
        width:275px;
        height:100vh;
        position:sticky;
        top:0;
    }

    /* hide the mobile header (the markup already has `d-md-none`,
       but this keeps things tidy if it’s ever rendered) */
    .top-row[b-hr6cl07gko]{ display:none; }

    /* optional auth variant: keep first link pushed right */
    .top-row.auth[b-hr6cl07gko]  a:first-child{
        flex:1;
        text-align:right;
        width:0;
    }

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

/* ─── 3. Blazor error banner ─────────────────────────── */

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

#blazor-error-ui .dismiss[b-hr6cl07gko]{
    cursor:pointer;
    position:absolute;
    right:.75rem;
    top:.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */

/*.top-row {*/
/*    height: 3.5rem;*/
/*    background-color: rgba(0,0,0,0.4);*/
/*}*/

/*.user-info {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    margin-bottom: 1rem;*/
/*    padding: 0.5rem 0;*/
/*}*/

/*.user-info p {*/
/*    margin: 0;*/
/*    font-size: 1rem;*/
/*    font-weight: bold;*/
/*}*/

/*.bottom-row {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    padding-bottom: 10px;*/
/*    text-align: right;*/
/*    width: 100%;*/
/*    padding-right: 28px;*/
/*}*/

/*.icon-menu-arrow {*/
/*    text-align: right;*/
/*}*/

/*.navbar-brand {*/
/*    font-size: 1.1rem;*/
/*}*/

/*.oi {*/
/*    width: 2rem;*/
/*    font-size: 1.1rem;*/
/*    vertical-align: text-top;*/
/*    top: -2px;*/
/*}*/

/*.nav-item {*/
/*    font-size: 0.9rem;*/
/*    padding-bottom: 0.5rem;*/
/*    cursor: pointer;*/
/*}*/

/*.nav-item:last-of-type {*/
/*    padding-bottom: 1rem;*/
/*}*/

/*.nav-item ::deep a {*/
/*    color: #d7d7d7;*/
/*    border-radius: 4px;*/
/*    height: 3rem;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    line-height: 3rem;*/
/*}*/

/*.nav-item ::deep a.active {*/
/*    background-color: rgba(255,255,255,0.25);*/
/*    color: white;*/
/*}*/

/*.nav-item ::deep a:hover {*/
/*    background-color: rgba(255,255,255,0.1);*/
/*    color: white;*/
/*}*/

/*@media (min-width: 641px) {*/
/*    .navbar-toggler {*/
/*        display: none;*/
/*    }*/

/*    .collapse {*/

/*        display: block;*/
/*    }*/
/*}*/

/*@media (max-width: 640px) {*/
/*    .bottom-row {*/
/*        display: block;*/
/*    }*/
/*}*/


/*@media (min-width: 641px) {*/
/*    .navbar-toggler {*/
/*        display: none;*/
/*    }*/

/*    .nav-scrollable {*/
/*        !* Never collapse the sidebar for wide screens *!*/
/*        display: block;*/
/*        !* Allow sidebar to scroll for tall menus *!*/
/*        height: calc(100vh - 3.5rem);*/
/*        overflow-y: auto;*/
/*    }*/
/*}*/

/*!*ICONS*!*/

/*.nav-bar-icon {*/
/*    height: 30px;*/
/*    width: 30px;*/
/*    margin-right: 8px;*/
/*}*/

/*!*NAVBAR*!*/

/*hr {*/
/*    display: block;*/
/*    height: 4px;*/
/*    border: 0;*/
/*    border-top: 4px solid #ccc;*/
/*    margin: 1em 0;*/
/*    padding: 0;*/
/*    color: red;*/
/*}*/

.nav-image[b-9g96385vw8] {
    background: url("Photos/monopoly_unfilled.png") no-repeat;
    object-fit: contain;
    max-width: 250px;
    height: 70px;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem auto auto;
}

/*.oi-caret-bottom, .oi-caret-right*/
/*{*/
/*    text-align-last: end;*/
/*    font-size: smaller!important;*/
/*    margin-right: auto;*/
/*    margin-left: 0*/

/*}*/

/*!* Flex container for the oi-carets *!*/
/*.caret-container {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: flex-end;*/
/*    margin-top: 4px;*/
/*    margin-left:auto;*/
/*}*/


/*!*CSS ANIMATION*!*/

/*@keyframes fadeIn {*/
/*    from {*/
/*        opacity: 0;*/
/*        transform: translateX(-15px);*/
/*    }*/

/*    to {*/
/*        opacity: 1;*/
/*        transform: translateX(0);*/
/*    }*/
/*}*/

/*@keyframes slowFade {*/
/*    from {*/
/*        opacity: 0;*/

/*    }*/

/*    to {*/
/*        opacity: 1;*/

/*    }*/
/*}*/

/*.delayAnimation {*/
/*    animation: fadeIn 1s ease-in-out both;*/
/*    animation-delay: 0.5s*/

/*}*/


/*.fade-in {*/
/*    animation: fadeIn 0.5s ease-in-out both;*/
/*}*/

/*.traffic {*/
/*    text-align:center*/
/*}*/

/*::-webkit-scrollbar {*/
/*    width: 5px*/
/*}*/

/*::-webkit-scrollbar-thumb {*/
/*    background: rgb(193,193,193);*/
/*}*/

/* /Components/Pages/RecentUpdates.razor.rz.scp.css */
/* Preserve commit-body line breaks without collapsing runs of whitespace. */
.recent-update-body[b-xgdrn1xdja] {
    white-space: pre-line;
}