/* Patrones comunes de la interfaz 1.0 (todas las pantallas internas). Usa los tokens de app.css.
   Archivo nuevo: un CSS ya publicado no se edita en el lugar (ver inicio_admin_j1.css). */

.solo-movil { display: none; }

/* Cabecera de página: en el móvil la acción principal va primero y a lo ancho, y el menú «…»
   conserva su tamaño en vez de estirarse. */
@media (max-width: 760px) {
    .cabecera-v1 .pagina-acciones > .btn:not(.btn-sec) { order: -1; flex-basis: 100%; }
    .cabecera-v1 .pagina-acciones > .desplegable:has(> .btn-icono) { flex: 0 0 auto; }
}

/* Acciones de una fila dentro de una ficha: «Editar» y el menú «…», sin estirarse. */
.acciones-compactas { display: inline-flex; align-items: center; gap: 6px; }
.acciones-compactas .desplegable-menu { left: auto; right: 0; }