/* ===== СРОЧНОЕ ИСПРАВЛЕНИЕ ЛОГИНА НА DESKTOP ===== */
/* Исправляет черную панель входа */

/* Основные стили для desktop логина */
@media screen and (min-width: 769px) {
    /* Принудительно восстанавливаем нормальный фон для логина */
    body {
        background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%) !important;
        color: #ffffff !important;
    }
    
    html {
        background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%) !important;
        color: #ffffff !important;
    }
    
    .login-page {
        background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%) !important;
        min-height: 100vh !important;
    }
    
    .login-container {
        background: transparent !important;
    }
    
    .login-card {
        background: rgba(255, 255, 255, 0.1) !important;
        backdrop-filter: blur(20px) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        color: #ffffff !important;
    }
    
    .login-title {
        color: #ffffff !important;
    }
    
    .login-subtitle {
        color: #b0b0b0 !important;
    }
    
    .login-form-control {
        background: rgba(255, 255, 255, 0.05) !important;
        border: 2px solid rgba(255, 255, 255, 0.1) !important;
        color: #ffffff !important;
    }
    
    .login-form-control:focus {
        background: rgba(255, 255, 255, 0.1) !important;
        border-color: #667eea !important;
        color: #ffffff !important;
    }
    
    .login-form-control::placeholder {
        color: #808080 !important;
    }
    
    .login-btn {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
        color: #ffffff !important;
        border: none !important;
    }
    
    .login-btn:hover {
        background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%) !important;
        transform: translateY(-2px) !important;
    }
    
    /* Исправляем логотип */
    .login-logo-icon {
        color: #667eea !important;
    }
    
    .login-logo-text {
        color: #667eea !important;
    }
    
    /* Исправляем иконки в полях */
    .login-input-icon {
        color: #808080 !important;
    }
    
    .login-form-control:focus + .login-input-icon {
        color: #667eea !important;
    }
    
    /* Уведомления */
    .alert {
        background: rgba(255, 255, 255, 0.1) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        color: #ffffff !important;
    }
    
    .alert-success {
        background: rgba(76, 175, 80, 0.2) !important;
        border-color: rgba(76, 175, 80, 0.4) !important;
        color: #4caf50 !important;
    }
    
    .alert-warning {
        background: rgba(255, 152, 0, 0.2) !important;
        border-color: rgba(255, 152, 0, 0.4) !important;
        color: #ff9800 !important;
    }
    
    .alert-danger {
        background: rgba(244, 67, 54, 0.2) !important;
        border-color: rgba(244, 67, 54, 0.4) !important;
        color: #f44336 !important;
    }
}