/* FTPモーダルのスタイル修正 */

/* モーダルの高さ調整 */
#ftpSelectModal .modal-body {
    max-height: 300px !important; /* 400pxから300pxに変更 */
    overflow-y: auto !important;
    padding: 0.75rem !important; /* パディングを減らす */
}

/* FTPプロファイルアイテムの高さ調整 */
.ftp-profile-item {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    margin-bottom: 0.25rem !important;
}

/* アイテム内のテキストサイズ調整 */
.ftp-profile-item h6 {
    font-size: 0.9rem !important;
    margin-bottom: 0.1rem !important;
}

.ftp-profile-item small {
    font-size: 0.75rem !important;
    line-height: 1.2 !important;
}

/* アイコンのサイズ調整 */
.ftp-profile-item .bi-hdd-network {
    font-size: 1rem !important;
}

/* モーダル全体の高さ制限 */
#ftpSelectModal .modal-dialog {
    max-height: 80vh !important;
}

/* リストグループのスペース調整 */
#ftpProfileList {
    gap: 0.25rem;
}

/* ホバー効果の改善 */
.ftp-profile-item:hover {
    background-color: #f8f9fa;
    cursor: pointer;
}

/* 選択時のスタイル */
.ftp-profile-item.active {
    background-color: #007bff;
    color: white;
}

.ftp-profile-item.active .text-muted {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* モバイル対応 */
@media (max-width: 576px) {
    #ftpSelectModal .modal-body {
        max-height: 250px !important;
    }
    
    .ftp-profile-item {
        padding-top: 0.375rem !important;
        padding-bottom: 0.375rem !important;
    }
}