@import '_content/GroupCashRegisterWasm/GroupCashRegisterWasm.gcbbb5xglq.bundle.scp.css';
@import '_content/MediaWasm/MediaWasm.n5wzl0mgxl.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';
@import '_content/NIC.UI/NIC.UI.ide59uy6ux.bundle.scp.css';

/* /Features/Auth/ChangePasswordDialog.razor.rz.scp.css */
.change-password-fields[b-nhqdnsmeue] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.change-password-actions[b-nhqdnsmeue] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
}
/* /Features/Auth/Login.razor.rz.scp.css */
/* The brand line and the card stacked in the middle of the login layout; the fields stack with
   the distance the editors keep. */
.login[b-zujcdpl1w3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: 420px;
}

.login-brand[b-zujcdpl1w3] {
    font-size: var(--type-ramp-plus-3-font-size, 28px);
    line-height: var(--type-ramp-plus-3-line-height, 36px);
    font-weight: 600;
}

.login[b-zujcdpl1w3]  .login-card {
    width: 100%;
    padding: 24px;
}

.login-fields[b-zujcdpl1w3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.login-actions[b-zujcdpl1w3] {
    display: flex;
    gap: 8px;
}
/* /Features/Auth/LoginLayout.razor.rz.scp.css */
/* Full viewport, content centred; colours from the loaded theme like everywhere else. */
.login-layout[b-lxxexabhi5] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
    background: var(--neutral-layer-1);
    color: var(--neutral-foreground-rest);
}
/* /Features/Auth/TwoFactor.razor.rz.scp.css */
/* A column of cards as wide as a form, the fields stacked with the distance the editors keep. */
.two-factor[b-tihzd0djla] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 520px;
    padding: 16px 0;
}

.two-factor[b-tihzd0djla]  .two-factor-card {
    padding: 24px;
}

.two-factor-fields[b-tihzd0djla] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.two-factor-actions[b-tihzd0djla] {
    display: flex;
    gap: 8px;
}

.two-factor-required[b-tihzd0djla] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* The SVG of the server carries a viewBox and no size; the box gives it one. It is not scoped
   markup, hence ::deep. */
.two-factor-qr[b-tihzd0djla] {
    width: 200px;
}

.two-factor-qr[b-tihzd0djla]  svg {
    display: block;
    width: 100%;
    height: auto;
}

.two-factor-key[b-tihzd0djla] {
    color: var(--neutral-foreground-rest);
    font-family: var(--font-monospace, monospace);
    font-size: var(--type-ramp-plus-1-font-size, 16px);
    user-select: all;
    word-break: break-all;
}

.two-factor-codes[b-tihzd0djla] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    gap: 4px 32px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: var(--font-monospace, monospace);
    font-size: var(--type-ramp-plus-1-font-size, 16px);
    user-select: text;
}
/* /Features/Roles/Dialogs/EditRole.razor.rz.scp.css */
.edit-role[b-ksoicoqrj2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.edit-role-hint[b-ksoicoqrj2] {
    opacity: 0.8;
}
/* /Features/Users/Dialogs/EditUser.razor.rz.scp.css */
/* One column of fields with the distance the other editors keep. */
.edit-user[b-j8r1hast37] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
/* /Features/Users/Dialogs/SetUserPassword.razor.rz.scp.css */
.set-user-password[b-n0xvqathcd] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
/* /Pages/Test.razor.rz.scp.css */
/* The values are the ones the Tailwind utilities this markup used to carry resolved to:
   w-full = 100%, bg-blue-900 = rgb(30 58 138). The colour marks the content area while trying
   layouts out on this page, it carries no meaning of its own. */

.test-item[b-zz63naam5f] {
    border: 1px dotted var(--accent-fill-rest);
}

.test-content[b-zz63naam5f] {
    width: 100%;
    background-color: rgb(30 58 138);
}