/* Modal Z-Index Fix - モーダルを最前面に確実に表示 */

/* Bootstrapのデフォルトz-indexを上書き */
.modal-backdrop {
    z-index: 2040 !important; /* デフォルトの1040から大幅に増加 */
}

.modal {
    z-index: 2050 !important; /* デフォルトの1050から大幅に増加 */
}

/* サイドバーより確実に上に */
.nyx-sidebar,
.sidebar {
    z-index: 1040 !important;
}

.sidebar-toggle-btn,
.mobile-menu-btn {
    z-index: 1045 !important;
}

/* プリセットモーダル専用 */
#presetModal {
    z-index: 2060 !important;
}

#presetModal .modal-dialog {
    z-index: 2061 !important;
}

/* モーダルが開いているときのbody */
body.modal-open {
    overflow: hidden !important;
}

/* モーダル内の要素を確実にクリック可能に */
.modal-content {
    position: relative;
    z-index: auto;
}

.modal-body {
    position: relative;
    z-index: auto;
}

/* フォーム要素 */
.modal input,
.modal select,
.modal textarea,
.modal button,
.modal .btn {
    position: relative;
    z-index: auto;
}

/* トーストはさらに上に */
.toast-container {
    z-index: 3000 !important;
}