/* ADM-UNI (14-oct-2026) - Modulo Administracion al estilo unico: Usuarios, Roles y Menu.
   Solo clases propias (mpu-adm-*); ninguna regla sobre .dxbl-* de DevExpress.

   Por que existe: en «Administrar Usuarios» los botones de la fila (Roles, Bloquear, Eliminar) se partian en
   dos lineas y los roles salian pegados («CertificadosEmisorUser»): la pagina usaba clases de Bootstrap
   (me-1, badge) y la app NO carga Bootstrap. */

/* Grupo de botones de una fila: siempre en UNA linea. */
.mpu-adm-acciones { display: inline-flex; align-items: center; gap: 2px; white-space: nowrap; flex-wrap: nowrap; }

/* Roles de una cuenta: una etiqueta por rol; si no caben, bajan de linea DENTRO de la celda (nunca se cortan). */
.mpu-adm-chips { display: flex; align-items: center; gap: 4px; row-gap: 3px; flex-wrap: wrap; padding: 2px 0; min-width: 0; }

/* Celda de un item del menu (Matriz): icono + titulo y la ruta debajo, en gris. */
.mpu-adm-item { display: flex; flex-direction: column; gap: 1px; min-width: 0; line-height: 1.25; }
.mpu-adm-item-titulo { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mpu-adm-item-ruta { color: var(--mpu-secundario); font-size: var(--mpu-texto-chico); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Icono de un modulo/item mostrado junto a su clase CSS. */
.mpu-adm-icono { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.mpu-adm-icono > i { width: 16px; text-align: center; color: var(--mpu-azul-700); }

/* Combo de seleccion dentro de una barra de acciones: ancho fijo para que no salte a otra linea. */
.mpu-adm-combo { width: 300px; max-width: 100%; }

/* Mi perfil (Account/Manage): formulario de ancho legible bajo las pestanas. */
.mpu-adm-perfil { max-width: 520px; padding-top: 8px; }