/* Marcador de consumo mensual (silia-consumo.js): discreto, abajo a la izquierda, colores de marca sil>IA. */
#silia-consumo {
  position: fixed;
  left: 64px;            /* a la derecha del rail de iconos (~44px) para no pisarlo; alineado con el panel de chats */
  bottom: 16px;
  z-index: 20;
  width: 200px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(248, 250, 252, 0.96);
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12);
  color: #475569;
  font-size: 11px;
  line-height: 1.3;
  pointer-events: none;
}
#silia-consumo .silia-consumo-linea + .silia-consumo-linea { margin-top: 8px; }
#silia-consumo i { display: block; height: 4px; margin-top: 4px; border-radius: 3px; background: #e2e8f0; overflow: hidden; }
#silia-consumo b { display: block; height: 100%; background: #0d9488; transition: width 0.4s ease; }
#silia-consumo .silia-consumo-alto b { background: #b45309; }
.dark #silia-consumo { background: rgba(30, 41, 59, 0.92); border-color: #334155; color: #94a3b8; }
.dark #silia-consumo i { background: #334155; }
@media (max-width: 768px) { #silia-consumo { display: none; } }