/* Buscar dentro del chat: barrita arriba del chat y resaltado de cada aparición. */
.bec-barra {
  align-self: center;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 10px auto 2px;
  padding: 5px 6px 5px 12px;
  max-width: min(92%, 460px);
  font-size: 13px;
  color: var(--texto, #cfd6e6);
  background: rgba(14, 20, 38, 0.92);
  border: 1px solid rgba(94, 140, 255, 0.35);
  border-radius: 999px;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.35);
  z-index: 3;
}
.bec-barra[hidden] { display: none; }
.bec-lupa { flex: none; color: #7aa2ff; }
.bec-termino {
  font-weight: 600;
  color: var(--texto-fuerte, #fff);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
}
.bec-cuenta {
  margin: 0 4px 0 2px;
  color: #9fb0d0;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.bec-vacia .bec-cuenta { color: #f0a6b4; }
.bec-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  color: #cfd6e6;
  background: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
.bec-btn:hover { background: rgba(122, 162, 255, 0.16); color: #fff; }
.bec-vacia .bec-btn[data-ir] { opacity: 0.35; pointer-events: none; }

mark.bec {
  background: rgba(143, 84, 255, 0.4);
  color: var(--texto-fuerte, #fff);
  border-radius: 3px;
  padding: 0 1px;
}
mark.bec.bec-actual {
  background: #ffc94d;
  color: #1a1206;
  box-shadow: 0 0 0 2px rgba(255, 201, 77, 0.35);
}

html.tema-dia .bec-barra {
  background: rgba(255, 255, 255, 0.95);
  color: #334155;
  border-color: rgba(59, 108, 255, 0.3);
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.12);
}
html.tema-dia .bec-termino { color: #0f172a; }
html.tema-dia .bec-cuenta { color: #64748b; }
html.tema-dia .bec-btn { color: #334155; }
html.tema-dia .bec-btn:hover { background: rgba(59, 108, 255, 0.1); color: #0f172a; }
html.tema-dia mark.bec { background: rgba(143, 84, 255, 0.22); color: inherit; }
html.tema-dia mark.bec.bec-actual { background: #ffd54f; color: #1a1206; }
