/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-s4ijdrwq07] {
    position: relative;
    display: flex;
    flex-direction: column;
}

/* min-width: 0 is load-bearing, not tidying. A flex item defaults to min-width: auto, which
   forbids shrinking below its content's min-content width -- and for a RadzenDataGrid, whose
   table is laid out fixed from a colgroup, that width is the sum of the declared column widths
   rather than anything about the text. Without this, the alias grids pushed main to 1914px in a
   1131px viewport: the page grew a horizontal scrollbar, and .sidebar (width: 250px but
   flex-shrink: 1 by default) absorbed the difference down to 191px, which was narrow enough that
   "Column headings" wrapped out of its own fixed-height nav link. One property, all of it. */
main[b-s4ijdrwq07] {
    flex: 1;
    min-width: 0;
}

.sidebar[b-s4ijdrwq07] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-s4ijdrwq07] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

    .top-row[b-s4ijdrwq07]  a:hover, .top-row[b-s4ijdrwq07]  .btn-link:hover {
        text-decoration: underline;
    }

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

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

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

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

    .sidebar[b-s4ijdrwq07] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-s4ijdrwq07] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-s4ijdrwq07]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-s4ijdrwq07], article[b-s4ijdrwq07] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-wvnnvk1epa] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

.navbar-brand[b-wvnnvk1epa] {
    font-size: 1.1rem;
}

    /* The tenant logo arrives as-authored (white background), so it sits on a white chip
       rather than bleeding into the dark sidebar. */
    .navbar-brand img[b-wvnnvk1epa] {
        height: 2rem;
        padding: 2px;
        margin-right: 0.5rem;
        background-color: white;
        border-radius: 4px;
    }

.bi[b-wvnnvk1epa] {
    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[b-wvnnvk1epa] {
    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-list-nested-nav-menu[b-wvnnvk1epa] {
    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");
}

.bi-upload-nav-menu[b-wvnnvk1epa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-upload' viewBox='0 0 16 16'%3E%3Cpath d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M7.646 1.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 2.707V11.5a.5.5 0 0 1-1 0V2.707L5.354 4.854a.5.5 0 1 1-.708-.708l3-3z'/%3E%3C/svg%3E");
}

/* A group label, not a link: the five alias grids are one job and read as one block.

   padding-left aligns this label with the nav labels rather than with their boxes. The offset is
   the sum of four things: 1rem on .nav-item, 1rem of padding on the link, 1.25rem of icon, and
   0.75rem of icon margin -- so every label in the menu, Home included, starts 4rem in. At the
   px-3 it used to carry, this heading sat 3rem to the left of all of them, which read as a level
   above the whole menu instead of a caption on the five items beneath it. */
.nav-heading[b-wvnnvk1epa] {
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #a9a9a9;
    padding-top: 0.75rem;
    padding-bottom: 0.25rem;
    padding-left: 4rem;
    padding-right: 1rem;
}

.nav-item[b-wvnnvk1epa] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

    .nav-item:last-of-type[b-wvnnvk1epa] {
        padding-bottom: 1rem;
    }

    /* min-height rather than height, and no wrapping: a fixed height plus a wrappable label is
       what let "Column headings" render its second line outside its own box when the sidebar was
       being squeezed. The squeeze is fixed in MainLayout.razor.css, so this is belt to that
       braces -- a label longer than the sidebar now clips instead of shattering the menu. */
    .nav-item[b-wvnnvk1epa]  a {
        color: #d7d7d7;
        border-radius: 4px;
        min-height: 3rem;
        display: flex;
        align-items: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.nav-item[b-wvnnvk1epa]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-wvnnvk1epa]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-wvnnvk1epa] {
        display: none;
    }

    .collapse[b-wvnnvk1epa] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-wvnnvk1epa] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Export.razor.rz.scp.css */
/* The export page's own spacing (DYNA-94). The grid, the toolbar and the filter boxes are the
   shared grid's and are styled with it; what is here is the two lists and the file name, which
   are this page's alone. */

/* Each filter is its label and its control on one line, so the toolbar reads as a sentence
   rather than as a stack. */
.export-filter[b-1xzipjtbjj] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
}

/* How many rows would leave, at the far end of the bar: the answer to the question the filters
   were asked, kept away from the controls that changed it. */
.export-count[b-1xzipjtbjj] {
    margin-left: auto;
    opacity: 0.75;
    white-space: nowrap;
}

.export-grid[b-1xzipjtbjj] {
    margin-bottom: 1rem;
}

/* Five columns do not fill a wide screen on their own, and a table that stops two-thirds of the
   way across reads as broken rather than as roomy. The table takes the width and Settles, the one
   column without a declared one, takes the slack -- which is the right column to give it to,
   since it holds a list whose length is not knowable. */
.export-grid[b-1xzipjtbjj]  .rz-grid-table {
    width: 100%;
}

/* Item 8: three rows, a label and one control each, and the control takes the width. A list of
   five short words reads across; boxes five lines tall for it spent a third of the screen on
   white space. */
.export-lists[b-1xzipjtbjj] {
    display: grid;
    grid-template-columns: 11rem 1fr;
    align-items: center;
    gap: 0.5rem 1rem;
    margin-bottom: 0.75rem;
}

.export-lists label[b-1xzipjtbjj] {
    font-weight: 600;
}

.export-lists input[b-1xzipjtbjj] {
    width: 100%;
}

.export-actions[b-1xzipjtbjj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}
/* /Shared/SheetGrid.razor.rz.scp.css */
/* The bar above the grid: Add, the remove button, and whatever else the page puts there
   (DYNA-55 AC 4). One row, so a page cannot stack controls above its grid and push it off. */
.sheet-grid-bar[b-zvnud75jx5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    min-height: 2rem;
}

/* The select column is a checkbox and nothing else, so it gives its padding back to the data. */
[b-zvnud75jx5] .sheet-grid-pick {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    text-align: center;
}

/* The wrapper that names the checkbox, since RadzenCheckBox passes no attribute through to its
   own element. Inline-flex so it takes the checkbox's size and no more. */
[b-zvnud75jx5] .sheet-grid-pick-control {
    display: inline-flex;
}
/* /Shared/TieDepositDialog.razor.rz.scp.css */
/* DYNA-116: the lines scroll inside the dialog, so the totals and Save stay in view however many
   lines the documents carry. */
.tie-lines[b-iixvfzjbdh] {
    max-height: 55vh;
    overflow-y: auto;
    margin-top: 0.5rem;
}

.tie-tied[b-iixvfzjbdh] {
    color: var(--rz-text-disabled-color);
}

.tie-gap[b-iixvfzjbdh] {
    font-weight: 600;
}