/**
 * User Switcher Styles
 * Styles for mock authentication user switching
 */

/* User switcher list in dropdown */
.user-switcher-list a {
  transition: all 0.2s ease;
  text-decoration: none;
}

.user-switcher-list a:hover {
  background-color: #f8f9fa !important;
  transform: translateX(2px);
}

.user-switcher-list a.bg-primary-subtle {
  background-color: #e7f1ff !important;
  border-left: 3px solid #5d87ff;
}

/* Hover effect for non-active users */
.hover-bg-light:hover {
  background-color: #f8f9fa;
}

/* Role badge */
.user-role-badge {
  animation: slideInRight 0.3s ease;
  cursor: default;
}

@keyframes slideInRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Toast notification override */
.toast {
  min-width: 300px;
}

.toast-header {
  border-radius: 0.375rem 0.375rem 0 0;
}

/* Profile dropdown enhancements */
.profile-dropdown {
  max-height: 600px;
  overflow-y: auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .user-role-badge {
    top: 60px !important;
    right: 10px !important;
    font-size: 11px !important;
    padding: 0.375rem 0.75rem !important;
  }
}