/* =========================================================
   Chips / Buttons (topbar + acciones pequeñas)
   ========================================================= */

.btn-chip{
  border-radius: 999px !important;
  padding: .28rem .85rem !important;
  font-size: .82rem !important;
  font-weight: 800 !important;

  background: rgba(255,255,255,.70) !important;
  border: 1px solid rgba(15,23,42,.14) !important;
  color: rgba(15,23,42,.82) !important;

  box-shadow: 0 8px 18px rgba(15,23,42,.08) !important;

  display: inline-flex;
  align-items: center;
  gap: .35rem;
  line-height: 1.2;

  transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease;
}

.btn-chip i{ font-size: 1rem; }

.btn-chip:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 12px 24px rgba(15,23,42,.12) !important;
  border-color: rgba(11,132,217,.24) !important;
}

html[data-bs-theme="dark"] .btn-chip{
  background: rgba(15,23,42,.72) !important;
  border-color: rgba(148,163,184,.18) !important;
  color: rgba(229,231,235,.92) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.55) !important;
}

html[data-bs-theme="dark"] .btn-chip:hover{
  border-color: rgba(242,193,78,.24) !important;
}