@media (max-width: 768px) {
  .mobile-nav-menu {
    width: 90vw !important;
    max-width: 90vw !important;
    min-width: 90vw !important;
  }
}
/* SaaS UI polish for sidebar, header, and dropdown */
.user-avatar-dropdown img {
  box-shadow: 0 2px 8px 0 rgba(37,99,235,0.10);
}
.user-avatar-dropdown .shadow-lg {
  box-shadow: 0 8px 32px 0 rgba(0,0,0,0.12), 0 1.5px 6px 0 rgba(0,0,0,0.08);
}
.user-avatar-dropdown .rounded-xl {
  border-radius: 1rem;
}
.user-avatar-dropdown .rounded-full {
  border-radius: 9999px;
}
.user-avatar-dropdown .transition {
  transition: all 0.18s cubic-bezier(.4,0,.2,1);
}

@media (max-width: 1024px) {
  .md\\:flex {
    flex-direction: row !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
  aside[style] {
    min-width: 4rem !important;
    max-width: 4rem !important;
  }
}

@media (max-width: 768px) {
  .fixed.top-0.left-0.w-full {
    position: static !important;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.04);
    border-radius: 0 0 1rem 1rem;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md\\:flex {
    flex-direction: column !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
  aside[style] {
    min-width: 3.5rem !important;
    max-width: 3.5rem !important;
  }
}
/* Make only the Entries heading white in dark mode (force override) */
.dark h2.vanguard-entries-heading.text-gray-800 {
  color: #fff !important;
}
/* Make text under Entries lighter in dark mode */
.dark .text-gray-600 {
  color: #e5e7eb !important; /* Tailwind gray-200 */
}
/* Vanguard Admin: Custom styles to extend Tailwind for Vanguard Admin dashboard */

/* Vanguard Admin: Card hover effect for entry cards */
.vanguard-admin-card-hover, .group:hover .vanguard-admin-card-hover {
  transition: box-shadow 0.2s, transform 0.2s;
}
.vanguard-admin-card-hover:hover, .group:hover .vanguard-admin-card-hover {
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.18), 0 1.5px 6px 0 rgba(0,0,0,0.10);
  transform: translateY(-4px) scale(1.02);
}

/* Vanguard Admin: Example focus ring for custom buttons */
.vanguard-admin-btn-custom:focus {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}