/* Inbox Support Calls — base de la página.
   Los colores salen de css/variables.css: aquí no se escribe ningún hex. */

html,
body {
  height: 100%;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: var(--text-body);
  line-height: var(--line-normal);
  background: var(--surface-0);
  color: var(--text-1);
}

#render {
  height: 100%;
}

/* El <div toolbar> de una vista solo se ve dentro de la barra de
   herramientas del appbar, que lo trae al terminar de montar la vista.
   Sin esto asomaría dentro de la vista ese instante. Ver
   containers/app/workspace/appbar (montarHerramientas). */
[toolbar] {
  display: none;
}

/* Iconos (Material Symbols Outlined). La clase la define la hoja de Google
   que carga index.php; aquí solo se le pone el grosor, que sale del token
   --icon-weight. Gana por orden: main.css se carga después.

   font-weight además del eje: a algunos navegadores Google les sirve un
   archivo estático por grosor, y ahí manda font-weight, no el eje.
   Sin "opsz": con font-optical-sizing el trazo se ajusta solo al tamaño. */
.material-symbols-outlined {
  font-weight: var(--icon-weight);
  font-optical-sizing: auto;
  font-variation-settings: "FILL" 0, "wght" var(--icon-weight);
}