/* /Components/Account/Pages/Manage/EnableAuthenticator.razor.rz.scp.css */
.info-message[b-51ml8er3v4] {
    justify-content: start;
    margin: 0.625rem 0 0.625rem 0;
}
/* /Components/Account/Shared/ShowRecoveryCodes.razor.rz.scp.css */
.codes[b-a0fr237shg] {
    margin: 0.625rem 0 0.625rem 0;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-jmnqw18rce] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* ------------------------------------------------------------------ header */

.app-header[b-jmnqw18rce] {
    align-items: center;
    background: var(--dxds-color-surface-neutral-subdued-rest);
    border-bottom: 1px solid var(--dxds-color-border-neutral-subdued-rest);
    display: flex;
    flex: 0 0 auto;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.5rem 1.25rem;
}

.app-brand[b-jmnqw18rce] {
    align-items: center;
    color: inherit;
    display: flex;
    gap: 0.75rem;
    min-width: 0;
    text-decoration: none;
}

.app-brand-logo[b-jmnqw18rce] {
    /* The source artwork is a tall badge; contain keeps it from stretching. */
    height: 2.75rem;
    object-fit: contain;
    width: auto;
}

.app-brand-text[b-jmnqw18rce] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
    min-width: 0;
}

.app-brand-title[b-jmnqw18rce] {
    color: var(--pellas-blue);
    font-size: var(--dxds-font-size-title-md);
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

/* The brand blue is too dark to read on the dark surface; the logo's cyan carries it instead. */
:global(body.theme-dark) .app-brand-title[b-jmnqw18rce] {
    color: var(--pellas-cyan);
}

.app-brand-subtitle[b-jmnqw18rce] {
    color: var(--pellas-green);
    font-size: var(--dxds-font-size-caption-sm);
    font-weight: 600;
    letter-spacing: 0.08em;
    white-space: nowrap;
}

.app-header-actions[b-jmnqw18rce] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    justify-content: flex-end;
}

.app-header-actions form[b-jmnqw18rce] {
    margin: 0;
}

.size-mode-list[b-jmnqw18rce] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 9rem;
    padding: 0.25rem;
}

/* ------------------------------------------------------------------ content */

/* "Centred on top of the screen": horizontally centred, anchored to the top,
   with the page itself owning the vertical scroll. */
.page-content-container[b-jmnqw18rce] {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: flex-start;
    overflow: auto;
    padding: 1.25rem;
}

.content-shell[b-jmnqw18rce] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 1200px;
    width: 100%;
}

/* ------------------------------------------------------------------ footer */

.app-footer[b-jmnqw18rce] {
    align-items: center;
    background: var(--dxds-color-surface-neutral-subdued-rest);
    border-top: 1px solid var(--dxds-color-border-neutral-subdued-rest);
    color: var(--dxds-color-content-neutral-subdued-rest);
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    font-size: var(--dxds-font-size-caption-md);
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.5rem 1.25rem;
}

.app-footer-powered[b-jmnqw18rce] {
    align-items: center;
    color: inherit;
    display: flex;
    gap: 0.5rem;
    text-decoration: none;
}

.app-footer-powered:hover[b-jmnqw18rce] {
    color: var(--dxds-color-content-neutral-default-rest);
}

[b-jmnqw18rce] .exeo-logo {
    /* currentColor drives the wordmark, so it stays legible in both themes. */
    height: 1.25rem;
    width: auto;
}

@media (max-width: 768px) {
    .app-brand-text[b-jmnqw18rce] {
        display: none;
    }

    .app-footer-copy[b-jmnqw18rce] {
        display: none;
    }
}