/* Firebase UI カスタマイズ */

/* 認証コンテナ */
#firebaseui-auth-container {
    margin-top: 20px;
}

/* FirebaseUIのボタンスタイルをカスタマイズ */
.firebaseui-idp-button {
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
}

.firebaseui-idp-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Googleログインボタン */
.firebaseui-idp-google {
    background-color: #ffffff !important;
    border: 1px solid #dddddd !important;
}

.firebaseui-idp-google:hover {
    background-color: #f5f5f5 !important;
}

/* メール/パスワードボタン */
.firebaseui-idp-password {
    background-color: #b1cc7f !important;
}

.firebaseui-idp-password:hover {
    background-color: #9db86d !important;
}

/* テキストリンク */
.firebaseui-link {
    color: #b1cc7f !important;
}

.firebaseui-link:hover {
    color: #9db86d !important;
}

/* 送信ボタン */
.firebaseui-button {
    background-color: #b1cc7f !important;
    border-radius: 6px !important;
}

.firebaseui-button:hover {
    background-color: #9db86d !important;
}

/* 入力フィールド */
.firebaseui-input {
    border-radius: 4px !important;
    border: 1px solid #c3c3c3 !important;
}

.firebaseui-input:focus {
    border-color: #b1cc7f !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(177, 204, 127, 0.2) !important;
}

/* タイトル */
.firebaseui-title {
    color: #333333 !important;
    font-weight: 600 !important;
}

/* サブタイトル */
.firebaseui-subtitle {
    color: #666666 !important;
}

/* カード */
.firebaseui-card-content {
    padding: 20px !important;
}

/* エラーメッセージ */
.firebaseui-error {
    color: #d32f2f !important;
}

/* ローディング */
.firebaseui-busy-indicator {
    border-top-color: #b1cc7f !important;
}