/* 접수일자·동·호수 확인창 — /admin 과 /center 가 함께 쓴다.
 *
 * 색을 직접 박지 않는 까닭: 두 화면의 팔레트가 다르다. 관리자는 파란 --mw-* 를, 센터는 따뜻한
 * --warm-* 을 쓴다. 그래서 따뜻한 토큰을 먼저 적고 없을 때 쓸 값으로 --mw- 토큰을 겹쳐 적는다
 * (activity-log.css·account-ui.css 가 이미 쓰는 방식 그대로). 어두운 화면도 두 팔레트가 각자
 * 토큰을 바꿔 주므로 여기서 따로 다룰 것이 없다. */

.mw-vc-backdrop {
  display: none;
  position: fixed; inset: 0; z-index: 1600;   /* 다른 확인창(1400)보다 위 — 그 위에 겹쳐 떠야 한다 */
  background: rgba(0, 0, 0, .45);
  align-items: center; justify-content: center;
  padding: 16px; box-sizing: border-box;
}
.mw-vc-backdrop.active { display: flex; }

.mw-vc-box {
  width: 100%; max-width: 460px; max-height: 84vh; overflow-y: auto;
  box-sizing: border-box; padding: 20px;
  border-radius: 14px;
  background: var(--warm-card, var(--mw-surface));
  border: 1px solid var(--warm-line, var(--mw-line));
  color: var(--warm-ink, var(--mw-ink));
  box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
}
.mw-vc-box h3 { margin: 0 0 6px; font-size: 16px; }
.mw-vc-note {
  margin: 0 0 14px; font-size: 12.5px; line-height: 1.65;
  color: var(--warm-sub, var(--mw-muted));
}

/* 시스템이 이미 맞춰 놓은 것 — 알리기만 한다(고칠 것이 없다). */
.mw-vc-fixed-in {
  margin-bottom: 14px; padding: 10px 12px; border-radius: 10px;
  font-size: 12.5px; line-height: 1.7;
  background: var(--warm-bg, var(--mw-surface-sunken));
  border: 1px solid var(--warm-line, var(--mw-line));
}
.mw-vc-fixed-in b { display: block; margin-bottom: 4px; font-size: 12px; }
.mw-vc-fixed-in s { color: var(--warm-sub, var(--mw-muted)); }

/* 사람이 판단해야 하는 것 */
.mw-vc-list { display: flex; flex-direction: column; gap: 12px; }
.mw-vc-item {
  padding: 12px; border-radius: 10px;
  background: var(--mw-warn-soft);
  border: 1px solid var(--mw-warn, var(--mw-warn-ink));
}
.mw-vc-head { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; font-size: 13.5px; }
.mw-vc-raw { font-size: 11.5px; color: var(--mw-warn-ink); font-variant-numeric: tabular-nums; }
.mw-vc-why { margin-top: 5px; font-size: 12.5px; line-height: 1.6; color: var(--mw-warn-ink); }
.mw-vc-input { display: flex; align-items: center; gap: 8px; margin-top: 9px; }
.mw-vc-input > span { flex: 0 0 auto; font-size: 12px; font-weight: 700; }
.mw-vc-input > input {
  flex: 1 1 auto; min-width: 0; height: 36px; padding: 0 10px; box-sizing: border-box;
  font-family: inherit; font-size: 13.5px;
  border-radius: 8px;
  background: var(--warm-card, var(--mw-surface));
  border: 1px solid var(--warm-line, var(--mw-line));
  color: var(--warm-ink, var(--mw-ink));
}

/* 단추 — 「이대로 맞습니다」와 「고쳐서 넣기」가 나란히. 폭이 모자라면 세로로 쌓인다. */
.mw-vc-btns { display: flex; gap: 8px; margin-top: 16px; flex-wrap: wrap; justify-content: flex-end; }
.mw-vc-btns .btn { width: auto; }
@media (max-width: 420px) {
  .mw-vc-btns { flex-direction: column-reverse; }
  .mw-vc-btns .btn { width: 100%; }
}

/* ---- 엑셀 업로드 미리보기 줄에 붙는 표시 ----
   관리자·센터 두 업로드 화면이 같은 표시를 쓴다. 막지 않고 알리기만 한다 — 「W7」처럼 진짜로
   그렇게 부르는 동이 있고, 예전 자료를 그대로 옮겨오는 길이라 되돌아가 고칠 수 없는 경우도 있다.
   까닭은 툴팁(title)에 들어 있다 — 수백 줄에 설명을 다 펼치면 목록을 읽을 수 없다. */
.reg-odd-badge, .reg-fixed-badge {
  display: inline-block; padding: 1px 6px; border-radius: 8px;
  font-size: 10.5px; font-weight: 700; cursor: help; white-space: nowrap;
}
/* 「확인필요」는 채운 색으로 눈에 먼저 들어오게 한다. 글자색을 흰색으로 박지 않는 까닭은
   --mw-warn-ink 가 어두운 화면에서 밝은 금색으로 뒤집히기 때문이다(--mw-surface 는 딱 그만큼
   반대로 뒤집히므로 양쪽에서 읽힌다 — .rework-pill 과 같은 규칙). */
.reg-odd-badge { background: var(--mw-warn-ink); color: var(--mw-surface); }
.reg-fixed-badge { background: var(--mw-warn-soft); color: var(--mw-warn-ink); border: 1px solid var(--mw-warn-ink); }
.reg-row-date {
  margin-left: 6px; font-size: 11.5px; font-variant-numeric: tabular-nums;
  color: var(--warm-sub, var(--mw-muted));
}