﻿.form-button-group {
        bottom: 10px;
    }

    .google-login-panel {
        margin-top: 16px;
        text-align: center;
    }

    .google-divider {
        align-items: center;
        color: #6c757d;
        display: flex;
        font-size: 0.9rem;
        gap: 10px;
        margin: 18px 0 14px;
    }

    .google-divider::before,
    .google-divider::after {
        background-color: #dfe3e8;
        content: "";
        flex: 1;
        height: 1px;
    }

    #googleLoginButton {
        display: flex;
        justify-content: center;
        min-height: 42px;
    }

    .google-help-text {
        color: #6c757d;
        font-size: 0.82rem;
        margin-top: 10px;
    }

    .btn-google-native {
        align-items: center;
        background: #fff;
        border: 1px solid #dadce0;
        border-radius: 24px;
        color: #3c4043;
        display: inline-flex;
        font-family: 'Google Sans', Roboto, Arial, sans-serif;
        font-size: 14px;
        font-weight: 500;
        gap: 10px;
        height: 44px;
        justify-content: center;
        min-width: 240px;
        padding: 0 16px;
        margin-bottom: 10px;
        text-decoration: none;
        transition: background .15s, box-shadow .15s;
        width: 280px;
    }

    .btn-google-native:hover {
        background: #f8f9fa;
        box-shadow: 0 1px 3px rgba(0,0,0,.15);
        color: #3c4043;
        text-decoration: none;
    }

    .btn-google-native svg {
        flex-shrink: 0;
        height: 20px;
        width: 20px;
    }

    .google-login-error {
        background: #fff3cd;
        border: 1px solid #ffc107;
        border-radius: 8px;
        color: #856404;
        font-size: 0.85rem;
        margin-top: 10px;
        padding: 8px 12px;
        text-align: center;
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
    }

    body.dark-mode input:-webkit-autofill,
    body.dark-mode input:-webkit-autofill:hover,
    body.dark-mode input:-webkit-autofill:focus,
    body.dark-mode input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 1000px #161129 inset;
        -webkit-text-fill-color: #ffffff;
        caret-color: #ffffff;
        border: 1px solid #444; /* opsiyonel */
    }