@charset "utf-8";

/*
 * 자동배포 판정 대상 필드 강조 배지
 * dirty_tracker.js 의 markWatchFields() 가 DIRTY_WATCH_FIELDS 정의를 읽어
 * 해당 필드 라벨에 .watch_field_badge 를 동적으로 붙인다.
 *
 * 주의: .f_input 의 label 은 f_input_label_fix 상태에서 scale(0.75) 변환을 받는다.
 *       배지도 함께 축소되므로 아이콘 크기를 그에 맞춰 잡았다.
 */

.watch_field_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    border-radius: 50%;
    background: #fdeaea;
    border: 1px solid #f5b9b9;
    vertical-align: middle;
    cursor: help;
}

.watch_field_badge > .ms_o {
    font-size: 12px;
    line-height: 1;
    color: #d63535;
}

/* 체크박스 그룹은 그룹 제목(.etbb_title)에 표시 — 축소 변환이 없어 살짝 줄인다 */
.etb_box .etbb_title .watch_field_badge {
    width: 16px;
    height: 16px;
}

.etb_box .etbb_title .watch_field_badge > .ms_o {
    font-size: 11px;
}