/* /Components/Controls/Authentication/AuthenticatorSetup.razor.rz.scp.css */
.authenticator-setup[b-14gcikzov2] {
    display: grid;
    justify-items: start;
    gap: 1rem;
    min-width: 0;
}

.authenticator-setup p[b-14gcikzov2] {
    margin: 0;
    color: var(--av-text-muted);
    font-size: .8125rem;
    line-height: 1.65;
}

.authenticator-setup__zoom[b-14gcikzov2] {
    display: block;
    max-width: 100%;
    padding: 0;
    border: 0;
    border-radius: var(--av-radius-md);
    background: transparent;
    cursor: zoom-in;
}

.authenticator-setup__zoom:focus-visible[b-14gcikzov2],
.authenticator-setup__close:focus-visible[b-14gcikzov2] {
    outline: 2px solid var(--av-input-focus);
    outline-offset: 3px;
    border-radius: var(--av-radius-md);
}

.authenticator-setup__qr[b-14gcikzov2] {
    display: block;
    width: 12rem;
    height: auto;
    max-width: 100%;
    padding: .5rem;
    border: 1px solid var(--av-border);
    border-radius: var(--av-radius-md);
    background: #fff;
    image-rendering: pixelated;
}

.authenticator-setup__lightbox:popover-open[b-14gcikzov2] {
    position: fixed;
    inset: 0;
    display: grid;
    justify-items: stretch;
    width: min(36rem, calc(100vw - 2rem), calc(100dvh - 4rem));
    max-width: none;
    max-height: calc(100dvh - 2rem);
    margin: auto;
    padding: .75rem;
    border: 1px solid var(--av-border);
    border-radius: var(--av-radius-lg);
    background: #fff;
    box-shadow: var(--av-shadow-dialog);
}

.authenticator-setup__lightbox[b-14gcikzov2]::backdrop {
    background: rgba(0, 0, 0, .72);
}

.authenticator-setup__lightbox > img[b-14gcikzov2] {
    display: block;
    width: 100%;
    height: auto;
    image-rendering: pixelated;
}

.authenticator-setup__close[b-14gcikzov2] {
    justify-self: end;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    margin-bottom: .25rem;
    padding: 0;
    border: 0;
    border-radius: var(--av-radius-sm);
    background: transparent;
    color: #17212b;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

.authenticator-setup__close:hover[b-14gcikzov2] {
    background: #f1f3f5;
}

.authenticator-setup__manual[b-14gcikzov2] {
    width: 100%;
    min-width: 0;
    color: var(--av-text-muted);
    font-size: .8125rem;
}

.authenticator-setup__manual summary[b-14gcikzov2] {
    width: fit-content;
    color: var(--av-text-muted);
    font-weight: 600;
    cursor: pointer;
}

.authenticator-setup__manual summary:hover[b-14gcikzov2] {
    color: var(--av-text);
}

.authenticator-setup__manual summary:focus-visible[b-14gcikzov2] {
    outline: 2px solid var(--av-primary);
    outline-offset: 3px;
    border-radius: var(--av-radius-sm);
}

.authenticator-setup__instructions[b-14gcikzov2] {
    display: grid;
    gap: .75rem;
    padding-top: .75rem;
}

.authenticator-setup dl[b-14gcikzov2] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .5rem 1rem;
    margin: 0;
}

.authenticator-setup dt[b-14gcikzov2] {
    color: var(--av-text-muted);
}

.authenticator-setup dd[b-14gcikzov2] {
    min-width: 0;
    margin: 0;
    color: var(--av-text);
    overflow-wrap: anywhere;
}

.authenticator-setup code[b-14gcikzov2] {
    user-select: all;
    font-size: .8125rem;
}
/* /Components/Controls/Authentication/ShowRecoveryCodes.razor.rz.scp.css */
.recovery-codes[b-qisv9f26nq] {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
}

.recovery-codes h2[b-qisv9f26nq] {
    margin: 0 0 .35rem;
    color: var(--av-text);
    font-size: .9375rem;
    font-weight: 680;
}

.recovery-codes p[b-qisv9f26nq] {
    margin: 0;
    color: var(--av-text-muted);
    font-size: .8125rem;
    line-height: 1.65;
}

.recovery-codes__list[b-qisv9f26nq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem 1.5rem;
    margin: 0;
    padding: 1.25rem;
    border: 1px solid var(--av-border);
    border-radius: var(--av-radius-md);
    background: var(--av-surface-subtle);
    color: var(--av-text);
    list-style: none;
}

.recovery-codes code[b-qisv9f26nq] {
    font-size: .875rem;
    overflow-wrap: anywhere;
    user-select: all;
}

.recovery-codes .recovery-codes__hint[b-qisv9f26nq] {
    font-size: .75rem;
}

.recovery-codes__actions[b-qisv9f26nq] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

@media (max-width: 430px) {
    .recovery-codes__list[b-qisv9f26nq] {
        gap: .75rem;
        padding: 1rem;
    }

    .recovery-codes__actions .button[b-qisv9f26nq] {
        flex: 1 1 auto;
    }
}
/* /Components/Controls/Feedback/StatusMessage.razor.rz.scp.css */
.status-message[b-loncd4zoiv] {
    padding: .75rem .875rem;
    border: 1px solid;
    border-radius: var(--av-radius-md);
    font-size: .8125rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.status-message--alert[b-loncd4zoiv] {
    border-color: var(--av-danger-border);
    background: var(--av-danger-soft);
    color: var(--av-danger);
}

:root[data-theme="dark"] .status-message--alert[b-loncd4zoiv] {
    border-color: var(--av-danger-notice-border);
    background: var(--av-danger-notice-soft);
    color: var(--av-danger-notice);
}

.status-message--warning[b-loncd4zoiv] {
    border-color: var(--av-warning-border);
    background: var(--av-warning-soft);
    color: var(--av-warning-text);
}

.status-message--success[b-loncd4zoiv] {
    border-color: var(--av-success-border);
    background: var(--av-success-soft);
    color: var(--av-success-text);
}
/* /Components/Controls/InputWithRequirements.razor.rz.scp.css */
.input-with-requirements[b-sl1fyh3i2a] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.input-with-requirements[b-sl1fyh3i2a]  input.login-input {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
    box-sizing: border-box;
    transition: width .42s cubic-bezier(.2, .8, .2, 1),
                border-color .16s ease,
                box-shadow .16s ease,
                background-color .16s ease;
}

.input-requirements[b-sl1fyh3i2a] {
    --item-size: 44px;
    --item-gap: 10px;
    --rail-gap: .65rem;
    position: relative;
    width: var(--requirements-width, 0px);
    min-width: 0;
    height: 3.2rem;
    margin-left: var(--requirements-margin, 0px);
    overflow: hidden;
    opacity: 0;
    transition: width .42s cubic-bezier(.2, .8, .2, 1),
                margin-left .42s cubic-bezier(.2, .8, .2, 1),
                opacity .22s ease;
}

.input-requirements.is-ready[b-sl1fyh3i2a] {
    opacity: 1;
}

.input-requirements ul[b-sl1fyh3i2a] {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.input-requirements li[b-sl1fyh3i2a] {
    --state-color: #b42318;
    position: absolute;
    top: 50%;
    left: 0;
    display: grid;
    box-sizing: border-box;
    width: var(--item-size);
    height: var(--item-size);
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--state-color) 34%, white);
    border-radius: .82rem;
    background: color-mix(in srgb, var(--state-color) 7%, white);
    color: var(--state-color);
    box-shadow: 0 3px 10px color-mix(in srgb, var(--state-color) 10%, transparent);
    opacity: 0;
    pointer-events: none;
    transform: translate(var(--requirement-offset, 0px), -50%) scale(.82);
    transition: border-color .25s ease, background-color .25s ease, box-shadow .25s ease,
                color .25s ease, opacity .3s ease, transform .42s cubic-bezier(.2, .8, .2, 1);
    will-change: opacity, transform;
}

.input-requirements li.is-visible[b-sl1fyh3i2a] {
    opacity: 1;
    pointer-events: auto;
    transform: translate(var(--requirement-offset), -50%) scale(1);
}

.input-requirements li.is-met[b-sl1fyh3i2a] {
    --state-color: #287a52;
}

.input-requirements li.is-dismissing[b-sl1fyh3i2a] {
    opacity: 0;
    transform: translate(var(--requirement-offset), -62%) scale(.78);
}

.input-requirements__glyph[b-sl1fyh3i2a],
.input-requirements__check[b-sl1fyh3i2a] {
    position: absolute;
    width: 1.42rem;
    height: 1.42rem;
    transition: opacity .2s ease, transform .28s ease;
}

.input-requirements__glyph[b-sl1fyh3i2a] {
    top: .42rem;
}

.input-requirements__glyph[b-sl1fyh3i2a]  svg {
    display: block;
    width: 100%;
    height: 100%;
}

.input-requirements__value[b-sl1fyh3i2a] {
    position: absolute;
    right: .25rem;
    bottom: .2rem;
    left: .25rem;
    overflow: hidden;
    font-size: .66rem;
    font-variant-numeric: tabular-nums;
    font-weight: 850;
    line-height: 1;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.input-requirements__check[b-sl1fyh3i2a] {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0;
    transform: scale(.55) rotate(-8deg);
}

.input-requirements li.is-met .input-requirements__glyph[b-sl1fyh3i2a],
.input-requirements li.is-met .input-requirements__value[b-sl1fyh3i2a] {
    opacity: 0;
    transform: scale(.72);
}

.input-requirements li.is-met .input-requirements__check[b-sl1fyh3i2a] {
    opacity: 1;
    transform: scale(1) rotate(0);
}

.visually-hidden[b-sl1fyh3i2a] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 420px) {
    .input-requirements[b-sl1fyh3i2a] {
        --item-size: 39px;
        --item-gap: 7px;
        --rail-gap: .45rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .input-requirements[b-sl1fyh3i2a],
    .input-requirements li[b-sl1fyh3i2a],
    .input-requirements__glyph[b-sl1fyh3i2a],
    .input-requirements__check[b-sl1fyh3i2a] {
        transition-duration: .01ms;
    }
}
/* /Components/Controls/PasswordInput.razor.rz.scp.css */
.password-input[b-czuwcbbpnq] {
    position: relative;
    width: 100%;
    min-width: 0;
}

.password-input[b-czuwcbbpnq]  input {
    display: block;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding-right: 3rem;
}

.password-input[b-czuwcbbpnq]  input::-ms-reveal {
    display: none;
}

.password-reveal[b-czuwcbbpnq] {
    position: absolute;
    top: 50%;
    right: .62rem;
    display: grid;
    width: 2rem;
    height: 2rem;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: .55rem;
    background: transparent;
    color: #476772;
    cursor: pointer;
    transform: translateY(-50%);
    transition: background-color .16s ease, color .16s ease, transform .16s ease;
}

.password-reveal:hover[b-czuwcbbpnq] {
    background: #e8f7f6;
    color: #087f9c;
}

.password-reveal:active[b-czuwcbbpnq] {
    transform: translateY(-50%) scale(.94);
}

.password-reveal:focus-visible[b-czuwcbbpnq] {
    outline: 2px solid #087f9c;
    outline-offset: 2px;
}

.password-reveal svg[b-czuwcbbpnq] {
    position: absolute;
    width: 1.18rem;
    height: 1.18rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .18s ease, transform .22s ease;
}

.password-reveal__hide[b-czuwcbbpnq],
.password-reveal[aria-pressed="true"] .password-reveal__show[b-czuwcbbpnq] {
    opacity: 0;
    transform: scale(.65);
}

.password-reveal[aria-pressed="true"] .password-reveal__hide[b-czuwcbbpnq] {
    opacity: 1;
    transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
    .password-reveal[b-czuwcbbpnq],
    .password-reveal svg[b-czuwcbbpnq] {
        transition-duration: .01ms;
    }
}
/* /Components/Controls/Roles/RoleCreateForm.razor.rz.scp.css */
.create-role-form[b-jnncnziok7] {
    display: grid;
    gap: 0;
    margin-top: 1rem;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--av-border);
    border-radius: var(--av-radius-md);
    background: var(--av-surface);
}

.create-role-form__heading[b-jnncnziok7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem .75rem .4rem 1rem;
}

.create-role-form__heading h3[b-jnncnziok7] {
    margin: 0;
    font-size: .9375rem;
}

.create-role-form__title p[b-jnncnziok7] {
    margin: .15rem 0 0;
    color: var(--av-text-muted);
    font-size: .75rem;
}

.create-role-form__close[b-jnncnziok7] {
    flex: 0 0 2rem;
    width: 2rem;
    min-height: 2rem;
    padding: 0;
}

.create-role-form__close svg[b-jnncnziok7] {
    width: .95rem;
    height: .95rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.create-role-form__field[b-jnncnziok7] {
    min-width: 0;
    padding: .35rem 1rem .25rem;
}

.create-role-form__field > small[b-jnncnziok7] {
    display: block;
    margin-top: .3rem;
    color: var(--av-text-muted);
    font-size: .6875rem;
}

.create-role-form__field .create-role-form__error[b-jnncnziok7] {
    color: var(--av-danger);
}

.create-role-form__actions[b-jnncnziok7] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding: .5rem 1rem 1rem;
}

.create-role-form__submit[b-jnncnziok7] {
    border-color: rgba(4, 82, 102, .22);
    background: linear-gradient(135deg, #0b91a5, #08788f);
    box-shadow: 0 6px 14px rgba(3, 91, 110, .16);
    color: #fff;
}

.create-role-form__submit:hover[b-jnncnziok7] {
    border-color: rgba(4, 82, 102, .28);
    background: linear-gradient(135deg, #09869a, #076b82);
    box-shadow: 0 8px 18px rgba(3, 80, 99, .2);
}
/* /Components/Controls/Roles/RoleEditor.razor.rz.scp.css */
.role-editor[b-nqybmbb9b0] {
    min-width: 0;
    max-width: 34rem;
}

.role-editor__header[b-nqybmbb9b0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.role-editor__header h2[b-nqybmbb9b0] {
    margin: 0;
    font-size: 1rem;
}

.role-editor__header p[b-nqybmbb9b0] {
    margin: .15rem 0 0;
    color: var(--av-text-muted);
    font-size: .75rem;
}

.role-editor__header span[b-nqybmbb9b0] {
    color: var(--av-text-muted);
    font-size: .6875rem;
    font-variant-numeric: tabular-nums;
}

.role-editor__permissions[b-nqybmbb9b0] {
    margin-top: .75rem;
}

.permission-group[b-nqybmbb9b0] {
    margin: 0;
}

.permission-group__toggle[b-nqybmbb9b0] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    min-height: 0;
    padding: 1rem .25rem .4rem;
    border: 0;
    background: transparent;
    color: var(--av-text-muted);
    cursor: pointer;
    transition: color .12s ease;
    list-style: none;
}

.permission-group__toggle[b-nqybmbb9b0]::-webkit-details-marker {
    display: none;
}

.permission-group__toggle:hover[b-nqybmbb9b0] {
    color: var(--av-text);
}

.permission-group__toggle > span[b-nqybmbb9b0] {
    font-size: .625rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.permission-group__toggle svg[b-nqybmbb9b0] {
    width: .75rem;
    height: .75rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    transition: transform .15s ease;
}

.permission-group:not([open]) .permission-group__toggle svg[b-nqybmbb9b0] {
    transform: rotate(-90deg);
}

.permission-group__toggle:focus-visible[b-nqybmbb9b0] {
    outline: 2px solid var(--av-border-strong);
    outline-offset: 1px;
}

.permission-group__content[b-nqybmbb9b0] {
    display: grid;
    gap: .1rem;
}

.permission-option[b-nqybmbb9b0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    min-height: 2.9rem;
    margin: 0;
    padding: .55rem .6rem;
    border: 0;
    border-radius: .2rem;
    cursor: pointer;
    transition: background-color .12s ease;
}

.permission-option:hover[b-nqybmbb9b0] {
    background: rgba(102, 114, 125, .08);
}

.permission-option--selected[b-nqybmbb9b0] {
    background: rgba(102, 114, 125, .06);
}

.permission-option > span:first-child[b-nqybmbb9b0] {
    overflow: hidden;
    color: var(--av-text);
    font-size: .8125rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.permission-option input[b-nqybmbb9b0] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.permission-option__check[b-nqybmbb9b0] {
    display: grid;
    grid-column: 2;
    grid-row: 1;
    width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    border: 1px solid var(--av-border-strong);
    border-radius: .25rem;
    background: var(--av-surface);
    color: transparent;
    transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}

.permission-option__check svg[b-nqybmbb9b0] {
    width: .85rem;
    height: .85rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.permission-option input:checked + .permission-option__check[b-nqybmbb9b0] {
    border-color: var(--av-checkbox-checked);
    background: var(--av-checkbox-checked);
    color: #fff;
}

.permission-option input:focus-visible + .permission-option__check[b-nqybmbb9b0] {
    outline: 2px solid var(--av-checkbox-checked);
    outline-offset: 2px;
}

.permission-option:has(input:disabled)[b-nqybmbb9b0] {
    cursor: default;
}

@media (max-width: 820px) {
    .role-editor[b-nqybmbb9b0] {
        max-width: none;
        padding-top: 1.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .permission-option[b-nqybmbb9b0],
    .permission-option__check[b-nqybmbb9b0],
    .permission-group__toggle[b-nqybmbb9b0],
    .permission-group__toggle svg[b-nqybmbb9b0] {
        transition: none;
    }
}
/* /Components/Controls/Roles/RoleList.razor.rz.scp.css */
.roles-panel[b-ic88ioorxy] {
    min-width: 0;
    max-width: 24rem;
}

.roles-panel__heading[b-ic88ioorxy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .45rem;
}

.roles-panel__heading h2[b-ic88ioorxy] {
    margin-bottom: 0;
    line-height: 2rem;
}

.roles-panel__heading-actions[b-ic88ioorxy] {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.roles-panel__count[b-ic88ioorxy] {
    display: grid;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 .35rem;
    place-items: center;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--av-text-muted);
    font-size: .6875rem;
    font-variant-numeric: tabular-nums;
}

.roles-panel__create[b-ic88ioorxy] {
    width: 2rem;
    min-height: 2rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
}

.roles-panel__create:hover:not(:disabled)[b-ic88ioorxy] {
    background: transparent;
    color: var(--av-text);
}

.roles-panel__create svg[b-ic88ioorxy] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 2;
}

.role-row__handle svg[b-ic88ioorxy] {
    width: 1.2rem;
    height: 1.2rem;
    fill: currentColor;
}

.roles-panel__empty[b-ic88ioorxy] {
    display: grid;
    min-height: 8rem;
    padding: 1.5rem 0;
    place-content: center;
    text-align: center;
}

.roles-panel__empty h3[b-ic88ioorxy] {
    margin-bottom: .2rem;
}

.roles-panel__empty p[b-ic88ioorxy] {
    margin: 0;
    color: var(--av-text-muted);
    font-size: .8125rem;
}

.roles-list[b-ic88ioorxy] {
    display: grid;
    padding-top: .4rem;
}

.role-row[b-ic88ioorxy] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    min-height: 3.25rem;
    padding: .45rem .4rem .45rem .65rem;
    border: 0;
    border-bottom: 1px solid var(--av-border);
    border-radius: .2rem;
    background: transparent;
    user-select: none;
    backface-visibility: hidden;
    transition: background-color .14s ease, transform .15s cubic-bezier(.2, .8, .2, 1);
}

.role-row:hover:not(.role-row--selection-locked)[b-ic88ioorxy],
.role-row--selected[b-ic88ioorxy] {
    background: rgba(102, 114, 125, .08);
}

.role-row--selected[b-ic88ioorxy] {
    z-index: 1;
    margin: .25rem 0;
    border: 1px solid var(--av-selection-border);
    border-radius: .2rem;
    background: var(--av-selection-background);
    color: var(--av-selection-text);
}

.role-row.role-row--dragging[b-ic88ioorxy],
.role-row.role-row--dragging:hover[b-ic88ioorxy] {
    position: relative;
    z-index: 2;
    border: 1px solid var(--av-selection-border);
    background-color: var(--av-selection-background-hover);
    box-shadow: 0 8px 18px rgba(23, 33, 43, .14);
    opacity: 1;
    isolation: isolate;
    will-change: transform;
    transition: none;
}

.roles-panel--sorting .role-row:not(.role-row--dragging)[b-ic88ioorxy] {
    will-change: transform;
}

.roles-panel--settling .role-row[b-ic88ioorxy] {
    transition: none;
}

.role-row--target[b-ic88ioorxy] {
    background: var(--av-selection-background-hover);
}

.role-row__info[b-ic88ioorxy] {
    display: grid;
    min-width: 0;
}

.role-row__select[b-ic88ioorxy] {
    display: block;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.role-row__select:disabled[b-ic88ioorxy] {
    cursor: default;
}

.role-row__select:focus-visible[b-ic88ioorxy] {
    border-radius: var(--av-radius-sm);
    outline: 2px solid var(--av-primary);
    outline-offset: 3px;
}

.role-row__edit[b-ic88ioorxy] {
    min-width: 0;
}

.role-row__actions[b-ic88ioorxy] {
    display: flex;
    align-items: center;
    gap: .05rem;
}

.role-row__action[b-ic88ioorxy] {
    display: grid;
    width: 2rem;
    height: 2rem;
    padding: 0;
    place-items: center;
    border: 0;
    background: transparent;
    color: var(--av-text-muted);
    cursor: pointer;
    opacity: .68;
    transition: color .12s ease, opacity .12s ease;
}

.role-row:hover .role-row__action[b-ic88ioorxy],
.role-row:focus-within .role-row__action[b-ic88ioorxy],
.role-row--selected .role-row__action[b-ic88ioorxy] {
    opacity: 1;
}

.role-row__action:hover:not(:disabled)[b-ic88ioorxy] {
    color: var(--av-text);
}

.role-row__action--delete:hover:not(:disabled)[b-ic88ioorxy] {
    color: var(--av-danger);
}

.role-row__action:focus-visible[b-ic88ioorxy] {
    outline: 2px solid var(--av-border-strong);
    outline-offset: 1px;
}

.role-row__action:disabled[b-ic88ioorxy] {
    cursor: default;
    opacity: .25;
}

.role-row__action svg[b-ic88ioorxy] {
    width: 1.1rem;
    height: 1.1rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

.role-row__info strong[b-ic88ioorxy],
.role-row__info span[b-ic88ioorxy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.role-row__info strong[b-ic88ioorxy] {
    color: var(--av-text);
    font-size: .875rem;
    font-weight: 650;
    letter-spacing: -.01em;
}

.role-row__priority[b-ic88ioorxy] {
    margin-top: .1rem;
    color: var(--av-text-muted);
    font-size: .6875rem;
}

.role-row__priority b[b-ic88ioorxy] {
    color: var(--av-text);
    font-variant-numeric: tabular-nums;
    font-weight: 650;
}

.role-row__handle[b-ic88ioorxy] {
    display: grid;
    width: 2rem;
    height: 2rem;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: var(--av-radius-sm);
    background: transparent;
    color: var(--av-text-muted);
    cursor: grab;
    touch-action: none;
    transition: background-color .14s ease, color .14s ease, transform .14s ease;
}

.role-row__handle:hover:not(:disabled)[b-ic88ioorxy] {
    background: transparent;
    color: var(--av-text);
    transform: scale(1.04);
}

.role-row__handle:active:not(:disabled)[b-ic88ioorxy] {
    cursor: grabbing;
}

.role-row__handle:disabled[b-ic88ioorxy] {
    opacity: .35;
    cursor: default;
}

@media (max-width: 430px) {
    .roles-panel__heading[b-ic88ioorxy] {
        align-items: flex-start;
        flex-direction: column;
    }

    .roles-panel__heading-actions[b-ic88ioorxy] {
        justify-content: space-between;
        width: 100%;
    }

}

@media (hover: none) {
    .role-row__action[b-ic88ioorxy] {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .role-row[b-ic88ioorxy] {
        transition: none;
    }

    .role-row__action[b-ic88ioorxy] {
        transition: none;
    }
}
/* /Components/Controls/UserAccountCard.razor.rz.scp.css */
.user-menu[b-36seih3aau] {
    position: relative;
    min-width: 0;
}

.user-account[b-36seih3aau] {
    display: grid;
    grid-template-columns: 2.125rem minmax(0, 1fr) 1rem;
    align-items: center;
    gap: .625rem;
    min-height: 2.875rem;
    padding: .375rem .25rem;
    border-radius: var(--av-radius-md);
    list-style: none;
    cursor: pointer;
    transition: background-color .15s ease;
}

.user-account[b-36seih3aau]::-webkit-details-marker {
    display: none;
}

.user-account:hover[b-36seih3aau],
.user-menu[open] > .user-account[b-36seih3aau] {
    background: var(--av-surface-subtle);
}

.user-account__avatar[b-36seih3aau] {
    display: grid;
    place-items: center;
    width: 2.125rem;
    height: 2.125rem;
    border: 1px solid var(--av-border);
    border-radius: var(--av-radius-md);
    background: var(--av-surface-subtle);
    color: var(--av-primary);
}

.user-account__avatar svg[b-36seih3aau],
.user-account__chevron[b-36seih3aau],
.user-menu__action svg[b-36seih3aau] {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.user-account__avatar svg[b-36seih3aau] {
    width: 1.05rem;
    height: 1.05rem;
}

.user-account__copy[b-36seih3aau] {
    display: grid;
    gap: .05rem;
    min-width: 0;
}

.user-account__copy strong[b-36seih3aau],
.user-account__copy span[b-36seih3aau] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-account__copy strong[b-36seih3aau] {
    color: var(--av-text);
    font-size: .75rem;
    font-weight: 650;
}

.user-account__copy span[b-36seih3aau] {
    color: var(--av-text-muted);
    font-size: .625rem;
}

.user-account__chevron[b-36seih3aau] {
    width: .875rem;
    height: .875rem;
    color: var(--av-text-muted);
    transition: transform .15s ease;
}

.user-menu[open] .user-account__chevron[b-36seih3aau] {
    transform: rotate(180deg);
}

.user-menu__popover[b-36seih3aau] {
    position: absolute;
    bottom: calc(100% + .625rem);
    left: 0;
    z-index: 40;
    width: 14rem;
    padding: .5rem;
    border: 1px solid var(--av-border);
    border-radius: var(--av-radius-lg);
    background: var(--av-surface);
    box-shadow: var(--av-shadow-dialog);
}

.user-menu__identity[b-36seih3aau] {
    display: grid;
    grid-template-columns: 2.125rem minmax(0, 1fr);
    align-items: center;
    gap: .625rem;
    padding: .375rem .375rem .75rem;
    border-bottom: 1px solid var(--av-border);
}

.user-menu__actions[b-36seih3aau] {
    display: grid;
    gap: .125rem;
    padding-top: .375rem;
}

.user-menu__action[b-36seih3aau] {
    display: grid;
    grid-template-columns: 1.125rem minmax(0, 1fr);
    align-items: center;
    gap: .625rem;
    width: 100%;
    min-height: 2.375rem;
    padding: .45rem .5rem;
    border: 0;
    border-radius: var(--av-radius-md);
    background: transparent;
    color: var(--av-text);
    font-size: .75rem;
    font-weight: 550;
    text-align: left;
    cursor: pointer;
}

.user-menu__action:hover[b-36seih3aau] {
    background: var(--av-surface-subtle);
}

.user-menu__action svg[b-36seih3aau] {
    width: 1.05rem;
    height: 1.05rem;
    color: var(--av-text-muted);
}

.user-menu__theme-dark-action[b-36seih3aau] {
    display: none;
}

:root[data-theme="dark"] .user-menu__theme-light-action[b-36seih3aau] {
    display: none;
}

:root[data-theme="dark"] .user-menu__theme-dark-action[b-36seih3aau] {
    display: initial;
}

.user-menu__action--danger[b-36seih3aau] {
    color: var(--av-danger);
}

.user-menu__action--danger svg[b-36seih3aau] {
    color: currentColor;
}

.user-menu__action:disabled[b-36seih3aau] {
    opacity: .45;
    cursor: not-allowed;
}

.user-menu__action:disabled:hover[b-36seih3aau] {
    background: transparent;
}

.user-menu.is-compact > .user-account[b-36seih3aau] {
    display: flex;
    justify-content: center;
    padding-inline: 0;
}

.user-menu.is-compact > .user-account .user-account__copy[b-36seih3aau],
.user-menu.is-compact > .user-account .user-account__chevron[b-36seih3aau] {
    display: none;
}

@media (max-width: 760px) {
    .user-menu.is-compact > .user-account[b-36seih3aau] {
        display: grid;
        justify-content: initial;
        padding: .375rem .25rem;
    }

    .user-menu.is-compact > .user-account .user-account__copy[b-36seih3aau],
    .user-menu.is-compact > .user-account .user-account__chevron[b-36seih3aau] {
        display: grid;
    }

    .user-menu__popover[b-36seih3aau] {
        position: static;
        width: 100%;
        margin-top: .375rem;
        box-shadow: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .user-account[b-36seih3aau],
    .user-account__chevron[b-36seih3aau] {
        transition: none;
    }
}
/* /Components/Controls/UserManagement/UserBasicInfoForm.razor.rz.scp.css */
.user-settings-panel[b-390mkmsjqx] {
    border-top: 1px solid var(--av-border);
}

.user-settings-panel__toggle[b-390mkmsjqx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    min-height: 4.75rem;
    padding: 1rem 0;
    cursor: pointer;
    list-style: none;
}

.user-settings-panel__toggle[b-390mkmsjqx]::-webkit-details-marker {
    display: none;
}

.user-settings-panel__toggle:hover .user-settings-panel__heading strong[b-390mkmsjqx] {
    color: var(--av-input-focus);
}

.user-settings-panel__toggle:focus-visible[b-390mkmsjqx] {
    border-radius: var(--av-radius-sm);
    outline: 2px solid var(--av-input-focus);
    outline-offset: 3px;
}

.user-settings-panel__heading[b-390mkmsjqx] {
    display: grid;
    min-width: 0;
    gap: .18rem;
}

.user-settings-panel__heading strong[b-390mkmsjqx] {
    color: var(--av-text);
    font-size: .9375rem;
    font-weight: 680;
    transition: color .15s ease;
}

.user-settings-panel__heading small[b-390mkmsjqx] {
    color: var(--av-text-muted);
    font-size: .75rem;
}

.user-settings-panel__chevron[b-390mkmsjqx] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: var(--av-text-muted);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    transition: transform .15s ease;
}

.user-settings-panel:not([open]) .user-settings-panel__chevron[b-390mkmsjqx] {
    transform: rotate(-90deg);
}

.user-settings-panel__content[b-390mkmsjqx] {
    padding: .35rem 0 1.6rem;
}

.basic-info-fields[b-390mkmsjqx] {
    display: grid;
    max-width: 36rem;
    gap: 1.05rem;
}

.basic-info-created-at[b-390mkmsjqx] {
    display: flex;
    align-items: baseline;
    gap: .4rem;
    color: var(--av-text);
    font-size: .8125rem;
}

.basic-info-created-at span[b-390mkmsjqx] {
    font-weight: 650;
}

.basic-info-created-at strong[b-390mkmsjqx] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.basic-info-field[b-390mkmsjqx] {
    display: grid;
    align-content: start;
    min-width: 0;
}

.basic-info-field label[b-390mkmsjqx] {
    margin-bottom: .48rem;
}

.basic-info-field__hint[b-390mkmsjqx] {
    margin-top: .38rem;
    color: var(--av-text-muted);
    font-size: .6875rem;
}

.basic-info-field[b-390mkmsjqx]  .validation-message {
    margin-top: .38rem;
    color: var(--av-danger);
    font-size: .6875rem;
}

.basic-info-option[b-390mkmsjqx] {
    display: inline-grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    justify-self: start;
    gap: .7rem;
    max-width: 36rem;
    margin: .15rem 0 0;
    cursor: pointer;
}

.basic-info-option__copy[b-390mkmsjqx] {
    display: grid;
    grid-column: 2;
    min-width: 0;
    gap: .12rem;
}

.basic-info-option__copy strong[b-390mkmsjqx] {
    color: var(--av-text);
    font-size: .8125rem;
    font-weight: 650;
}

.basic-info-option__copy small[b-390mkmsjqx] {
    color: var(--av-text-muted);
    font-size: .6875rem;
    font-weight: 400;
}

.basic-info-option[b-390mkmsjqx]  input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.basic-info-option__check[b-390mkmsjqx] {
    display: grid;
    grid-column: 1;
    grid-row: 1;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .05rem;
    place-items: center;
    border: 1.5px solid var(--av-input-hover);
    border-radius: .32rem;
    background: var(--av-surface);
    color: transparent;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.basic-info-option:hover .basic-info-option__check[b-390mkmsjqx] {
    border-color: var(--av-input-focus);
}

.basic-info-option__check svg[b-390mkmsjqx] {
    width: .8rem;
    height: .8rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.2;
}

.basic-info-option[b-390mkmsjqx]  input:checked + .basic-info-option__check {
    border-color: var(--av-input-focus);
    background: var(--av-input-focus);
    color: #fff;
}

.basic-info-option[b-390mkmsjqx]  input:focus-visible + .basic-info-option__check {
    outline: 0;
    box-shadow: 0 0 0 4px var(--av-input-ring);
}

.basic-info-option:has(input:disabled)[b-390mkmsjqx] {
    cursor: default;
    opacity: .65;
}

.basic-info-actions[b-390mkmsjqx] {
    display: flex;
    max-width: 36rem;
    margin-top: 1.25rem;
}

@media (max-width: 640px) {
    .user-settings-panel__heading small[b-390mkmsjqx] {
        white-space: normal;
    }

    .basic-info-actions .button[b-390mkmsjqx] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .user-settings-panel__heading strong[b-390mkmsjqx],
    .user-settings-panel__chevron[b-390mkmsjqx],
    .basic-info-option__check[b-390mkmsjqx] {
        transition: none;
    }
}
/* /Components/Controls/UserManagement/UserDeleteForm.razor.rz.scp.css */
.user-delete-panel[b-wl02gagd4j] {
    --delete-button-background: #b42318;
    --delete-button-background-hover: #912018;
    --delete-button-text: #fff;
    border-top: 1px solid var(--av-border);
}

.user-delete-panel__toggle[b-wl02gagd4j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    min-height: 4.75rem;
    padding: 1rem 0;
    cursor: pointer;
    list-style: none;
}

.user-delete-panel__toggle[b-wl02gagd4j]::-webkit-details-marker {
    display: none;
}

.user-delete-panel__toggle:hover .user-delete-panel__heading strong[b-wl02gagd4j] {
    color: var(--av-danger);
}

.user-delete-panel__toggle:focus-visible[b-wl02gagd4j] {
    border-radius: var(--av-radius-sm);
    outline: 2px solid var(--av-danger);
    outline-offset: 3px;
}

.user-delete-panel__heading[b-wl02gagd4j] {
    display: grid;
    min-width: 0;
    gap: .18rem;
}

.user-delete-panel__heading strong[b-wl02gagd4j] {
    color: var(--av-text);
    font-size: .9375rem;
    font-weight: 680;
    transition: color .15s ease;
}

.user-delete-panel__heading small[b-wl02gagd4j] {
    color: var(--av-text-muted);
    font-size: .75rem;
}

.user-delete-panel__chevron[b-wl02gagd4j] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: var(--av-text-muted);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    transition: transform .15s ease;
}

.user-delete-panel:not([open]) .user-delete-panel__chevron[b-wl02gagd4j] {
    transform: rotate(-90deg);
}

.user-delete-panel__content[b-wl02gagd4j] {
    display: grid;
    justify-items: start;
    gap: 1.25rem;
    padding: .35rem 0 1.6rem;
}

.user-delete-panel__content p[b-wl02gagd4j] {
    max-width: 40rem;
    margin: 0;
    color: var(--av-text-muted);
    font-size: .8125rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.user-delete-panel__content p strong[b-wl02gagd4j] {
    color: var(--av-text);
    font-weight: 650;
}

.user-delete-panel__confirmation[b-wl02gagd4j] {
    padding-left: .85rem;
    border-left: 2px solid var(--av-danger-border);
}

.user-delete-panel__actions[b-wl02gagd4j] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.user-delete-panel__delete-button[b-wl02gagd4j] {
    border-color: transparent;
    background: var(--delete-button-background);
    color: var(--delete-button-text);
}

.user-delete-panel__delete-button:hover:not(:disabled)[b-wl02gagd4j] {
    border-color: transparent;
    background: var(--delete-button-background-hover);
}

@media (max-width: 520px) {
    .user-delete-panel__heading small[b-wl02gagd4j] {
        white-space: normal;
    }

    .user-delete-panel__actions[b-wl02gagd4j] {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    .user-delete-panel__actions .button[b-wl02gagd4j],
    .user-delete-panel__content > .button[b-wl02gagd4j] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .user-delete-panel__heading strong[b-wl02gagd4j],
    .user-delete-panel__chevron[b-wl02gagd4j] {
        transition: none;
    }
}
/* /Components/Controls/UserManagement/UserInvitationPanel.razor.rz.scp.css */
.user-settings-panel[b-udwcwk0teg] {
    --invitation-control-focus: var(--av-checkbox-checked);
    --invitation-cancel-background: #b42318;
    --invitation-cancel-background-hover: #912018;
    border-top: 1px solid var(--av-border);
}

.user-settings-panel__toggle[b-udwcwk0teg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    min-height: 4.75rem;
    padding: 1rem 0;
    cursor: pointer;
    list-style: none;
}

.user-settings-panel__toggle[b-udwcwk0teg]::-webkit-details-marker {
    display: none;
}

.user-settings-panel__toggle:hover .user-settings-panel__heading strong[b-udwcwk0teg] {
    color: var(--invitation-control-focus);
}

.user-settings-panel__toggle:focus-visible[b-udwcwk0teg] {
    border-radius: var(--av-radius-sm);
    outline: 2px solid var(--invitation-control-focus);
    outline-offset: 3px;
}

.user-settings-panel__heading[b-udwcwk0teg] {
    display: grid;
    min-width: 0;
    gap: .18rem;
}

.user-settings-panel__heading strong[b-udwcwk0teg] {
    color: var(--av-text);
    font-size: .9375rem;
    font-weight: 680;
    transition: color .15s ease;
}

.user-settings-panel__heading small[b-udwcwk0teg] {
    color: var(--av-text-muted);
    font-size: .75rem;
}

.user-settings-panel__chevron[b-udwcwk0teg] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: var(--av-text-muted);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    transition: transform .15s ease;
}

.user-settings-panel:not([open]) .user-settings-panel__chevron[b-udwcwk0teg] {
    transform: rotate(-90deg);
}

.user-settings-panel__content[b-udwcwk0teg] {
    padding: .35rem 0 1.6rem;
}

.user-invitation__message[b-udwcwk0teg] {
    max-width: 36rem;
    margin-bottom: 1.25rem;
}

.user-invitation__details[b-udwcwk0teg] {
    display: grid;
    width: 100%;
    max-width: 36rem;
    margin: 0;
}

.user-invitation__details > div[b-udwcwk0teg] {
    display: grid;
    grid-template-columns: minmax(8.5rem, 11rem) minmax(0, 1fr);
    gap: 1rem;
    padding: .7rem 0;
    border-bottom: 1px solid var(--av-border);
}

.user-invitation__details > div:first-child[b-udwcwk0teg] {
    padding-top: 0;
}

.user-invitation__details dt[b-udwcwk0teg] {
    color: var(--av-text-muted);
    font-size: .75rem;
}

.user-invitation__details dd[b-udwcwk0teg] {
    min-width: 0;
    margin: 0;
    color: var(--av-text);
    font-size: .8125rem;
    overflow-wrap: anywhere;
}

.user-invitation__actions[b-udwcwk0teg] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    max-width: 36rem;
    margin-top: 1.25rem;
}

.user-invitation__cancel-button[b-udwcwk0teg] {
    border-color: transparent;
    background: var(--invitation-cancel-background);
    color: #fff;
}

.user-invitation__cancel-button:hover:not(:disabled)[b-udwcwk0teg] {
    border-color: transparent;
    background: var(--invitation-cancel-background-hover);
}

.user-invitation__note[b-udwcwk0teg] {
    max-width: 36rem;
    margin: .75rem 0 0;
    color: var(--av-text-muted);
    font-size: .6875rem;
    line-height: 1.5;
}

@media (max-width: 640px) {
    .user-settings-panel__heading small[b-udwcwk0teg] {
        white-space: normal;
    }

    .user-invitation__details > div[b-udwcwk0teg] {
        grid-template-columns: 1fr;
        gap: .25rem;
    }

    .user-invitation__actions[b-udwcwk0teg] {
        display: grid;
    }

    .user-invitation__actions .button[b-udwcwk0teg] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .user-settings-panel__heading strong[b-udwcwk0teg],
    .user-settings-panel__chevron[b-udwcwk0teg] {
        transition: none;
    }
}
/* /Components/Controls/UserManagement/UserPasswordForm.razor.rz.scp.css */
.user-settings-panel[b-ffxmgabk7z] {
    border-top: 1px solid var(--av-border);
}

.user-settings-panel__toggle[b-ffxmgabk7z] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    min-height: 4.75rem;
    padding: 1rem 0;
    cursor: pointer;
    list-style: none;
}

.user-settings-panel__toggle[b-ffxmgabk7z]::-webkit-details-marker {
    display: none;
}

.user-settings-panel__toggle:hover .user-settings-panel__heading strong[b-ffxmgabk7z] {
    color: var(--av-input-focus);
}

.user-settings-panel__toggle:focus-visible[b-ffxmgabk7z] {
    border-radius: var(--av-radius-sm);
    outline: 2px solid var(--av-input-focus);
    outline-offset: 3px;
}

.user-settings-panel__heading[b-ffxmgabk7z] {
    display: grid;
    min-width: 0;
    gap: .18rem;
}

.user-settings-panel__heading strong[b-ffxmgabk7z] {
    color: var(--av-text);
    font-size: .9375rem;
    font-weight: 680;
    transition: color .15s ease;
}

.user-settings-panel__heading small[b-ffxmgabk7z] {
    color: var(--av-text-muted);
    font-size: .75rem;
}

.user-settings-panel__chevron[b-ffxmgabk7z] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: var(--av-text-muted);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    transition: transform .15s ease;
}

.user-settings-panel:not([open]) .user-settings-panel__chevron[b-ffxmgabk7z] {
    transform: rotate(-90deg);
}

.user-settings-panel__content[b-ffxmgabk7z] {
    padding: .35rem 0 1.6rem;
}

.password-fields[b-ffxmgabk7z] {
    display: grid;
    max-width: 36rem;
    gap: 1.05rem;
}

.password-field[b-ffxmgabk7z] {
    display: grid;
    align-content: start;
    min-width: 0;
}

.password-field > label[b-ffxmgabk7z] {
    margin-bottom: .48rem;
}

.password-field[b-ffxmgabk7z]  .password-reveal {
    color: var(--av-text-muted);
}

.password-field[b-ffxmgabk7z]  .password-reveal:hover {
    background: var(--av-accent-soft);
    color: var(--av-input-focus);
}

.password-field[b-ffxmgabk7z]  .password-reveal:focus-visible {
    outline-color: var(--av-input-focus);
}

.password-field[b-ffxmgabk7z]  .validation-message {
    margin-top: .38rem;
    color: var(--av-danger);
    font-size: .6875rem;
}

.password-field[b-ffxmgabk7z]  .input-requirements li {
    --state-color: var(--av-danger);
    border-color: color-mix(in srgb, var(--state-color) 34%, var(--av-surface));
    background: color-mix(in srgb, var(--state-color) 8%, var(--av-surface));
}

.password-field[b-ffxmgabk7z]  .input-requirements li.is-met {
    --state-color: var(--av-success);
}

.password-actions[b-ffxmgabk7z] {
    display: flex;
    max-width: 36rem;
    margin-top: 1.25rem;
}

@media (max-width: 640px) {
    .user-settings-panel__heading small[b-ffxmgabk7z] {
        white-space: normal;
    }

    .password-actions .button[b-ffxmgabk7z] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .user-settings-panel__heading strong[b-ffxmgabk7z],
    .user-settings-panel__chevron[b-ffxmgabk7z] {
        transition: none;
    }
}
/* /Components/Controls/UserManagement/UserRolesForm.razor.rz.scp.css */
.user-settings-panel[b-k5ajso8f1e] {
    --roles-control-border: #d7e6e7;
    --roles-control-hover: #adc9cc;
    --roles-control-focus: var(--av-checkbox-checked);
    --roles-control-ring: rgba(8, 127, 156, .12);
    border-top: 1px solid var(--av-border);
}

:root[data-theme="dark"] .user-settings-panel[b-k5ajso8f1e] {
    --roles-control-border: var(--av-border-strong);
    --roles-control-hover: color-mix(in srgb, var(--av-border-strong) 80%, var(--av-text-muted));
    --roles-control-focus: var(--av-checkbox-checked);
    --roles-control-ring: transparent;
}

.user-settings-panel__toggle[b-k5ajso8f1e] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    min-height: 4.75rem;
    padding: 1rem 0;
    cursor: pointer;
    list-style: none;
}

.user-settings-panel__toggle[b-k5ajso8f1e]::-webkit-details-marker {
    display: none;
}

.user-settings-panel__toggle:hover .user-settings-panel__heading strong[b-k5ajso8f1e] {
    color: var(--roles-control-focus);
}

.user-settings-panel__toggle:focus-visible[b-k5ajso8f1e] {
    border-radius: var(--av-radius-sm);
    outline: 2px solid var(--roles-control-focus);
    outline-offset: 3px;
}

.user-settings-panel__heading[b-k5ajso8f1e] {
    display: grid;
    min-width: 0;
    gap: .18rem;
}

.user-settings-panel__heading strong[b-k5ajso8f1e] {
    color: var(--av-text);
    font-size: .9375rem;
    font-weight: 680;
    transition: color .15s ease;
}

.user-settings-panel__heading small[b-k5ajso8f1e] {
    color: var(--av-text-muted);
    font-size: .75rem;
}

.user-settings-panel__chevron[b-k5ajso8f1e] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: var(--av-text-muted);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    transition: transform .15s ease;
}

.user-settings-panel:not([open]) .user-settings-panel__chevron[b-k5ajso8f1e] {
    transform: rotate(-90deg);
}

.user-settings-panel__content[b-k5ajso8f1e] {
    padding: .35rem 0 1.6rem;
}

.user-role-list[b-k5ajso8f1e] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    max-width: 36rem;
}

.user-role-list__empty[b-k5ajso8f1e] {
    flex-basis: 100%;
    color: var(--av-text-muted);
    font-size: .75rem;
}

.user-role[b-k5ajso8f1e] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .3rem;
    height: 2.25rem;
    padding: .3rem .38rem .3rem .68rem;
    border: 1px solid var(--roles-control-border);
    border-radius: var(--av-radius-md);
    background: var(--av-surface-subtle);
    color: var(--av-text);
    font-size: .75rem;
    font-weight: 650;
    line-height: 1;
}

.user-role__remove[b-k5ajso8f1e],
.user-role__protected[b-k5ajso8f1e] {
    display: grid;
    flex: 0 0 1.45rem;
    width: 1.45rem;
    height: 1.45rem;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: var(--av-radius-sm);
    background: transparent;
    color: var(--av-text-muted);
}

.user-role__remove[b-k5ajso8f1e] {
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}

.user-role__protected[b-k5ajso8f1e] {
    opacity: .72;
}

.user-role__remove:hover[b-k5ajso8f1e] {
    background: var(--av-border);
    color: var(--av-text);
}

.user-role__remove:focus-visible[b-k5ajso8f1e] {
    outline: 2px solid var(--roles-control-focus);
    outline-offset: 1px;
}

.user-role__remove svg[b-k5ajso8f1e],
.user-role__protected svg[b-k5ajso8f1e] {
    width: .8rem;
    height: .8rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.8;
}

.user-role-select[b-k5ajso8f1e] {
    position: relative;
    display: inline-grid;
    flex: 0 0 auto;
    width: 9.5rem;
    height: 2.25rem;
    align-items: center;
}

.user-role-select[b-k5ajso8f1e]  .user-role-select__control {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0 2.1rem 0 .72rem;
    border: 1px solid var(--roles-control-border);
    border-radius: var(--av-radius-md);
    appearance: none;
    background: var(--av-surface-subtle);
    color: var(--av-text-muted);
    font-size: .75rem;
    font-weight: 650;
    line-height: 1;
    cursor: pointer;
    outline: 0;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease, color .15s ease;
}

.user-role-select:hover[b-k5ajso8f1e]  .user-role-select__control {
    border-color: var(--roles-control-hover);
    background: var(--av-surface);
    color: var(--av-text);
}

.user-role-select[b-k5ajso8f1e]  .user-role-select__control:focus-visible {
    border-color: var(--roles-control-focus);
    background: var(--av-surface);
    box-shadow: 0 0 0 4px var(--roles-control-ring);
    color: var(--av-text);
}

.user-role-select__chevron[b-k5ajso8f1e] {
    position: absolute;
    right: .68rem;
    width: .9rem;
    height: .9rem;
    pointer-events: none;
    fill: none;
    color: var(--av-text-muted);
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    transition: color .15s ease, transform .15s ease;
}

.user-role-select:hover .user-role-select__chevron[b-k5ajso8f1e],
.user-role-select:focus-within .user-role-select__chevron[b-k5ajso8f1e] {
    color: var(--roles-control-focus);
}

.user-role-select:focus-within .user-role-select__chevron[b-k5ajso8f1e] {
    transform: translateY(1px);
}

.basic-info-actions[b-k5ajso8f1e] {
    display: flex;
    max-width: 36rem;
    margin-top: 1.25rem;
}

@media (max-width: 640px) {
    .user-settings-panel__heading small[b-k5ajso8f1e] {
        white-space: normal;
    }

    .user-role-select[b-k5ajso8f1e] {
        max-width: 100%;
    }

    .basic-info-actions .button[b-k5ajso8f1e] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .user-settings-panel__heading strong[b-k5ajso8f1e],
    .user-settings-panel__chevron[b-k5ajso8f1e],
    .user-role__remove[b-k5ajso8f1e],
    .user-role-select[b-k5ajso8f1e]  .user-role-select__control,
    .user-role-select__chevron[b-k5ajso8f1e] {
        transition: none;
    }
}
/* /Components/Controls/UserManagement/UserSecurityForm.razor.rz.scp.css */
.user-settings-panel[b-hyolhtiunw] {
    border-top: 1px solid var(--av-border);
}

.user-settings-panel__toggle[b-hyolhtiunw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    min-height: 4.75rem;
    padding: 1rem 0;
    cursor: pointer;
    list-style: none;
}

.user-settings-panel__toggle[b-hyolhtiunw]::-webkit-details-marker {
    display: none;
}

.user-settings-panel__toggle:hover .user-settings-panel__heading strong[b-hyolhtiunw] {
    color: var(--av-input-focus);
}

.user-settings-panel__toggle:focus-visible[b-hyolhtiunw] {
    border-radius: var(--av-radius-sm);
    outline: 2px solid var(--av-input-focus);
    outline-offset: 3px;
}

.user-settings-panel__heading[b-hyolhtiunw] {
    display: grid;
    min-width: 0;
    gap: .18rem;
}

.user-settings-panel__heading strong[b-hyolhtiunw] {
    color: var(--av-text);
    font-size: .9375rem;
    font-weight: 680;
    transition: color .15s ease;
}

.user-settings-panel__heading small[b-hyolhtiunw] {
    color: var(--av-text-muted);
    font-size: .75rem;
}

.user-settings-panel__chevron[b-hyolhtiunw] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: var(--av-text-muted);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    transition: transform .15s ease;
}

.user-settings-panel:not([open]) .user-settings-panel__chevron[b-hyolhtiunw] {
    transform: rotate(-90deg);
}

.user-settings-panel__content[b-hyolhtiunw] {
    padding: .35rem 0 1.6rem;
}

.security-fields[b-hyolhtiunw] {
    display: grid;
    max-width: 36rem;
    gap: 1.05rem;
}

.security-field[b-hyolhtiunw] {
    display: grid;
    align-content: start;
    min-width: 0;
}

.security-field > label[b-hyolhtiunw] {
    margin-bottom: .48rem;
}

.security-lockout-trigger:not(:disabled)[b-hyolhtiunw] {
    cursor: pointer;
}

.security-failed-logins[b-hyolhtiunw] {
    display: flex;
    align-items: baseline;
    gap: .4rem;
    color: var(--av-text);
    font-size: .8125rem;
}

.security-failed-logins span[b-hyolhtiunw] {
    font-weight: 650;
}

.security-failed-logins strong[b-hyolhtiunw] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.security-lockout-control[b-hyolhtiunw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
}

.security-lockout-clear[b-hyolhtiunw] {
    gap: .42rem;
}

.security-lockout-clear svg[b-hyolhtiunw] {
    flex: 0 0 .95rem;
    width: .95rem;
    height: .95rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 2;
}

:root[data-theme="dark"] .security-lockout-clear[b-hyolhtiunw] {
    border-color: var(--av-danger-border);
    background: var(--av-danger-soft);
    color: var(--av-danger);
    box-shadow: none;
}

:root[data-theme="dark"] .security-lockout-clear:hover[b-hyolhtiunw] {
    border-color: var(--av-danger);
    background: color-mix(in srgb, var(--av-danger-soft) 82%, var(--av-danger));
    color: var(--av-danger-hover);
}

.security-field__hint[b-hyolhtiunw] {
    margin-top: .38rem;
    color: var(--av-text-muted);
    font-size: .6875rem;
}

.security-option[b-hyolhtiunw] {
    display: inline-grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    justify-self: start;
    gap: .7rem;
    max-width: 36rem;
    margin: .15rem 0 0;
    cursor: pointer;
}

.security-option__copy[b-hyolhtiunw] {
    display: grid;
    grid-column: 2;
    min-width: 0;
    gap: .12rem;
}

.security-option__copy strong[b-hyolhtiunw] {
    color: var(--av-text);
    font-size: .8125rem;
    font-weight: 650;
}

.security-option__copy small[b-hyolhtiunw] {
    color: var(--av-text-muted);
    font-size: .6875rem;
    font-weight: 400;
}

.security-option[b-hyolhtiunw]  input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.security-option__check[b-hyolhtiunw] {
    display: grid;
    grid-column: 1;
    grid-row: 1;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .05rem;
    place-items: center;
    border: 1.5px solid var(--av-input-hover);
    border-radius: .32rem;
    background: var(--av-surface);
    color: transparent;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.security-option:hover .security-option__check[b-hyolhtiunw] {
    border-color: var(--av-input-focus);
}

.security-option__check svg[b-hyolhtiunw] {
    width: .8rem;
    height: .8rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.2;
}

.security-option[b-hyolhtiunw]  input:checked + .security-option__check {
    border-color: var(--av-input-focus);
    background: var(--av-input-focus);
    color: #fff;
}

.security-option[b-hyolhtiunw]  input:focus-visible + .security-option__check {
    outline: 0;
    box-shadow: 0 0 0 4px var(--av-input-ring);
}

.security-option:has(input:disabled)[b-hyolhtiunw] {
    cursor: default;
    opacity: .65;
}

.basic-info-actions[b-hyolhtiunw] {
    display: flex;
    max-width: 36rem;
    margin-top: 1.25rem;
}

@media (max-width: 640px) {
    .user-settings-panel__heading small[b-hyolhtiunw] {
        white-space: normal;
    }

    .security-lockout-control[b-hyolhtiunw] {
        grid-template-columns: 1fr;
    }

    .security-lockout-control .button[b-hyolhtiunw],
    .basic-info-actions .button[b-hyolhtiunw] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .user-settings-panel__heading strong[b-hyolhtiunw],
    .user-settings-panel__chevron[b-hyolhtiunw],
    .security-option__check[b-hyolhtiunw] {
        transition: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.skip-link[b-cnffmco7q8] {
    position: fixed;
    top: .75rem;
    left: .75rem;
    z-index: 100;
    padding: .6rem .8rem;
    border-radius: var(--av-radius-md);
    background: var(--av-text);
    color: #fff;
    font-size: .8125rem;
    font-weight: 650;
    transform: translateY(calc(-100% - 1rem));
}

.skip-link:focus[b-cnffmco7q8] {
    transform: translateY(0);
}

.panel-shell[b-cnffmco7q8] {
    display: grid;
    grid-template-columns: 15.5rem minmax(0, 1fr);
    min-height: 100dvh;
    transition: grid-template-columns .18s ease;
}

.panel-shell.is-collapsed[b-cnffmco7q8] {
    grid-template-columns: 4.5rem minmax(0, 1fr);
}

.panel-sidebar[b-cnffmco7q8] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100dvh;
    padding: .875rem;
    overflow: visible;
    border-right: 1px solid var(--av-border);
    background: var(--av-surface);
}

.panel-sidebar__header[b-cnffmco7q8] {
    display: flex;
    align-items: center;
    gap: .375rem;
}

.panel-brand[b-cnffmco7q8] {
    display: grid;
    flex: 1;
    grid-template-columns: 2.25rem minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    min-width: 0;
    min-height: 2.75rem;
    padding: .25rem;
    border-radius: var(--av-radius-md);
}

.panel-brand:hover .panel-brand__copy strong[b-cnffmco7q8] {
    color: var(--av-primary);
}

.panel-brand__logo[b-cnffmco7q8] {
    width: 2.25rem;
    height: 2.25rem;
    object-fit: contain;
}

.panel-brand__copy[b-cnffmco7q8] {
    display: grid;
    gap: .05rem;
    min-width: 0;
    line-height: 1.2;
    white-space: nowrap;
}

.panel-brand__copy strong[b-cnffmco7q8] {
    color: var(--av-text);
    font-size: .875rem;
    font-weight: 750;
    letter-spacing: -.025em;
    transition: color .15s ease;
}

.panel-brand__copy strong span[b-cnffmco7q8] {
    color: var(--av-primary);
}

.panel-brand__copy > span[b-cnffmco7q8] {
    color: var(--av-text-muted);
    font-size: .875rem;
    font-weight: 500;
}

.panel-toggle[b-cnffmco7q8] {
    display: grid;
    flex: 0 0 2.25rem;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 1px solid transparent;
    border-radius: var(--av-radius-md);
    background: transparent;
    color: var(--av-text-muted);
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.panel-toggle:hover[b-cnffmco7q8] {
    border-color: var(--av-border);
    background: var(--av-surface-subtle);
    color: var(--av-text);
}

.panel-toggle svg[b-cnffmco7q8] {
    width: 1.125rem;
    height: 1.125rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.panel-toggle--mobile[b-cnffmco7q8] {
    display: none;
}

.panel-toggle__close-icon[b-cnffmco7q8] {
    display: none;
}

.is-mobile-open .panel-toggle__menu-icon[b-cnffmco7q8] {
    display: none;
}

.is-mobile-open .panel-toggle__close-icon[b-cnffmco7q8] {
    display: initial;
}

.panel-toggle__arrow[b-cnffmco7q8] {
    transition: transform .18s ease;
    transform-origin: center;
}

.is-collapsed .panel-toggle__arrow[b-cnffmco7q8] {
    transform: rotate(180deg);
}

.panel-nav[b-cnffmco7q8] {
    display: grid;
    gap: .25rem;
    margin-top: 2rem;
}

.panel-nav__label[b-cnffmco7q8] {
    margin: 0 .625rem .125rem;
    color: #7c8790;
    font-size: .625rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.panel-nav[b-cnffmco7q8]  .panel-nav__link {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr);
    align-items: center;
    gap: .625rem;
    min-height: 2.5rem;
    padding: .45rem .625rem;
    border-radius: var(--av-radius-md);
    color: var(--av-text-muted);
    font-size: .8125rem;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color .15s ease, color .15s ease;
}

.panel-nav[b-cnffmco7q8]  .panel-nav__link:hover {
    background: var(--av-surface-subtle);
    color: var(--av-text);
}

.panel-nav[b-cnffmco7q8]  .panel-nav__link.active {
    background: var(--av-nav-active-background);
    color: var(--av-nav-active-text);
    font-weight: 650;
}

.panel-nav__icon[b-cnffmco7q8] {
    display: grid;
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
}

.panel-nav__icon svg[b-cnffmco7q8] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.panel-sidebar__account[b-cnffmco7q8] {
    margin-top: auto;
    padding-top: .875rem;
    border-top: 1px solid var(--av-border);
}

.panel-sidebar__drawer[b-cnffmco7q8] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}

.panel-sidebar__backdrop[b-cnffmco7q8] {
    display: none;
}

.is-collapsed .panel-brand__copy[b-cnffmco7q8],
.is-collapsed .panel-nav__label[b-cnffmco7q8],
.is-collapsed .panel-nav__text[b-cnffmco7q8] {
    display: none;
}

.is-collapsed .panel-sidebar__header[b-cnffmco7q8] {
    flex-direction: column-reverse;
}

.is-collapsed .panel-brand[b-cnffmco7q8] {
    display: none;
    flex: none;
    padding: .25rem;
}

.is-collapsed .panel-nav[b-cnffmco7q8]  .panel-nav__link {
    display: flex;
    justify-content: center;
    padding-inline: .5rem;
}

.panel-workspace[b-cnffmco7q8] {
    min-width: 0;
}

.panel-topbar[b-cnffmco7q8] {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 3.75rem;
    padding: .625rem clamp(1.25rem, 3vw, 2.5rem);
    border-bottom: 1px solid var(--av-border);
    background: rgba(245, 247, 248, .9);
    backdrop-filter: blur(10px);
}

.panel-topbar__context[b-cnffmco7q8] {
    color: var(--av-text-muted);
    font-size: .875rem;
    font-weight: 600;
}

.panel-server[b-cnffmco7q8] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 2rem;
    padding: .25rem .5rem;
    border-radius: var(--av-radius-sm);
    color: var(--av-text-muted);
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: .6875rem;
    font-weight: 600;
}

.panel-server:hover[b-cnffmco7q8] {
    background: var(--av-surface);
    color: var(--av-text);
}

.panel-server img[b-cnffmco7q8] {
    width: 1.125rem;
    height: 1.125rem;
    object-fit: contain;
}

.panel-content[b-cnffmco7q8] {
    width: min(100%, 76rem);
    min-height: calc(100dvh - 3.75rem);
    padding: clamp(1.5rem, 3vw, 2.5rem);
}

.panel-content:focus[b-cnffmco7q8] {
    outline: none;
}


@media (max-width: 760px) {
    .panel-shell[b-cnffmco7q8],
    .panel-shell.is-collapsed[b-cnffmco7q8] {
        display: block;
    }

    .panel-sidebar[b-cnffmco7q8] {
        position: sticky;
        height: auto;
        min-height: 3.75rem;
        padding: .5rem .75rem;
        overflow: visible;
        border-right: 0;
        border-bottom: 1px solid var(--av-border);
    }

    .panel-sidebar__header[b-cnffmco7q8],
    .is-collapsed .panel-sidebar__header[b-cnffmco7q8] {
        flex-direction: row;
    }

    .panel-brand[b-cnffmco7q8],
    .is-collapsed .panel-brand[b-cnffmco7q8] {
        display: grid;
        flex: 1;
        padding: .25rem;
    }

    .is-collapsed .panel-brand__copy[b-cnffmco7q8] {
        display: grid;
    }

    .panel-toggle--desktop[b-cnffmco7q8] {
        display: none;
    }

    .panel-toggle--mobile[b-cnffmco7q8] {
        display: grid;
        order: -1;
    }

    .panel-sidebar__drawer[b-cnffmco7q8] {
        position: fixed;
        top: 3.75rem;
        bottom: 0;
        left: 0;
        z-index: 2;
        width: min(19rem, calc(100vw - 3rem));
        padding: .75rem;
        overflow-y: auto;
        border-right: 1px solid var(--av-border);
        background: var(--av-surface);
        box-shadow: var(--av-shadow-dialog);
        visibility: hidden;
        transform: translateX(-100%);
        transition: transform .2s ease, visibility .2s ease;
    }

    .is-mobile-open .panel-sidebar__drawer[b-cnffmco7q8] {
        visibility: visible;
        transform: translateX(0);
    }

    .is-mobile-open .panel-sidebar__backdrop[b-cnffmco7q8] {
        position: fixed;
        inset: 3.75rem 0 0;
        z-index: 19;
        display: block;
        width: 100%;
        border: 0;
        background: rgba(7, 17, 31, .48);
        cursor: default;
    }

    .panel-sidebar__drawer .panel-nav:first-child[b-cnffmco7q8] {
        margin-top: .5rem;
    }

    .is-collapsed .panel-nav__label[b-cnffmco7q8],
    .is-collapsed .panel-nav__text[b-cnffmco7q8] {
        display: initial;
    }

    .is-collapsed .panel-nav[b-cnffmco7q8]  .panel-nav__link {
        display: grid;
        justify-content: initial;
        padding-inline: .625rem;
    }

    .panel-topbar[b-cnffmco7q8] {
        display: none;
    }

    .panel-content[b-cnffmco7q8] {
        min-height: calc(100dvh - 3.75rem);
        padding: 1.5rem 1rem 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .panel-shell[b-cnffmco7q8],
    .panel-brand__copy strong[b-cnffmco7q8],
    .panel-nav__link[b-cnffmco7q8],
    .panel-toggle[b-cnffmco7q8],
    .panel-toggle__arrow[b-cnffmco7q8] {
        transition: none;
    }

    .panel-sidebar__drawer[b-cnffmco7q8] {
        transition: none;
    }
}
/* /Components/Pages/AccessDenied.razor.rz.scp.css */
.access-denied[b-2zkkfi18zq] {
    display: grid;
    grid-template-columns: 4.5rem minmax(0, 1fr);
    align-items: start;
    gap: 1.5rem;
    width: min(100%, 42rem);
}

.access-denied__visual[b-2zkkfi18zq] {
    display: grid;
    justify-items: center;
    gap: .75rem;
}

.access-denied__icon[b-2zkkfi18zq] {
    display: grid;
    place-items: center;
    width: 4.5rem;
    height: 4.5rem;
    border: 1px solid var(--av-nav-active-border);
    border-radius: 50%;
    background: var(--av-accent-soft);
    color: var(--av-nav-active-text);
}

.access-denied__icon svg[b-2zkkfi18zq] {
    width: 2rem;
    height: 2rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.65;
}

.access-denied__code[b-2zkkfi18zq] {
    color: var(--av-primary);
    font-size: .6875rem;
    font-weight: 750;
    letter-spacing: .14em;
}

.access-denied__eyebrow[b-2zkkfi18zq] {
    display: block;
    margin-bottom: .5rem;
    color: var(--av-primary);
    font-size: .6875rem;
    font-weight: 750;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.access-denied__content > p[b-2zkkfi18zq] {
    max-width: 30rem;
    margin-bottom: 1.5rem;
    color: var(--av-text-muted);
}

.access-denied__actions[b-2zkkfi18zq] {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
}

.access-denied__content > .access-denied__hint[b-2zkkfi18zq] {
    margin-top: 1.25rem;
    margin-bottom: 0;
    font-size: .75rem;
}

@media (max-width: 520px) {
    .access-denied[b-2zkkfi18zq] {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .access-denied__visual[b-2zkkfi18zq] {
        display: flex;
        align-items: center;
        gap: .875rem;
    }

    .access-denied__icon[b-2zkkfi18zq] {
        width: 3.75rem;
        height: 3.75rem;
    }

    .access-denied__actions .button[b-2zkkfi18zq] {
        width: 100%;
    }
}
/* /Components/Pages/Account/Activate.razor.rz.scp.css */
.activation-name-label[b-r1u0r9w66o] { position: relative; display: flex; align-items: center; gap: .5rem; }
.activation-help[b-r1u0r9w66o] { position: relative; display: inline-flex; }
.activation-help-button[b-r1u0r9w66o] { display: grid; width: 1.25rem; height: 1.25rem; padding: 0; place-items: center; border: 1px solid #d9e0e4; border-radius: 50%; background: #f3f5f6; color: #7c8791; cursor: default; }
.activation-help-button svg[b-r1u0r9w66o] { display: block; width: .95rem; height: .95rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.activation-help-button:hover[b-r1u0r9w66o] { border-color: #d9e0e4; background: #f3f5f6; color: #7c8791; }
.activation-help-button:focus-visible[b-r1u0r9w66o] { outline: 2px solid var(--av-accent); outline-offset: 2px; }
.activation-help-text[b-r1u0r9w66o] { visibility: hidden; position: absolute; top: calc(100% + .65rem); left: 50%; display: grid; width: min(17rem, 76vw); box-sizing: border-box; gap: .15rem; margin: 0; padding: .8rem .9rem; border: 1px solid #dfe5e8; border-radius: var(--av-radius-md); background: #fff; box-shadow: 0 10px 26px rgba(23, 33, 43, .12); color: #66727d; font-size: .8125rem; line-height: 1.45; opacity: 0; transform: translate(-50%, -.2rem); transition: opacity 120ms ease, transform 120ms ease, visibility 120ms ease; z-index: 2; }
.activation-help-text[b-r1u0r9w66o]::before { content: ""; position: absolute; top: -.3rem; left: 50%; width: .55rem; height: .55rem; border-top: 1px solid #dfe5e8; border-left: 1px solid #dfe5e8; background: #fff; transform: translateX(-50%) rotate(45deg); }
.activation-help-text strong[b-r1u0r9w66o] { color: #17212b; font-size: .8125rem; font-weight: 650; }
.activation-help:hover .activation-help-text[b-r1u0r9w66o], .activation-help:focus-within .activation-help-text[b-r1u0r9w66o] { visibility: visible; opacity: 1; transform: translate(-50%, 0); }
.activation-login[b-r1u0r9w66o] { display: flex; justify-content: center; text-decoration: none; margin-top: 1.5rem; }
/* /Components/Pages/Account/ConfirmEmail.razor.rz.scp.css */
.confirm-email-card[b-5agm8c5dy9] {
    width: min(100%, 28rem);
}

.confirm-email-card__header[b-5agm8c5dy9] {
    margin-bottom: 0;
}

.confirm-email-card__actions[b-5agm8c5dy9] {
    display: grid;
    justify-items: center;
    gap: 1rem;
    margin-top: 2rem;
}

.confirm-email-card__primary[b-5agm8c5dy9] {
    margin-top: 0;
    text-decoration: none;
}

.confirm-email-card__primary:hover[b-5agm8c5dy9] {
    color: #fff;
    text-decoration: none;
}

.confirm-email-card__secondary[b-5agm8c5dy9] {
    color: var(--login-primary);
    font-size: .8rem;
    font-weight: 720;
}

.confirm-email-card__secondary:hover[b-5agm8c5dy9] {
    color: var(--login-primary-hover);
    text-decoration: underline;
    text-underline-offset: .2rem;
}

.confirm-email-card__secondary:focus-visible[b-5agm8c5dy9] {
    border-radius: .25rem;
    outline: 3px solid var(--login-accent);
    outline-offset: 3px;
}
/* /Components/Pages/Account/ForgotPassword.razor.rz.scp.css */
.forgot-password-notice[b-aoibu6yg2n] {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid #c8e5d5;
    border-radius: .78rem;
    background: #edf8f2;
    color: #195d3d;
    text-align: left;
}

.forgot-password-notice__icon[b-aoibu6yg2n] {
    flex: 0 0 auto;
    width: 1.35rem;
    height: 1.35rem;
    margin-top: .05rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.forgot-password-notice p[b-aoibu6yg2n] {
    max-width: none;
    margin: 0;
    color: inherit;
    font-size: .86rem;
    font-weight: 620;
    line-height: 1.55;
}
/* /Components/Pages/Account/Lockout.razor.rz.scp.css */
.login-card--status[b-7vqjgmle65] {
    width: min(100%, 28rem);
}

.login-card__header--status[b-7vqjgmle65] {
    margin-bottom: 0;
}

.lockout-notice[b-7vqjgmle65] {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    margin-top: 1.7rem;
    padding: 1rem;
    border: 1px solid #f1c5c1;
    border-radius: .78rem;
    background: #fff1f0;
    color: #8f2018;
    text-align: left;
}

.lockout-notice__icon[b-7vqjgmle65] {
    flex: 0 0 auto;
    width: 1.35rem;
    height: 1.35rem;
    margin-top: .05rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.lockout-notice p[b-7vqjgmle65] {
    max-width: none;
    margin: 0;
    color: inherit;
    font-size: .86rem;
    font-weight: 620;
    line-height: 1.55;
}

.login-card__footer--status[b-7vqjgmle65] {
    margin-top: 1.7rem;
}
/* /Components/Pages/Account/Register/RegisterConfirmation.razor.rz.scp.css */
.register-confirmation-card[b-65g15x29dw] {
    width: min(100%, 28rem);
}

.register-confirmation-card__header[b-65g15x29dw] {
    margin-bottom: 0;
}

.register-confirmation-notice[b-65g15x29dw] {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    margin-top: 1.7rem;
    padding: 1rem;
    border: 1px solid;
    border-radius: .78rem;
    text-align: left;
}

.register-confirmation-notice--sent[b-65g15x29dw] {
    border-color: #c8e5d5;
    background: #edf8f2;
    color: #195d3d;
}

.register-confirmation-notice--unavailable[b-65g15x29dw] {
    border-color: #ead9a3;
    background: #fff8e6;
    color: #765000;
}

.register-confirmation-notice__icon[b-65g15x29dw] {
    flex: 0 0 auto;
    width: 1.35rem;
    height: 1.35rem;
    margin-top: .05rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.register-confirmation-notice p[b-65g15x29dw] {
    max-width: none;
    margin: 0;
    color: inherit;
    font-size: .86rem;
    font-weight: 620;
    line-height: 1.55;
}

.register-confirmation-card__footer[b-65g15x29dw] {
    margin-top: 1.7rem;
}
/* /Components/Pages/Account/ResendEmailConfirmation.razor.rz.scp.css */
.resend-confirmation-card[b-orkdegu9ky] {
    width: min(100%, 30.5rem);
}

.resend-confirmation-notice[b-orkdegu9ky] {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid #c8e5d5;
    border-radius: .78rem;
    background: #edf8f2;
    color: #195d3d;
    text-align: left;
}

.resend-confirmation-notice__icon[b-orkdegu9ky] {
    flex: 0 0 auto;
    width: 1.35rem;
    height: 1.35rem;
    margin-top: .05rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.resend-confirmation-notice p[b-orkdegu9ky] {
    max-width: none;
    margin: 0;
    color: inherit;
    font-size: .86rem;
    font-weight: 620;
    line-height: 1.55;
}
/* /Components/Pages/Admin/Roles/ManageRoles.razor.rz.scp.css */
.manage-roles__header[b-jsoa7dd53p] {
    margin-bottom: 1.75rem;
}

.manage-roles__message[b-jsoa7dd53p] {
    margin-bottom: 1rem;
}

.manage-roles__state[b-jsoa7dd53p] {
    color: var(--av-text-muted);
    font-size: .8125rem;
}

.manage-roles__content[b-jsoa7dd53p] {
    display: grid;
    grid-template-columns: minmax(17rem, 24rem) minmax(18rem, 1fr);
    gap: clamp(2rem, 5vw, 4rem);
    align-items: start;
    max-width: 72rem;
}

.manage-roles__actions[b-jsoa7dd53p] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    max-width: 72rem;
    margin-top: 1rem;
    padding-top: .5rem;
}

@media (max-width: 960px) {
    .manage-roles__content[b-jsoa7dd53p] {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.5rem;
    }
}
/* /Components/Pages/Admin/Users/CreateUser.razor.rz.scp.css */
.create-user__back[b-vohmgmnuxf] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin-bottom: 1.25rem;
    color: var(--av-text-muted);
    font-size: .75rem;
    font-weight: 650;
    transition: color .15s ease;
}

.create-user__back:hover[b-vohmgmnuxf] {
    color: #087f9c;
}

:root[data-theme="dark"] .create-user__back:hover[b-vohmgmnuxf] {
    color: var(--av-text);
}

.create-user__back:focus-visible[b-vohmgmnuxf] {
    border-radius: var(--av-radius-sm);
    outline: 2px solid #087f9c;
    outline-offset: 3px;
}

.create-user__back svg[b-vohmgmnuxf] {
    width: .9rem;
    height: .9rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.create-user__header[b-vohmgmnuxf] {
    max-width: 36rem;
    margin-bottom: 1.5rem;
}

.create-user__state[b-vohmgmnuxf],
.create-user__message[b-vohmgmnuxf],
.create-user__form[b-vohmgmnuxf] {
    max-width: 36rem;
}

.create-user__state[b-vohmgmnuxf] {
    color: var(--av-text-muted);
    font-size: .8125rem;
}

.create-user__message[b-vohmgmnuxf] {
    margin-bottom: 1rem;
}

.create-user__fieldset[b-vohmgmnuxf] {
    display: grid;
    width: 100%;
    max-width: 30rem;
    min-width: 0;
    gap: 1.25rem;
    margin: 0;
    padding: 0;
    border: 0;
}

.create-user__field[b-vohmgmnuxf] {
    display: grid;
    align-content: start;
    min-width: 0;
}

.create-user__field > label[b-vohmgmnuxf],
.create-user__label[b-vohmgmnuxf] {
    display: inline-block;
    margin-bottom: .48rem;
    color: var(--av-text);
    font-size: .8125rem;
    font-weight: 600;
}

.create-user__field[b-vohmgmnuxf]  .validation-message {
    margin-top: .38rem;
    color: var(--av-danger);
    font-size: .6875rem;
}

.create-user__existing-link[b-vohmgmnuxf] {
    justify-self: start;
    margin-top: .5rem;
    font-size: .75rem;
    font-weight: 650;
}

.user-role-list[b-vohmgmnuxf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

.user-role[b-vohmgmnuxf] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .3rem;
    height: 2.25rem;
    padding: .3rem .38rem .3rem .68rem;
    border: 1px solid #d7e6e7;
    border-radius: var(--av-radius-md);
    background: var(--av-surface-subtle);
    color: var(--av-text);
    font-size: .75rem;
    font-weight: 650;
    line-height: 1;
}

:root[data-theme="dark"] .user-role[b-vohmgmnuxf] {
    border-color: var(--av-border-strong);
}

.user-role__remove[b-vohmgmnuxf] {
    display: grid;
    flex: 0 0 1.45rem;
    width: 1.45rem;
    height: 1.45rem;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: var(--av-radius-sm);
    background: transparent;
    color: var(--av-text-muted);
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}

.user-role__remove:hover[b-vohmgmnuxf] {
    background: var(--av-border);
    color: var(--av-text);
}

.user-role__remove:focus-visible[b-vohmgmnuxf] {
    outline: 2px solid var(--av-checkbox-checked);
    outline-offset: 1px;
}

.user-role__remove svg[b-vohmgmnuxf] {
    width: .8rem;
    height: .8rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.8;
}

.user-role-select[b-vohmgmnuxf] {
    position: relative;
    display: inline-grid;
    flex: 0 0 auto;
    width: 9.5rem;
    height: 2.25rem;
    align-items: center;
}

.user-role-select[b-vohmgmnuxf]  .user-role-select__control {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0 2.1rem 0 .72rem;
    border: 1px solid #d7e6e7;
    border-radius: var(--av-radius-md);
    appearance: none;
    background: var(--av-surface-subtle);
    color: var(--av-text-muted);
    font-size: .75rem;
    font-weight: 650;
    line-height: 1;
    cursor: pointer;
    outline: 0;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease, color .15s ease;
}

:root[data-theme="dark"] .user-role-select[b-vohmgmnuxf]  .user-role-select__control {
    border-color: var(--av-border-strong);
}

.user-role-select:hover[b-vohmgmnuxf]  .user-role-select__control {
    border-color: #adc9cc;
    background: var(--av-surface);
    color: var(--av-text);
}

.user-role-select[b-vohmgmnuxf]  .user-role-select__control:focus-visible {
    border-color: var(--av-checkbox-checked);
    background: var(--av-surface);
    box-shadow: 0 0 0 4px rgba(8, 127, 156, .12);
    color: var(--av-text);
}

:root[data-theme="dark"] .user-role-select[b-vohmgmnuxf]  .user-role-select__control:focus-visible {
    box-shadow: none;
}

.user-role-select__chevron[b-vohmgmnuxf] {
    position: absolute;
    right: .68rem;
    width: .9rem;
    height: .9rem;
    pointer-events: none;
    fill: none;
    color: var(--av-text-muted);
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    transition: color .15s ease, transform .15s ease;
}

.user-role-select:hover .user-role-select__chevron[b-vohmgmnuxf],
.user-role-select:focus-within .user-role-select__chevron[b-vohmgmnuxf] {
    color: var(--av-checkbox-checked);
}

.user-role-select:focus-within .user-role-select__chevron[b-vohmgmnuxf] {
    transform: translateY(1px);
}

.create-user__note[b-vohmgmnuxf] {
    margin: 0;
    color: var(--av-text-muted);
    font-size: .6875rem;
    line-height: 1.5;
}

.create-user__actions[b-vohmgmnuxf] {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 640px) {
    .user-role-select[b-vohmgmnuxf] {
        max-width: 100%;
    }

    .create-user__actions[b-vohmgmnuxf] {
        display: grid;
    }

    .create-user__actions .button[b-vohmgmnuxf] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .create-user__back[b-vohmgmnuxf],
    .user-role__remove[b-vohmgmnuxf],
    .user-role-select[b-vohmgmnuxf]  .user-role-select__control,
    .user-role-select__chevron[b-vohmgmnuxf] {
        transition: none;
    }
}
/* /Components/Pages/Admin/Users/ManageUser.razor.rz.scp.css */
.manage-user__back[b-7peh0c7z5w] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin-bottom: 1.25rem;
    color: var(--av-text-muted);
    font-size: .75rem;
    font-weight: 650;
    transition: color .15s ease;
}

.manage-user__back:hover[b-7peh0c7z5w] {
    color: #087f9c;
}

:root[data-theme="dark"] .manage-user__back:hover[b-7peh0c7z5w] {
    color: var(--av-text);
}

.manage-user__back:focus-visible[b-7peh0c7z5w] {
    border-radius: var(--av-radius-sm);
    outline: 2px solid #087f9c;
    outline-offset: 3px;
}

.manage-user__back svg[b-7peh0c7z5w] {
    width: .9rem;
    height: .9rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.manage-user__header[b-7peh0c7z5w] {
    margin-bottom: 1.5rem;
}

.manage-user__state[b-7peh0c7z5w] {
    color: var(--av-text-muted);
    font-size: .8125rem;
}

.manage-user__identity[b-7peh0c7z5w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    max-width: 52rem;
    margin-bottom: 2rem;
}

.manage-user__message[b-7peh0c7z5w] {
    max-width: 52rem;
    margin-bottom: 1rem;
}

.manage-user__identity > div[b-7peh0c7z5w] {
    min-width: 0;
}

.manage-user__identity .page-header__eyebrow[b-7peh0c7z5w] {
    margin-bottom: .25rem;
}

.manage-user__identity h1[b-7peh0c7z5w] {
    overflow: hidden;
    margin-bottom: .3rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.manage-user__meta[b-7peh0c7z5w] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .45rem;
    margin: 0;
    color: var(--av-text-muted);
    font-size: .75rem;
}

.manage-user__meta span[b-7peh0c7z5w] {
    overflow-wrap: anywhere;
}

.manage-user__avatar[b-7peh0c7z5w],
.manage-user__empty > span[b-7peh0c7z5w] {
    display: grid;
    place-items: center;
    border: 1px solid var(--av-border);
    border-radius: 50%;
    background: transparent;
    color: var(--av-text-muted);
}

.manage-user__avatar[b-7peh0c7z5w] {
    width: 3.25rem;
    height: 3.25rem;
}

.manage-user__avatar svg[b-7peh0c7z5w],
.manage-user__empty svg[b-7peh0c7z5w] {
    width: 1.4rem;
    height: 1.4rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

.manage-user__sections[b-7peh0c7z5w] {
    display: grid;
    max-width: 52rem;
    border-bottom: 1px solid var(--av-border);
}

.manage-user__empty[b-7peh0c7z5w] {
    display: grid;
    justify-items: start;
    max-width: 36rem;
    padding-block: 1rem;
}

.manage-user__empty > span[b-7peh0c7z5w] {
    width: 3rem;
    height: 3rem;
    margin-bottom: .85rem;
}

.manage-user__empty h2[b-7peh0c7z5w] {
    margin-bottom: .25rem;
}

.manage-user__empty p[b-7peh0c7z5w] {
    margin-bottom: 1rem;
    color: var(--av-text-muted);
    font-size: .8125rem;
}

@media (max-width: 520px) {
    .manage-user__identity[b-7peh0c7z5w] {
        grid-template-columns: 1fr;
        gap: .75rem;
    }

    .manage-user__meta > span:nth-child(2)[b-7peh0c7z5w] {
        display: none;
    }

    .manage-user__meta > span:last-child[b-7peh0c7z5w] {
        flex-basis: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .manage-user__back[b-7peh0c7z5w] {
        transition: none;
    }
}
/* /Components/Pages/Admin/Users/ManageUsers.razor.rz.scp.css */
.users-page__header[b-issgwew18n] {
    margin-bottom: 1.75rem;
}

.users-panel[b-issgwew18n] {
    min-width: 0;
}

.users-panel__toolbar[b-issgwew18n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
}

.users-panel__toolbar h2[b-issgwew18n] {
    margin-bottom: .15rem;
}

.users-panel__toolbar p[b-issgwew18n] {
    margin: 0;
    color: var(--av-text-muted);
    font-size: .75rem;
}

.users-toolbar-controls[b-issgwew18n] {
    width: min(100%, 22rem);
}

.users-toolbar-controls__top[b-issgwew18n] {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.users-search[b-issgwew18n] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
}

.users-search label[b-issgwew18n],
.visually-hidden[b-issgwew18n] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.users-search > svg[b-issgwew18n] {
    position: absolute;
    top: 50%;
    left: .8rem;
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: var(--av-text-muted);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.75;
    pointer-events: none;
    transform: translateY(-50%);
}

.users-search input[b-issgwew18n] {
    padding-left: 2.35rem;
}

.users-create[b-issgwew18n] {
    display: grid;
    flex: 0 0 2.55rem;
    width: 2.55rem;
    min-height: 2.55rem;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--av-text-muted);
}

.users-create:hover[b-issgwew18n] {
    background: transparent;
    color: var(--av-text);
}

.users-create svg[b-issgwew18n] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 2;
}

.users-filter[b-issgwew18n] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .45rem;
    margin-left: 2.9rem;
}

.users-filter__button[b-issgwew18n] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    min-height: 1.85rem;
    padding: .25rem .5rem;
    border: 1px solid transparent;
    border-radius: var(--av-radius-sm);
    background: transparent;
    color: var(--av-text-muted);
    font: inherit;
    font-size: .6875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}

.users-filter__button:hover[b-issgwew18n] {
    background: rgba(102, 114, 125, .08);
    color: var(--av-text);
}

.users-filter__button--active[b-issgwew18n] {
    border-color: transparent;
    background: var(--av-selection-background);
    color: var(--av-selection-text);
    font-weight: 650;
}

.users-filter__button--active svg[b-issgwew18n] {
    stroke-width: 1.8;
}

.users-filter__button:focus-visible[b-issgwew18n] {
    outline: 2px solid var(--av-checkbox-checked);
    outline-offset: 2px;
}

.users-filter__button svg[b-issgwew18n] {
    width: .85rem;
    height: .85rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.6;
}

.users-list[b-issgwew18n] {
    overflow-x: auto;
    padding: 0 .25rem .5rem;
}

.users-list__header[b-issgwew18n],
.user-item[b-issgwew18n] {
    display: grid;
    grid-template-columns: minmax(14rem, 1.35fr) minmax(11rem, .95fr) minmax(13rem, 1.05fr) minmax(8rem, .65fr) 7rem;
    align-items: center;
    gap: 1rem;
    min-width: 58rem;
}

.users-list__header[b-issgwew18n] {
    min-height: 2.5rem;
    padding: .45rem 1rem;
    border-bottom: 1px solid var(--av-border);
    color: var(--av-text-muted);
    font-size: .625rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.users-list__action-heading[b-issgwew18n] {
    text-align: right;
}

.user-item[b-issgwew18n] {
    min-height: 3.75rem;
    padding: .55rem 1rem;
    border-bottom: 1px solid var(--av-border);
    border-radius: .2rem;
    transition: background-color .12s ease;
}

.user-item:hover[b-issgwew18n] {
    background: rgba(102, 114, 125, .08);
}

.user-item__user[b-issgwew18n] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .8rem;
    min-width: 0;
}

.user-avatar[b-issgwew18n],
.users-empty__avatar[b-issgwew18n] {
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(102, 114, 125, .11);
    color: var(--av-text-muted);
}

.user-avatar[b-issgwew18n] {
    width: 2.25rem;
    height: 2.25rem;
}

.user-avatar svg[b-issgwew18n],
.users-empty__avatar svg[b-issgwew18n] {
    width: 1.2rem;
    height: 1.2rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

.user-item__identity[b-issgwew18n],
.user-status__copy[b-issgwew18n],
.user-role[b-issgwew18n] {
    display: grid;
    min-width: 0;
}

.user-item__identity strong[b-issgwew18n],
.user-item__identity span[b-issgwew18n],
.user-status__copy strong[b-issgwew18n],
.user-status__copy small[b-issgwew18n],
.user-role strong[b-issgwew18n],
.user-role small[b-issgwew18n] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-item__identity strong[b-issgwew18n] {
    color: var(--av-text);
    font-size: .875rem;
    font-weight: 650;
}

.user-item__identity .user-item__pending-label[b-issgwew18n] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    gap: .4rem;
    color: var(--av-primary);
}

.user-item__pending-label[b-issgwew18n]::before {
    width: .45rem;
    height: .45rem;
    flex: 0 0 .45rem;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 14%, transparent);
    content: "";
}

.user-item__identity span[b-issgwew18n],
.user-status__copy small[b-issgwew18n],
.user-role small[b-issgwew18n] {
    margin-top: .12rem;
    color: var(--av-text-muted);
    font-size: .6875rem;
}

.user-status[b-issgwew18n] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.user-status__icon[b-issgwew18n] {
    display: grid;
    flex: 0 0 1.25rem;
    place-items: center;
    width: 1.25rem;
    height: 1.25rem;
    color: var(--av-text-muted);
}

.user-status__icon svg[b-issgwew18n] {
    width: 1.15rem;
    height: 1.15rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
}

.user-status__icon--success[b-issgwew18n] {
    color: var(--av-success);
}

.user-status__icon--warning[b-issgwew18n] {
    color: var(--av-warning);
}

.user-status__icon--muted[b-issgwew18n] {
    color: var(--av-text-muted);
}

.user-status__copy strong[b-issgwew18n],
.user-role strong[b-issgwew18n] {
    color: var(--av-text);
    font-size: .8125rem;
    font-weight: 600;
}

.user-item__action[b-issgwew18n] {
    text-align: right;
}

.user-item__manage[b-issgwew18n] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .3rem;
    min-height: 2rem;
    padding: .35rem .45rem;
    border: 0;
    border-radius: var(--av-radius-sm);
    background: transparent;
    color: var(--av-text-muted);
    font: inherit;
    font-size: .75rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .12s ease, color .12s ease;
}

.user-item__manage:hover[b-issgwew18n] {
    background: rgba(102, 114, 125, .11);
    color: var(--av-text);
}

.user-item__manage:focus-visible[b-issgwew18n] {
    outline: 2px solid var(--av-border-strong);
    outline-offset: 2px;
}

.user-item__manage svg[b-issgwew18n] {
    width: .85rem;
    height: .85rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
}

.users-empty[b-issgwew18n] {
    display: grid;
    justify-items: center;
    min-height: 13rem;
    padding: 2rem;
    place-content: center;
    text-align: center;
}

.users-empty__avatar[b-issgwew18n] {
    width: 2.75rem;
    height: 2.75rem;
    margin-bottom: .75rem;
}

.users-empty h3[b-issgwew18n] {
    margin-bottom: .2rem;
}

.users-empty p[b-issgwew18n] {
    margin: 0;
    color: var(--av-text-muted);
    font-size: .8125rem;
}

@media (max-width: 760px) {
    .users-panel__toolbar[b-issgwew18n] {
        align-items: stretch;
        flex-direction: column;
        gap: .875rem;
    }

    .users-search[b-issgwew18n] {
        width: 100%;
    }

    .users-toolbar-controls[b-issgwew18n] {
        width: 100%;
    }

    .users-filter[b-issgwew18n] {
        margin-left: 2.9rem;
    }
}

@media (max-width: 1280px) {
    .users-list[b-issgwew18n] {
        overflow: visible;
        padding: 0;
    }

    .users-list__header[b-issgwew18n] {
        display: none;
    }

    .user-item[b-issgwew18n] {
        grid-template-areas:
            "user action"
            "email email"
            "two-factor two-factor"
            "role role";
        grid-template-columns: minmax(0, 1fr) auto;
        gap: .65rem 1rem;
        min-width: 0;
        min-height: 0;
        padding: .8rem .25rem;
        border-radius: 0;
    }

    .user-item:hover[b-issgwew18n] {
        background: transparent;
    }

    .user-item__user[b-issgwew18n] {
        grid-area: user;
    }

    .user-item > .user-status:nth-child(2)[b-issgwew18n] {
        grid-area: email;
    }

    .user-item > .user-status:nth-child(3)[b-issgwew18n] {
        grid-area: two-factor;
    }

    .user-role[b-issgwew18n] {
        grid-area: role;
    }

    .user-item__action[b-issgwew18n] {
        align-self: center;
        grid-area: action;
    }

    .user-status[b-issgwew18n] {
        display: grid;
        grid-template-columns: minmax(7.75rem, .8fr) 1.25rem minmax(0, 1fr);
        gap: .5rem;
        padding-left: 3.05rem;
    }

    .user-status[b-issgwew18n]::before,
    .user-role[b-issgwew18n]::before {
        color: var(--av-text-muted);
        content: attr(data-label);
        font-size: .625rem;
        font-weight: 700;
        letter-spacing: .045em;
        text-transform: uppercase;
    }

    .user-role[b-issgwew18n] {
        grid-template-columns: minmax(7.75rem, .8fr) minmax(0, 1fr);
        padding-left: 3.05rem;
    }

    .user-role[b-issgwew18n]::before {
        align-self: center;
        grid-row: 1 / span 2;
    }

    .user-role strong[b-issgwew18n],
    .user-role small[b-issgwew18n] {
        grid-column: 2;
    }

    .user-item__manage[b-issgwew18n] {
        min-height: 2.25rem;
    }
}

@media (max-width: 430px) {
    .user-item[b-issgwew18n] {
        padding-inline: 0;
    }

    .user-status[b-issgwew18n],
    .user-role[b-issgwew18n] {
        padding-left: 0;
    }

    .user-status[b-issgwew18n] {
        grid-template-columns: minmax(6.75rem, .8fr) 1.25rem minmax(0, 1fr);
    }

    .user-role[b-issgwew18n] {
        grid-template-columns: minmax(6.75rem, .8fr) minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .user-item[b-issgwew18n],
    .user-item__manage[b-issgwew18n],
    .users-filter__button[b-issgwew18n] {
        transition: none;
    }
}
/* /Components/Pages/Creator/EditVideo.razor.rz.scp.css */
.creator-detail__back[b-57jx1ceqkb] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin-bottom: 1.25rem;
    color: var(--av-text-muted);
    font-size: .75rem;
    font-weight: 650;
    transition: color .15s ease;
}

.creator-detail__back:hover[b-57jx1ceqkb] {
    color: #087f9c;
}

:root[data-theme="dark"] .creator-detail__back:hover[b-57jx1ceqkb] {
    color: var(--av-text);
}

.creator-detail__back:focus-visible[b-57jx1ceqkb] {
    border-radius: var(--av-radius-sm);
    outline: 2px solid #087f9c;
    outline-offset: 3px;
}

.creator-detail__back svg[b-57jx1ceqkb] {
    width: .9rem;
    height: .9rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.creator-detail__header[b-57jx1ceqkb] {
    max-width: 36rem;
    margin-bottom: 1.5rem;
}

.creator-detail__message[b-57jx1ceqkb],
.creator-detail__form[b-57jx1ceqkb],
.creator-detail__read[b-57jx1ceqkb],
.creator-detail__review[b-57jx1ceqkb] {
    width: 100%;
    max-width: 40rem;
}

.creator-detail__message[b-57jx1ceqkb] {
    margin-bottom: 1.75rem;
}

.creator-detail__message[b-57jx1ceqkb]  .status-message,
.creator-detail__review[b-57jx1ceqkb]  .status-message {
    font-size: .875rem;
}

.creator-detail__summary[b-57jx1ceqkb] {
    width: 100%;
    max-width: 30rem;
    margin-bottom: 2rem;
}

.creator-detail__facts[b-57jx1ceqkb] {
    display: grid;
    gap: .5rem;
    margin: 0;
}

.creator-detail__facts > div[b-57jx1ceqkb] {
    display: grid;
    grid-template-columns: minmax(7.25rem, .8fr) minmax(0, 1.2fr);
    align-items: baseline;
    gap: .4rem 1rem;
}

.creator-detail__facts > .creator-detail__facts-review[b-57jx1ceqkb] {
    margin-top: .75rem;
}

.creator-detail__facts dt[b-57jx1ceqkb] {
    color: var(--av-text-muted);
    font-size: .875rem;
}

.creator-detail__facts dd[b-57jx1ceqkb] {
    min-width: 0;
    margin: 0;
    color: var(--av-text);
    font-size: .875rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.creator-detail__facts .creator-detail__rejection-note[b-57jx1ceqkb] {
    font-weight: 400;
    white-space: pre-wrap;
}

.creator-detail__facts time[b-57jx1ceqkb] {
    font-variant-numeric: tabular-nums;
}

.creator-detail__state[b-57jx1ceqkb] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin: 1rem 0 0;
    font-size: .875rem;
    font-weight: 600;
}

.creator-detail__state-dot[b-57jx1ceqkb] {
    flex: 0 0 .5rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: currentColor;
}

.creator-detail__state--pending[b-57jx1ceqkb] {
    color: var(--av-warning-text);
}

.creator-detail__state--approved[b-57jx1ceqkb] {
    color: var(--av-success-text);
}

.creator-detail__state--rejected[b-57jx1ceqkb] {
    color: var(--av-danger);
}

.creator-detail__section-heading h2[b-57jx1ceqkb] {
    margin: 0;
    color: var(--av-text);
    font-size: 1rem;
    font-weight: 680;
}

.creator-detail__section-heading[b-57jx1ceqkb] {
    display: grid;
    gap: .2rem;
    margin-bottom: 1.3rem;
}

.creator-detail__form[b-57jx1ceqkb]  fieldset {
    display: grid;
    width: 100%;
    max-width: 30rem;
    min-width: 0;
    gap: 1.3rem;
    margin: 0;
    padding: 0;
    border: 0;
}

.creator-detail__field[b-57jx1ceqkb] {
    display: grid;
    align-content: start;
    min-width: 0;
    gap: .4rem;
}

.creator-detail__field label[b-57jx1ceqkb] {
    color: var(--av-text);
    font-size: .875rem;
    font-weight: 600;
}

.creator-detail__url-control[b-57jx1ceqkb] {
    position: relative;
}

.creator-detail__current-link[b-57jx1ceqkb] {
    justify-self: start;
    color: var(--av-text-muted);
    font-size: .8125rem;
    text-decoration: underline;
    text-underline-offset: .15rem;
}

.creator-detail__current-link:hover[b-57jx1ceqkb] {
    color: var(--av-text);
}

.creator-detail__url-prefix[b-57jx1ceqkb] {
    position: absolute;
    top: 50%;
    left: .95rem;
    z-index: 1;
    color: var(--av-text-muted);
    pointer-events: none;
    transform: translateY(-50%);
    user-select: none;
}

.creator-detail__url-control[b-57jx1ceqkb]  input[type="text"] {
    padding-left: 4.75rem;
}

.creator-detail__field textarea[b-57jx1ceqkb] {
    width: 100%;
    min-height: 6rem;
    resize: vertical;
}

.creator-detail__field[b-57jx1ceqkb]  .validation-message {
    color: var(--av-danger);
    font-size: .875rem;
}

.creator-detail__form-actions[b-57jx1ceqkb] {
    display: flex;
    justify-content: flex-start;
    margin-top: .3rem;
}

.creator-detail__read[b-57jx1ceqkb] {
    display: grid;
    justify-items: start;
    gap: .85rem;
    max-width: 30rem;
    margin-bottom: 2rem;
}

.creator-detail__read h2[b-57jx1ceqkb] {
    margin: 0;
    color: var(--av-text);
    font-size: 1.125rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.creator-detail__description[b-57jx1ceqkb] {
    margin: 0;
    color: var(--av-text);
    font-size: .9375rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.creator-detail__read-link[b-57jx1ceqkb] {
    margin-top: .15rem;
    color: var(--av-text-muted);
    font-size: .875rem;
    text-decoration: underline;
    text-underline-offset: .15rem;
}

.creator-detail__read-link:hover[b-57jx1ceqkb] {
    color: var(--av-text);
}

.creator-detail__review[b-57jx1ceqkb] {
    max-width: 30rem;
    margin-top: 3rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--av-border);
}

.creator-detail__review .creator-detail__section-heading[b-57jx1ceqkb] {
    margin-bottom: 1rem;
}

.creator-detail__rejection-field[b-57jx1ceqkb] {
    margin-top: 1.35rem;
}

.creator-detail__actions[b-57jx1ceqkb] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.25rem;
}

@media (max-width: 480px) {
    .creator-detail__facts > div[b-57jx1ceqkb] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

/* /Components/Pages/Creator/ManageVideos.razor.rz.scp.css */
.creator-videos__header[b-7yq6zzyl4x] {
    margin-bottom: 1.75rem;
}

.creator-videos[b-7yq6zzyl4x] {
    min-width: 0;
}

.creator-videos__toolbar[b-7yq6zzyl4x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
}

.creator-videos__toolbar h2[b-7yq6zzyl4x] {
    margin-bottom: .15rem;
}

.creator-videos__toolbar p[b-7yq6zzyl4x] {
    margin: 0;
    color: var(--av-text-muted);
    font-size: .75rem;
}

.creator-videos__controls[b-7yq6zzyl4x] {
    width: min(100%, 26rem);
}

.creator-videos__controls-top[b-7yq6zzyl4x] {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.creator-videos__create[b-7yq6zzyl4x] {
    display: grid;
    flex: 0 0 2.55rem;
    width: 2.55rem;
    min-height: 2.55rem;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--av-text-muted);
}

.creator-videos__create:hover[b-7yq6zzyl4x] {
    color: var(--av-text);
}

.creator-videos__create:focus-visible[b-7yq6zzyl4x],
.creator-videos__action a:focus-visible[b-7yq6zzyl4x] {
    outline: 2px solid var(--av-checkbox-checked);
    outline-offset: 2px;
}

.creator-videos__create svg[b-7yq6zzyl4x] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 2;
}

.creator-videos__search[b-7yq6zzyl4x] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
}

.creator-videos__search label[b-7yq6zzyl4x],
.creator-videos__visually-hidden[b-7yq6zzyl4x] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.creator-videos__search > svg[b-7yq6zzyl4x] {
    position: absolute;
    top: 50%;
    left: .8rem;
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: var(--av-text-muted);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.75;
    pointer-events: none;
    transform: translateY(-50%);
}

.creator-videos__search input[b-7yq6zzyl4x] {
    width: 100%;
    padding-left: 2.35rem;
}

.creator-videos__filters[b-7yq6zzyl4x] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .45rem;
    margin-left: 2.9rem;
}

.creator-videos__filters--flush[b-7yq6zzyl4x] { margin-left: 0; }

.creator-videos__filter[b-7yq6zzyl4x] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    min-height: 1.85rem;
    padding: .25rem .5rem;
    border: 1px solid transparent;
    border-radius: var(--av-radius-sm);
    background: transparent;
    color: var(--av-text-muted);
    font: inherit;
    font-size: .6875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .12s ease, color .12s ease;
}

.creator-videos__filter:hover[b-7yq6zzyl4x] {
    background: rgba(102, 114, 125, .08);
    color: var(--av-text);
}

.creator-videos__filter--active[b-7yq6zzyl4x] {
    background: var(--av-selection-background);
    color: var(--av-selection-text);
    font-weight: 650;
}

.creator-videos__filter--active svg[b-7yq6zzyl4x] { stroke-width: 1.8; }

.creator-videos__filter svg[b-7yq6zzyl4x] {
    width: .85rem;
    height: .85rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.6;
}

.creator-videos__filter:focus-visible[b-7yq6zzyl4x] {
    outline: 2px solid var(--av-checkbox-checked);
    outline-offset: 2px;
}

.creator-videos__list[b-7yq6zzyl4x] {
    overflow-x: auto;
    padding: 0 .25rem .5rem;
}

.creator-videos__list-header[b-7yq6zzyl4x],
.creator-videos__item[b-7yq6zzyl4x] {
    display: grid;
    grid-template-columns: minmax(14rem, 1.5fr) minmax(9rem, .8fr) minmax(8rem, .7fr) minmax(11rem, .95fr) 7rem;
    align-items: center;
    gap: 1rem;
    min-width: 55rem;
}

@media (min-width: 761px) {
    .creator-videos__list--mine .creator-videos__list-header[b-7yq6zzyl4x],
    .creator-videos__list--mine .creator-videos__item[b-7yq6zzyl4x] {
        grid-template-columns: minmax(14rem, 1.5fr) minmax(8rem, .7fr) minmax(11rem, .95fr) 7rem;
        min-width: 46rem;
    }
}

.creator-videos__list-header[b-7yq6zzyl4x] {
    min-height: 2.5rem;
    padding: .45rem 1rem;
    border-bottom: 1px solid var(--av-border);
    color: var(--av-text-muted);
    font-size: .625rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.creator-videos__action-heading[b-7yq6zzyl4x],
.creator-videos__action[b-7yq6zzyl4x] {
    text-align: right;
}

.creator-videos__item[b-7yq6zzyl4x] {
    min-height: 3.75rem;
    padding: .55rem 1rem;
    border-bottom: 1px solid var(--av-border);
    border-radius: .2rem;
    transition: background-color .12s ease;
}

.creator-videos__item:hover[b-7yq6zzyl4x] {
    background: rgba(102, 114, 125, .08);
}

.creator-videos__identity[b-7yq6zzyl4x] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .8rem;
    min-width: 0;
}

.creator-videos__avatar[b-7yq6zzyl4x],
.creator-videos__empty-icon[b-7yq6zzyl4x] {
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(102, 114, 125, .11);
    color: var(--av-text-muted);
}

.creator-videos__avatar[b-7yq6zzyl4x] {
    width: 2.25rem;
    height: 2.25rem;
}

.creator-videos__avatar svg[b-7yq6zzyl4x],
.creator-videos__empty-icon svg[b-7yq6zzyl4x] {
    width: 1.2rem;
    height: 1.2rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

.creator-videos__identity-copy[b-7yq6zzyl4x] {
    display: grid;
    min-width: 0;
}

.creator-videos__identity-copy strong[b-7yq6zzyl4x],
.creator-videos__identity-copy a[b-7yq6zzyl4x],
.creator-videos__value strong[b-7yq6zzyl4x],
.creator-videos__value time[b-7yq6zzyl4x],
.creator-videos__status-copy strong[b-7yq6zzyl4x] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.creator-videos__identity-copy strong[b-7yq6zzyl4x] {
    color: var(--av-text);
    font-size: .875rem;
    font-weight: 650;
}

.creator-videos__identity-copy a[b-7yq6zzyl4x] {
    justify-self: start;
    max-width: 100%;
    margin-top: .12rem;
    color: var(--av-text-muted);
    font-size: .6875rem;
}

.creator-videos__identity-copy a:hover[b-7yq6zzyl4x] {
    color: var(--av-text);
}

.creator-videos__value[b-7yq6zzyl4x] {
    display: grid;
    min-width: 0;
}

.creator-videos__value strong[b-7yq6zzyl4x],
.creator-videos__value time[b-7yq6zzyl4x],
.creator-videos__status-copy strong[b-7yq6zzyl4x] {
    color: var(--av-text);
    font-size: .8125rem;
    font-weight: 600;
}

.creator-videos__status[b-7yq6zzyl4x] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.creator-videos__status-icon[b-7yq6zzyl4x] {
    display: grid;
    flex: 0 0 1.25rem;
    place-items: center;
    width: 1.25rem;
    height: 1.25rem;
}

.creator-videos__status-icon svg[b-7yq6zzyl4x] {
    width: 1.15rem;
    height: 1.15rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
}

.creator-videos__status-icon--pending[b-7yq6zzyl4x] { color: var(--av-warning); }
.creator-videos__status-icon--approved[b-7yq6zzyl4x] { color: var(--av-success); }
.creator-videos__status-icon--rejected[b-7yq6zzyl4x] { color: var(--av-danger); }

.creator-videos__status-copy[b-7yq6zzyl4x] {
    display: grid;
    min-width: 0;
}

.creator-videos__action a[b-7yq6zzyl4x] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .3rem;
    min-height: 2rem;
    padding: .35rem .45rem;
    border-radius: var(--av-radius-sm);
    color: var(--av-text-muted);
    font-size: .75rem;
    font-weight: 600;
}

.creator-videos__action a:hover[b-7yq6zzyl4x] {
    background: rgba(102, 114, 125, .11);
    color: var(--av-text);
}

.creator-videos__action svg[b-7yq6zzyl4x] {
    width: .85rem;
    height: .85rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
}

.creator-videos__empty[b-7yq6zzyl4x] {
    display: grid;
    justify-items: center;
    min-height: 13rem;
    padding: 2rem;
    place-content: center;
    text-align: center;
}

.creator-videos__empty-icon[b-7yq6zzyl4x] {
    width: 2.75rem;
    height: 2.75rem;
    margin-bottom: .75rem;
}

.creator-videos__empty h3[b-7yq6zzyl4x] {
    margin-bottom: .2rem;
}

.creator-videos__empty p[b-7yq6zzyl4x] {
    margin: 0;
    color: var(--av-text-muted);
    font-size: .8125rem;
}

@media (max-width: 760px) {
    .creator-videos__toolbar[b-7yq6zzyl4x] {
        align-items: stretch;
        flex-direction: column;
        gap: .875rem;
    }

    .creator-videos__controls[b-7yq6zzyl4x] { width: 100%; }
    .creator-videos__filters[b-7yq6zzyl4x] { margin-left: 2.9rem; }
}

@media (max-width: 1280px) {
    .creator-videos__list[b-7yq6zzyl4x] { overflow: visible; padding: 0; }
    .creator-videos__list-header[b-7yq6zzyl4x] { display: none; }

    .creator-videos__item[b-7yq6zzyl4x] {
        grid-template-areas: "video action" "author author" "date date" "status status";
        grid-template-columns: minmax(0, 1fr) auto;
        gap: .65rem 1rem;
        min-width: 0;
        min-height: 0;
        padding: .8rem .25rem;
        border-radius: 0;
    }

    .creator-videos__list--mine .creator-videos__item[b-7yq6zzyl4x] {
        grid-template-areas: "video action" "date date" "status status";
        grid-template-columns: minmax(0, 1fr) auto;
        min-width: 0;
    }

    .creator-videos__item:hover[b-7yq6zzyl4x] { background: transparent; }
    .creator-videos__identity[b-7yq6zzyl4x] { grid-area: video; }
    .creator-videos__author[b-7yq6zzyl4x] { grid-area: author; }
    .creator-videos__date[b-7yq6zzyl4x] { grid-area: date; }
    .creator-videos__status[b-7yq6zzyl4x] { grid-area: status; }
    .creator-videos__action[b-7yq6zzyl4x] { align-self: center; grid-area: action; }

    .creator-videos__author[b-7yq6zzyl4x],
    .creator-videos__date[b-7yq6zzyl4x],
    .creator-videos__status[b-7yq6zzyl4x] {
        display: grid;
        grid-template-columns: minmax(7.75rem, .8fr) minmax(0, 1fr);
        gap: .5rem;
        padding-left: 3.05rem;
    }

    .creator-videos__status[b-7yq6zzyl4x] { grid-template-columns: minmax(7.75rem, .8fr) 1.25rem minmax(0, 1fr); }

    .creator-videos__author[b-7yq6zzyl4x]::before,
    .creator-videos__date[b-7yq6zzyl4x]::before,
    .creator-videos__status[b-7yq6zzyl4x]::before {
        align-self: center;
        color: var(--av-text-muted);
        content: attr(data-label);
        font-size: .625rem;
        font-weight: 700;
        letter-spacing: .045em;
        text-transform: uppercase;
    }

    .creator-videos__action a[b-7yq6zzyl4x] { min-height: 2.25rem; }
}

@media (max-width: 430px) {
    .creator-videos__item[b-7yq6zzyl4x] { padding-inline: 0; }
    .creator-videos__author[b-7yq6zzyl4x],
    .creator-videos__date[b-7yq6zzyl4x],
    .creator-videos__status[b-7yq6zzyl4x] { padding-left: 0; }
    .creator-videos__author[b-7yq6zzyl4x],
    .creator-videos__date[b-7yq6zzyl4x] { grid-template-columns: minmax(6.75rem, .8fr) minmax(0, 1fr); }
    .creator-videos__status[b-7yq6zzyl4x] { grid-template-columns: minmax(6.75rem, .8fr) 1.25rem minmax(0, 1fr); }
    .creator-videos__filters[b-7yq6zzyl4x] { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .creator-videos__item[b-7yq6zzyl4x],
    .creator-videos__filter[b-7yq6zzyl4x] { transition: none; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.overview-grid[b-i5jxtwo361] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.75rem 2.5rem;
    max-width: 50rem;
}

.overview-item[b-i5jxtwo361] {
    position: relative;
    min-width: 0;
    padding: .25rem 0 1.25rem;
    border-bottom: 1px solid var(--av-border);
}

.overview-item h2[b-i5jxtwo361] {
    margin: 0;
    color: var(--av-text-muted);
    font-size: .875rem;
    font-weight: 600;
}

.overview-item__value[b-i5jxtwo361] {
    margin: .5rem 0 .35rem;
    color: var(--av-text);
    font-size: clamp(1.2rem, 2.5vw, 1.5rem);
    font-weight: 700;
    overflow-wrap: anywhere;
}

.overview-item__value code[b-i5jxtwo361] {
    font: inherit;
}

.overview-item__description[b-i5jxtwo361] {
    margin: .5rem 0 0;
    color: var(--av-text-muted);
    font-size: .875rem;
}

.overview-item--link[b-i5jxtwo361] {
    display: block;
    padding-right: 2rem;
    color: var(--av-text);
    text-decoration: none;
}

.overview-item--link h2[b-i5jxtwo361] {
    color: var(--av-text);
    font-size: 1.2rem;
    font-weight: 700;
}

.overview-item--link:hover h2[b-i5jxtwo361] {
    color: var(--av-primary);
}

.overview-item--link:focus-visible[b-i5jxtwo361] {
    outline: 2px solid var(--av-primary);
    outline-offset: 2px;
}

.overview-item--link svg[b-i5jxtwo361] {
    position: absolute;
    top: .3rem;
    right: 0;
    width: 1.25rem;
    height: 1.25rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

@media (max-width: 600px) {
    .overview-grid[b-i5jxtwo361] {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.25rem;
    }
}
/* /Components/Pages/ServerBasicInfo.razor.rz.scp.css */
.server-info[b-yh20wla7zm] {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
    max-width: 36rem;
}

.server-info fieldset[b-yh20wla7zm] {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.server-info__field[b-yh20wla7zm] {
    display: grid;
    align-content: start;
    min-width: 0;
}

.server-info__field label[b-yh20wla7zm] {
    margin-bottom: .48rem;
}

.server-info__field[b-yh20wla7zm]  .validation-message {
    margin-top: .38rem;
    color: var(--av-danger);
    font-size: .6875rem;
}

.server-info .button[b-yh20wla7zm] {
    justify-self: start;
}

@media (max-width: 430px) {
    .server-info .button[b-yh20wla7zm] {
        width: 100%;
    }
}
/* /Components/Pages/Settings/BasicInfo.razor.rz.scp.css */
.settings-page__header[b-buswixagdm] {
    margin-bottom: 1.75rem;
}

.settings-content[b-buswixagdm] {
    display: grid;
    align-content: start;
    gap: 1.5rem;
    min-width: 0;
    max-width: 36rem;
}

.settings-field[b-buswixagdm] {
    display: grid;
    align-content: start;
    min-width: 0;
}

.settings-field + .settings-field[b-buswixagdm] {
    padding-top: 1.5rem;
    border-top: 1px solid var(--av-border);
}

.settings-field label[b-buswixagdm] {
    margin-bottom: .48rem;
}

.settings-email-row[b-buswixagdm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: .75rem;
    min-width: 0;
}

.settings-email-row[b-buswixagdm]  form {
    min-width: 0;
}

.settings-email-confirm[b-buswixagdm] {
    min-height: 3.2rem;
    white-space: nowrap;
}

.settings-field__hint[b-buswixagdm] {
    margin-top: .38rem;
    color: var(--av-text-muted);
    font-size: .6875rem;
}

.settings-field__actions[b-buswixagdm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1.25rem;
}

@media (max-width: 430px) {
    .settings-email-row[b-buswixagdm] {
        grid-template-columns: minmax(0, 1fr);
    }

    .settings-email-confirm[b-buswixagdm] {
        width: 100%;
    }

    .settings-field__actions .button[b-buswixagdm] {
        flex: 1 1 auto;
    }
}

/* /Components/Pages/Settings/ChangePassword.razor.rz.scp.css */
.settings-page__header[b-gg5ypylgzd] {
    margin-bottom: 1.75rem;
}

.change-password-content[b-gg5ypylgzd] {
    display: grid;
    align-content: start;
    gap: 1.5rem;
    min-width: 0;
    max-width: 36rem;
}

.change-password-intro[b-gg5ypylgzd] {
    max-width: 32rem;
    margin: 0;
    color: var(--av-text-muted);
    font-size: .8125rem;
    line-height: 1.6;
}

.change-password-form[b-gg5ypylgzd] {
    display: grid;
    padding-top: .5rem;
}

.password-fields[b-gg5ypylgzd] {
    display: grid;
    gap: 1.65rem;
    max-width: 36rem;
}

.password-field[b-gg5ypylgzd] {
    display: grid;
    align-content: start;
    min-width: 0;
}

.password-field > label[b-gg5ypylgzd] {
    margin-bottom: .48rem;
}

.password-field[b-gg5ypylgzd]  .password-reveal {
    color: var(--av-text-muted);
}

.password-field[b-gg5ypylgzd]  .password-reveal:hover {
    background: var(--av-accent-soft);
    color: var(--av-input-focus);
}

.password-field[b-gg5ypylgzd]  .password-reveal:focus-visible {
    outline-color: var(--av-input-focus);
}

.password-field[b-gg5ypylgzd]  .validation-message {
    margin-top: .38rem;
    color: var(--av-danger);
    font-size: .6875rem;
}

.password-field[b-gg5ypylgzd]  .input-requirements li {
    --state-color: var(--av-danger);
    border-color: color-mix(in srgb, var(--state-color) 34%, var(--av-surface));
    background: color-mix(in srgb, var(--state-color) 8%, var(--av-surface));
}

.password-field[b-gg5ypylgzd]  .input-requirements li.is-met {
    --state-color: var(--av-success);
}

.change-password-form[b-gg5ypylgzd]  .change-password-validation {
    margin: 0;
    padding: .75rem 1rem .75rem 2rem;
    border: 1px solid var(--av-danger-border);
    border-radius: var(--av-radius-md);
    background: var(--av-danger-soft);
    color: var(--av-danger);
    font-size: .75rem;
}

.change-password-form[b-gg5ypylgzd]  .change-password-validation:empty {
    display: none;
}

.password-actions[b-gg5ypylgzd] {
    display: flex;
    justify-content: flex-start;
    max-width: 36rem;
    margin-top: 1.5rem;
}

@media (max-width: 640px) {
    .password-actions .button[b-gg5ypylgzd] {
        width: 100%;
    }
}
/* /Components/Pages/Settings/DeletePersonalData.razor.rz.scp.css */
.settings-page__header[b-dogecyc746] {
    margin-bottom: 1.75rem;
}

.delete-personal-data-content[b-dogecyc746] {
    display: grid;
    align-content: start;
    gap: 1.5rem;
    min-width: 0;
    max-width: 40rem;
}

.delete-personal-data-warning[b-dogecyc746] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .8rem;
    padding: 1rem;
    border: 1px solid var(--av-danger-notice-border);
    border-radius: var(--av-radius-md);
    background: var(--av-danger-notice-soft);
    color: var(--av-danger-notice);
}

.delete-personal-data-warning > svg[b-dogecyc746] {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: .05rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.delete-personal-data-warning h2[b-dogecyc746] {
    margin: 0 0 .3rem;
    color: inherit;
    font-size: .875rem;
    font-weight: 680;
}

.delete-personal-data-warning p[b-dogecyc746] {
    margin: 0;
    color: inherit;
    font-size: .8125rem;
    line-height: 1.6;
}

.delete-personal-data-form[b-dogecyc746] {
    display: grid;
    gap: 1.5rem;
}

.delete-personal-data-field[b-dogecyc746] {
    display: grid;
    max-width: 36rem;
}

.delete-personal-data-field > label[b-dogecyc746] {
    margin-bottom: .48rem;
}

.delete-personal-data-field[b-dogecyc746]  .password-reveal {
    color: var(--av-text-muted);
}

.delete-personal-data-field[b-dogecyc746]  .password-reveal:hover {
    background: var(--av-accent-soft);
    color: var(--av-input-focus);
}

.delete-personal-data-field[b-dogecyc746]  .password-reveal:focus-visible {
    outline-color: var(--av-input-focus);
}

.delete-personal-data-field[b-dogecyc746]  .validation-message {
    margin-top: .38rem;
    color: var(--av-danger);
    font-size: .6875rem;
}

.delete-personal-data-actions[b-dogecyc746] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding-top: 1.5rem;
}

@media (max-width: 520px) {
    .delete-personal-data-actions[b-dogecyc746] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .delete-personal-data-actions .button[b-dogecyc746] {
        width: 100%;
    }
}
/* /Components/Pages/Settings/PersonalData.razor.rz.scp.css */
.settings-page__header[b-71mmjhrpfl] {
    margin-bottom: 1.75rem;
}

.personal-data-content[b-71mmjhrpfl] {
    display: grid;
    align-content: start;
    gap: 1.5rem;
    min-width: 0;
    max-width: 40rem;
}

.personal-data-section[b-71mmjhrpfl] {
    display: grid;
    justify-items: start;
    gap: 1.15rem;
}

.personal-data-section + .personal-data-section[b-71mmjhrpfl] {
    padding-top: 1.5rem;
    border-top: 1px solid var(--av-border);
}

.personal-data-section h2[b-71mmjhrpfl] {
    margin: 0 0 .35rem;
    color: var(--av-text);
    font-size: .9375rem;
    font-weight: 680;
}

.personal-data-section p[b-71mmjhrpfl],
.personal-delete-panel__content p[b-71mmjhrpfl] {
    max-width: 40rem;
    margin: 0;
    color: var(--av-text-muted);
    font-size: .875rem;
    line-height: 1.65;
}

.personal-delete-panel[b-71mmjhrpfl] {
    --delete-button-background: #b42318;
    --delete-button-background-hover: #912018;
    --delete-button-text: #fff;
    border-top: 1px solid var(--av-border);
}

.personal-delete-panel__toggle[b-71mmjhrpfl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    min-height: 4.75rem;
    padding: 1rem 0;
    cursor: pointer;
    list-style: none;
}

.personal-delete-panel__toggle[b-71mmjhrpfl]::-webkit-details-marker {
    display: none;
}

.personal-delete-panel__toggle:hover .personal-delete-panel__heading strong[b-71mmjhrpfl] {
    color: var(--av-danger);
}

.personal-delete-panel__toggle:focus-visible[b-71mmjhrpfl] {
    border-radius: var(--av-radius-sm);
    outline: 2px solid var(--av-danger);
    outline-offset: 3px;
}

.personal-delete-panel__heading[b-71mmjhrpfl] {
    display: grid;
    min-width: 0;
    gap: .18rem;
}

.personal-delete-panel__heading strong[b-71mmjhrpfl] {
    color: var(--av-text);
    font-size: .9375rem;
    font-weight: 680;
    transition: color .15s ease;
}

.personal-delete-panel__heading small[b-71mmjhrpfl] {
    color: var(--av-text-muted);
    font-size: .75rem;
}

.personal-delete-panel__chevron[b-71mmjhrpfl] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: var(--av-text-muted);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    transition: transform .15s ease;
}

.personal-delete-panel:not([open]) .personal-delete-panel__chevron[b-71mmjhrpfl] {
    transform: rotate(-90deg);
}

.personal-delete-panel__content[b-71mmjhrpfl] {
    display: grid;
    justify-items: start;
    gap: 1.25rem;
    padding: .35rem 0 1.6rem;
}

.personal-delete-panel__delete-button[b-71mmjhrpfl] {
    border-color: transparent;
    background: var(--delete-button-background);
    color: var(--delete-button-text);
}

.personal-delete-panel__delete-button:hover:not(:disabled)[b-71mmjhrpfl] {
    border-color: transparent;
    background: var(--delete-button-background-hover);
}

@media (max-width: 520px) {
    .personal-data-section form[b-71mmjhrpfl],
    .personal-data-section .button[b-71mmjhrpfl],
    .personal-delete-panel__content > .button[b-71mmjhrpfl] {
        width: 100%;
    }

    .personal-delete-panel__heading small[b-71mmjhrpfl] {
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .personal-delete-panel__heading strong[b-71mmjhrpfl],
    .personal-delete-panel__chevron[b-71mmjhrpfl] {
        transition: none;
    }
}
/* /Components/Pages/Settings/SettingsLayout.razor.rz.scp.css */
.settings-page[b-p2up9n7z3j] {
    width: min(100%, 72rem);
}

.settings-page__layout[b-p2up9n7z3j] {
    display: grid;
    grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr);
    align-items: start;
    gap: clamp(2rem, 5vw, 4rem);
}

.settings-page__sidebar[b-p2up9n7z3j] {
    position: sticky;
    top: 5.25rem;
}

.settings-page__content[b-p2up9n7z3j] {
    min-width: 0;
}

.settings-nav__items[b-p2up9n7z3j] {
    display: grid;
    gap: .2rem;
}

.settings-nav__items[b-p2up9n7z3j]  .settings-nav__item {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    width: 100%;
    min-height: 2.75rem;
    padding: .625rem .75rem;
    border: 0;
    border-radius: var(--av-radius-md);
    background: transparent;
    color: var(--av-text-muted);
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1.25;
    text-align: left;
    text-decoration: none;
    transition: background-color .15s ease, color .15s ease;
}

.settings-nav__items[b-p2up9n7z3j]  .settings-nav__item svg {
    width: 1.125rem;
    height: 1.125rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.settings-nav__items[b-p2up9n7z3j]  .settings-nav__item:not(:disabled):hover {
    background: var(--av-surface-subtle);
    color: var(--av-text);
}

.settings-nav__items[b-p2up9n7z3j]  .settings-nav__item.active {
    background: var(--av-nav-active-background);
    color: var(--av-nav-active-text);
    font-weight: 650;
}

.settings-nav__items[b-p2up9n7z3j]  .settings-nav__item:disabled {
    cursor: default;
}

.settings-nav__items[b-p2up9n7z3j]  .settings-nav__item:focus-visible {
    outline: 2px solid var(--av-primary);
    outline-offset: 2px;
}

@media (max-width: 820px) {
    .settings-page__layout[b-p2up9n7z3j] {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.5rem;
    }

    .settings-page__sidebar[b-p2up9n7z3j] {
        position: static;
    }

    .settings-nav__items[b-p2up9n7z3j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 430px) {
    .settings-nav__items[b-p2up9n7z3j]  .settings-nav__item {
        gap: .5rem;
        padding: .625rem .5rem;
        font-size: .75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .settings-nav__items[b-p2up9n7z3j]  .settings-nav__item {
        transition: none;
    }
}
/* /Components/Pages/Settings/TwoFactor.razor.rz.scp.css */
.two-factor-list[b-ixzd1qdosv] {
    display: grid;
}

.two-factor-row[b-ixzd1qdosv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem 1.5rem;
    min-width: 0;
    padding: 1.35rem 0;
    border-top: 1px solid var(--av-border);
}

.two-factor-row--overview[b-ixzd1qdosv] {
    display: grid;
    justify-items: start;
    gap: .7rem;
    padding-top: 0;
    border-top: 0;
    margin-bottom: 1rem;
}

.two-factor-row--overview h2[b-ixzd1qdosv] {
    font-size: 1.125rem;
    letter-spacing: -.015em;
}

.two-factor-row--overview .button[b-ixzd1qdosv] {
    margin-top: .35rem;
}

.two-factor-row__content[b-ixzd1qdosv] {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.two-factor-row p[b-ixzd1qdosv] {
    margin: 0;
    color: var(--av-text-muted);
    font-size: .8125rem;
    line-height: 1.55;
}

.two-factor-state[b-ixzd1qdosv] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--av-text-muted);
    font-size: .8125rem;
    font-weight: 650;
    line-height: 1.4;
}

.two-factor-state.is-enabled[b-ixzd1qdosv] {
    color: var(--av-success-text);
}

.two-factor-state__dot[b-ixzd1qdosv] {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: currentColor;
}

.two-factor-row .button[b-ixzd1qdosv] {
    flex-shrink: 0;
}

.two-factor-action[b-ixzd1qdosv] {
    gap: .3rem;
}

.two-factor-action svg[b-ixzd1qdosv] {
    width: .85rem;
    height: .85rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
}

.two-factor-action:focus-visible[b-ixzd1qdosv] {
    outline: 2px solid var(--av-input-focus);
    outline-offset: 2px;
}

.two-factor-action--danger[b-ixzd1qdosv] {
    color: var(--av-danger);
}

.two-factor-action--danger:hover[b-ixzd1qdosv] {
    background: var(--av-danger-soft);
    color: var(--av-danger-hover);
}

.two-factor-advanced summary:focus-visible[b-ixzd1qdosv] {
    outline: 2px solid var(--av-input-focus);
    outline-offset: 2px;
}

.two-factor-advanced[b-ixzd1qdosv] {
    border-top: 1px solid var(--av-border);
}

.two-factor-advanced summary[b-ixzd1qdosv] {
    padding: 1rem 0;
    color: var(--av-text-muted);
    font-size: .8125rem;
    font-weight: 650;
    cursor: pointer;
}

.two-factor-advanced summary:hover[b-ixzd1qdosv] {
    color: var(--av-text);
}

.two-factor-advanced__content > .two-factor-row:first-child[b-ixzd1qdosv] {
    border-top: 0;
}

@media (max-width: 560px) {
    .two-factor-row[b-ixzd1qdosv] {
        align-items: flex-start;
        flex-direction: column;
        gap: .65rem;
    }

    .two-factor-row > .button[b-ixzd1qdosv],
    .two-factor-row > form[b-ixzd1qdosv] {
        align-self: flex-start;
    }
}