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

/* Collapsing container in normal flow */
.menu-collapse[b-036zo0cbbc] {
    position: relative;
    z-index: 10; /* above main content */
}

/* Menu panel styling */
.menu-panel[b-036zo0cbbc] {
    background: red;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 8px 8px;
    padding: 12px;
}

/* Flex row for links */
.menu-row[b-036zo0cbbc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 10px;
}

.menu-link[b-036zo0cbbc] {
    text-decoration: none;
    color: rgba(0,0,0,0.87);
    font-weight: 500;
}

/* Fixed close button anchored to viewport's right edge */
.menu-fixed-close[b-036zo0cbbc] {
    position: fixed;
    top: 64px; /* below typical app bar height; adjust if your AppBar height differs */
    right: 16px;
    /* background: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;*/
    padding: 8px;
    /* box-shadow: 0 4px 12px rgba(0,0,0,0.15);*/
    z-index: 2000; /* above everything */
    cursor: pointer;
}

@media (max-width: 480px) {
    .menu-row[b-036zo0cbbc] {
        gap: 8px;
    }

    .menu-fixed-close[b-036zo0cbbc] {
        top: 56px;
    }
}

/*=====================================================*/


/* Scoped to MainLayout only */
.sticky-subnav[b-036zo0cbbc] {
    position: sticky;
    top: var(--appbar-height); /* uses the global variable */
    z-index: 1001;
    background: transparent;
}

/* Optional surface styling */
.subnav-surface[b-036zo0cbbc] {
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.12);
}

/* Collapse content padding */
.subnav-content[b-036zo0cbbc] {
    padding: 0.5rem 1rem;
}

/* Ensure ancestors don't break sticky */
.page-content[b-036zo0cbbc] {
    overflow: visible; /* critical: sticky fails if ancestors have overflow:auto/hidden/scroll */
}

/* If you absolutely must set a local variable within the component, use :host
   (but note this won't be global). Prefer global :root for consistency. */
:host[b-036zo0cbbc] {
    /* Example: local override (optional) */
    /* --appbar-height: 64px; */
}
/* /Layout/NavMenu.razor.rz.scp.css */
/*=================================*/

/* NavMenu.razor.css */

/* Visuals */
.top-row[b-km4oeiwdmm] {
    height: 3.5rem;
}

.navbar-dark .navbar-brand[b-km4oeiwdmm] {
    font-weight: 600;
}

.navbar-toggler[b-km4oeiwdmm] {
    background-color: rgba(255, 255, 255, 0.1);
}

.sidebar[b-km4oeiwdmm] {
    background-color: #1f2328; /* dark sidebar */
    padding: 0.5rem 0;
}

/* Scrollable nav area (below the top row) */
.nav-scrollable[b-km4oeiwdmm] {
    overflow-y: auto;
}

/* Collapsing behavior */
.collapse[b-km4oeiwdmm] {
    display: none; /* Hide on small screens when class is present */
}

/* Desktop: always show menu, hide the toggler */
@media (min-width: 641px) {
    .navbar-toggler[b-km4oeiwdmm] {
        display: none;
    }

    .collapse[b-km4oeiwdmm] {
        display: block !important; /* Always show sidebar on desktop */
    }

    .nav-scrollable[b-km4oeiwdmm] {
        /* Take the full height minus the top-row */
        height: calc(100vh - 3.5rem);
    }
}

/* Mobile: menu revealed when "collapse" class is removed */
@media (max-width: 640px) {
    .nav-scrollable[b-km4oeiwdmm] {
        height: calc(100vh - 3.5rem);
    }
}





/*.navbar-toggler {
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

.bi {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type {
        padding-top: 1rem;
    }

    .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.37);
    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 {*/
        /* Never collapse the sidebar for wide screens */
        /*display: block;
    }

    .nav-scrollable {*/
        /* Allow sidebar to scroll for tall menus */
        /*height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}*/
/* /Pages/CurrentPositions.razor.rz.scp.css */

/* Make the card a positioning context */
.kanban-card[b-n0tqzophjk] {
    position: relative;
}

/* Place the icon in the top-right corner of the card */
.card-top-right[b-n0tqzophjk] {
    position: absolute;
    top: 6px; /* adjust as needed */
    right: 6px; /* adjust as needed */
    z-index: 2; /* keeps the icon above card contents */
}


/*.no-border.mud-dropzone {
    border: none !important;
}*/

/* /Pages/People.razor.rz.scp.css */
[b-hqxvs0os52] .columnHeader {
    white-space: nowrap;
}


/* In your site css or a scoped stylesheet */
[b-hqxvs0os52] .custom-selected {
    background-color: rgba(33, 150, 243, 0.18); /* Material Blue 500 with alpha */
    font-weight: 600;
}


/* candidate-details.css */
.full-bleed[b-hqxvs0os52] {
    width: 100%;
}

.w-100[b-hqxvs0os52] {
    width: 100%;
}

.details-paper[b-hqxvs0os52] {
    width: 100%;
    display: flex;
    flex-direction: column; /* vertical stacking for multiple sections */
}

/* Flex helpers for equal tiles */
.flex-1[b-hqxvs0os52] {
    flex: 1 1 0;
    min-width: 0;
}

.tile[b-hqxvs0os52] {
    padding: .5rem;
}

/* Optional: make chips truncate nicely if needed */
.mud-chip[b-hqxvs0os52] {
    max-width: 100%;
}

    .mud-chip .mud-chip-label[b-hqxvs0os52] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


[b-hqxvs0os52] .paper-relative {
    position: relative;
}

[b-hqxvs0os52] .close-btn {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 2;
    color: var(--primary-colour); /* moved from inline Style= for consistency */
}



/* Existing selection style */
[b-hqxvs0os52] .custom-selected {
    outline: 2px solid #1976d2; /* MudBlazor Primary */
    outline-offset: -2px;
    background-color: rgba(25, 118, 210, 0.10);
}

/*=======================*/


.people-flex[b-hqxvs0os52] {
    display: flex;
    gap: .5rem; /* optional */
}

/* fixed left pane */
.sidebar[b-hqxvs0os52] {
    min-width: 250px;
    border: 1px solid lightgray;
    border-radius: 3px;
    /* optionally set a max-height + overflow-y if this column can be tall */
}

/* right pane that takes the remaining space */
.content[b-hqxvs0os52] {
    flex: 1 1 auto; /* grows to fill remaining horizontal space */
    min-width: 0; /* CRITICAL: allows flex item to shrink; prevents unwanted overflow/clipping */
    overflow: hidden; /* prevents the content from visually spilling out */
    /* If the inner grid/table can be wider than the container, enable horizontal scroll: */
    overflow-x: auto; /* shows a horizontal scrollbar only when needed */
}

/*==================================================*/
.flex-grid[b-hqxvs0os52] {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.flex-item[b-hqxvs0os52] {
    box-sizing: border-box;
    padding: 4px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.left-col[b-hqxvs0os52] {
    width: 25%;
    flex-shrink: 0;
}

.center-col[b-hqxvs0os52] {
    width: 25%;
    flex-shrink: 0;
    
}

.right-col[b-hqxvs0os52] {
    width: 50%;
    flex-shrink: 0;
   
}

.ml-1[b-hqxvs0os52] {
    margin-left: 4px;
}