/* Focused repo overrides for menu consistency and dark cards */

aside nav button,
aside .mobile-safe-bottom > button {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border: 0 !important;
}

aside nav button:hover,
aside .mobile-safe-bottom > button:hover {
  background: transparent !important;
  color: #2563eb !important;
}

html.dark aside nav button,
html.dark aside .mobile-safe-bottom > button,
.dark aside nav button,
.dark aside .mobile-safe-bottom > button {
  color: #dbe8ff !important;
  border: 0 !important;
}

html.dark aside nav button:hover,
html.dark aside .mobile-safe-bottom > button:hover,
.dark aside nav button:hover,
.dark aside .mobile-safe-bottom > button:hover {
  color: #93c5fd !important;
}

html.dark .space-y-8.animate-in.fade-in.duration-300 > .grid[class*="xl:grid-cols-4"] > div.p-6.rounded-3xl.border.shadow-md,
.dark .space-y-8.animate-in.fade-in.duration-300 > .grid[class*="xl:grid-cols-4"] > div.p-6.rounded-3xl.border.shadow-md {
  background-image: none !important;
  box-shadow: 0 12px 28px rgba(2, 6, 23, 0.38) !important;
}

html.dark .space-y-8.animate-in.fade-in.duration-300 > .grid[class*="xl:grid-cols-4"] > div.p-6.rounded-3xl.border.shadow-md:nth-child(1),
.dark .space-y-8.animate-in.fade-in.duration-300 > .grid[class*="xl:grid-cols-4"] > div.p-6.rounded-3xl.border.shadow-md:nth-child(1) {
  background: linear-gradient(180deg, rgba(6, 78, 59, 0.42), rgba(6, 95, 70, 0.28)) !important;
  border-color: rgba(16, 185, 129, 0.26) !important;
}

html.dark .space-y-8.animate-in.fade-in.duration-300 > .grid[class*="xl:grid-cols-4"] > div.p-6.rounded-3xl.border.shadow-md:nth-child(2),
.dark .space-y-8.animate-in.fade-in.duration-300 > .grid[class*="xl:grid-cols-4"] > div.p-6.rounded-3xl.border.shadow-md:nth-child(2) {
  background: linear-gradient(180deg, rgba(136, 19, 55, 0.34), rgba(159, 18, 57, 0.22)) !important;
  border-color: rgba(244, 114, 182, 0.22) !important;
}

html.dark .space-y-8.animate-in.fade-in.duration-300 > .grid[class*="xl:grid-cols-4"] > div.p-6.rounded-3xl.border.shadow-md:nth-child(3),
.dark .space-y-8.animate-in.fade-in.duration-300 > .grid[class*="xl:grid-cols-4"] > div.p-6.rounded-3xl.border.shadow-md:nth-child(3) {
  background: linear-gradient(180deg, rgba(30, 64, 175, 0.26), rgba(37, 99, 235, 0.18)) !important;
  border-color: rgba(96, 165, 250, 0.22) !important;
}

html.dark .space-y-8.animate-in.fade-in.duration-300 > .grid[class*="xl:grid-cols-4"] > div.p-6.rounded-3xl.border.shadow-md:nth-child(4),
.dark .space-y-8.animate-in.fade-in.duration-300 > .grid[class*="xl:grid-cols-4"] > div.p-6.rounded-3xl.border.shadow-md:nth-child(4) {
  background: linear-gradient(180deg, rgba(88, 28, 135, 0.28), rgba(109, 40, 217, 0.18)) !important;
  border-color: rgba(167, 139, 250, 0.22) !important;
}

html.dark .space-y-6 > .grid[class*="md:grid-cols-3"] > div.p-5.rounded-2xl.border,
.dark .space-y-6 > .grid[class*="md:grid-cols-3"] > div.p-5.rounded-2xl.border {
  background-image: none !important;
  box-shadow: 0 12px 28px rgba(2, 6, 23, 0.35) !important;
}

html.dark .space-y-6 > .grid[class*="md:grid-cols-3"] > div.p-5.rounded-2xl.border:nth-child(1),
.dark .space-y-6 > .grid[class*="md:grid-cols-3"] > div.p-5.rounded-2xl.border:nth-child(1) {
  background: linear-gradient(180deg, rgba(6, 78, 59, 0.42), rgba(6, 95, 70, 0.28)) !important;
  border-color: rgba(16, 185, 129, 0.24) !important;
}

html.dark .space-y-6 > .grid[class*="md:grid-cols-3"] > div.p-5.rounded-2xl.border:nth-child(2),
.dark .space-y-6 > .grid[class*="md:grid-cols-3"] > div.p-5.rounded-2xl.border:nth-child(2) {
  background: linear-gradient(180deg, rgba(88, 28, 135, 0.28), rgba(109, 40, 217, 0.18)) !important;
  border-color: rgba(167, 139, 250, 0.22) !important;
}

html.dark .space-y-6 > .grid[class*="md:grid-cols-3"] > div.p-5.rounded-2xl.border:nth-child(3),
.dark .space-y-6 > .grid[class*="md:grid-cols-3"] > div.p-5.rounded-2xl.border:nth-child(3) {
  background: linear-gradient(180deg, rgba(30, 64, 175, 0.26), rgba(37, 99, 235, 0.18)) !important;
  border-color: rgba(96, 165, 250, 0.22) !important;
}

html.dark .space-y-8 > .grid[class*="md:grid-cols-3"] > div.p-5.rounded-2xl.border,
.dark .space-y-8 > .grid[class*="md:grid-cols-3"] > div.p-5.rounded-2xl.border {
  background-image: none !important;
  box-shadow: 0 12px 28px rgba(2, 6, 23, 0.35) !important;
}

html.dark .space-y-8 > .grid[class*="md:grid-cols-3"] > div.p-5.rounded-2xl.border:nth-child(1),
.dark .space-y-8 > .grid[class*="md:grid-cols-3"] > div.p-5.rounded-2xl.border:nth-child(1) {
  background: linear-gradient(180deg, rgba(49, 46, 129, 0.30), rgba(67, 56, 202, 0.20)) !important;
  border-color: rgba(99, 102, 241, 0.22) !important;
}

html.dark .space-y-8 > .grid[class*="md:grid-cols-3"] > div.p-5.rounded-2xl.border:nth-child(2),
.dark .space-y-8 > .grid[class*="md:grid-cols-3"] > div.p-5.rounded-2xl.border:nth-child(2) {
  background: linear-gradient(180deg, rgba(136, 19, 55, 0.34), rgba(159, 18, 57, 0.22)) !important;
  border-color: rgba(244, 114, 182, 0.22) !important;
}

html.dark .space-y-8 > .grid[class*="md:grid-cols-3"] > div.p-5.rounded-2xl.border:nth-child(3),
.dark .space-y-8 > .grid[class*="md:grid-cols-3"] > div.p-5.rounded-2xl.border:nth-child(3) {
  background: linear-gradient(180deg, rgba(120, 53, 15, 0.30), rgba(146, 64, 14, 0.18)) !important;
  border-color: rgba(251, 191, 36, 0.22) !important;
}

/* Final sidebar cleanup: remove all dark-mode menu separators, keep custom active underline */
html.dark aside nav > button,
html.dark aside .mobile-safe-bottom > button,
.dark aside nav > button,
.dark aside .mobile-safe-bottom > button {
  border: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  background-image: none !important;
}

html.dark aside nav > button > span:last-child,
html.dark aside .mobile-safe-bottom > button > span:last-child,
.dark aside nav > button > span:last-child,
.dark aside .mobile-safe-bottom > button > span:last-child {
  border: 0 !important;
  box-shadow: none !important;
}