@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@500&family=Noto+Sans+JP:wght@500&display=swap");

/* Google ブランドガイドライン準拠の白背景 + 灰縁ボタン。フォントは Roboto Medium 指定、日本語は Noto Sans JP → Meiryo にフォールバック。 */
.btn-google {
    background-color: #ffffff;
    color: #1f1f1f;
    border: 1px solid #dadce0;
    font-family: "Roboto", "Noto Sans JP", Meiryo, sans-serif;
    font-weight: 500;
}

.btn-google:hover,
.btn-google:focus {
    background-color: #f7f8f8;
    color: #1f1f1f;
    border-color: #d2d4d7;
}

.btn-google:active {
    background-color: #eef0f1;
    color: #1f1f1f;
}

.external-login-section h5 {
    font-size: 1rem;
}

.external-provider-icon {
    flex-shrink: 0;
}

/* RegisterSocial のステップインジケータ */
.external-signup-steps {
    list-style: none;
    display: flex;
    gap: 1rem;
    padding: 0;
    margin: 0;
}

.external-signup-steps li {
    display: flex;
    align-items: center;
    color: #999;
}

.external-signup-steps li.active {
    color: #1f1f1f;
    font-weight: bold;
}

.external-signup-steps li + li::before {
    content: "→";
    margin-right: 1rem;
    color: #999;
}