/* 디자인팀 SVG 공통 (토글용 ▲▼ 문자와 별도) */
img.planner-icon {
    display: inline-block;
    vertical-align: middle;
    object-fit: contain;
}

.planner-icon--sm {
    width: 14px;
    height: 14px;
}

.planner-icon--md {
    width: 20px;
    height: 20px;
}

/* 경고·위험 일정 알림 아이콘 공통 크기 */
.planner-icon--schedule-alert {
    width: 22px;
    height: 22px;
}

.planner-icon--lg {
    width: 28px;
    height: 28px;
}

.planner-sidebar-icon {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    object-fit: contain;
}

/* 어두운 사이드바 위: 검정 벡터를 흰색으로 표시 */
.planner-sidebar-icon--light {
    filter: brightness(0) invert(1);
    opacity: 1;
}

.sidebar .icon:has(.planner-sidebar-icon--light) {
    opacity: 1;
}

.delay-icon .planner-icon,
.delay-icon-small .planner-icon,
.danger-icon .planner-icon {
    display: block;
    object-fit: contain;
}

.milestone-label .planner-icon.milestone-bolt-icon {
    flex-shrink: 0;
}

.img-btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    line-height: 0;
}

.img-btn-icon .planner-icon {
    display: block;
}

.edit-icon .planner-icon {
    vertical-align: text-bottom;
}

.icon-with-img {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.attachment-pill .attachment-ic-wrap {
    display: inline-flex;
    align-items: center;
    margin-right: 4px;
}

.select-pill .remove-btn.img-btn-icon {
    margin-left: 4px;
    vertical-align: middle;
}
.select-pill .remove-btn.img-btn-icon img{
    width: 8px;
}

/* 이슈 보드: Activity 펼침 버튼 — 다운시브 아이콘 정렬 */
.task-card-footer .btn-toggle-activity {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    line-height: 1.2;
    white-space: nowrap;
}

.task-card-footer .btn-toggle-activity .planner-issue-chevron {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    object-fit: contain;
    vertical-align: middle;
}