/* Темная тема для Telegram Web App */

/* Основные переменные для темной темы */
:root {
    --dark-bg-primary: #1a1a1a;
    --dark-bg-secondary: #2d2d2d;
    --dark-bg-tertiary: #3d3d3d;
    --dark-text-primary: #ffffff;
    --dark-text-secondary: #b3b3b3;
    --dark-text-tertiary: #808080;
    --dark-border: #404040;
    --dark-shadow: rgba(0, 0, 0, 0.3);
    --dark-gradient: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
}

/* Применение темной темы */
body.dark-theme {
    background: var(--dark-bg-primary);
    color: var(--dark-text-primary);
}

body.dark-theme .app-container {
    background: var(--dark-bg-primary);
    color: var(--dark-text-primary);
}

/* Главная страница в темной теме */
body.dark-theme .hero-section {
    background: var(--dark-gradient);
}

body.dark-theme .feature-card {
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border);
    color: var(--dark-text-primary);
}

body.dark-theme .feature-card h3 {
    color: var(--dark-text-primary);
}

body.dark-theme .feature-card p {
    color: var(--dark-text-secondary);
}

body.dark-theme .cta-card {
    background: var(--dark-gradient);
}

/* Страницы в темной теме */
body.dark-theme .page {
    background: var(--dark-bg-primary);
}

body.dark-theme .page-header h2 {
    color: var(--dark-text-primary);
}

body.dark-theme .info-card {
    background: var(--dark-bg-secondary);
    border-left-color: #667eea;
}

body.dark-theme .info-card h3 {
    color: var(--dark-text-primary);
}

body.dark-theme .info-card p {
    color: var(--dark-text-secondary);
}

/* Карточки бирж в темной теме */
body.dark-theme .exchange-card {
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border);
    color: var(--dark-text-primary);
}

body.dark-theme .exchange-card:hover {
    border-color: #667eea;
    background: var(--dark-bg-tertiary);
}

body.dark-theme .exchange-card.selected {
    background: var(--dark-bg-tertiary);
    border-color: #667eea;
}

body.dark-theme .exchange-info h4 {
    color: var(--dark-text-primary);
}

body.dark-theme .exchange-info p {
    color: var(--dark-text-secondary);
}

/* Форма в темной теме */
body.dark-theme .form-container {
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border);
}

body.dark-theme .form-group label {
    color: var(--dark-text-primary);
}

body.dark-theme .selected-exchange {
    background: var(--dark-bg-tertiary);
    border: 1px solid var(--dark-border);
    color: var(--dark-text-primary);
}

body.dark-theme .selected-exchange.selected {
    background: var(--dark-bg-tertiary);
    border-color: #667eea;
}

body.dark-theme #uid-input {
    background: var(--dark-bg-tertiary);
    border: 1px solid var(--dark-border);
    color: var(--dark-text-primary);
}

body.dark-theme #uid-input:focus {
    border-color: #667eea;
    background: var(--dark-bg-secondary);
}

body.dark-theme #uid-input::placeholder {
    color: var(--dark-text-tertiary);
}

body.dark-theme .file-upload-label {
    background: var(--dark-bg-tertiary);
    border: 2px dashed var(--dark-border);
    color: var(--dark-text-primary);
}

body.dark-theme .file-upload-label:hover {
    border-color: #667eea;
    background: var(--dark-bg-secondary);
}

/* Кнопки в темной теме */
body.dark-theme .btn-secondary {
    background: var(--dark-bg-tertiary);
    color: #667eea;
    border: 1px solid var(--dark-border);
}

body.dark-theme .btn-secondary:hover {
    background: var(--dark-bg-secondary);
}

/* Страницы результатов в темной теме */
body.dark-theme .success-content,
body.dark-theme .approved-content,
body.dark-theme .rejected-content {
    background: var(--dark-bg-primary);
}

body.dark-theme .success-content h2,
body.dark-theme .approved-content h2,
body.dark-theme .rejected-content h2 {
    color: var(--dark-text-primary);
}

body.dark-theme .success-content p,
body.dark-theme .approved-content p,
body.dark-theme .rejected-content p {
    color: var(--dark-text-secondary);
}

body.dark-theme .rejected-content ul {
    color: var(--dark-text-secondary);
}

/* Ссылки в темной теме */
body.dark-theme .link-card {
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border);
    color: var(--dark-text-primary);
}

body.dark-theme .link-card:hover {
    background: var(--dark-bg-tertiary);
    border-color: #667eea;
}

body.dark-theme .link-card span {
    color: var(--dark-text-primary);
}

/* Админ-панель в темной теме */
body.dark-theme .admin-container {
    background: var(--dark-bg-primary);
    color: var(--dark-text-primary);
}

body.dark-theme .stat-card {
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border);
}

body.dark-theme .stat-content h3 {
    color: var(--dark-text-primary);
}

body.dark-theme .stat-content p {
    color: var(--dark-text-secondary);
}

body.dark-theme .filters-section {
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border);
}

body.dark-theme .filter-group label {
    color: var(--dark-text-primary);
}

body.dark-theme .filter-group select {
    background: var(--dark-bg-tertiary);
    border: 1px solid var(--dark-border);
    color: var(--dark-text-primary);
}

body.dark-theme .filter-group select:focus {
    border-color: #667eea;
}

body.dark-theme .application-card {
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border);
}

body.dark-theme .application-card:hover {
    background: var(--dark-bg-tertiary);
}

body.dark-theme .application-info h3 {
    color: var(--dark-text-primary);
}

body.dark-theme .application-meta {
    color: var(--dark-text-secondary);
}

body.dark-theme .detail-label {
    color: var(--dark-text-secondary);
}

body.dark-theme .detail-value {
    color: var(--dark-text-primary);
}

/* Модальное окно в темной теме */
body.dark-theme .modal-content {
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border);
}

body.dark-theme .modal-header {
    border-bottom-color: var(--dark-border);
}

body.dark-theme .modal-header h3 {
    color: var(--dark-text-primary);
}

body.dark-theme .modal-close {
    color: var(--dark-text-secondary);
}

body.dark-theme .modal-close:hover {
    background: var(--dark-bg-tertiary);
}

body.dark-theme .modal-footer {
    border-top-color: var(--dark-border);
}

/* Уведомления в темной теме */
body.dark-theme .notification {
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border);
    color: var(--dark-text-primary);
}

/* Пустое состояние в темной теме */
body.dark-theme .empty-state {
    color: var(--dark-text-secondary);
}

body.dark-theme .empty-state h3 {
    color: var(--dark-text-primary);
}

body.dark-theme .empty-state i {
    color: var(--dark-border);
}

/* Адаптация для Telegram Web App */
body.dark-theme[data-theme="dark"] {
    /* Используем цвета из Telegram, если доступны */
    background: var(--tg-bg-color, var(--dark-bg-primary));
    color: var(--tg-text-color, var(--dark-text-primary));
}

body.dark-theme[data-theme="dark"] .btn-primary {
    background: var(--tg-button-color, linear-gradient(135deg, #667eea, #764ba2));
    color: var(--tg-button-text-color, #ffffff);
}

/* Анимации для темной темы */
body.dark-theme .feature-card::before {
    background: var(--dark-gradient);
}

body.dark-theme .cta-card {
    box-shadow: 0 15px 35px rgba(102, 126, 234, 0.2);
}

/* Специальные эффекты для темной темы */
body.dark-theme .hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 50%, rgba(102, 126, 234, 0.1) 0%, transparent 70%);
    pointer-events: none;
}

body.dark-theme .feature-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, transparent 50%);
    pointer-events: none;
    border-radius: 20px;
}

/* Улучшенная читаемость в темной теме */
body.dark-theme .page {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

body.dark-theme .feature-card,
body.dark-theme .exchange-card,
body.dark-theme .application-card {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Стили для скроллбара в темной теме */
body.dark-theme ::-webkit-scrollbar {
    width: 8px;
}

body.dark-theme ::-webkit-scrollbar-track {
    background: var(--dark-bg-secondary);
}

body.dark-theme ::-webkit-scrollbar-thumb {
    background: var(--dark-border);
    border-radius: 4px;
}

body.dark-theme ::-webkit-scrollbar-thumb:hover {
    background: var(--dark-text-tertiary);
}

/* Дополнительные стили для новых элементов */

/* Форма отправки UID */
body.dark-theme .uid-content .form-container {
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border);
}

body.dark-theme .uid-content .form-group select {
    background: var(--dark-bg-tertiary);
    border: 1px solid var(--dark-border);
    color: var(--dark-text-primary);
}

body.dark-theme .uid-content .form-group select:focus {
    border-color: #667eea;
    background: var(--dark-bg-secondary);
}

body.dark-theme .uid-content .form-group select option {
    background: var(--dark-bg-secondary);
    color: var(--dark-text-primary);
}

/* Результат проверки UID */
body.dark-theme .uid-result-content {
    background: var(--dark-bg-primary);
}

body.dark-theme .uid-result-content h2 {
    color: var(--dark-text-primary);
}

body.dark-theme #uid-result-message {
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border);
    color: var(--dark-text-primary);
}

body.dark-theme #uid-result-message.success {
    border-left-color: #28a745;
}

body.dark-theme #uid-result-message.error {
    border-left-color: #dc3545;
}

body.dark-theme #uid-result-message.warning {
    border-left-color: #ffc107;
}

/* Кнопки в результатах UID */
body.dark-theme #uid-result-message .btn-primary,
body.dark-theme #uid-result-message .btn-secondary {
    margin: 5px;
}

/* Существующий аккаунт - дополнительные стили */
body.dark-theme .existing-account-content .action-buttons {
    gap: 15px;
}

/* Модальные окна в темной теме */
body.dark-theme .modal-content {
    background: var(--dark-bg-secondary);
    color: var(--dark-text-primary);
}

body.dark-theme .modal-header h2 {
    color: var(--dark-text-primary);
}

body.dark-theme .modal-header p {
    color: var(--dark-text-secondary);
}

body.dark-theme .feature-list li {
    background: var(--dark-bg-tertiary);
    color: var(--dark-text-primary);
}

body.dark-theme .feature-list li:hover {
    background: var(--dark-bg-primary);
}

body.dark-theme .feature-list li span {
    color: var(--dark-text-primary);
}

body.dark-theme .modal-cta {
    background: var(--dark-gradient);
}

/* Преимущества в темной теме */
body.dark-theme .benefits-list {
    color: white;
}

body.dark-theme .benefit-item {
    color: white;
}

body.dark-theme .exchange-details {
    background: rgba(255, 255, 255, 0.15);
}

body.dark-theme .exchange-details h4 {
    color: var(--dark-text-primary);
}

body.dark-theme .exchange-details li {
    color: var(--dark-text-primary);
}

/* Анимации в темной теме */
body.dark-theme .feature-card {
    animation: slideInUp 0.6s ease forwards;
    opacity: 0;
}

body.dark-theme .hero-section {
    animation: fadeInDown 0.8s ease;
}

body.dark-theme .feature-icon {
    animation: float 3s ease-in-out infinite;
}