/* Dark mode support for admin panel - comprehensive styles */

/* Base document styles */
.dark body {
    background-color: #111827;
    color: #e5e7eb;
}

/* Cards and containers */
.dark .bg-white {
    background-color: #1f2937 !important;
}

.dark .bg-gray-50 {
    background-color: #111827 !important;
}

.dark .bg-gray-100 {
    background-color: #374151 !important;
}

/* Text colors */
.dark .text-gray-900 {
    color: #f3f4f6 !important;
}

.dark .text-gray-800 {
    color: #e5e7eb !important;
}

.dark .text-gray-700 {
    color: #d1d5db !important;
}

.dark .text-gray-600 {
    color: #9ca3af !important;
}

.dark .text-gray-500 {
    color: #6b7280 !important;
}

/* Borders */
.dark .border-gray-200 {
    border-color: #374151 !important;
}

.dark .border-gray-300 {
    border-color: #4b5563 !important;
}

.dark .divide-gray-200 > * + * {
    border-color: #374151 !important;
}

/* Form inputs */
.dark input[type="text"],
.dark input[type="email"],
.dark input[type="password"],
.dark input[type="search"],
.dark textarea,
.dark select {
    background-color: #374151 !important;
    border-color: #4b5563 !important;
    color: #e5e7eb !important;
}

.dark input::placeholder,
.dark textarea::placeholder {
    color: #6b7280 !important;
}

/* Buttons */
.dark .bg-blue-500:not(:hover) {
    background-color: #2563eb !important;
}

.dark .bg-green-500:not(:hover) {
    background-color: #10b981 !important;
}

.dark .bg-red-500:not(:hover) {
    background-color: #ef4444 !important;
}

.dark .bg-purple-500:not(:hover) {
    background-color: #8b5cf6 !important;
}

/* Hover states */
.dark .hover\:bg-gray-100:hover {
    background-color: #374151 !important;
}

.dark .hover\:bg-gray-50:hover {
    background-color: #1f2937 !important;
}

/* Tables */
.dark table {
    color: #e5e7eb !important;
}

.dark thead {
    background-color: #111827 !important;
}

.dark tbody {
    background-color: #1f2937 !important;
}

.dark tbody tr {
    border-color: #374151 !important;
}

.dark tbody tr:hover {
    background-color: #374151 !important;
}

/* Modals */
.dark .modal,
.dark [role="dialog"] {
    background-color: #1f2937 !important;
    color: #e5e7eb !important;
}

/* Alerts and notifications */
.dark .bg-green-50 {
    background-color: rgba(16, 185, 129, 0.1) !important;
}

.dark .bg-red-50 {
    background-color: rgba(239, 68, 68, 0.1) !important;
}

.dark .bg-yellow-50 {
    background-color: rgba(245, 158, 11, 0.1) !important;
}

.dark .bg-blue-50 {
    background-color: rgba(59, 130, 246, 0.1) !important;
}

/* Links */
.dark a {
    color: #60a5fa !important;
}

.dark a:hover {
    color: #93bbfc !important;
}

/* Special text colors for specific elements */
.dark .text-blue-600 {
    color: #60a5fa !important;
}

.dark .text-green-600 {
    color: #34d399 !important;
}

.dark .text-red-600 {
    color: #f87171 !important;
}

.dark .text-indigo-600 {
    color: #818cf8 !important;
}

.dark .text-purple-600 {
    color: #a78bfa !important;
}

/* Code blocks and pre tags */
.dark pre,
.dark code {
    background-color: #111827 !important;
    color: #e5e7eb !important;
}

/* Scrollbars for dark mode */
.dark ::-webkit-scrollbar-track {
    background: #1f2937 !important;
}

.dark ::-webkit-scrollbar-thumb {
    background: #4b5563 !important;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #6b7280 !important;
}

/* Pagination */
.dark .pagination {
    background-color: #1f2937 !important;
}

.dark .page-link {
    background-color: #374151 !important;
    border-color: #4b5563 !important;
    color: #e5e7eb !important;
}

.dark .page-link:hover {
    background-color: #4b5563 !important;
}

.dark .page-item.active .page-link {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
}

/* Override any remaining light backgrounds */
.dark div[class*="bg-white"] {
    background-color: #1f2937 !important;
}

.dark div[class*="bg-gray-50"] {
    background-color: #111827 !important;
}

.dark div[class*="bg-gray-100"] {
    background-color: #374151 !important;
}