/* Custom styles for authentication pages */

/* Auth form styling to match brand */
.auth-form {
    @apply bg-white border border-gray-200 rounded-lg shadow-sm p-6 max-w-md mx-auto;
}

.auth-form .form-group {
    @apply mb-4;
}

.auth-form label {
    @apply block text-sm font-medium text-gray-700 mb-2;
}

.auth-form input[type="text"],
.auth-form input[type="email"],
.auth-form input[type="password"] {
    @apply w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500;
}

.auth-form .btn-primary {
    @apply w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500;
}

.auth-form .btn-secondary {
    @apply w-full bg-gray-100 hover:bg-gray-200 text-gray-700 font-medium py-2 px-4 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500;
}

/* Error messages */
.auth-form .errorlist {
    @apply list-none p-0 m-0 mb-4;
}

.auth-form .errorlist li {
    @apply text-red-600 text-sm bg-red-50 border border-red-200 rounded px-3 py-2 mb-2;
}

/* Success messages */
.auth-form .messages {
    @apply mb-4;
}

.auth-form .messages .success {
    @apply text-green-600 text-sm bg-green-50 border border-green-200 rounded px-3 py-2;
}

/* Links in auth forms */
.auth-form a {
    @apply text-blue-600 hover:text-blue-500 text-sm;
}

/* Social auth buttons */
.social-auth {
    @apply mt-6 space-y-3;
}

.social-auth button {
    @apply w-full flex items-center justify-center px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50;
}