/* Riel de secciones del panel de JDL: el mismo en todas, abajo a la izquierda (ver riel.js).
   Colores propios (--nr-*) para no depender de los de cada sección. */
.nebo-riel {
  --nr-fondo: #fcfcfb;
  --nr-hover: #f3f3ef;
  --nr-borde: rgba(11, 11, 11, 0.10);
  --nr-texto: #52514e;
  --nr-texto-fuerte: #0b0b0b;
  --nr-on: #2a78d6;
  --nr-etiqueta-fondo: #0b0b0b;
  --nr-etiqueta-texto: #f9f9f7;
  --nr-sombra: 0 1px 2px rgba(11, 11, 11, 0.06), 0 8px 24px rgba(11, 11, 11, 0.05);
  position: fixed; left: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 2147483000;
  display: flex; flex-direction: column; gap: 4px; padding: 5px;
  background: var(--nr-fondo); border: 1px solid var(--nr-borde); border-radius: 14px; box-shadow: var(--nr-sombra);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
:root[data-theme="dark"] .nebo-riel {
  --nr-fondo: #1a1a19; --nr-hover: #232321; --nr-borde: rgba(255, 255, 255, 0.10);
  --nr-texto: #c3c2b7; --nr-texto-fuerte: #ffffff; --nr-on: #3987e5;
  --nr-etiqueta-fondo: #ffffff; --nr-etiqueta-texto: #0d0d0d; --nr-sombra: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.nebo-riel__it {
  position: relative; width: 42px; height: 42px; display: grid; place-items: center;
  border-radius: 10px; color: var(--nr-texto); text-decoration: none; box-sizing: border-box;
}
a.nebo-riel__it:hover { background: var(--nr-hover); color: var(--nr-texto-fuerte); }
.nebo-riel__it--on { background: var(--nr-on); color: #fff; }
.nebo-riel__sep { height: 1px; margin: 2px 6px; background: var(--nr-borde); }
.nebo-riel__lb {
  position: absolute; left: calc(100% + 10px); top: 50%; transform: translateY(-50%); white-space: nowrap;
  font-size: 12.5px; font-weight: 650; line-height: 1.2; background: var(--nr-etiqueta-fondo); color: var(--nr-etiqueta-texto);
  padding: 5px 9px; border-radius: 7px; opacity: 0; pointer-events: none; transition: opacity .12s;
}
.nebo-riel__it:hover .nebo-riel__lb, .nebo-riel__it:focus-visible .nebo-riel__lb { opacity: 1; }
.nebo-riel svg { display: block; }
/* Íconos de línea siempre, aunque la página tenga reglas generales para svg (conversaciones rellena
   todos los svg con currentColor y los dejaba como bloques). */
.nebo-riel .nebo-riel__it svg { width: 19px; height: 19px; fill: none; stroke: currentColor; }

/* Incrustado al fondo de la barra lateral de conversaciones: sin caja ni sombra, con sus colores, pero
   con las MISMAS medidas que el flotante (ítems de 42 px, separación de 4, borde y relleno iguales) y
   el último ítem a la misma distancia del borde de abajo (22 px): cada ícono queda a la misma altura
   que en las otras secciones. La barra de conversaciones tiene 14 px de relleno abajo: 14 + 1 + 5 + 2. */
.nebo-riel--incrustado {
  position: static; box-shadow: none; background: transparent; border-color: transparent;
  margin: 8px 0 2px; flex-shrink: 0;
  --nr-texto: #9aa6c4; --nr-texto-fuerte: #fff; --nr-hover: rgba(255, 255, 255, 0.10);
  --nr-borde: rgba(255, 255, 255, 0.14);
}

/* Embebida dentro de otra sección (?embed=1): sin riel. */
.embebido .nebo-riel { display: none; }

@media (max-width: 999px) {
  .nebo-riel:not(.nebo-riel--incrustado) { flex-direction: row; }
  .nebo-riel:not(.nebo-riel--incrustado) .nebo-riel__it { width: 38px; height: 38px; }
  .nebo-riel:not(.nebo-riel--incrustado) .nebo-riel__sep { width: 1px; height: auto; margin: 6px 2px; }
  .nebo-riel__lb { display: none; }
}
@media print { .nebo-riel { display: none; } }