/* 대상 : 게시판 진행기간·상태 배지 (지시 40)
   출처 : js/overrides/bbs-proc-period.js 가 만든 .ktdi_proc / .ktdi_proc_cat
   이유 : 배지 자체는 시안 sub.css 의 `.board_list .cat.ing`(파랑) / `.cat.done`(회색)을
          그대로 쓴다 — 새로 만들지 않는다. 여기서는 두 가지만 보정한다:
          ① 상세(.post_head .meta)는 .board_list 밖이라 시안 셀렉터가 안 걸린다
          ② 목록 배지와 제목 사이 간격 */

/* ── 상세 — 메타 줄의 [배지] + 진행기간 ───────────────────────── */
.post_head .meta .ktdi_proc {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}
.ktdi_proc_range {
	font-style: normal;
}

/* 🔴 시안 배지 룰이 `.board_list .cat` 로 한정돼 있어 상세엔 안 걸린다 → 같은 값으로 재현 */
.post_head .meta .cat,
.ktdi_proc_block .cat {
	flex-shrink: 0;
	padding: 0.4rem 0.6rem;
	border-radius: 4px;
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1;
	color: var(--main-color, #344dcf);
	background: #eef1f8;
}
.post_head .meta .cat.ing,
.ktdi_proc_block .cat.ing {
	color: #fff;
	background: var(--main-color, #344dcf);
}
.post_head .meta .cat.done,
.ktdi_proc_block .cat.done {
	color: var(--sub-txt-color, #6b7484);
	background: #e6e8ee;
}

/* BBSS005 처럼 .meta 가 없는 스킨 — 본문 위 한 줄로 */
.ktdi_proc_block {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0 0 1rem;
	font-size: 0.95rem;
}

/* ── 목록 — 제목 앞 배지 ───────────────────────────────────────── */
.board_list .board_title .ktdi_proc_cat {
	margin-right: 0.15rem;
}

/* ── 메인 주요소식 D-day 배지 — 2026-09-28 발주처 ───────────────────────────
   대상 : main.html .update_list .tag_row(태그 + D-day)
   변경 : 게시판 태그 옆에 D-n / D-DAY 배지. 첫 칸(파란 카드)은 흰 글씨. 문구는 서버(MainAdvice) 계산. */
.update_list .tag_row { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; }
.update_list .dday {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--main-color);
  border: 1px solid currentColor;
  border-radius: 6px;
  padding: 0.1rem 0.4rem;
}
.update_list > li:first-child .dday { color: #fff; }
@media screen and (max-width: 1200px) { .update_list .dday { font-size: 0.8rem; } }