/* /Components/Layout/AppBar.razor.rz.scp.css */
.appbar[b-k62d8ppwyr] {
    position: sticky;
    top: 0;
    z-index: var(--bm-z-appbar);
    height: var(--bm-appbar-height);
    display: flex;
    align-items: center;
    gap: var(--bm-space-4);
    padding: 0 var(--bm-space-4);
    background-color: var(--bm-surface);
    border-bottom: 1px solid var(--bm-border);
}

.appbar-left[b-k62d8ppwyr] {
    display: flex;
    align-items: center;
    gap: var(--bm-space-2);
    flex-shrink: 0;
}

.appbar-btn[b-k62d8ppwyr] {
    background: none;
    border: none;
    border-radius: var(--bm-radius-sm);
    color: var(--bm-text);
    padding: 0.35rem 0.55rem;
    font-size: 1.1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    text-decoration: none;
    position: relative;
}

.appbar-btn:hover[b-k62d8ppwyr] {
    background-color: rgba(30, 58, 138, 0.08);
    color: var(--bm-primary);
}

.appbar-hamburger[b-k62d8ppwyr] {
    display: none;
}

.appbar-breadcrumb[b-k62d8ppwyr] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: var(--bm-space-2);
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.95rem;
}

.appbar-breadcrumb .crumb[b-k62d8ppwyr] {
    color: var(--bm-text-muted);
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.appbar-breadcrumb .crumb-current[b-k62d8ppwyr] {
    color: var(--bm-text);
    font-weight: 600;
}

.appbar-breadcrumb .crumb-sep[b-k62d8ppwyr] {
    color: var(--bm-border-strong);
}

.appbar-right[b-k62d8ppwyr] {
    display: flex;
    align-items: center;
    gap: var(--bm-space-2);
    flex-shrink: 0;
    margin-left: auto;
}

.appbar-bell-badge[b-k62d8ppwyr] {
    position: absolute;
    top: -2px;
    right: -4px;
    font-size: 0.65rem;
}

.appbar-user-name[b-k62d8ppwyr] {
    font-size: 0.9rem;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Blazor-driven dropdown: Bootstrap's JS bundle is not loaded, so the menu is
   positioned here and dismissed via the transparent click-catcher. */
.appbar-user-menu[b-k62d8ppwyr] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: auto;
}

.appbar-menu-catcher[b-k62d8ppwyr] {
    position: fixed;
    inset: 0;
    background: transparent;
}

.appbar-progress[b-k62d8ppwyr] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--bm-primary-light), transparent);
    background-size: 40% 100%;
    animation: bm-progress-slide-b-k62d8ppwyr 1.1s linear infinite;
}

@keyframes bm-progress-slide-b-k62d8ppwyr {
    0% { background-position: -40% 0; }
    100% { background-position: 140% 0; }
}

@media (max-width: 767.98px) {
    .appbar-hamburger[b-k62d8ppwyr] {
        display: inline-flex;
    }

    .appbar-collapse[b-k62d8ppwyr] {
        display: none;
    }

    /* Truncate middle breadcrumb segments below md */
    .appbar-breadcrumb .crumb:not(.crumb-current):not(:first-child)[b-k62d8ppwyr] {
        max-width: 3ch;
    }

    .appbar-user-name[b-k62d8ppwyr] {
        display: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.shell[b-he68j8sono] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.shell-body[b-he68j8sono] {
    flex: 1;
    display: flex;
    align-items: stretch;
}

main[b-he68j8sono] {
    flex: 1;
    min-width: 0;
    background-color: var(--bm-surface-sunken);
}

/* #bm-main is the skip link's target and carries tabindex="-1" so it can be focused
   programmatically rather than reached by Tab. app.css's global :focus-visible rule excludes
   tabindex="-1" containers for exactly this reason - without this, activating the skip link
   would paint the branded ring around the entire content region instead of drawing attention to
   whatever is inside it. See the exclusion comment in app.css for the other two containers that
   need the same treatment (.bm-dialog, .sidenav). */
main:focus[b-he68j8sono] {
    outline: none;
}

.content[b-he68j8sono] {
    max-width: var(--bm-content-max);
    margin-inline: auto;
    padding: var(--bm-space-5) var(--bm-space-5) var(--bm-space-6);
}

#blazor-error-ui[b-he68j8sono] {
    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: var(--bm-z-toast);
}

#blazor-error-ui .dismiss[b-he68j8sono] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/SideNav.razor.rz.scp.css */
.sidenav[b-tgon3amq8z] {
    background-color: var(--bm-surface);
    border-right: 1px solid var(--bm-border);
    width: var(--bm-sidebar-width);
    height: calc(100vh - var(--bm-appbar-height));
    position: sticky;
    top: var(--bm-appbar-height);
    overflow-y: auto;
    flex-shrink: 0;
    transition: width 0.15s ease;
}

/* The drawer root carries tabindex="-1" unconditionally, is excluded from the focus trap's
   own focusable selector, and can never be reached by Tab, so a keyboard user only ever
   sees the ring on its focusable contents. Suppressed unconditionally, matching
   .bm-dialog's reasoning, so a keyboard-opened drawer does not paint a UA-default ring
   around the whole panel. */
.sidenav:focus[b-tgon3amq8z] {
    outline: none;
}

.sidenav.sidenav-rail[b-tgon3amq8z] {
    width: var(--bm-sidebar-rail);
}

.sidenav.sidenav-rail[b-tgon3amq8z]  .nav-label {
    display: none;
}

.sidenav[b-tgon3amq8z]  .nav-item {
    font-size: 0.95rem;
    font-weight: 500;
    padding-bottom: 0.25rem;
}

.sidenav[b-tgon3amq8z]  .nav-item:first-of-type {
    padding-top: 1rem;
}

.sidenav[b-tgon3amq8z]  .nav-link {
    color: var(--bm-text);
    border-radius: var(--bm-radius-sm);
    height: 2.75rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 0.85rem;
    white-space: nowrap;
}

.sidenav[b-tgon3amq8z]  .nav-link .bi {
    font-size: 1.1rem;
    flex-shrink: 0;
}

.sidenav[b-tgon3amq8z]  a.active {
    background-color: var(--bm-primary-light);
    color: var(--bm-text-inverse);
}

.sidenav[b-tgon3amq8z]  .nav-link:hover:not(.active) {
    background-color: rgba(30, 58, 138, 0.08);
    color: var(--bm-primary);
}

.sidenav-backdrop[b-tgon3amq8z] {
    display: none;
}

.sidenav-group[b-tgon3amq8z] {
    position: relative;
}

.sidenav-group-label[b-tgon3amq8z] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--bm-text-muted);
    padding: var(--bm-space-3) 0.85rem var(--bm-space-1);
}

.sidenav-separator[b-tgon3amq8z] {
    display: none;
    margin: var(--bm-space-2) 0.85rem;
    border-color: var(--bm-border);
}

.sidenav-group-flyout[b-tgon3amq8z] {
    display: none;
}

.sidenav.sidenav-rail .sidenav-group-label[b-tgon3amq8z] {
    display: none;
}

.sidenav.sidenav-rail .sidenav-separator[b-tgon3amq8z] {
    display: block;
}

.sidenav.sidenav-rail .sidenav-group:hover .sidenav-group-flyout[b-tgon3amq8z] {
    display: block;
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    z-index: var(--bm-z-drawer);
    background: var(--bm-surface);
    border: 1px solid var(--bm-border);
    border-radius: var(--bm-radius-sm);
    box-shadow: var(--bm-shadow-md);
    padding: var(--bm-space-1) var(--bm-space-3);
    font-size: 0.8rem;
    white-space: nowrap;
}

.sidenav[b-tgon3amq8z]  .bm-nav-badge {
    font-size: 0.7rem;
}

.sidenav.sidenav-rail[b-tgon3amq8z]  .bm-nav-badge {
    display: none;
}

@media (max-width: 767.98px) {
    .sidenav[b-tgon3amq8z] {
        position: fixed;
        top: var(--bm-appbar-height);
        left: 0;
        bottom: 0;
        height: auto;
        width: var(--bm-sidebar-width) !important;
        z-index: var(--bm-z-drawer);
        transform: translateX(-100%);
        /* Closed drawer is also removed from the tab order; the visibility change is
           delayed so the slide-out transition still plays before links stop being
           reachable. */
        visibility: hidden;
        transition: transform 0.2s ease, visibility 0s linear 0.2s;
    }

    .sidenav.sidenav-open[b-tgon3amq8z] {
        transform: translateX(0);
        visibility: visible;
        transition: transform 0.2s ease;
    }

    /* Drawer always shows full labels regardless of the collapse preference */
    .sidenav.sidenav-rail[b-tgon3amq8z]  .nav-label {
        display: inline;
    }

    /* Drawer always shows expanded-style groups regardless of the collapse preference */
    .sidenav.sidenav-rail .sidenav-group-label[b-tgon3amq8z] {
        display: block;
    }

    .sidenav.sidenav-rail .sidenav-separator[b-tgon3amq8z] {
        display: none;
    }

    .sidenav.sidenav-rail[b-tgon3amq8z]  .bm-nav-badge {
        display: inline-block;
    }

    .sidenav.sidenav-rail .sidenav-group:hover .sidenav-group-flyout[b-tgon3amq8z] {
        display: none;
    }

    .sidenav-backdrop[b-tgon3amq8z] {
        display: block;
        position: fixed;
        inset: var(--bm-appbar-height) 0 0 0;
        background: var(--bm-backdrop-color);
        z-index: var(--bm-z-backdrop);
    }
}
/* /Components/Organizations/OrgLicensing.razor.rz.scp.css */
.bm-highlight[b-b4ykkdsch2] {
    background-color: var(--bm-highlight-bg, rgba(255, 193, 7, 0.15));
    transition: background-color 1s ease-in;
}
/* /Components/Organizations/OrgSwitcher.razor.rz.scp.css */
.bm-org-switcher[b-47fhf9cn76] {
    position: relative;
    display: inline-block;
}

.bm-org-switcher-backdrop[b-47fhf9cn76] {
    position: fixed;
    inset: 0;
    z-index: calc(var(--bm-z-appbar) + 1);
}

.bm-org-switcher-panel[b-47fhf9cn76] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.25rem);
    z-index: calc(var(--bm-z-appbar) + 2);
    width: 20rem;
    max-width: 90vw;
    padding: 0.5rem;
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.bm-org-switcher-status[b-47fhf9cn76] {
    padding: 0.5rem 0.25rem 0.25rem;
    font-size: 0.875rem;
}

.bm-org-switcher-results[b-47fhf9cn76] {
    margin: 0.5rem 0 0;
    max-height: 16rem;
    overflow-y: auto;
}

.bm-org-switcher-item[b-47fhf9cn76] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.375rem 0.5rem;
    border: 0;
    border-radius: 0.25rem;
    background: transparent;
    text-align: left;
}

.bm-org-switcher-item:hover[b-47fhf9cn76] {
    background: var(--bs-tertiary-bg, #f1f3f5);
}

.bm-org-switcher-item.current[b-47fhf9cn76] {
    font-weight: 600;
}

.bm-org-switcher-name[b-47fhf9cn76] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Pages/ApplicationsCatalog.razor.rz.scp.css */
/* The selected item renders on Bootstrap's active blue; muted text and badges need the
   light treatment the old page carried in an inline style block. */
.list-group-item.active .text-muted[b-a4vfo89tf5] {
    color: rgba(255, 255, 255, 0.8) !important;
}

.list-group-item.active .badge[b-a4vfo89tf5] {
    opacity: 0.9;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.bm-login-card[b-t360yh2nrx] {
    background: var(--bm-surface);
    border: 1px solid var(--bm-border);
    border-radius: var(--bm-radius-lg);
    box-shadow: var(--bm-shadow-lg);
}

.bm-login-overlay-backdrop[b-t360yh2nrx] {
    position: fixed;
    inset: 0;
    background: var(--bm-backdrop-color-strong);
    z-index: var(--bm-z-modal);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bm-login-overlay-card[b-t360yh2nrx] {
    max-width: 450px;
    width: 90%;
    border-radius: var(--bm-radius-lg);
    box-shadow: var(--bm-shadow-lg);
}
/* /Components/Pages/MyOrganization.razor.rz.scp.css */
.bm-org-header[b-k1j1ssus8c] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--bs-body-bg, #fff);
    padding-top: 0.25rem;
}

.bm-org-tab-body[b-k1j1ssus8c] {
    padding-top: 1rem;
}
/* /Components/Pages/Organizations.razor.rz.scp.css */
/* RFMS API badge color, tokenized from the inline style the monolith used for this badge.
   OrgWorkspace.razor and MyOrganization.razor still render the same badge with the inline
   style (out of scope for this page); converging all three onto one shared class is a
   candidate for a later pass. */
.badge-rfms-api[b-eh1y84eitd] {
    background-color: #C00000;
}
/* /Components/Pages/OrgWorkspace.razor.rz.scp.css */
.bm-org-header[b-tgjkktrtlj] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--bs-body-bg, #fff);
    padding-top: 0.25rem;
}

.bm-org-tab-body[b-tgjkktrtlj] {
    padding-top: 1rem;
}
/* /Components/Shared/OrgNameTypeahead.razor.rz.scp.css */
.bm-org-typeahead[b-wmtwe7rr9b] {
    position: relative;
}

/* The typeahead can sit inside the FilterBar drawer, so its overlay layers above it. */
.bm-org-typeahead-backdrop[b-wmtwe7rr9b] {
    position: fixed;
    inset: 0;
    z-index: calc(var(--bm-z-drawer) + 1);
}

.bm-org-typeahead-panel[b-wmtwe7rr9b] {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 0.25rem);
    z-index: calc(var(--bm-z-drawer) + 2);
    padding: 0.5rem;
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.bm-org-typeahead-status[b-wmtwe7rr9b] {
    padding: 0.25rem;
    font-size: 0.875rem;
}

.bm-org-typeahead-results[b-wmtwe7rr9b] {
    margin: 0;
    max-height: 14rem;
    overflow-y: auto;
}

.bm-org-typeahead-item[b-wmtwe7rr9b] {
    display: block;
    width: 100%;
    padding: 0.375rem 0.5rem;
    border: 0;
    border-radius: 0.25rem;
    background: transparent;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bm-org-typeahead-item:hover[b-wmtwe7rr9b] {
    background: var(--bs-tertiary-bg, #f1f3f5);
}
/* /Components/UI/ActionOverflow.razor.rz.scp.css */
.bm-overflow[b-5f0wkgq93t] {
    position: relative;
}

.bm-overflow-backdrop[b-5f0wkgq93t] {
    position: fixed;
    inset: 0;
    z-index: calc(var(--bm-z-appbar) + 1);
    background: transparent;
}

.bm-overflow .dropdown-menu.show[b-5f0wkgq93t] {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: calc(var(--bm-z-appbar) + 2);
    display: block;
}

.bm-overflow .dropdown-menu.show[b-5f0wkgq93t]  .btn,
.bm-overflow .dropdown-menu.show[b-5f0wkgq93t]  button {
    display: block;
    width: 100%;
    text-align: start;
    border: none;
    background: none;
    padding: 0.4rem 1rem;
    color: var(--bm-text);
}

.bm-overflow .dropdown-menu.show[b-5f0wkgq93t]  button:hover {
    background-color: var(--bm-surface-raised);
}
/* /Components/UI/DefinitionList.razor.rz.scp.css */
.bm-dl[b-7vnb7dcyl1] {
    display: grid;
    grid-template-columns: minmax(120px, max-content) 1fr;
    gap: var(--bm-space-2) var(--bm-space-5);
    margin: 0;
}

.bm-dl[b-7vnb7dcyl1]  .bm-dl-item,
.bm-dl .bm-dl-item[b-7vnb7dcyl1] {
    display: contents;
}

.bm-dl[b-7vnb7dcyl1]  dt,
.bm-dl dt[b-7vnb7dcyl1] {
    font-weight: 600;
    color: var(--bm-text-muted);
}

.bm-dl[b-7vnb7dcyl1]  dd,
.bm-dl dd[b-7vnb7dcyl1] {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 767.98px) {
    .bm-dl[b-7vnb7dcyl1] {
        grid-template-columns: 1fr;
        gap: var(--bm-space-1);
    }

    .bm-dl[b-7vnb7dcyl1]  dd,
    .bm-dl dd[b-7vnb7dcyl1] {
        margin-bottom: var(--bm-space-3);
    }
}
/* /Components/UI/DialogHost.razor.rz.scp.css */
.bm-dialog-backdrop[b-ysjk32gwxl] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.5);
    z-index: calc(var(--bm-z-modal) - 1);
}

.bm-dialog[b-ysjk32gwxl] {
    position: fixed;
    inset: 0;
    z-index: var(--bm-z-modal);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--bm-space-4);
}

/* The panel carries tabindex="-1", is excluded from the focus trap's own focusable
   selector, and can never be reached by Tab, so a keyboard user only ever sees the ring
   on its focusable contents. Because this element is also the full-viewport
   `position: fixed; inset: 0` container, a :focus-visible carry-over here would paint a
   ring around the entire viewport, so the outline is suppressed unconditionally. */
.bm-dialog:focus[b-ysjk32gwxl] {
    outline: none;
}

.bm-dialog-box[b-ysjk32gwxl] {
    background: var(--bm-surface);
    border-radius: var(--bm-radius-lg);
    box-shadow: var(--bm-shadow-lg);
    width: min(480px, 100%);
    max-height: 85vh;
    overflow-y: auto;
    padding: var(--bm-space-5);
}

.bm-dialog-box h3[b-ysjk32gwxl] {
    font-size: 1.15rem;
    font-weight: 600;
}

/* Confirm messages carry newline-separated warning lists; render them as written. */
.bm-dialog-box > p[b-ysjk32gwxl] {
    white-space: pre-line;
}

.bm-dialog-header[b-ysjk32gwxl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--bm-space-3);
}

.bm-dialog-footer[b-ysjk32gwxl] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bm-space-2);
    margin-top: var(--bm-space-4);
}
/* /Components/UI/EmptyState.razor.rz.scp.css */
.bm-empty[b-ubx6gv0skm] {
    text-align: center;
    padding: var(--bm-space-7) var(--bm-space-4);
}

.bm-empty-icon[b-ubx6gv0skm] {
    font-size: 2.5rem;
    color: var(--bm-border-strong);
    display: block;
    margin-bottom: var(--bm-space-3);
}

.bm-empty h3[b-ubx6gv0skm] {
    font-size: 1.1rem;
    font-weight: 600;
}
/* /Components/UI/EntityHeader.razor.rz.scp.css */
.bm-entity-header[b-obnml71bpp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--bm-space-3);
    flex-wrap: wrap;
    padding: var(--bm-space-4) 0;
}

.bm-entity-title[b-obnml71bpp] {
    display: flex;
    align-items: center;
    gap: var(--bm-space-2);
    flex-wrap: wrap;
}

.bm-entity-title h2[b-obnml71bpp] {
    font-size: 1.35rem;
    font-weight: 600;
    margin: 0;
}

.bm-entity-meta[b-obnml71bpp] {
    color: var(--bm-text-muted);
    font-size: 0.9rem;
    margin-top: var(--bm-space-1);
    display: flex;
    gap: var(--bm-space-4);
    flex-wrap: wrap;
}

.bm-entity-actions[b-obnml71bpp] {
    display: flex;
    gap: var(--bm-space-2);
    flex-shrink: 0;
}
/* /Components/UI/FilterBar.razor.rz.scp.css */
.bm-filterbar[b-8v7nw72j51] {
    position: relative;
    margin-bottom: var(--bm-space-4);
}

.bm-filterbar-row[b-8v7nw72j51] {
    display: flex;
    gap: var(--bm-space-2);
    align-items: center;
}

.bm-filter-search-group[b-8v7nw72j51] {
    max-width: 360px;
}

.bm-filter-chips[b-8v7nw72j51] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bm-space-2);
    align-items: center;
    margin-top: var(--bm-space-2);
}

.bm-filter-chip[b-8v7nw72j51] {
    background-color: var(--bm-surface-raised);
    color: var(--bm-text);
    border: 1px solid var(--bm-border);
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-weight: 500;
}

.bm-filter-chip button[b-8v7nw72j51] {
    background: none;
    border: none;
    padding: 0;
    color: var(--bm-text-muted);
    line-height: 1;
}

.bm-filter-backdrop[b-8v7nw72j51] {
    position: fixed;
    inset: 0;
    z-index: var(--bm-z-backdrop);
    background: transparent;
}

/* Popover at md and above */
.bm-filter-panel[b-8v7nw72j51] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: var(--bm-z-drawer);
    min-width: 320px;
    background: var(--bm-surface);
    border: 1px solid var(--bm-border);
    border-radius: var(--bm-radius-md);
    box-shadow: var(--bm-shadow-lg);
}

.bm-filter-panel-body[b-8v7nw72j51] {
    padding: var(--bm-space-4);
}

.bm-filter-panel-footer[b-8v7nw72j51] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bm-space-2);
    padding: var(--bm-space-3) var(--bm-space-4);
    border-top: 1px solid var(--bm-border);
}

/* Offcanvas below md */
@media (max-width: 767.98px) {
    .bm-filter-backdrop[b-8v7nw72j51] {
        background: rgba(15, 23, 42, 0.4);
    }

    .bm-filter-panel[b-8v7nw72j51] {
        position: fixed;
        top: var(--bm-appbar-height);
        right: 0;
        bottom: 0;
        left: auto;
        width: min(320px, 85vw);
        border-radius: 0;
        display: flex;
        flex-direction: column;
    }

    .bm-filter-panel-body[b-8v7nw72j51] {
        flex: 1;
        overflow-y: auto;
    }
}
/* /Components/UI/MasterDetail.razor.rz.scp.css */
.bm-md[b-3s6flev7la] {
    display: grid;
    grid-template-columns: 380px minmax(0, 1fr);
    gap: var(--bm-space-4);
    align-items: start;
}

.bm-md-back[b-3s6flev7la] {
    display: none;
    padding-left: 0;
}

@media (max-width: 991.98px) {
    .bm-md[b-3s6flev7la] {
        display: block;
    }

    /* Single pane: show the master until something is selected, then the detail with a back bar. */
    .bm-md:not(.bm-md-has-selection) .bm-md-detail[b-3s6flev7la] {
        display: none;
    }

    .bm-md.bm-md-has-selection .bm-md-master[b-3s6flev7la] {
        display: none;
    }

    .bm-md.bm-md-has-selection .bm-md-back[b-3s6flev7la] {
        display: inline-flex;
        align-items: center;
        margin-bottom: var(--bm-space-2);
    }
}
/* /Components/UI/PageSection.razor.rz.scp.css */
.bm-section[b-40of4byerf] {
    background: var(--bm-surface);
    border: 1px solid var(--bm-border);
    border-radius: var(--bm-radius-md);
    margin-bottom: var(--bm-space-5);
}

.bm-section-header[b-40of4byerf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bm-space-3);
    flex-wrap: wrap;
    padding: var(--bm-space-4);
    border-bottom: 1px solid var(--bm-border);
}

.bm-section-header h2[b-40of4byerf] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

.bm-section-body[b-40of4byerf] {
    padding: var(--bm-space-4);
}
/* /Components/UI/PageShell.razor.rz.scp.css */
.bm-pageshell-header[b-dy6m79gbpt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bm-space-3);
    flex-wrap: wrap;
    margin-bottom: var(--bm-space-5);
}

.bm-pageshell-title[b-dy6m79gbpt] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/UI/RoutedTabs.razor.rz.scp.css */
.bm-tabs-select[b-kmm15vldzv] {
    display: none;
}

@media (max-width: 767.98px) {
    /* Hide the whole nav wrapper, not just the list, so an empty nav landmark named
       "Section" does not sit in the accessibility tree alongside the visible select. */
    .bm-tabs-nav[b-kmm15vldzv] {
        display: none;
    }

    .bm-tabs-select[b-kmm15vldzv] {
        display: block;
        margin-bottom: var(--bm-space-3);
    }
}
/* /Components/UI/StatTile.razor.rz.scp.css */
.bm-stat[b-ylrj4ylojk] {
    display: flex;
    align-items: center;
    gap: var(--bm-space-3);
    background: var(--bm-surface);
    border: 1px solid var(--bm-border);
    border-radius: var(--bm-radius-md);
    padding: var(--bm-space-4);
}

.bm-stat-link[b-ylrj4ylojk] {
    color: inherit;
    text-decoration: none;
}

.bm-stat-link:hover[b-ylrj4ylojk],
.bm-stat-link:focus-visible[b-ylrj4ylojk] {
    color: inherit;
    border-color: var(--bm-primary);
}

.bm-stat-icon[b-ylrj4ylojk] {
    font-size: 1.6rem;
    color: var(--bm-primary);
}

.bm-stat-value[b-ylrj4ylojk] {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
}

.bm-stat-label[b-ylrj4ylojk] {
    color: var(--bm-text-muted);
    font-size: 0.85rem;
}
/* /Components/UI/Toolbar.razor.rz.scp.css */
.bm-toolbar[b-67tmqe7hw0] {
    display: flex;
    align-items: center;
    gap: var(--bm-space-2);
    flex-wrap: wrap;
}

.bm-toolbar-inline[b-67tmqe7hw0] {
    display: flex;
    align-items: center;
    gap: var(--bm-space-2);
}

.bm-toolbar-overflow[b-67tmqe7hw0] {
    display: none;
}

@media (max-width: 991.98px) {
    .bm-toolbar-inline[b-67tmqe7hw0] {
        display: none;
    }

    .bm-toolbar-overflow[b-67tmqe7hw0] {
        display: block;
    }
}