/* Google Sign-In Button & Divider */

.btn-google-signin {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    width: 100%;
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--color-border, #dadce0);
    border-radius: var(--radius-lg);
    background: var(--color-surface, #fff);
    color: var(--color-text-primary, #3c4043);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition-colors);
}

.btn-google-signin:hover {
    background: var(--color-surface-hover, #f7f8f8);
    border-color: var(--color-border-secondary, #c6c9cd);
    box-shadow: var(--shadow-sm);
    color: var(--color-text-primary, #3c4043);
    text-decoration: none;
}

.btn-google-signin:active {
    background: var(--color-gray-200, #eef0f1);
}

.btn-google-signin .google-icon {
    flex-shrink: 0;
    font-size: var(--font-size-lg);
    color: var(--color-info-500, #4285F4);
}

.google-auth-divider {
    display: flex;
    align-items: center;
    margin: var(--space-4) 0;
    gap: var(--space-3);
}

.google-auth-divider::before,
.google-auth-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--color-border, #dadce0);
}

.google-auth-divider span {
    font-size: var(--font-size-xs);
    color: var(--color-gray-500, #80868b);
    text-transform: lowercase;
    font-weight: var(--font-weight-normal);
}