/* Contenedor flotante - Lo subimos a 160px para que no toque al de accesibilidad */
.user-floating-actions {
  position: fixed;
  bottom: 160px; /* <--- Aumentamos la distancia del suelo para que respire el de abajo */
  right: 20px;
  display: flex;
  flex-direction: column; 
  gap: 12px;
  z-index: 2000;
  align-items: flex-end;
}

/* Estilo de los botones */
.floating-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 50px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 0.85rem;
  text-decoration: none;
  /* Sombra más marcada para que se note que flotan en otra capa */
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); 
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border: none;
  cursor: pointer;
  white-space: nowrap;
}

/* Botón Mis Solicitudes (Azul) */
.floating-btn.solicitudes {
  background-color: #0b3b60;
  color: #ffffff !important;
}

/* Botón Cerrar Sesión (Blanco con borde rosa) */
.floating-btn.logout {
  background-color: #ffffff;
  color: #df1783; 
  border: 1px solid #fce7f3;
}

/* Efectos al pasar el mouse - Se mueven hacia la izquierda */
.floating-btn:hover {
  transform: scale(1.05) translateX(-8px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

/* Ajuste para móviles - Los hacemos más compactos para que no tapen media pantalla */
@media (max-width: 640px) {
  .user-floating-actions {
    bottom: 140px; /* Un poco más abajo en móvil */
    right: 15px;
  }
  .floating-btn span {
    display: none; /* Quitamos texto, dejamos solo el icono */
  }
  .floating-btn {
    padding: 0;
    width: 46px;
    height: 46px;
    justify-content: center;
    border-radius: 50%;
  }
}
/* Estilos para los links de usuario en la Topbar */

/* Mis Solicitudes: Estilo sutil pero claro */
.tb-link.solicitudes-link {
  color: var(--blue) !important;
  background: color-mix(in oklab, var(--blue) 8%, #fff);
  border: 1px solid color-mix(in oklab, var(--blue) 20%, transparent);
  font-weight: 600;
}

.tb-link.solicitudes-link:hover {
  background: color-mix(in oklab, var(--blue) 12%, #fff);
  transform: translateY(-1px);
}

/* Cerrar Sesión: Color gris/rojo sutil */
.tb-link.logout-link {
  color: #64748b !important; /* Gris elegante */
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  cursor: pointer;
}

.tb-link.logout-link:hover {
  background: #fff1f2; /* Fondo rosado muy tenue */
  color: #ef4444 !important; /* Texto rojo */
  border-color: #fecaca;
  transform: translateY(-1px);
}

/* Ajuste para los iconos dentro de los botones de la topbar */
.tb-link i {
  font-size: 0.9rem;
}

/* Aseguramos que los botones se vean bien en el flex de la topbar */
.topbar__links {
  display: flex;
  align-items: center;
  gap: 12px; /* Espacio entre botones */
}
.topbar__links {
  display: flex;
  align-items: center;
  gap: 15px; /* Esto les da aire entre ellos */
}

/* Para que el botón azul no se vea tan tosco al lado de los otros */
#btn-login-main {
  white-space: nowrap;
  padding: 10px 20px;
}