/* APEXWORK 驾驶舱样式表 (V36 极客莫兰迪·防遮挡版) */
body { -webkit-font-smoothing: antialiased; }
.custom-scrollbar::-webkit-scrollbar { width: 4px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
.truncate-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

/* 1. 悬浮说明气泡框 (必须带 pointer-events: none，绝不阻挡鼠标点击！) */
#apexTooltip {
    position: fixed; z-index: 9999; pointer-events: none !important; display: none; max-width: 310px;
    background: rgba(15, 23, 42, 0.96); backdrop-filter: blur(8px); border: 1px solid rgba(99, 102, 241, 0.4);
    color: #f8fafc; padding: 8px 12px; border-radius: 8px; font-size: 11px; font-family: monospace;
    line-height: 1.6; box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.8); white-space: pre-wrap;
}

/* 2. 部门专属莫兰迪高阶半透背光 */
.theme-blue { background: rgba(99, 102, 241, 0.12); border-color: rgba(99, 102, 241, 0.35); color: #a5b4fc; }
.theme-blue:hover { background: rgba(99, 102, 241, 0.25); border-color: rgba(99, 102, 241, 0.6); }

.theme-rose { background: rgba(244, 63, 94, 0.12); border-color: rgba(244, 63, 94, 0.35); color: #fda4af; }
.theme-rose:hover { background: rgba(244, 63, 94, 0.25); border-color: rgba(244, 63, 94, 0.6); }

.theme-amber { background: rgba(245, 158, 11, 0.12); border-color: rgba(245, 158, 11, 0.35); color: #fcd34d; }
.theme-amber:hover { background: rgba(245, 158, 11, 0.25); border-color: rgba(245, 158, 11, 0.6); }

.theme-sky { background: rgba(14, 165, 233, 0.12); border-color: rgba(14, 165, 233, 0.35); color: #7dd3fc; }
.theme-sky:hover { background: rgba(14, 165, 233, 0.25); border-color: rgba(14, 165, 233, 0.6); }

.theme-emerald { background: rgba(16, 185, 129, 0.12); border-color: rgba(16, 185, 129, 0.35); color: #6ee7b7; }
.theme-emerald:hover { background: rgba(16, 185, 129, 0.25); border-color: rgba(16, 185, 129, 0.6); }

.theme-purple { background: rgba(168, 85, 247, 0.12); border-color: rgba(168, 85, 247, 0.35); color: #d8b4fe; }
.theme-purple:hover { background: rgba(168, 85, 247, 0.25); border-color: rgba(168, 85, 247, 0.6); }

.theme-pink { background: rgba(236, 72, 153, 0.12); border-color: rgba(236, 72, 153, 0.35); color: #f9a8d4; }
.theme-pink:hover { background: rgba(236, 72, 153, 0.25); border-color: rgba(236, 72, 153, 0.6); }

.theme-cyan { background: rgba(6, 182, 212, 0.12); border-color: rgba(6, 182, 212, 0.35); color: #67e8f9; }
.theme-cyan:hover { background: rgba(6, 182, 212, 0.25); border-color: rgba(6, 182, 212, 0.6); }

.theme-teal { background: rgba(20, 184, 166, 0.12); border-color: rgba(20, 184, 166, 0.35); color: #5eead4; }
.theme-teal:hover { background: rgba(20, 184, 166, 0.25); border-color: rgba(20, 184, 166, 0.6); }

/* 3. 输入框词条胶囊与联想框 */
.dept-token {
    display: inline-flex; align-items: center; background: rgba(99, 102, 241, 0.25);
    color: #a5b4fc; border: 1px solid rgba(99, 102, 241, 0.4); padding: 1px 6px;
    border-radius: 4px; font-size: 11px; font-weight: 600; margin: 0 2px;
}
#mentionDropdown {
    position: absolute; z-index: 100; display: none; width: 160px; max-height: 180px;
    overflow-y: auto; border-radius: 6px; background: #1e293b; border: 1px solid #334155;
}
.mention-item { padding: 6px 10px; font-size: 11px; cursor: pointer; font-family: monospace; color: #f8fafc; }
.mention-item:hover { background: #334155; }