/* «Agregar a alguien» del Administrativo (12-nov-2026, pedido del dueño: «falta ajustar el diseño»): el bloque de acceso al sistema se ordena en dos columnas, con su título y aire, igual que el resto del formulario. */
body #form-emp { padding-top: 8px; }
body #form-emp .fila-check { margin-top: 18px !important; }
body #form-emp #acceso-campos:not(.oculto) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; align-items: start; margin-top: 12px; padding-top: 14px; border-top: 1px solid var(--regla); }
body #form-emp #acceso-campos > .acc-tit { grid-column: 1 / -1; margin: 0; font-size: .98rem; font-weight: 700; }
body #form-emp #acceso-campos > .rejilla-2 { display: contents; }
body #form-emp #acceso-campos .campo { margin: 0; gap: 4px; min-width: 0; }
body #form-emp #acceso-campos > [data-sugerir] { grid-column: 1 / -1; justify-self: start; margin: 2px 0 0; }
body #form-emp #acceso-campos > .nota { grid-column: 1 / -1; margin: 0; }
body #form-emp #err-emp { margin-top: 14px; }
body #form-emp button[type=submit] { margin-top: 18px !important; }
@media (max-width: 640px) { body #form-emp #acceso-campos:not(.oculto) { grid-template-columns: minmax(0, 1fr); } }
/* Ajustes de la caja (13-nov-2026): secciones a todo el ancho con sus casillas en una rejilla que aprovecha el ancho (antes todo iba en una columna larga y la otra quedaba vacía). */
body #form-ajustes .aj-tit { margin: 24px 0 6px; padding-top: 16px; border-top: 1px solid var(--regla); font-size: 1.02rem; }
body #form-ajustes > .aj-tit:first-child { margin-top: 8px; padding-top: 0; border-top: 0; }
body #form-ajustes .aj-checks { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 0 36px; align-items: start; }
body #form-ajustes .aj-checks > .fila-check { margin: 7px 0 !important; align-items: flex-start; min-width: 0; }
body #form-ajustes .aj-checks > .fila-check > span { overflow-wrap: anywhere; }
body #form-ajustes .aj-modo { max-width: 620px; margin: 4px 0 10px; }
body #form-ajustes #festivos-fechas > div:first-of-type { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 430px), 1fr)); gap: 0 32px; }
/* mientras Mi negocio se arma no se ve ninguna sección a medias (antes se alcanzaba a ver un instante el formulario y el logo de otro apartado) */
body #vista.neg-cargando > section.seccion { display: none !important; }
body #vista.neg-cargando::before { content: "Cargando…"; display: block; padding: 24px 4px; color: var(--tinta-suave); }