/* 翻译模态框专用修复CSS - 最小化干预 */

/* 确保模态框在正确层级 */
#translateModal {
    z-index: 1060 !important;
}

/* 确保遮罩在模态框下方 */
.modal-backdrop {
    z-index: 1055 !important;
}

/* 限制模态框最大高度，确保内容可滚动 */
#translateModal .modal-content {
    max-height: 90vh !important;
    display: flex !important;
    flex-direction: column !important;
}

#translateModal .modal-body {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    max-height: calc(90vh - 120px) !important;
}

/* 确保内容区域的滚动容器有正确的高度 */
#translateModal .modal-body .border.rounded {
    height: 350px !important;
    max-height: 350px !important;
    overflow-y: auto !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
    #translateModal .modal-dialog {
        margin: 0.5rem !important;
    }
    
    #translateModal .modal-body .border.rounded {
        height: 250px !important;
        max-height: 250px !important;
    }
}

/* 深色主题支持 */
[data-bs-theme="dark"] #translateModal .modal-content {
    background-color: var(--bs-dark, #212529) !important;
    border-color: var(--bs-border-color, #495057) !important;
}