/* ============================================================
 * 主题应用 - 思维导图核心组件
 * ============================================================ */

/* 画布背景 */
#canvasWrap {
    background-color: var(--mp-bg-canvas);
    background-image:
        linear-gradient(var(--mp-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--mp-grid) 1px, transparent 1px);
}

/* 顶栏 */
#appHeader {
    background: var(--mp-header-bg);
    color: var(--mp-header-text);
}

/* 节点 */
.node-box {
    background: var(--mp-node-bg);
    border-color: var(--mp-node-border);
    color: var(--mp-text);
}
.node-box .node-title {
    background: var(--mp-node-title-bg);
    color: var(--mp-text);
    border-bottom-color: var(--mp-border);
}
.node-box .node-meta {
    color: var(--mp-text-secondary);
}
.node-box.selected {
    border-color: var(--mp-danger);
    box-shadow: 0 0 0 3px rgba(229,62,62,.25), 0 3px 12px rgba(0,0,0,.18);
}

/* 连线 */
.edge-layer path {
    stroke: var(--mp-primary) !important;
}

/* 详情面板 */
#detailPanel {
    background: var(--mp-bg-card);
    color: var(--mp-text);
}
.detail-header {
    background: var(--mp-node-title-bg);
    border-bottom-color: var(--mp-border);
}
.detail-header input.title-input {
    background: var(--mp-bg-card);
    color: var(--mp-text);
    border-color: var(--mp-border);
}
.detail-meta label { color: var(--mp-text-secondary); }
.detail-meta select {
    background: var(--mp-bg-card);
    color: var(--mp-text);
    border-color: var(--mp-border);
}
.detail-actions .edit-content-btn {
    background: var(--mp-bg);
    color: var(--mp-text-secondary);
    border-color: var(--mp-border);
}
.detail-actions .edit-content-btn.active {
    background: var(--mp-primary);
    color: var(--mp-header-text);
    border-color: var(--mp-primary);
}
.detail-actions .save-btn {
    background: var(--mp-primary);
}
.detail-actions .save-btn:hover {
    background: var(--mp-primary-hover);
}
.content-preview { color: var(--mp-text); }

/* 底部输入栏 */
#chatBar {
    background: var(--mp-bg-card);
    border-top-color: var(--mp-border);
}
#chatBar .chat-input {
    background: var(--mp-bg);
    color: var(--mp-text);
    border-color: var(--mp-border);
}
#chatBar .chat-input:focus { border-color: var(--mp-primary); }
#chatBar .chat-send { background: var(--mp-primary); }
#chatBar .chat-send:hover { background: var(--mp-primary-hover); }

/* 右键菜单 */
#ctxMenu {
    background: var(--mp-bg-card);
    border-color: var(--mp-border);
}
#ctxMenu .ctx-item { color: var(--mp-text); }
#ctxMenu .ctx-item:hover { background: var(--mp-primary); color: var(--mp-header-text); }

/* 多选条 */
#multiSelectBar {
    background: var(--mp-bg-card);
    color: var(--mp-text);
}
#multiSelectBar .info { color: var(--mp-text-secondary); }

/* 主题选择器 */
#themeSelector {
    padding: 4px 8px;
    border: none;
    border-radius: 5px;
    background: rgba(255,255,255,.2);
    color: var(--mp-header-text);
    font-size: 12px;
    cursor: pointer;
    outline: none;
}
#themeSelector option {
    background: var(--mp-bg-card);
    color: var(--mp-text);
}

/* 全局 Toast */
#globalToast.toast-ok { background: var(--mp-primary-light); border-color: var(--mp-success); }
#globalToast.toast-err { background: var(--mp-primary-light); border-color: var(--mp-danger); }
#globalToast .toast-title { color: var(--mp-text); }
#globalToast .toast-msg { color: var(--mp-text-secondary); }

/* 进度条 */
#importProgress {
    background: var(--mp-bg-card);
}
#importProgress .progress-bar { background: var(--mp-border); }
#importProgress .progress-fill { background: linear-gradient(90deg, var(--mp-primary), var(--mp-accent)); }
#importProgress .progress-title { color: var(--mp-text); }
#importProgress .progress-text { color: var(--mp-text-secondary); }