/* resources/views/auth/login.blade.php 의 <style> 을 옮긴 파일 — 다른 응답에서 온 <style>(Turbo 이동·AJAX 창)은 CSP nonce 가 맞지 않아 막힌다. 이 화면 모양은 여기서 고친다 */

.remember-wrap { position: relative; display: inline-flex; align-items: center; gap: 6px; }
.remember-wrap .fancy-checkbox { margin-bottom: 0; margin-right: 0; }
.remember-hint {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; padding: 0; border: 0; border-radius: 50%;
    background: transparent; color: var(--label-alternative); font-size: 13px; cursor: help;
}
.remember-hint:hover, .remember-hint:focus-visible { color: var(--label-normal); background: var(--background-elevated-normal); outline: none; }
.remember-hint-tip {
    position: absolute; left: 0; bottom: calc(100% + 8px); z-index: 5;
    width: max-content; max-width: min(300px, calc(100vw - 48px));
    padding: 8px 11px; border: 1px solid var(--line-normal-normal); border-radius: 6px;
    background: var(--background-elevated-normal); color: var(--label-normal);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
    font-size: 12px; line-height: 1.5; font-weight: 400; text-align: left;
    opacity: 0; visibility: hidden; transform: translateY(3px); pointer-events: none;
    transition: opacity .12s, transform .12s, visibility .12s;
}
/* 문구·아이콘 호버, 아이콘 포커스(터치 탭), 키보드로 체크박스에 왔을 때 표시 */
.remember-wrap:hover .remember-hint-tip,
.remember-hint:focus + .remember-hint-tip,
.remember-wrap:has(input:focus-visible) .remember-hint-tip { opacity: 1; visibility: visible; transform: none; }
/* 좁은 화면·긴 번역(es)에서는 비밀번호 찾기가 다음 줄 오른쪽으로 내려간다 */
.login-options { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; }
.login-forgot { margin-left: auto; font-size: 13px; }