/* 颜色选择器修复样式 */

/* 确保嵌入式颜色选择器在词云编辑模式下正确显示 */
.wordcloud-edit-mode .embedded-color-picker {
    position: relative !important;
    z-index: 1002 !important;
    background: white !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    margin-top: 8px !important;
    width: 100% !important;
    max-width: 280px !important;
}

/* 修复颜色选择器内部元素的层级 */
.wordcloud-edit-mode .color-picker-header,
.wordcloud-edit-mode .preset-colors-grid,
.wordcloud-edit-mode .custom-color-input-section {
    position: relative !important;
    z-index: 1 !important;
}

/* 确保预设颜色按钮可以正常点击 */
.wordcloud-edit-mode .preset-color {
    position: relative !important;
    z-index: 2 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* 修复关闭按钮 */
.wordcloud-edit-mode .close-color-picker {
    position: relative !important;
    z-index: 3 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* 修复自定义颜色输入框 */
.wordcloud-edit-mode .custom-color-input {
    position: relative !important;
    z-index: 2 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* 确保添加颜色按钮正常工作 */
.wordcloud-edit-mode .add-color-btn {
    position: relative !important;
    z-index: 1 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* 防止其他元素遮挡颜色选择器 */
.wordcloud-edit-mode .custom-colors-container {
    position: relative !important;
    z-index: 1000 !important;
}

/* 修复颜色选择器容器的定位 */
.wordcloud-edit-mode .selected-colors-inline {
    position: relative !important;
    z-index: 999 !important;
}

/* 确保颜色选择器不会被SVG元素遮挡 */
.wordcloud-edit-mode svg {
    z-index: 1 !important;
}

/* 修复可能的overflow问题 */
.wordcloud-edit-mode .custom-colors-container {
    overflow: visible !important;
}

/* 响应式修复 */
@media (max-width: 768px) {
    .wordcloud-edit-mode .embedded-color-picker {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}