/* Canvas Panel - 테마별 스타일 대응 (Surgical Parity)
 * 300라인 제한 준수를 위해 별도 연계 파일로 분리 정의되었습니다.
 */

/* ── 1. White 테마 스타일 대응 ───────────────────────── */
html[data-theme="white"] #canvas-panel {
    background: #ffffff !important;
    border-left: 1px solid #dadce0 !important;
}
html[data-theme="white"] #canvas-panel .canvas-header {
    background: #f8f9fa !important;
    border-bottom: 1px solid #dadce0 !important;
}
html[data-theme="white"] #canvas-panel .canvas-title {
    color: #202124 !important;
}
html[data-theme="white"] #canvas-panel .canvas-actions .icon-btn {
    color: #5f6368 !important;
}
html[data-theme="white"] #canvas-panel .canvas-actions .icon-btn:hover {
    background: rgba(0, 0, 0, 0.06) !important;
}
html[data-theme="white"] #canvas-panel .canvas-actions .canvas-text-btn {
    color: #1a73e8 !important;
    background: rgba(26, 115, 232, 0.08) !important;
}
html[data-theme="white"] #canvas-panel .canvas-actions .canvas-text-btn:hover {
    background: rgba(26, 115, 232, 0.15) !important;
}

/* ── 2. Gray 테마 스타일 대응 ────────────────────────── */
html[data-theme="gray"] #canvas-panel {
    background: #f1f3f4 !important;
    border-left: 1px solid #d0d2d6 !important;
}
html[data-theme="gray"] #canvas-panel .canvas-header {
    background: #e8e9ec !important;
    border-bottom: 1px solid #d0d2d6 !important;
}
html[data-theme="gray"] #canvas-panel .canvas-title {
    color: #202124 !important;
}
html[data-theme="gray"] #canvas-panel .canvas-actions .icon-btn {
    color: #3c4043 !important;
}
html[data-theme="gray"] #canvas-panel .canvas-actions .icon-btn:hover {
    background: rgba(0, 0, 0, 0.06) !important;
}
html[data-theme="gray"] #canvas-panel .canvas-actions .canvas-text-btn {
    color: #1967d2 !important;
    background: rgba(25, 103, 210, 0.08) !important;
}
html[data-theme="gray"] #canvas-panel .canvas-actions .canvas-text-btn:hover {
    background: rgba(25, 103, 210, 0.15) !important;
}