/* Dark mode styles for Tailwind CSS - Точные цвета из официальной палитры */

/* === ФОНОВЫЕ ЦВЕТА === */
/* Основные фоны */
.dark .dark\:bg-white { background-color: #1f2937; } /* gray-800 */
.dark .dark\:bg-gray-50 { background-color: #374151; } 
.dark .dark\:bg-gray-100 { background-color: #1f2937; } /* gray-800 */
.dark .dark\:bg-gray-200 { background-color: #515d70; } 
.dark .dark\:bg-gray-600 { background-color: #4b5563; } /* gray-600 */
.dark .dark\:bg-gray-700 { background-color: #374151; } /* gray-700 */
.dark .dark\:bg-gray-800 { background-color: #1f2937; } /* gray-800 */
.dark .dark\:bg-gray-900 { background-color: #111827; } /* gray-900 */

/* Blue фоны */
.dark .dark\:bg-blue-50 { background-color: #2563eb; } 
.dark .dark\:bg-blue-100 { background-color: #1e40af; }
.dark .dark\:bg-blue-200 { background-color: #1e3a8a; } 
.dark .dark\:bg-blue-500 { background-color: #2563eb; } 
.dark .dark\:bg-blue-600 { background-color: #2563eb; } /* blue-600 - точный цвет из Tailwind 3.4.17 */
.dark .dark\:bg-blue-700 { background-color: #1d4ed8; } /* blue-700 - точный цвет из Tailwind 3.4.17 */
.dark .dark\:bg-blue-800 { background-color: #1d4ed8; }
.dark .dark\:bg-blue-900 { background-color: #1e3a8a; } /* blue-900 */

.dark .dark\:bg-red-600 { background-color: #dc2626; } /* red-600 */
.dark .dark\:bg-green-600 { background-color: #16a34a; } /* green-600 */

/* Прозрачные фоны */
.dark .dark\:bg-white\/90 { background-color: rgba(31, 41, 55, 0.9); } /* gray-800 с прозрачностью */

/* === ЦВЕТА ТЕКСТА === */
.dark .dark\:text-black { color: #f9fafb; } /* gray-50 */
.dark .dark\:text-gray-900 { color: #f9fafb; } /* gray-50 */
.dark .dark\:text-gray-800 { color: #f3f4f6; } /* gray-100 - точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-gray-700 { color: #e5e7eb; } /* gray-200 */
.dark .dark\:text-gray-600 { color: #4b5563; } /* gray-600 - точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-gray-500 { color: #9ca3af; } /* gray-400 - точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-gray-400 { color: #9ca3af; } /* gray-400 - точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-gray-300 { color: #d1d5db; } /* gray-300 - точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-gray-200 { color: #e5e7eb; } /* gray-200 - точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-gray-100 { color: #f3f4f6; } /* gray-100 - точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-white { color: #ffffff; } /* white - точный цвет из Tailwind 3.4.17 */

/* Цветные тексты */
.dark .dark\:text-blue-600 { color: #60a5fa; } /* blue-400 - точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-green-600 { color: #34d399; } /* emerald-400 */
.dark .dark\:text-red-600 { color: #f87171; } /* red-400 */
.dark .dark\:text-yellow-600 { color: #fbbf24; } /* amber-400 */

/* === ГРАНИЦЫ === */
.dark .dark\:border-gray-200 { border-color: #4b5563; } /* gray-600 */
.dark .dark\:border-gray-300 { border-color: #4b5563; } /* gray-600 */
.dark .dark\:border-gray-700 { border-color: #374151; } /* gray-700 */
.dark .dark\:border-blue-100 { border-color: #4b5563; } /* gray-600 */

/* === ТЕНИ === */
.dark .dark\:shadow-md { 
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3); 
}
.dark .dark\:shadow-lg { 
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3); 
}
.dark .dark\:shadow-2xl { 
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6); 
}

/* === HOVER ЭФФЕКТЫ === */
.dark .dark\:hover\:bg-gray-50:hover { background-color: #4b5563; } /* gray-600 */
.dark .dark\:hover\:bg-gray-100:hover { background-color: #4b5563; } /* gray-600 */
.dark .dark\:hover\:bg-gray-300:hover { background-color: #4b5563; } /* gray-600 */
.dark .dark\:hover\:bg-gray-600:hover { background-color: #374151; } /* gray-700 */
.dark .dark\:hover\:bg-gray-700:hover { background-color: #374151; } /* gray-700 */
.dark .dark\:hover\:bg-gray-800:hover { background-color: #374151; } /* gray-800 */

.dark .dark\:hover\:bg-blue-50:hover { background-color: #374151; } /* gray-700 */
.dark .dark\:hover\:bg-blue-100:hover { background-color: #1e40af; } /* blue-800 */
.dark .dark\:hover\:text-blue-300:hover { color: #93c5fd; } /* blue-300 */
.dark .dark\:hover\:bg-blue-700:hover { background-color: #1d4ed8; } /* blue-700 */
.dark .dark\:hover\:bg-blue-800:hover { background-color: #1e40af; } /* blue-800 */
.dark .dark\:hover\:bg-blue-900:hover { background-color: #1e3a8a; } /* blue-900 */

.dark .dark\:hover\:text-yellow-400:hover { color: #fbbf24; } /* amber-400 */
.dark .dark\:hover\:bg-red-700:hover { background-color: #b91c1c; } /* red-700 */
.dark .dark\:hover\:bg-green-700:hover { background-color: #15803d; } /* green-700 */

.dark .dark\:hover\:from-gray-200:hover { 
    background: linear-gradient(to right, #4b5563, #374151); /* gray-600 to gray-700 */
}

.dark .dark\:hover\:to-gray-100:hover { 
    background: linear-gradient(to right, #4b5563, #374151); /* gray-600 to gray-700 */
}


/* === ФОРМЫ === */
.dark input, 
.dark select, 
.dark textarea {
    background-color: #374151; /* gray-700 */
    border-color: #4b5563; /* gray-600 */
    color: #f9fafb; /* gray-50 */
}

.dark input:focus, 
.dark select:focus, 
.dark textarea:focus {
    border-color: #3b82f6; /* blue-500 */
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.dark .focus\:ring-blue-500:focus { 
    --tw-ring-color: #3b82f6; /* blue-500 */
}
.dark .focus\:border-blue-500:focus { 
    border-color: #3b82f6; /* blue-500 */
}

/* === ТАБЛИЦЫ === */
.dark .odd\:bg-white:nth-child(odd) { background-color: #1f2937; } /* gray-800 */
.dark .even\:bg-gray-50:nth-child(even) { background-color: #374151; } /* gray-700 */

/* === ГРАДИЕНТЫ === */
.dark .bg-gradient-to-br { 
    background: linear-gradient(to bottom right, #1f2937, #111827, #0f172a);
}

/* === СПЕЦИАЛЬНЫЕ ЭЛЕМЕНТЫ === */
.dark .disabled-feature {
    opacity: 0.5;
    filter: grayscale(100%);
}

/* === ДОПОЛНИТЕЛЬНЫЕ КЛАССЫ ДЛЯ СОВМЕСТИМОСТИ === */
/* Для элементов, которые могут использовать другие цвета */

/* === ORANGE ЦВЕТА === */
.dark .dark\:text-orange-400 { color: #fb923c; } /* orange-400 */
.dark .dark\:text-orange-500 { color: #f97316; } /* orange-500 */
.dark .dark\:bg-orange-100 { background-color: #9a3412; } /* orange-800 */
.dark .dark\:bg-orange-200 { background-color: #c2410c; } /* orange-700 */

/* === INDIGO ЦВЕТА === */
.dark .dark\:text-indigo-300 { color: #a5b4fc; } /* indigo-300 */
.dark .dark\:text-indigo-600 { color: #6366f1; } /* indigo-500 */
.dark .dark\:text-indigo-900 { color: #312e81; } /* indigo-900 */
.dark .dark\:hover\:text-indigo-100:hover { color: #e0e7ff; } /* indigo-100 */

/* === YELLOW ЦВЕТА === */
.dark .dark\:text-yellow-200 { color: #fde68a; } /* yellow-200 */
.dark .dark\:text-yellow-400 { color: #fbbf24; } /* yellow-400 */
.dark .dark\:text-yellow-800 { color: #92400e; } /* yellow-800 */
.dark .dark\:bg-yellow-100 { background-color: #92400e; } /* yellow-800 */
.dark .dark\:bg-yellow-800 { background-color: #451a03; } /* yellow-900 */

/* === GREEN ЦВЕТА === */
.dark .dark\:text-green-200 { color: #bbf7d0; } /* green-200 */
.dark .dark\:text-green-400 { color: #4ade80; } /* green-400 */
.dark .dark\:text-green-500 { color: #22c55e; } /* green-500 */
.dark .dark\:bg-green-200 { background-color: #166534; } /* green-800 */
.dark .dark\:bg-green-700 { background-color: #14532d; } /* green-900 */

/* === RED ЦВЕТА === */
.dark .dark\:text-red-200 { color: #fecaca; } /* red-200 */
.dark .dark\:text-red-400 { color: #f87171; } /* red-400 */
.dark .dark\:text-red-500 { color: #ef4444; } /* red-500 */
.dark .dark\:bg-red-200 { background-color: #991b1b; } /* red-800 */

/* === BLUE ЦВЕТА === */
.dark .dark\:text-blue-200 { color: #bfdbfe; } /* blue-200 */
.dark .dark\:text-blue-300 { color: #93c5fd; } /* blue-300 */
.dark .dark\:text-blue-400 { color: #60a5fa; } /* blue-400 */
.dark .dark\:text-blue-500 { color: #3b82f6; } /* blue-500 */
.dark .dark\:text-blue-700 { color: #1d4ed8; } /* blue-700 */

/* === SLATE ЦВЕТА === */
.dark .dark\:bg-slate-800 { background-color: #1e293b; }
.dark .dark\:bg-slate-900 { background-color: #0f172a; }
.dark .dark\:text-slate-400 { color: #94a3b8; }
.dark .dark\:text-slate-300 { color: #cbd5e1; }
.dark .dark\:border-slate-600 { border-color: #475569; }

/* === ДОПОЛНИТЕЛЬНЫЕ ГРАНИЦЫ === */
.dark .dark\:border-gray-400 { border-color: #6b7280; } /* gray-500 */
.dark .dark\:border-gray-500 { border-color: #6b7280; } /* gray-500 */
.dark .dark\:border-gray-600 { border-color: #4b5563; } /* gray-600 */

/* === СЕРЫЕ ГРАДИЕНТЫ В ТЕМНОЙ ТЕМЕ === */
.dark .dark\:from-gray-100 { 
    background: linear-gradient(to right, #374151, #1f2937); /* gray-700 to gray-800 */
}

.dark .dark\:to-gray-50,
.dark .dark\:to-gray-800 { 
    background: linear-gradient(to right, #374151, #1f2937); /* gray-700 to gray-800 */
}

/* === GROUP HOVER ЭФФЕКТЫ === */
.dark .group:hover .group-hover\:text-blue-100 { color: #dbeafe; } /* blue-100 - точный цвет из Tailwind 3.4.17 */
.dark .group:hover .group-hover\:text-blue-700 { color: #1d4ed8; } /* blue-700 */
.dark .group:hover .group-hover\:text-purple-100 { color: #f3e8ff; } /* purple-100 - точный цвет из Tailwind 3.4.17 */
.dark .group:hover .group-hover\:text-purple-700 { color: #7c3aed; } /* purple-700 */
.dark .group:hover .group-hover\:text-green-100 { color: #dcfce7; } /* green-100 - точный цвет из Tailwind 3.4.17 */
.dark .group:hover .group-hover\:text-green-700 { color: #15803d; } /* green-700 */
.dark .group:hover .group-hover\:text-yellow-100 { color: #fef9c3; } /* yellow-100 - точный цвет из Tailwind 3.4.17 */
.dark .group:hover .group-hover\:text-yellow-700 { color: #b45309; } /* yellow-700 */
.dark .group:hover .group-hover\:text-pink-100 { color: #fce7f3; } /* pink-100 - точный цвет из Tailwind 3.4.17 */
.dark .group:hover .group-hover\:text-pink-700 { color: #db2777; } /* pink-700 */
.dark .group:hover .group-hover\:text-indigo-100 { color: #e0e7ff; } /* indigo-100 - точный цвет из Tailwind 3.4.17 */
.dark .group:hover .group-hover\:text-indigo-700 { color: #4338ca; } /* indigo-700 */
.dark .group:hover .group-hover\:text-orange-100 { color: #ffedd5; } /* orange-100 - точный цвет из Tailwind 3.4.17 */
.dark .group:hover .group-hover\:text-orange-700 { color: #c2410c; } /* orange-700 */
.dark .group:hover .group-hover\:text-gray-100 { color: #f3f4f6; } /* gray-100 - точный цвет из Tailwind 3.4.17 */
.dark .group:hover .group-hover\:text-gray-700 { color: #374151; } /* gray-700 */
.dark .group:hover .group-hover\:text-white { color: #ffffff; } /* white - точный цвет из Tailwind 3.4.17 */

/* === ДОПОЛНИТЕЛЬНЫЕ ЦВЕТА ДЛЯ ТЕКСТА КНОПОК === */
.dark .dark\:text-blue-900 { color: #dbeafe; } /* blue-100 - точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-purple-900 { color: #f3e8ff; } /* purple-100 - точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-green-900 { color: #dcfce7; } /* green-100 - точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-yellow-900 { color: #fef9c3; } /* yellow-100 - точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-pink-900 { color: #fce7f3; } /* pink-100 - точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-indigo-900 { color: #e0e7ff; } /* indigo-100 - точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-orange-900 { color: #ffedd5; } /* orange-100 - точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-gray-900 { color: #f3f4f6; } /* gray-100 - точный цвет из Tailwind 3.4.17 */

/* === ТОЧНЫЕ ЦВЕТА ИЗ TAILWIND CSS 3.4.17 === */
/* Blue цвета - исправлены для лучшей видимости */
.dark .dark\:text-blue-100 { color: #dbeafe; } /* точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-blue-200 { color: #bfdbfe; } /* точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-blue-300 { color: #93c5fd; } /* точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-blue-400 { color: #60a5fa; } /* blue-400 - более яркий синий */
.dark .dark\:text-blue-500 { color: #3b82f6; } /* blue-500 - основной синий */

/* Gray цвета */
.dark .dark\:text-gray-300 { color: #d1d5db; } /* точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-gray-400 { color: #9ca3af; } /* точный цвет из Tailwind 3.4.17 */

/* Green цвета */
.dark .dark\:text-green-100 { color: #dcfce7; } /* точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-green-300 { color: #86efac; } /* точный цвет из Tailwind 3.4.17 */

/* Indigo цвета */
.dark .dark\:text-indigo-100 { color: #e0e7ff; } /* точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-indigo-300 { color: #a5b4fc; } /* точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-indigo-600 { color: #a5b4fc; } 

/* Orange цвета */
.dark .dark\:text-orange-100 { color: #ffedd5; } /* точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-orange-300 { color: #fdba74; } /* точный цвет из Tailwind 3.4.17 */

/* Pink цвета */
.dark .dark\:text-pink-100 { color: #fce7f3; } /* точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-pink-300 { color: #f9a8d4; } /* точный цвет из Tailwind 3.4.17 */

/* Purple цвета */
.dark .dark\:text-purple-100 { color: #f3e8ff; } /* точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-purple-300 { color: #d8b4fe; } /* точный цвет из Tailwind 3.4.17 */

/* Yellow цвета */
.dark .dark\:text-yellow-100 { color: #fef9c3; } /* точный цвет из Tailwind 3.4.17 */
.dark .dark\:text-yellow-300 { color: #fde047; } /* точный цвет из Tailwind 3.4.17 */

/* White */
.dark .dark\:text-white { color: #ffffff; } /* точный цвет из Tailwind 3.4.17 */

/* === LIME ЦВЕТА === */
.dark .dark\:text-lime-400 { color: #a3e635; } /* lime-400 */
.dark .dark\:text-lime-600 { color: #65a30d; } /* lime-600 */

/* === PURPLE ЦВЕТА === */
.dark .dark\:text-purple-400 { color: #c084fc; } /* purple-400 */
.dark .dark\:text-purple-600 { color: #9333ea; } /* purple-600 */

/* === CYAN ЦВЕТА === */
.dark .dark\:text-cyan-400 { color: #22d3ee; } /* cyan-400 */
.dark .dark\:text-cyan-600 { color: #0891b2; } /* cyan-600 */
.dark .dark\:text-cyan-700 { color: #0e7490; } /* cyan-700 */

/* === AMBER ЦВЕТА === */
.dark .dark\:text-amber-400 { color: #fbbf24; } /* amber-400 */
.dark .dark\:text-amber-700 { color: #b45309; } /* amber-700 */

/* === ROSE ЦВЕТА === */
.dark .dark\:text-rose-400 { color: #fb7185; } /* rose-400 */
.dark .dark\:text-rose-600 { color: #e11d48; } /* rose-600 */

/* === EMERALD ЦВЕТА === */
.dark .dark\:text-emerald-400 { color: #4ade80; } /* emerald-400 */
.dark .dark\:text-emerald-600 { color: #059669; } /* emerald-600 */

/* === PINK ЦВЕТА === */
.dark .dark\:text-pink-400 { color: #f472b6; } /* pink-400 */
.dark .dark\:text-pink-600 { color: #db2777; } /* pink-600 */

/* === VIOLET ЦВЕТА === */
.dark .dark\:text-violet-400 { color: #a78bfa; } /* violet-400 */
.dark .dark\:text-violet-700 { color: #6b21a8; } /* violet-700 */

/* === ДОПОЛНИТЕЛЬНЫЕ ORANGE ЦВЕТА === */
.dark .dark\:text-orange-600 { color: #ea580c; } /* orange-600 */

/* === СТИЛИЗАЦИЯ OPTION В SELECT ДЛЯ СТАТУСОВ АБОНЕМЕНТОВ === */
.dark select option.bg-green-100 {
    background-color: #14532d !important; /* green-900 */
    color: #f3f4f6 !important; /* gray-100 */
}

.dark select option.bg-yellow-100 {
    background-color: #713f12 !important; /* yellow-900 */
    color: #f3f4f6 !important; /* gray-100 */
}

.dark select option.bg-red-100 {
    background-color: #7f1d1d !important; /* red-900 */
    color: #f3f4f6 !important; /* gray-100 */
}

.dark select option.bg-blue-100 {
    background-color: #1e3a8a !important; /* blue-900 */
    color: #f3f4f6 !important; /* gray-100 */
}

.dark select option.bg-gray-100 {
    background-color: #374151 !important; /* gray-700 */
    color: #d1d5db !important; /* gray-300 */
}

/* === ОТТЕНКИ 950 ДЛЯ НЕЙТРАЛЬНЫХ ЦВЕТОВ ПОДХОДОВ === */
.dark .dark\:bg-blue-950 { background-color: #0a1e3d; } /* очень тёмный синий */
.dark .dark\:bg-green-950 { background-color: #0a2817; } /* очень тёмный зелёный */
.dark .dark\:bg-red-950 { background-color: #3d0a0a; } /* очень тёмный красный */
.dark .dark\:bg-yellow-950 { background-color: #3d2a0a; } /* очень тёмный жёлтый */
.dark .dark\:bg-gray-800 { background-color: #1f2937; } /* gray-800 */

.dark .dark\:text-blue-300 { color: #93c5fd; } /* blue-300 */
.dark .dark\:text-green-300 { color: #86efac; } /* green-300 */
.dark .dark\:text-red-300 { color: #fca5a5; } /* red-300 */
.dark .dark\:text-yellow-300 { color: #fde047; } /* yellow-300 */
.dark .dark\:text-gray-300 { color: #d1d5db; } /* gray-300 */


