/* ActiveAdmin Dashboard Custom Styles */

/* Period filter buttons - force colors regardless of dark/light mode */
.period-filter-active {
  background-color: #111827 !important;
  color: #ffffff !important;
}

.period-filter-inactive {
  background-color: transparent !important;
  color: #6b7280 !important;
}

.period-filter-inactive:hover {
  color: #111827 !important;
}

/* Dark mode overrides */
@media (prefers-color-scheme: dark) {
  .period-filter-active {
    background-color: #111827 !important;
    color: #ffffff !important;
  }

  .period-filter-inactive {
    color: #9ca3af !important;
  }

  .period-filter-inactive:hover {
    color: #e5e7eb !important;
  }
}

body.dark .period-filter-active,
body[class*="dark:"] .period-filter-active,
body[class*="dark\\:"] .period-filter-active {
  background-color: #111827 !important;
  color: #ffffff !important;
}

body.dark .period-filter-inactive,
body[class*="dark:"] .period-filter-inactive,
body[class*="dark\\:"] .period-filter-inactive {
  color: #9ca3af !important;
}

body.dark .period-filter-inactive:hover,
body[class*="dark:"] .period-filter-inactive:hover,
body[class*="dark\\:"] .period-filter-inactive:hover {
  color: #e5e7eb !important;
}

/* Force icon colors to override ActiveAdmin styles */
.bg-purple-100 { background-color: #f3e8ff !important; }
.bg-purple-900 { background-color: #581c87 !important; }
.text-purple-600 { color: #9333ea !important; }
.text-purple-300 { color: #d8b4fe !important; }

.bg-blue-100 { background-color: #dbeafe !important; }
.bg-blue-900 { background-color: #1e3a8a !important; }
.text-blue-600 { color: #2563eb !important; }
.text-blue-300 { color: #93c5fd !important; }

.bg-indigo-100 { background-color: #e0e7ff !important; }
.bg-indigo-900 { background-color: #312e81 !important; }
.text-indigo-600 { color: #4f46e5 !important; }
.text-indigo-300 { color: #a5b4fc !important; }

.bg-green-100 { background-color: #dcfce7 !important; }
.bg-green-900 { background-color: #14532d !important; }
.text-green-600 { color: #16a34a !important; }
.text-green-300 { color: #86efac !important; }

.bg-cyan-100 { background-color: #cffafe !important; }
.bg-cyan-900 { background-color: #164e63 !important; }
.text-cyan-600 { color: #0891b2 !important; }
.text-cyan-300 { color: #67e8f9 !important; }

.bg-orange-100 { background-color: #ffedd5 !important; }
.bg-orange-900 { background-color: #7c2d12 !important; }
.text-orange-600 { color: #ea580c !important; }
.text-orange-300 { color: #fdba74 !important; }

.bg-yellow-100 { background-color: #fef3c7 !important; }
.bg-yellow-900 { background-color: #78350f !important; }
.text-yellow-600 { color: #ca8a04 !important; }
.text-yellow-300 { color: #fde047 !important; }

.bg-pink-100 { background-color: #fce7f3 !important; }
.bg-pink-900 { background-color: #831843 !important; }
.text-pink-600 { color: #db2777 !important; }
.text-pink-300 { color: #f9a8d4 !important; }

.bg-red-100 { background-color: #fee2e2 !important; }
.bg-red-900 { background-color: #7f1d1d !important; }
.text-red-600 { color: #dc2626 !important; }
.text-red-300 { color: #fca5a5 !important; }