/* 의뢰 현황 보드 — 글자 크기·굵기 정본.
 *
 * 봉대표님 2026-09-07: *"글씨 전체적으로 2px 크게"* · *"전체 font-weight 600, font-size 13px"*
 *
 * ## 왜 CSS 한 곳인가 (클래스 20군데를 고치지 않는 이유)
 *
 * 종전엔 `text-[11px]`(메모·시각·만료) · `text-xs`(이름·건수) · `text-sm`(제목)이 섞여 있었다.
 * 그걸 전부 `text-[13px] font-semibold` 로 바꾸면 **같은 규칙이 20군데에 흩어진다** — 다음에
 * 「1px만 키워」가 오면 그 20군데를 다 찾아야 하고, 하나 빠지면 그 줄만 옛 크기로 남는다.
 * 규칙이 하나면 파일도 하나다.
 *
 * 그래서 뷰에서는 크기·굵기 유틸리티를 **걷어냈다.** 남겨 두면 코드는 11px 이라고 말하는데
 * 화면은 13px 인 «거짓말하는 클래스»가 된다.
 *
 * ## 특정성 — 왜 이게 Tailwind 를 이기나
 *
 *   `.text-xs`        = (0,1,0)
 *   `#broker-board *` = (1,0,0)   ← id 하나가 클래스 전부를 이긴다
 *
 * ## 공용 부품(`.db-badge`·`.db-btn`)은 위 규칙에서 뺀다 — 각자 다루기 때문
 *
 * 한 덩어리로 13px 을 먹이면 뱃지 pill 과 22px 버튼이 같이 부푼다. 그래서 위 규칙에선
 * 빼 두고, 필요한 것만 아래에서 **명시적으로** 정한다. 지금은 뱃지만 해당한다.
 *
 * ## 뱃지 — 판 안에서만 10px → 12px (봉대표님 2026-09-07 *"뱃지 크기는 키우고"*)
 *
 * 본문이 13px 이 되니 `.db-badge--sm`(10px)만 남아 혼자 작아 보였다. 「글씨 전체적으로
 * 2px 크게」를 뱃지에도 그대로 적용해 12px — 공용 `.db-badge` 기본 크기와 같은 값이다.
 * 본문(13px)보다는 여전히 작아서 «칩» 으로 읽힌다.
 *
 * ⚠️ 공용 CSS(`shared_badge.css`)를 고치지 않는다. `.db-badge--sm` 은 고객관리·표·그리드가
 *    같이 쓰는 부품이라, 거기서 키우면 이 요청과 무관한 화면들이 같이 움직인다. 그래서
 *    범위를 `#broker-board` 안으로 못박는다 — 특정성 (1,0,1) 이 `.db-badge--sm`(0,1,0)을 이긴다.
 *
 * ⚠️ padding 은 안 건드린다(`--sm` 의 2px 6px 그대로). 글자만 키워도 pill 은 따라 커지고,
 *    padding 까지 손대면 행 높이가 같이 움직여 목록에 몇 줄이 들어가는지가 바뀐다.
 *    그건 요청 밖이다. 「눌린 것처럼 보인다」면 그때 재서 정한다.
 *
 * ⚠️ 버튼(`db-btn--xs` = 글줄에 끼우는 22px, 조이 확정)은 그대로 둔다 — 요청에 없다.
 */
#broker-board,
#broker-board *:not(.db-badge):not(.db-btn) {
  font-size: 13px;
  font-weight: 600;
}

#broker-board .db-badge {
  font-size: 12px;
}

/* ── 매물유형 탭 (봉대표님 2026-09-09) ──────────────────────────────────────
 * *"라벨이랑 검색바와 같은 라인에 만들어라"*
 *
 * 공용 `.db-tabs` 는 `flex-wrap: wrap` 이다(shared_filter_tabs.css) — 전폭 화면에서
 * 두 줄로 쌓여도 괜찮은 자리를 위해 그렇게 서 있다. 그런데 여기는 **반쪽 패널 헤더**이고
 * 같은 줄에 검색바(170px)·건수·완료/철회가 이미 서 있다. 감싸면 줄이 늘어 「같은 라인」이
 * 깨지고, 안 감싸면 검색바를 밀어낸다.
 * → 이 화면에서만 한 줄로 눕히고, 넘치면 **가로로 스크롤**한다(감싸는 상자가
 *   `min-w-0 overflow-x-auto` 라 그 안에 갇힌다 — _section.html.erb 헤더).
 * ⚠️ 공용 시트는 안 고친다 — 다른 소비자(매물 목록)는 감싸는 쪽이 맞다.
 */
#broker-board .db-tabs {
  flex-wrap: nowrap;
  padding: 2px;
}
/* 위 `#broker-board *` 규칙이 굵기를 600 으로 밀어 **활성/비활성이 같은 굵기**가 된다.
 * 흰 알약 배경으로 구분은 되지만 이 부품은 원래 굵기로도 갈랐다 — 되돌려 준다. */
#broker-board .db-tab {
  font-weight: 500;
  padding: 4px 10px;
}
#broker-board .db-tab.tab--on {
  font-weight: 600;
}