/* ==========================================================================
   Admin users (AI-1825): the aishaa staff panel and the customer users panel.
   ========================================================================== */

/* ---------- aishaa staff ---------------------------------------------- */

.staff-invite {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
}

.staff-invite__name {
    flex: 1 1 200px;
}

.staff-invite__email {
    flex: 1 1 240px;
}

.staff-invite__role {
    flex: 0 1 200px;
    min-width: 180px;
}

.staff-skeleton {
    height: 220px;
    border-radius: var(--ui-radius);
}

.staff-table__role {
    width: 200px;
}

.staff-table__actions {
    width: 1%;
    white-space: nowrap;
}

.staff-table__name,
.staff-table__buttons {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.staff-table__buttons {
    gap: 2px;
}

.staff-roles {
    margin: 0;
    padding: 0;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    list-style: none;
}

.staff-roles__item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 16px;
}

.staff-roles__item + .staff-roles__item {
    border-top: 1px solid var(--ui-divider);
}

.staff-roles__name {
    font-size: 0.875rem;
    font-weight: 600;
}

.staff-roles__capabilities {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.staff-changes__muted {
    color: var(--ui-text-2);
}

.staff-changes__at {
    white-space: nowrap;
}

/* ---------- Customer users -------------------------------------------- */

.cu-role {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.cu-role__tip {
    display: inline-flex;
    color: var(--ui-text-2);
}

.cu-badges {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
}

.cu-pager {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
}

.cu-pager__range {
    margin-right: 12px;
    color: var(--ui-text-2);
    font-size: 0.8125rem;
}