@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.bundle.scp.css';

/* /Components/Layout/AsidePanel.razor.rz.scp.css */
.app-aside[b-ubmfh24b43] {
    color: var(--colorNeutralForeground1);
    background-color: var(--colorNeutralBackground1);
    border-left: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
    padding: 0 8px 24px 12px;
    font-size: var(--fontSizeBase200);
}

.app-aside h2[b-ubmfh24b43] {
    font-size: var(--fontSizeBase300);
    margin-block: 12px 8px;
}

.app-aside h3[b-ubmfh24b43] {
    font-size: var(--fontSizeBase200);
    margin-block: 16px 4px;
}

.app-aside dt[b-ubmfh24b43] {
    font-weight: var(--fontWeightSemibold);
    margin-block-start: 8px;
}

.app-aside dd[b-ubmfh24b43] {
    margin-inline-start: 0;
    color: var(--colorNeutralForeground2);
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-label[b-6yt6jkpe83] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacingHorizontalXS);
}

.nav-attention-dot[b-6yt6jkpe83] {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: var(--colorPaletteRedBackground3);
    flex: 0 0 auto;
}

.visually-hidden[b-6yt6jkpe83] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* /Components/Layout/TenantPicker.razor.rz.scp.css */
.tenant-name[b-z06tcc4ksu] {
    display: block;
    max-width: min(30vw, 20rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--colorNeutralForegroundOnBrand);
}

@media (max-width: 599.98px) {
    .tenant-name[b-z06tcc4ksu] {
        max-width: 8rem;
    }
}
/* /Components/Mapping/MappingCombobox.razor.rz.scp.css */
.mapping-combobox[b-2mwd3c6120] {
    align-items: center;
    display: flex;
    gap: 0.25rem;
    min-width: 0;
}

.mapping-combobox[b-2mwd3c6120]  fluent-field {
    flex: 1 1 auto;
    min-width: 0;
}

.mapping-group[b-2mwd3c6120] {
    color: var(--colorNeutralForeground3);
    display: block;
    font-size: var(--fontSizeBase200);
    font-weight: 600;
    margin-block: 0.25rem;
    padding-block-start: 0.25rem;
}

.mapping-group[data-group="Other"][b-2mwd3c6120],
.mapping-group[data-group="Unavailable"][b-2mwd3c6120] {
    border-top: 1px solid var(--colorNeutralStroke2);
    width: 100%;
}

.mapping-clear[b-2mwd3c6120] {
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: var(--borderRadiusMedium);
    color: var(--colorNeutralForeground1);
    cursor: pointer;
    font: inherit;
    line-height: 1;
    padding: 0.4rem;
}

.mapping-clear:focus-visible[b-2mwd3c6120] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: 2px;
}

.mapping-clear:disabled[b-2mwd3c6120] {
    cursor: default;
    opacity: 0.5;
}
/* /Components/Pages/EmployeeMapping.razor.rz.scp.css */
.employee-mapping-grid[b-a6l73pg2c4] {
    min-width: 0;
    overflow-x: auto;
}

.employee-mapping-grid[b-a6l73pg2c4]  fluent-data-grid {
    min-width: 38rem;
}

.employee-row-error[b-a6l73pg2c4] {
    color: var(--colorPaletteRedForeground1);
    font-size: var(--fontSizeBase200);
    margin-block-start: 0.25rem;
}

.mapping-save-footer[b-a6l73pg2c4] {
    align-items: center;
    background: var(--colorNeutralBackground1);
    border-top: 1px solid var(--colorNeutralStroke2);
    bottom: 0;
    box-shadow: 0 -0.25rem 0.75rem rgb(0 0 0 / 10%);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-block-start: 1rem;
    padding: 0.75rem 1rem;
    position: sticky;
    z-index: 2;
}

.mapping-attention[b-a6l73pg2c4] {
    color: var(--colorPaletteRedForeground1);
    display: block;
    margin-block-start: 0.25rem;
}
/* /Components/Pages/HourTypeMapping.razor.rz.scp.css */
.hour-type-grid[b-3bb8s0yb7s] {
    min-width: 0;
    overflow-x: auto;
}

.hour-type-grid[b-3bb8s0yb7s]  fluent-data-grid {
    min-width: 68rem;
}

.hour-row-error[b-3bb8s0yb7s] {
    color: var(--colorPaletteRedForeground1);
    font-size: var(--fontSizeBase200);
    margin-block-start: 0.25rem;
}

.mapping-save-footer[b-3bb8s0yb7s] {
    align-items: center;
    background: var(--colorNeutralBackground1);
    border-top: 1px solid var(--colorNeutralStroke2);
    bottom: 0;
    box-shadow: 0 -0.25rem 0.75rem rgb(0 0 0 / 10%);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-block-start: 1rem;
    padding: 0.75rem 1rem;
    position: sticky;
    z-index: 2;
}

.mapping-attention[b-3bb8s0yb7s] {
    color: var(--colorPaletteRedForeground1);
    display: block;
    margin-block-start: 0.25rem;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-shell[b-m066s3y6pp] {
    display: grid;
    /* MainLayout's content item is one body row with Padding.All3: one
       spacingVerticalM inset at each block edge. Fill that inner block. */
    min-height: calc(var(--layout-body-height) - 2 * var(--spacingVerticalM));
    place-items: center;
    padding: var(--spacingVerticalXXL) var(--spacingHorizontalXXL);
    background: var(--colorNeutralBackground2);
}

.login-card-group[b-m066s3y6pp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--spacingHorizontalXL);
    justify-content: center;
    width: 100%;
    max-width: calc(56rem + var(--spacingHorizontalXL));
}

.login-brand[b-m066s3y6pp],
.login-form-card[b-m066s3y6pp] {
    box-sizing: border-box;
    width: 100%;
    max-width: 28rem;
    min-height: 22rem;
    padding: var(--spacingVerticalXL) var(--spacingHorizontalXL);
    border-radius: var(--borderRadiusLarge);
    box-shadow: var(--shadow4);
}

.login-brand[b-m066s3y6pp] {
    place-items: center;
    display: grid;
    background: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
}

.login-brand > div[b-m066s3y6pp] {
    max-width: 36rem;
}

.login-brand h1[b-m066s3y6pp] {
    margin: 0;
    color: inherit;
}

.login-brand p[b-m066s3y6pp] {
    margin: var(--spacingVerticalM) 0 0;
    color: inherit;
}

.login-benefits[b-m066s3y6pp] {
    display: grid;
    gap: var(--spacingVerticalM);
    margin: var(--spacingVerticalXL) 0 0;
    padding: 0;
    list-style: none;
}

.login-benefits li[b-m066s3y6pp]::before {
    content: "•";
    margin-inline-end: var(--spacingHorizontalS);
}

.login-form-card[b-m066s3y6pp] {
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    background: var(--colorNeutralBackground1);
}

.login-form-card h2[b-m066s3y6pp] {
    margin: 0;
}

.login-email-control[b-m066s3y6pp] {
    display: flex;
    align-items: center;
    gap: var(--spacingHorizontalS);
    width: 100%;
    min-height: 2.75rem;
    padding-inline: var(--spacingHorizontalM);
    box-sizing: border-box;
    border: var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground2);
}

.login-email-control:hover[b-m066s3y6pp] {
    border-color: var(--colorNeutralStroke1Hover);
}

.login-email-control:focus-within[b-m066s3y6pp] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: 2px;
}

.login-email-control input[b-m066s3y6pp] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--colorNeutralForeground1);
    font: inherit;
}

@media (max-width: 599.98px) {
    .login-shell[b-m066s3y6pp] {
        padding: var(--spacingVerticalXL) var(--spacingHorizontalL);
    }

    .login-card-group[b-m066s3y6pp] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Recipients.razor.rz.scp.css */
.recipient-add-form[b-864ipd5dfa] {
    display: grid;
    grid-template-columns: minmax(12rem, 20rem) max-content;
    align-items: end;
    gap: var(--spacingVerticalS) var(--spacingHorizontalM);
}

.recipient-add-form[b-864ipd5dfa]  fluent-field {
    margin-block: 0;
}

@media (max-width: 640px) {
    .recipient-add-form[b-864ipd5dfa] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Pages/Transfers.razor.rz.scp.css */
/* An unmapped record is a blocking error, not a warning: it aborts the whole
   batch at push time.

   ::deep is required. The <tr> is rendered by FluentDataGrid, not by this
   component, so it never receives this component's scope attribute — without
   ::deep the compiled selector is `.transfer-grid[b-x] tr.blocked[b-x]` and
   matches nothing, silently. */
.transfer-grid[b-7ead6ahod9]  tr.blocked {
    background: var(--colorStatusDangerBackground1);
}

.transfer-filters[b-7ead6ahod9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(12rem, max-content)) max-content;
    align-items: end;
    gap: var(--spacingVerticalS) var(--spacingHorizontalM);
    margin-block-end: var(--spacingVerticalM);
}

.transfer-filters[b-7ead6ahod9]  fluent-field {
    margin-block: 0;
}

@media (max-width: 640px) {
    .transfer-filters[b-7ead6ahod9] { grid-template-columns: minmax(0, 1fr); }
}

.transfer-actions[b-7ead6ahod9] {
    display: flex;
    margin-block-start: var(--spacingVerticalM);
}
/* /Components/Shared/ConnectOrdrestyringCard.razor.rz.scp.css */
/*
    FluentStack's VerticalGap spaces only its DIRECT children — here, the two
    wrapper <div>s. app.css then zeroes `.setup-form p` and `.connect-option`
    so they do not fight that gap, which leaves everything INSIDE a wrapper
    abutting at 0px: measured in a headless browser at 375px, all three
    paragraph gaps were zero and the guidance read as one unbroken block.

    Scoped CSS reaches these — they are this component's own markup, no shadow
    boundary in the way — and it both out-specifies app.css and loads after it,
    so these win the cascade twice over.
*/
.setup-form h3.connect-option + p[b-b7504gbsn1] {
    margin-block-start: var(--spacingVerticalS);
}

.setup-form p + p[b-b7504gbsn1] {
    margin-block-start: var(--spacingVerticalM);
}