/* app/assets/styles/auth.css */

.auth-shell {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at top, #ffedd5, #f9fafb);
}

.auth-card {
    width: 100%;
    max-width: 360px;
    background: #ffffff;
    border-radius: .9rem;
    padding: 1.2rem 1.4rem;
    box-shadow: 0 14px 40px rgba(15, 23, 42, .25);
}

.auth-title {
    margin: 0 0 .8rem;
    font-size: 1.1rem;
    font-weight: 800;
    text-align: center;
}

/* ログインボタン：共通の .btn-primary-soft を利用しつつ全幅に */
.auth-button {
    width: 100%;
    margin-top: .5rem;
}

/* フラッシュメッセージ */
.auth-msg {
    font-size: .78rem;
    padding: .35rem .6rem;
    border-radius: .5rem;
    margin-bottom: .5rem;
}

.auth-msg--error {
    background: #fef2f2;
    color: #b91c1c;
}

.auth-msg--notice {
    background: #ecfdf3;
    color: #166534;
}