/* ═══════════════════════════════════════════════════════════════════════════════════════════
   EL LETRERO DE «DE QUIÉN SON ESTOS DATOS» (partials/empresa_actual.blade.php)
   ═══════════════════════════════════════════════════════════════════════════════════════════

   POR QUÉ EXISTE. Un usuario de oficina puede llevar DOS alquiladores, y la pantalla decía «Mis
   clientes» sin más: son los clientes de uno de los dos, y cuál es lo único que hay que saber
   antes de escribir. Los datos nunca se mezclan —eso lo garantizan las claves compuestas y el
   global scope—, pero una persona sí puede dar de alta una ficha creyendo estar en la otra
   empresa, que es el mismo daño por otra puerta.

   SOLO SE PINTA PARA EL EQUIPO. El dueño no lo necesita: no hay ninguna otra empresa con la que
   pueda confundir la suya, y un cartel permanente diciéndole su propio nombre es ruido.

   Los tokens son los MISMOS que la agenda del día y las tablas (public/css/mrx-tabla.css), para
   que el letrero se vea de la misma casa esté donde esté.

   La hoja la enlaza el LAYOUT y no cada vista: el letrero se incluye en nueve pantallas y el
   mismo criterio que menu-acciones-tabla.css — marcado repetido, hoja única. */

.mrx-empresa{
  --emp-borde:#DCE6EF; --emp-fondo:#F3F7FB; --emp-tinta:#0F2136; --emp-tinta-2:#4C6079;
  --emp-acento:#1C95DA;
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin:0 0 16px;padding:10px 14px;border-radius:12px;
  background:var(--emp-fondo);border:1px solid var(--emp-borde);
  font-family:"Comfortaa","Segoe UI",system-ui,sans-serif;color:var(--emp-tinta)}
html.dark .mrx-empresa{
  --emp-borde:#26324A; --emp-fondo:#1B2739; --emp-tinta:#E8EEF6; --emp-tinta-2:#9DB0C6;
  --emp-acento:#38A9E8}

.mrx-empresa__quien{display:flex;flex-direction:column;gap:2px;min-width:0}
.mrx-empresa__rotulo{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--emp-tinta-2)}
.mrx-empresa__nombre{font-size:14px;font-weight:800;color:var(--emp-tinta);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mrx-empresa__rol{font-size:11.5px;font-weight:700;color:var(--emp-acento)}

.mrx-empresa__cambio{display:flex;align-items:center;gap:8px}
.mrx-empresa__select{padding:7px 10px;border-radius:9px;border:1px solid var(--emp-borde);
  background:#FFFFFF;color:var(--emp-tinta);font-family:inherit;font-size:12.5px;font-weight:700;
  max-width:220px}
html.dark .mrx-empresa__select{background:#151E2E}
.mrx-empresa__select:focus-visible{outline:2px solid var(--emp-acento);outline-offset:1px}

/* Nace visible y lo esconde el JS del partial: sin JS el formulario se envía con el botón, que es
   lo que hace que el selector siga funcionando en un navegador sin scripts. */
.mrx-empresa__boton{padding:7px 12px;border-radius:9px;border:1px solid var(--emp-acento);
  background:var(--emp-acento);color:#FFFFFF;font-family:inherit;font-size:12.5px;font-weight:700;
  cursor:pointer}