/* split from former app.css: users */

.users-table__mobile-meta {
    display: none;
}

@media (max-width: 640px) {
    .users-table__mobile-meta {
        display: grid;
        gap: 10px;
        margin-top: 12px;
    }

    .users-table__mobile-summary {
        color: var(--text-soft);
        font-size: 0.82rem;
        line-height: 1.35;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .users-table__mobile-tags {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px;
    }

    .users-table__mobile-tags .meta-pill,
    .users-table__mobile-tags .badge {
        width: 100%;
        min-width: 0;
        justify-content: center;
        text-align: center;
        padding: 5px 6px;
        font-size: 0.72rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .users-table td.users-table__account-cell,
    .users-table td.users-table__meta-cell,
    .users-table td.users-table__role-cell,
    .users-table td.users-table__status-cell,
    .users-table td.users-table__time-cell {
        display: none;
    }

    .users-table td.users-table__name-cell,
    .users-table td.users-table__actions-cell {
        display: grid;
    }

    .users-table td.users-table__name-cell::before,
    .users-table td.users-table__actions-cell::before {
        display: none;
    }

    .users-table td.users-table__name-cell {
        gap: 0;
        padding-bottom: 12px;
    }

    .users-table td.users-table__name-cell .entity-title {
        font-size: 1.08rem;
        line-height: 1.15;
    }

    .users-table td.users-table__name-cell .entity-subtitle {
        font-size: 0.88rem;
        line-height: 1.4;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .users-table__actions-cell .table-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
    }

    .users-table__actions-cell .table-actions form,
    .users-table__actions-cell .table-actions .btn,
    .users-table__actions-cell .table-actions form .btn {
        width: 100%;
        min-width: 0;
    }
}