/*
 * Selector de idioma del panel del Operador.
 *
 * Hoja aparte, como marca-callcenter.css, por la misma razon: la usan dos
 * pantallas -el panel y el acceso- y no se toca operador.css, que es el CSS
 * del prototipo V1.4 del cliente copiado tal cual.
 *
 * El aspecto es DELIBERADAMENTE el mismo que el de .themeSwitch, que ya existe
 * a dos centimetros en la misma barra. Son dos preferencias personales del
 * Operador, sin efecto sobre la factura ni sobre el documento, y tienen que
 * parecerlo. Los valores estan copiados de esa regla, no aproximados a ojo, y
 * hay una comprobacion que exige que las dos midan lo mismo.
 *
 * En la pantalla de acceso el selector son enlaces y en el panel son botones
 * dentro de un formulario -alli escribe en la base y por eso es un POST-, asi
 * que las reglas cubren los dos elementos: un <a> y un <button> tienen
 * defaults distintos de fuente, borde y color, y sin igualarlos el mismo
 * selector se veria de dos maneras.
 */

.langSwitch{
  display:flex;gap:3px;align-items:center;
  background:#eef2f7;border:1px solid #d8e0ea;border-radius:999px;padding:4px;
  margin:0;
}

.langSwitch a,
.langSwitch button{
  border:0;background:transparent;color:#53647a;
  /* 6 px de lado, no los 11 del selector de temas. Es la unica medida en la
   * que los dos NO coinciden, y esta medida: con 11 px la barra superior se
   * pasaba 29 px del ancho disponible a 1280 y "Salir" caia solo a una segunda
   * fila. Con 6 px cabe entero. La ALTURA si es identica, que es lo que se ve
   * al mirar los dos controles juntos, y hay una comprobacion que la exige.
   * El rotulo son dos letras: 6 px de aire a cada lado bastan. */
  border-radius:999px;padding:7px 6px;
  font-family:inherit;font-size:11px;font-weight:800;
  text-decoration:none;display:inline-block;cursor:pointer;
  /* Sin line-height propio a proposito. Fijarlo a 1 dejaba el selector 2 px
   * mas bajo que el de temas, que hereda el normal del navegador; los dos
   * estan en la misma barra y esos 2 px se ven. Lo cazo la comprobacion que
   * compara las dos alturas, no la vista. */
}

.langSwitch a.active,
.langSwitch button.active{
  background:#fff;color:#18324e;box-shadow:0 1px 4px rgba(0,0,0,.12);
}

/* NO hay reglas por tema, y es deliberado.
 *
 * La primera version llevaba un bloque .theme-night que pintaba el selector en
 * azul oscuro. Se veia bien por si solo y estaba mal: el selector de temas del
 * prototipo NO tiene variante oscura, asi que en modo Noche quedaban dos
 * pastillas pegadas, una clara y otra oscura. Lo enseno una captura, no una
 * prueba -otra vez, como en la Fase B-, y la comprobacion que ahora lo impide
 * no pregunta "tiene fondo" sino "tiene EL MISMO fondo que la de al lado".
 *
 * Si algun dia se le da modo oscuro al selector de temas, este lo heredara
 * anadiendo su clase a la misma regla, no copiando una nueva aqui. */