@import '_content/cxp.WorkBench.Components/cxp.WorkBench.Components.oiebvglydx.bundle.scp.css';
@import '_content/cxp.WorkBench.Modules/cxp.WorkBench.Modules.vqo40ncluf.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Scoped to the layout, and delivered through the host's cx.Authz.Invitation.styles.css bundle — the only channel
   Blazor CSS isolation uses. Omit that <link> in App.razor and none of this arrives. */

.inv-page[b-a7ypcqthph] {
    min-height: 100vh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 3rem 1rem;
    /* Matches the mail theme's ground, so the email and the page it opens read as one thing. */
    background-color: #f4f6fa;
}

.inv-shell[b-a7ypcqthph] {
    width: 100%;
    max-width: 34rem;
}

.inv-brand[b-a7ypcqthph] {
    text-align: center;
    margin-bottom: 1.25rem;
}

.inv-wordmark[b-a7ypcqthph] {
    letter-spacing: 0.35em;
    /* The mail theme's brand blue, for the same reason. */
    color: #0b5fa5;
    font-weight: 500;
}

.inv-footer[b-a7ypcqthph] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1.25rem;
    min-height: 2rem;
}