/* _content/Modules.System.Web/M1AdministrationLayout.razor.rz.scp.css */
.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-page {
    display: grid;
    gap: var(--ds-space-1-5);
    max-width: none;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-page__header,
.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-panel__heading,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-card__header,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-card__footer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--ds-space-1);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-page__header {
    border-bottom: var(--ds-border-width-1) solid var(--ds-color-border);
    padding-block-end: var(--ds-space-2);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-page__scope {
    width: min(22rem, 100%);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-panel {
    display: grid;
    gap: var(--ds-space-1);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-panel__heading h2,
.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-panel__heading p {
    margin: 0;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-form,
.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-toolbar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--ds-space-1);
    align-items: end;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-form--compact {
    grid-template-columns: minmax(12rem, 2fr) minmax(7rem, 0.6fr) auto;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-form label,
.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-toolbar label,
.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-page__scope {
    display: grid;
    gap: var(--ds-space-0-5);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-0-75);
    grid-column: 1 / -1;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-toolbar__search {
    grid-column: span 2;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-details,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-card__facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--ds-space-1);
    margin: 0;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-details div,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-card__facts div {
    min-width: 0;
}

.m1-administration-layout[b-1b74rx8ijd]  dt {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-body-small-size);
}

.m1-administration-layout[b-1b74rx8ijd]  dd {
    margin: var(--ds-space-0-25) 0 0;
    overflow-wrap: anywhere;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-list,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-list {
    display: grid;
    gap: var(--ds-space-0-75);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-row,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-card {
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface-raised);
    padding: var(--ds-space-1);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-row:hover,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-card:hover {
    border-color: var(--ds-color-action);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-row {
    display: grid;
    grid-template-columns: minmax(15rem, 1.5fr) minmax(8rem, 0.7fr) auto auto;
    align-items: center;
    gap: var(--ds-space-1);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-row__primary,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-card__header > div:first-child {
    display: grid;
    gap: var(--ds-space-0-25);
    min-width: 0;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-row__primary span,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-card__header span {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-body-small-size);
    overflow-wrap: anywhere;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-admin-row__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--ds-space-0-5);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-card {
    display: grid;
    gap: var(--ds-space-1);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-card__footer {
    border-top: var(--ds-border-width-1) solid var(--ds-color-border);
    padding-top: var(--ds-space-0-75);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-invitation-link {
    display: block;
    margin-top: var(--ds-space-0-5);
    overflow-wrap: anywhere;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-statistics {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--ds-space-0-75);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-statistics button {
    display: flex;
    align-items: baseline;
    gap: var(--ds-space-0-5);
    border: 0;
    border-inline-start: var(--ds-border-width-2) solid var(--ds-color-border-strong);
    border-radius: var(--ds-radius-2);
    background: transparent;
    padding-inline-start: var(--ds-space-0-75);
    color: var(--ds-color-text-muted);
    cursor: pointer;
    font-family: inherit;
    font-size: var(--ds-text-body-small-size);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-statistics button:hover,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-statistics button.is-selected {
    border-inline-start-color: var(--ds-color-action);
    background: var(--ds-color-navigation-active);
    color: var(--ds-color-text);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-statistics strong {
    color: var(--ds-color-text);
    font-size: var(--ds-text-heading-3-size);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-workspace {
    display: grid;
    grid-template-columns: minmax(10rem, 12rem) minmax(0, 1fr) minmax(12rem, max-content);
    min-height: 38rem;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-panel);
    overflow: hidden;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-master,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-detail,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-actions {
    min-width: 0;
    padding: var(--ds-space-1);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-master {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    gap: var(--ds-space-0-75);
    border-inline-end: var(--ds-border-width-1) solid var(--ds-color-border);
    background: var(--ds-color-surface-muted);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-search,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-form label {
    display: grid;
    gap: var(--ds-space-0-25);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-search {
    min-width: 0;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-search input {
    width: 100%;
    min-width: 0;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-master__list {
    display: grid;
    grid-column: auto;
    align-content: start;
    gap: var(--ds-space-0-25);
    min-height: 0;
    overflow-y: auto;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-master__item {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
    justify-items: start;
    gap: 0.15rem;
    width: 100%;
    min-height: 2.75rem;
    border: var(--ds-border-width-1) solid transparent;
    border-radius: var(--ds-radius-4);
    background: transparent;
    padding: var(--ds-space-0-75);
    color: var(--ds-color-text);
    cursor: pointer;
    font: inherit;
    text-align: start;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-master__item strong {
    width: 100%;
    text-align: start;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-master__item:hover,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-master__item.is-selected {
    border-color: var(--ds-color-border);
    background: var(--ds-color-navigation-active);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-master__item.is-selected::before {
    position: absolute;
    inset-block: 0.4rem;
    inset-inline-start: calc(-1 * var(--ds-border-width-1));
    width: var(--ds-border-width-2);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-action);
    content: "";
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-master__item span,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-master__item small {
    overflow: hidden;
    color: var(--ds-color-text-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-detail {
    display: grid;
    align-content: start;
    gap: var(--ds-space-1-5);
    overflow-y: auto;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-detail > header {
    border-bottom: var(--ds-border-width-1) solid var(--ds-color-border);
    padding-bottom: var(--ds-space-1);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-detail h2,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-detail p,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-detail-section h3 {
    margin: 0;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-detail > header p {
    margin-top: var(--ds-space-0-25);
    color: var(--ds-color-text-muted);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-detail__sections {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ds-space-1);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-detail-section {
    border-bottom: var(--ds-border-width-1) solid var(--ds-color-border);
    padding-block: var(--ds-space-0-75);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-detail-section h3 {
    font-size: var(--ds-text-label-size);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-detail-section dl {
    display: grid;
    gap: var(--ds-space-0-5);
    margin: var(--ds-space-0-75) 0 0;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-detail-section dl div {
    display: flex;
    justify-content: space-between;
    gap: var(--ds-space-1);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-detail-section dd {
    text-align: end;
    overflow-wrap: normal;
    word-break: normal;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(14rem, 20rem));
    gap: var(--ds-space-1);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-person-circle-selection {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--ds-space-0-75) var(--ds-space-1-5);
    grid-column: 1 / -1;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    padding: var(--ds-space-1);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-person-circle-selection label,
.m1-administration-layout[b-1b74rx8ijd]  .m1-person-circle-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--ds-space-0-5);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-person-circle-tags > span:not(.m1-person-circle-tags__empty) {
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: 999px;
    background: var(--ds-color-surface-muted);
    padding: var(--ds-space-0-25) var(--ds-space-0-75);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-person-circle-tags__empty,
.m1-administration-layout[b-1b74rx8ijd]  .m1-field-error {
    color: var(--ds-color-text-muted);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-field-error {
    color: var(--ds-color-danger);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-form__actions {
    display: flex;
    gap: var(--ds-space-0-75);
    grid-column: 1 / -1;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-actions {
    border-inline-start: var(--ds-border-width-1) solid var(--ds-color-border);
    background: var(--ds-color-surface-muted);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-actions h2 {
    margin: 0 0 var(--ds-space-1);
    font-size: var(--ds-text-heading-3-size);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-actions button {
    display: flex;
    width: 100%;
    min-height: 2.5rem;
    align-items: center;
    border: 0;
    border-bottom: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: 0;
    background: transparent;
    color: var(--ds-color-text);
    cursor: pointer;
    font: inherit;
    text-align: start;
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-actions button:hover {
    color: var(--ds-color-action-strong);
}

.m1-administration-layout[b-1b74rx8ijd]  .m1-user-detail__placeholder,
.m1-administration-layout[b-1b74rx8ijd]  .m1-user-empty {
    align-self: center;
    justify-self: center;
    color: var(--ds-color-text-muted);
    text-align: center;
}

@media (max-width: 70rem) {
    .m1-administration-layout[b-1b74rx8ijd]  .m1-admin-row {
        grid-template-columns: 1fr 1fr;
    }

    .m1-administration-layout[b-1b74rx8ijd]  .m1-admin-details,
    .m1-administration-layout[b-1b74rx8ijd]  .m1-user-card__facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .m1-administration-layout[b-1b74rx8ijd]  .m1-user-workspace {
        grid-template-columns: minmax(15rem, 0.36fr) minmax(0, 0.64fr);
    }

    .m1-administration-layout[b-1b74rx8ijd]  .m1-user-actions {
        grid-column: 2;
        border-inline-start: 0;
        border-top: var(--ds-border-width-1) solid var(--ds-color-border);
    }
}

@media (max-width: 48rem) {
    .m1-administration-layout[b-1b74rx8ijd]  .m1-admin-page__header,
    .m1-administration-layout[b-1b74rx8ijd]  .m1-admin-panel__heading,
    .m1-administration-layout[b-1b74rx8ijd]  .m1-user-card__header {
        flex-direction: column;
    }

    .m1-administration-layout[b-1b74rx8ijd]  .m1-admin-form,
    .m1-administration-layout[b-1b74rx8ijd]  .m1-admin-form--compact,
    .m1-administration-layout[b-1b74rx8ijd]  .m1-admin-toolbar,
    .m1-administration-layout[b-1b74rx8ijd]  .m1-admin-row,
    .m1-administration-layout[b-1b74rx8ijd]  .m1-admin-details,
    .m1-administration-layout[b-1b74rx8ijd]  .m1-user-card__facts {
        grid-template-columns: minmax(0, 1fr);
    }

    .m1-administration-layout[b-1b74rx8ijd]  .m1-admin-toolbar__search {
        grid-column: auto;
    }

    .m1-administration-layout[b-1b74rx8ijd]  .m1-admin-row__actions {
        justify-content: flex-start;
    }

    .m1-administration-layout[b-1b74rx8ijd]  .m1-user-statistics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .m1-administration-layout[b-1b74rx8ijd]  .m1-user-workspace,
    .m1-administration-layout[b-1b74rx8ijd]  .m1-user-detail__sections,
    .m1-administration-layout[b-1b74rx8ijd]  .m1-user-form {
        grid-template-columns: minmax(0, 1fr);
    }

    .m1-administration-layout[b-1b74rx8ijd]  .m1-user-master,
    .m1-administration-layout[b-1b74rx8ijd]  .m1-user-actions {
        grid-column: auto;
        border-inline: 0;
    }

    .m1-administration-layout[b-1b74rx8ijd]  .m1-user-master {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
        max-height: 22rem;
        border-bottom: var(--ds-border-width-1) solid var(--ds-color-border);
    }

    .m1-administration-layout[b-1b74rx8ijd]  .m1-user-master__list {
        grid-column: auto;
    }

    .m1-administration-layout[b-1b74rx8ijd]  .m1-user-form__actions {
        grid-column: auto;
    }
}
/* _content/Modules.System.Web/PersonCircleSettings.razor.rz.scp.css */
.m1-circle-settings__content[b-jq84j0chdr] { max-width: var(--ds-form-section-max-width); padding: var(--ds-space-1); border: var(--ds-border-width-1) solid var(--ds-color-border); border-radius: var(--ds-radius-4); }
.m1-circle-settings__row[b-jq84j0chdr], .m1-circle-settings__new[b-jq84j0chdr] { display: flex; align-items: end; flex-wrap: wrap; gap: var(--ds-space-0-75); padding: var(--ds-space-0-75) var(--ds-space-0); border-bottom: var(--ds-border-width-1) solid var(--ds-color-border); }
.m1-circle-settings__new[b-jq84j0chdr] { margin-top: var(--ds-space-0-5); border-bottom: var(--ds-border-width-0); }