/* パスワード表示切り替え用スタイル */
.password-container {
    position: relative;
    display: flex;
    align-items: center;
}

.password-container .form-control {
    padding-right: 40px;
}

.password-toggle-icon {
    position: absolute;
    right: 12px;
    cursor: pointer;
    color: var(--yasuragi-primary);
    opacity: 0.6;
    transition: opacity 0.2s;
    user-select: none;
    font-size: 1.2rem;
    z-index: 10;
}

.password-toggle-icon:hover {
    opacity: 1;
}

/* 背景画像設定（パフォーマンス改善） */
body.bg-texture {
    background-repeat: repeat-y;
    background-position: left top, right top;
}

/* モバイル向け（デフォルト）: 軽量画像を読み込む */
body.bg-texture {
    /* サイズを半分に縮小した軽量画像を使用 */
    background-image: url('../images/side-texture-left-sm.png'), url('../images/side-texture-right-sm.png');
    background-size: 140px auto; /* 表示サイズも半分に */
}

/* PC向け: オリジナル高画質画像を読み込む */
@media (min-width: 900px) {
    body.bg-texture {
        background-image: url('../images/side-texture-left.png'), url('../images/side-texture-right.png');
        background-size: 280px auto;
    }
}