/* ─────────────────────────────────────────────
   TOOLBAR – Separadores y botones
   ───────────────────────────────────────────── */

/* Separador vertical */
#toolbar-contenedor-tabs .toolbar-sep{
  width: 1px;
  height: 22px;
  background: rgba(255,255,255,.14);
  display: inline-block;
  margin: 0 4px;
}

/* Botón redondo de icono – base neutra (transparente) */
#toolbar-contenedor-tabs .btn-ico{
  border-radius: 50%;
  width: 30px; height: 30px;
  padding: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 2px 4px rgba(0,0,0,.20);
  transition: transform .1s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}
#toolbar-contenedor-tabs .btn-ico img{
  height: 16px; width: 16px; object-fit: contain;
}
#toolbar-contenedor-tabs .btn-ico:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.24);
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
}

/* ── Colores por botón ─────────────────────── */

/* Borrar — rojo translúcido */
#toolbar-contenedor-tabs #btn-limpiar-tabla.btn-ico{
  background: rgba(255, 61, 87, 0.12);
  border-color: rgba(255, 61, 87, 0.55);
}
#toolbar-contenedor-tabs #btn-limpiar-tabla.btn-ico:hover{
  background: rgba(255, 61, 87, 0.20);
  border-color: rgba(255, 61, 87, 0.75);
  box-shadow: 0 4px 12px rgba(255, 61, 87, 0.35);
}

/* Reset — verde translúcido */
#toolbar-contenedor-tabs #btn-reset-tabla.btn-ico{
  background: rgba(95, 255, 146, 0.12);
  border-color: rgba(95, 255, 146, 0.55);
}
#toolbar-contenedor-tabs #btn-reset-tabla.btn-ico:hover{
  background: rgba(95, 255, 146, 0.20);
  border-color: rgba(95, 255, 146, 0.75);
  box-shadow: 0 4px 12px rgba(95, 255, 146, 0.35);
}

/* Descargar — verde translúcido (mismo tono) */
#toolbar-contenedor-tabs #btn-descargar-seleccion.btn-ico{
  background: rgba(95, 255, 146, 0.12);
  border-color: rgba(95, 255, 146, 0.55);
}
#toolbar-contenedor-tabs #btn-descargar-seleccion.btn-ico:hover{
  background: rgba(95, 255, 146, 0.20);
  border-color: rgba(95, 255, 146, 0.75);
  box-shadow: 0 4px 12px rgba(95, 255, 146, 0.35);
}

/* Ocultar/Mostrar — rosa translúcido */
#toolbar-contenedor-tabs #btn-ocultar-tabla.btn-ico{
  background: rgba(255, 79, 216, 0.12);
  border-color: rgba(255, 79, 216, 0.55);
}
#toolbar-contenedor-tabs #btn-ocultar-tabla.btn-ico:hover{
  background: rgba(255, 79, 216, 0.20);
  border-color: rgba(255, 79, 216, 0.75);
  box-shadow: 0 4px 12px rgba(255, 79, 216, 0.35);
}

/* (Timelines y Resúmenes quedan con la base neutra transparente) */

/* ── Botón PILL "Guardar Datos" (CTA) ─────── */
#toolbar-contenedor-tabs .btn-save-pill{
  border-radius: 9999px;
  height: 30px; line-height: 30px;
  padding: 0 14px;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  font-weight: 600; font-size: 13px; letter-spacing: .2px;
  background: linear-gradient(180deg,#2ecc71 0%,#27ae60 100%);
  color: #fff;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 8px 22px rgba(0,0,0,.28), 0 6px 16px rgba(25,135,84,.35);
  transition: transform .12s ease, box-shadow .18s ease, filter .18s ease;
}
#toolbar-contenedor-tabs .btn-save-pill:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(0,0,0,.32), 0 8px 20px rgba(25,135,84,.40);
}
#toolbar-contenedor-tabs .btn-save-pill[disabled]{
  opacity: .65; cursor: not-allowed; filter: grayscale(.25);
}
#toolbar-contenedor-tabs .btn-save-pill img{
  height: 18px; width: 18px; object-fit: contain;
}