/* =======================================================================
   공지사항 상단고정 색상 (PC) — 2026-05-22
   - 7색 화이트리스트, WCAG 2.1 AA 대비비 4.5:1 이상
   - inline style 금지, CSS 클래스 매핑만 사용 (XSS/CSS Injection 차단)
   - 적용처: web/jsp/pc/intro/notice_list.jsp, web/jsp/pc/main.jsp,
            web/jsp/admin/site/manage/notice/list.jsp, .../edit.jsp
   ======================================================================= */

:root {
    --notice-color-default: #212121;
    --notice-color-red:     #D32F2F;
    --notice-color-orange:  #E65100;
    --notice-color-green:   #2E7D32;
    --notice-color-blue:    #1565C0;
    --notice-color-purple:  #6A1B9A;
    --notice-color-gray:    #616161;
}

/* 제목 색상 클래스 — 사용자/메인 공지 영역 */
.text-color-default { color: var(--notice-color-default); }
.text-color-red     { color: var(--notice-color-red);     font-weight: bold; }
.text-color-orange  { color: var(--notice-color-orange);  font-weight: bold; }
.text-color-green   { color: var(--notice-color-green);   font-weight: bold; }
.text-color-blue    { color: var(--notice-color-blue);    font-weight: bold; }
.text-color-purple  { color: var(--notice-color-purple);  font-weight: bold; }
.text-color-gray    { color: var(--notice-color-gray);    font-weight: bold; }

/* 상단고정 행 배경 (은은한 강조) */
.row_priority {
    background-color: #FFF8E1;
}

/* 메인 화면 상단고정 제목 — 볼드 제거 (색상만 유지, 2026-05-29).
   notice_title_priority 는 메인(main.jsp) 전용 클래스라 사용자 목록(list)에는 영향 없음. */
a.notice_title_priority {
    font-weight: normal;
}

/* 좌측 도트(●) — 색상 식별 보조 */
.color_dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
}
.color_dot.color_default { background: var(--notice-color-default); }
.color_dot.color_red     { background: var(--notice-color-red); }
.color_dot.color_orange  { background: var(--notice-color-orange); }
.color_dot.color_green   { background: var(--notice-color-green); }
.color_dot.color_blue    { background: var(--notice-color-blue); }
.color_dot.color_purple  { background: var(--notice-color-purple); }
.color_dot.color_gray    { background: var(--notice-color-gray); }

/* "중요" 텍스트 배지 — 색맹 대응 (색상만으로 의미 전달 금지) */
.badge_priority {
    display: inline-block;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    border-radius: 3px;
    margin-right: 6px;
    vertical-align: middle;
    line-height: 1.4;
}
.badge_priority.color_default { background: var(--notice-color-default); }
.badge_priority.color_red     { background: var(--notice-color-red); }
.badge_priority.color_orange  { background: var(--notice-color-orange); }
.badge_priority.color_green   { background: var(--notice-color-green); }
.badge_priority.color_blue    { background: var(--notice-color-blue); }
.badge_priority.color_purple  { background: var(--notice-color-purple); }
.badge_priority.color_gray    { background: var(--notice-color-gray); }

/* 어드민 편집 폼 컬러 스와치 (라디오 옆 미리보기) */
.color_radios label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-right: 12px;
    cursor: pointer;
}
.color_swatch {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.15);
    vertical-align: middle;
}
.color_swatch.color_default { background: var(--notice-color-default); }
.color_swatch.color_red     { background: var(--notice-color-red); }
.color_swatch.color_orange  { background: var(--notice-color-orange); }
.color_swatch.color_green   { background: var(--notice-color-green); }
.color_swatch.color_blue    { background: var(--notice-color-blue); }
.color_swatch.color_purple  { background: var(--notice-color-purple); }
.color_swatch.color_gray    { background: var(--notice-color-gray); }