@import '_content/Edoeap.Web.Theming/Edoeap.Web.Theming.3p9kbzsud2.bundle.scp.css';

/* /Components/Account/Pages/Manage/EnableAuthenticator.razor.rz.scp.css */
.info-message[b-zp45rqcl32] {
    justify-content: start;
    margin: 0.625rem 0 0.625rem 0;
}
/* /Components/Account/Pages/Manage/ExternalLogins.razor.rz.scp.css */
.current-logins[b-mivuxdfa76] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.current-logins-item[b-mivuxdfa76] {
    display: flex;
    gap: 0.625rem;
}
/* /Components/Account/Shared/ExternalLoginPicker.razor.rz.scp.css */
.external-logins[b-wezfl1q7vr] {
    display: flex;
    gap: 0.5rem;
}

@media (max-width: 500px) {
    .external-logins[b-wezfl1q7vr] {
        flex-direction: column;
    }
}
/* /Components/Account/Shared/ShowRecoveryCodes.razor.rz.scp.css */
.codes[b-e9dd0l893y] {
    margin: 0.625rem 0 0.625rem 0;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Account actions in the drawer footer render as plain links/forms. */
.dx-app-drawer-footer a[b-nh7n61q8er] {
    text-decoration: none;
    color: inherit;
}

.dx-app-drawer-footer form[b-nh7n61q8er] {
    margin: 0;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Navigation is now a DevExpress DxTreeView; its appearance comes from the Fluent theme and the
   app's brand accent. No custom rules required. */
/* /Components/Pages/Index/Index.razor.rz.scp.css */
[b-sxjsx15bng] .index-gridlayout {
    container-type: inline-size;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 9rem;
}

[b-sxjsx15bng] .title {
    padding-bottom: 3rem;
    text-align: center;
}

[b-sxjsx15bng] .tiles {
    --tile-column-count: 4;

    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(var(--tile-column-count), max-content);
    justify-content: center;

    @container (max-width: 60.5rem) {
        --tile-column-count: 3;
    }
    @container (max-width: 45.125rem) {
        --tile-column-count: 2;
    }
    @container (max-width: 29.75rem) {
        --tile-column-count: 1;
    }
}
/* /Components/Pages/Index/IndexTile.razor.rz.scp.css */
.tile[b-88j8qg2uzu] {
    border-radius: 0.75rem;
    height: 7.5rem;
    transition: box-shadow 0.2s;
    width: 14.375rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    cursor: pointer;
}

.tile:hover[b-88j8qg2uzu] {
    box-shadow: var(--dxds-box-shadow-sm);
}

.tile:focus-visible[b-88j8qg2uzu] {
    outline: 2px solid var(--dxds-color-surface-primary-default-rest);
    outline-offset: 2px;
}

/* Icon rendered by a DxButton (DevExpress Icon Library) — strip button chrome so it reads as
   a plain themed icon and let clicks pass through to the tile. */
[b-88j8qg2uzu] .tile-icon-btn {
    pointer-events: none;
    padding: 0;
    min-width: 0;
    min-height: 0;
    border: none;
    background: transparent;
    color: var(--dxds-color-content-primary-default-rest);
}

[b-88j8qg2uzu] .tile-content {
    padding: 1rem;
}

[b-88j8qg2uzu] .tile-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    height: 2.75rem;
    padding: 0.75rem;
    width: 2.75rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    color: var(--dxds-color-content-primary-default-rest);
}

[b-88j8qg2uzu] .tile-title {
    align-self: center;
    color: var(--dxds-color-content-neutral-default-rest);
    font-size: var(--dxds-font-size-base-md);
    font-weight: var(--dxds-font-weight-base-strong);
    letter-spacing: var(--dxds-letter-spacing-base-md);
    line-height: var(--dxds-line-height-base-md);
}

[b-88j8qg2uzu] .tile-description {
    color: var(--dxds-color-content-neutral-subdued-rest);
    font-size: var(--dxds-font-size-base-sm);
    font-weight: var(--dxds-font-weight-base-default);
    letter-spacing: var(--dxds-letter-spacing-base-sm);
    line-height: var(--dxds-line-height-base-sm);
}