/* login.css : ログイン画面専用 */

/*
 * ログインカード幅: 見出し・アラート本文の最長行＋フォームに合わせる（注釈削除後はやや狭め）
 */
.login-page-column {
    width: 100%;
    max-width: min(100%, 26.5rem); /* 「しばらく操作がなかったため〜」行＋余白（約424px） */
}

.login-card {
    border: none;
    border-radius: 1rem;
    background-color: var(--bs-body-bg);
    backdrop-filter: blur(6px);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.15);
}

[data-bs-theme="dark"] .login-card {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.6);
}

/* 入力・メインボタンは標準サイズ（テーマ切替は btn-sm のまま） */
.login-card .form-control,
.login-card .input-group-text,
.login-card .btn-primary {
    min-height: 3rem;
    font-size: 1rem;
}

.login-card .btn-sm {
    min-height: auto;
    height: auto;
}

:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

/* セッション期限アラート: 本文幅に枠を寄せつつ、文字右の余白を少し多めに */
.login-session-alert {
    max-width: 100%;
    width: fit-content;
    padding-inline-end: 1.75rem !important;
}

/* 日本語の不自然な改行を抑える */
.login-session-alert-text {
    word-break: keep-all;
    line-break: strict;
    text-wrap: pretty;
}