/* Access by category (Configuração › Acessos por categoria) and the assignees of a work order. */

/* ---------------------------- access by category ---------------------------- */
.category-access .card__header .row { gap: 10px; }
.category-access__table .select--sm { min-width: 120px; }
@container page (max-width: 640px) {
  .category-access__table td:first-child { flex-basis: 100%; }
}

/* ------------------------------ work order assignees ------------------------ */
.assignee-list { display: grid; gap: 10px; }
.assignee { display: flex; align-items: center; gap: 10px; min-width: 0; }
.assignee__body { min-width: 0; flex: 1; }
.assignee__name { font-weight: 500; }
.assignee__sub { color: var(--text-3); font-size: 12.5px; }
.assignee-avatars { display: inline-flex; align-items: center; gap: 6px; }
.execution-notice { display: flex; align-items: center; gap: 6px; color: var(--text-2); font-size: 13px; }