/* 분류별 색상 스타일 */

/* 사이드바 아이템 색상 */
.app-sidebar-item[data-filter="TODO"],
.app-sidebar-item[data-filter="할일"] {
    border-left: 4px solid #FF6B6B;
}

.app-sidebar-item[data-filter="TODO"] .icon,
.app-sidebar-item[data-filter="할일"] .icon {
    color: #FF6B6B;
}

.app-sidebar-item[data-filter="TODO"] .app-sidebar-item-count,
.app-sidebar-item[data-filter="할일"] .app-sidebar-item-count {
    background: rgba(255, 107, 107, 0.1);
    color: #FF6B6B;
}

.app-sidebar-item[data-filter="IDEA"],
.app-sidebar-item[data-filter="아이디어"] {
    border-left: 4px solid #4ECDC4;
}

.app-sidebar-item[data-filter="IDEA"] .icon,
.app-sidebar-item[data-filter="아이디어"] .icon {
    color: #4ECDC4;
}

.app-sidebar-item[data-filter="IDEA"] .app-sidebar-item-count,
.app-sidebar-item[data-filter="아이디어"] .app-sidebar-item-count {
    background: rgba(78, 205, 196, 0.1);
    color: #4ECDC4;
}

.app-sidebar-item[data-filter="INFO"],
.app-sidebar-item[data-filter="INFORMATION"],
.app-sidebar-item[data-filter="정보"] {
    border-left: 4px solid #45B7D1;
}

.app-sidebar-item[data-filter="INFO"] .icon,
.app-sidebar-item[data-filter="INFORMATION"] .icon,
.app-sidebar-item[data-filter="정보"] .icon {
    color: #45B7D1;
}

.app-sidebar-item[data-filter="INFO"] .app-sidebar-item-count,
.app-sidebar-item[data-filter="INFORMATION"] .app-sidebar-item-count,
.app-sidebar-item[data-filter="정보"] .app-sidebar-item-count {
    background: rgba(69, 183, 209, 0.1);
    color: #45B7D1;
}

.app-sidebar-item[data-filter="EMOTION"],
.app-sidebar-item[data-filter="감정"] {
    border-left: 4px solid #FFA07A;
}

.app-sidebar-item[data-filter="EMOTION"] .icon,
.app-sidebar-item[data-filter="감정"] .icon {
    color: #FFA07A;
}

.app-sidebar-item[data-filter="EMOTION"] .app-sidebar-item-count,
.app-sidebar-item[data-filter="감정"] .app-sidebar-item-count {
    background: rgba(255, 160, 122, 0.1);
    color: #FFA07A;
}

.app-sidebar-item[data-filter="PROJECT"],
.app-sidebar-item[data-filter="프로젝트"] {
    border-left: 4px solid #9B59B6;
}

.app-sidebar-item[data-filter="PROJECT"] .icon,
.app-sidebar-item[data-filter="프로젝트"] .icon {
    color: #9B59B6;
}

.app-sidebar-item[data-filter="PROJECT"] .app-sidebar-item-count,
.app-sidebar-item[data-filter="프로젝트"] .app-sidebar-item-count {
    background: rgba(155, 89, 182, 0.1);
    color: #9B59B6;
}

.app-sidebar-item[data-filter="MEETING"],
.app-sidebar-item[data-filter="회의"] {
    border-left: 4px solid #F39C12;
}

.app-sidebar-item[data-filter="MEETING"] .icon,
.app-sidebar-item[data-filter="회의"] .icon {
    color: #F39C12;
}

.app-sidebar-item[data-filter="MEETING"] .app-sidebar-item-count,
.app-sidebar-item[data-filter="회의"] .app-sidebar-item-count {
    background: rgba(243, 156, 18, 0.1);
    color: #F39C12;
}

.app-sidebar-item[data-filter="PROMPT"],
.app-sidebar-item[data-filter="프롬프트"] {
    border-left: 4px solid #E91E63;
}

.app-sidebar-item[data-filter="PROMPT"] .icon,
.app-sidebar-item[data-filter="프롬프트"] .icon {
    color: #E91E63;
}

.app-sidebar-item[data-filter="PROMPT"] .app-sidebar-item-count,
.app-sidebar-item[data-filter="프롬프트"] .app-sidebar-item-count {
    background: rgba(233, 30, 99, 0.1);
    color: #E91E63;
}

.app-sidebar-item[data-filter="REFERENCE"],
.app-sidebar-item[data-filter="참고"] {
    border-left: 4px solid #16A085;
}

.app-sidebar-item[data-filter="REFERENCE"] .icon,
.app-sidebar-item[data-filter="참고"] .icon {
    color: #16A085;
}

.app-sidebar-item[data-filter="REFERENCE"] .app-sidebar-item-count,
.app-sidebar-item[data-filter="참고"] .app-sidebar-item-count {
    background: rgba(22, 160, 133, 0.1);
    color: #16A085;
}

/* 기타 분류는 숨김 */
.app-sidebar-item[data-filter="OTHER"],
.app-sidebar-item[data-filter="기타"] {
    display: none !important;
}

/* 노트 카드에 색상 적용 */
.note-type {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
    background: transparent;
    border: none;
    white-space: nowrap;
}

.note-type:hover {
    background: rgba(0, 0, 0, 0.06);
}

/* 뱃지 안 아이콘 */
.note-type-icon-badge {
    font-size: 14px;
    line-height: 1;
}

/* 기본 분류 색상 (배경/테두리 제거, 텍스트 색상만 유지) */
/* sidebar.css의 background 색상보다 나중에 로드되지만 구체성이 같아야 이김 */
.note-type.type-TODO,
.note-type.type-IDEA,
.note-type.type-INFO,
.note-type.type-INFORMATION,
.note-type.type-EMOTION,
.note-type.type-PROJECT,
.note-type.type-MEETING,
.note-type.type-PROMPT,
.note-type.type-REFERENCE,
.note-type.type-할일,
.note-type.type-아이디어,
.note-type.type-정보,
.note-type.type-감정,
.note-type.type-프로젝트,
.note-type.type-회의,
.note-type.type-프롬프트,
.note-type.type-참고 {
    background: transparent !important;
    border: none !important;
}

.note-type.type-TODO,
.note-type.type-할일 {
    color: #FF6B6B;
}

.note-type.type-IDEA,
.note-type.type-아이디어 {
    color: #4ECDC4;
}

.note-type.type-INFO,
.note-type.type-INFORMATION,
.note-type.type-정보 {
    color: #45B7D1;
}

.note-type.type-EMOTION,
.note-type.type-감정 {
    color: #FFA07A;
}

.note-type.type-PROJECT,
.note-type.type-프로젝트 {
    color: #9B59B6;
}

.note-type.type-MEETING,
.note-type.type-회의 {
    color: #F39C12;
}

.note-type.type-PROMPT,
.note-type.type-프롬프트 {
    color: #E91E63;
}

.note-type.type-REFERENCE,
.note-type.type-참고 {
    color: #16A085;
}

/* 사용자 정의 분류 색상 (텍스트 색상만 유지) */
/* AI코딩 */
.note-type.type-USER_11_E1F7B874 { color: #3498DB; }
/* AIBOT */
.note-type.type-USER_11_C495181F { color: #9B59B6; }
/* 서버정보 */
.note-type.type-USER_11_7F2B0368 { color: #34495E; }
/* AI고객관리 */
.note-type.type-USER_11_BB8F39ED { color: #1ABC9C; }
/* 온스테이지 */
.note-type.type-USER_11_5B885F73 { color: #E67E22; }
/* 지원사업 */
.note-type.type-USER_11_3662463D { color: #E74C3C; }
/* 역노화 */
.note-type.type-USER_11_CA741DAA { color: #2ECC71; }
/* 가족정보 */
.note-type.type-USER_11_C554A79C { color: #F1C40F; }
/* OneBot */
.note-type.type-USER_11_8B69E7A2 { color: #3498DB; }
/* AI노트 */
.note-type.type-USER_11_D4E8F1A3 { color: #9B59B6; }
/* 선거사업 */
.note-type.type-USER_11_E9A7B2C4 { color: #E74C3C; }
/* 문자솔루션 */
.note-type.type-USER_11_F8B3C5D6 { color: #34495E; }

/* 사용자 정의 분류 색상 (JavaScript로 동적 적용) */
.note-type[class*="type-USER_"] {
    /* JavaScript가 동적으로 색상 적용 */
}

/* 특정 타입이 매칭되면 위의 규칙이 우선 적용됨 */