/* Admin Panel Specific Styles */

/* Enhanced dropdown positioning */
#admin-dropdown-menu {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.95);
}

/* Smooth transitions for form inputs */
#admin-dropdown-menu input {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

#admin-dropdown-menu input:focus {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Button loading state */
.btn-loading {
  opacity: 0.8;
  cursor: not-allowed;
}

/* Dropdown animation classes */
.dropdown-enter {
  animation: dropdownSlideIn 0.15s ease-out;
}

.dropdown-exit {
  animation: dropdownSlideOut 0.15s ease-in;
}

@keyframes dropdownSlideIn {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes dropdownSlideOut {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(-8px) scale(0.98);
  }
}

/* Admin button hover effect */
#admin-dropdown-btn:hover {
  background: linear-gradient(
    135deg,
    rgba(59, 130, 246, 0.1) 0%,
    rgba(147, 51, 234, 0.1) 100%
  );
}

/* Mobile admin section styling */
#mobile-admin-content {
  background: rgba(249, 250, 251, 0.8);
  border-radius: 8px;
  backdrop-filter: blur(5px);
}

/* Notification styling enhancements */
.notification {
  backdrop-filter: blur(10px);
  border-left: 4px solid currentColor;
}

/* Responsive improvements */
@media (max-width: 768px) {
  #admin-dropdown-menu {
    width: 280px;
    right: -40px;
  }
}