.admin-users-access-page {
    max-width: 1240px;
    margin: 0 auto;
    padding: 1.5rem 1.5rem 2.5rem;
}

.admin-users-access-panel {
    padding: 1.35rem;
    border: 1px solid var(--qg-admin-border);
    border-radius: 1rem;
    background: var(--qg-admin-surface);
    box-shadow: var(--qg-admin-shadow);
}

.admin-users-access-section-header {
    margin-bottom: 1.2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--qg-admin-border);
}

.admin-users-access-section-eyebrow,
.admin-users-modal__eyebrow {
    margin: 0 0 .3rem;
    color: var(--qg-admin-primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.admin-users-access-section-title {
    margin: 0;
    color: var(--qg-admin-text);
    font-size: 20px;
    font-weight: 750;
}

.admin-users-access-section-description {
    margin: .35rem 0 0;
    color: #617083;
    font-size: 14px;
}

.admin-users-modal .modal-content {
    overflow: hidden;
    border: 0;
    border-radius: 1rem;
    box-shadow: var(--qg-admin-shadow);
}

.admin-users-modal .modal-header {
    align-items: flex-start;
    padding: 1.2rem 1.35rem;
    border-bottom: 1px solid var(--qg-admin-border);
}

.admin-users-modal .modal-title {
    color: var(--qg-admin-text);
    font-size: 20px;
    font-weight: 750;
}

.admin-users-modal .modal-body {
    padding: 1.35rem;
}

.admin-users-modal .modal-footer {
    gap: .6rem;
    padding: 1rem 1.35rem;
    border-top: 1px solid var(--qg-admin-border);
}

.admin-users-form__section + .admin-users-form__section {
    margin-top: 1.25rem;
    padding-top: 1.2rem;
    border-top: 1px solid var(--qg-admin-border);
}

.admin-users-form__section h6 {
    margin: 0 0 .9rem;
    color: var(--qg-admin-text);
    font-size: 16px;
    font-weight: 750;
}

.admin-users-form__hint {
    margin: -.35rem 0 .95rem;
    color: #617083;
    font-size: 14px;
}

@media (max-width: 767px) {
    .admin-users-access-page {
        padding: 1rem;
    }

    .admin-users-access-panel,
    .admin-users-modal .modal-body {
        padding: 1rem;
    }
}