/*
 * password-visible.css — 비밀번호 칸의 «보이기/가리기» 눈 버튼 모양 (전 화면 공통)
 *
 * 마스터 지시 2026-08-12 — 비밀번호는 기본이 «보임» 이고, 칸 안 오른쪽 눈 버튼으로 가린다.
 * 배선 = wwwroot/js/common/password-visible.js
 */

.pw-box {
    position: relative;
    display: block;
    width: 100%;
}

/* 눈 버튼이 글자를 덮지 않도록 오른쪽에 자리를 비운다. */
.pw-box > input {
    width: 100%;
    padding-right: 38px;
}

.pw-eye {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    padding: 4px 6px;
    line-height: 1;
    cursor: pointer;
    /* 그림 색은 그 화면의 글자색을 따른다(밝은 화면·어두운 화면 모두에서 보인다). */
    color: inherit;
    opacity: .7;
}

.pw-eye svg { display: block; }

.pw-eye:hover,
.pw-eye:focus {
    opacity: 1;
}