#adminSidebar.is-collapsed .sidebar-label,
#adminSidebar.is-collapsed .sidebar-section {
  display: none !important;
}

/* Hide sidebar text when collapsed (supports either class name) */
#adminSidebar.is-collapsed .sidebar-label,
#adminSidebar.is-collapsed .sidebar-section,
#adminSidebar.collapsed .sidebar-label,
#adminSidebar.collapsed .sidebar-section {
  display: none !important;
}

/* Sidebar should always be viewport height */
#adminSidebar {
  height: 100vh;
}

/* Ensure the main admin shell fills the viewport */
.admin-shell {
  min-height: 100vh;
}
<div class="admin-shell flex">
  ...
</div>

/* Dashboard action buttons */
.dashboard-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.7rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  border: 1px solid #e5e7eb; /* gray-200 */
  background: #f9fafb;      /* gray-50 */
  color: #111827;           /* gray-900 */
  transition: all 0.15s ease;
}

.dashboard-btn:hover {
  background: #111827;
  color: #ffffff;
}

