#cs-rules .cr-section { margin-bottom:20px; padding:16px; border:1px solid var(--c-border); border-radius:12px; background:var(--card); }
#cs-rules h3 { font-size:16px; color:var(--c-primary); margin:0 0 12px; }
/* 매핑 카드 머리줄의 제목은 아래 여백 없이 칩·버튼과 한 줄 가운데로 선다 — 위 규칙(id 선택자)이 conv_map.css의
   `.cm-head h3 { margin:0 }`를 이겨 h3에 12px 아래 여백이 붙고, 가운데 정렬 기준이 6px 내려가 «확정 전» 칩이
   제목보다 처져 보였다(2026-10-02 지적 "확정 전 : 미정 48칸 칩 위치가 정렬이 안되어 있어"). */
#cs-rules .cm-head h3 { margin:0; }
.cr-defaults { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.cr-defaults label { font-size:13px; font-weight:600; }
.cr-defaults select { display:block; width:100%; margin-top:6px; }
.cr-defaults small { display:block; margin-top:6px; color:var(--muted); font-size:11px; font-weight:400; line-height:1.45; }
.cr-baseline, .cr-save { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.cr-baseline { margin-top:12px; }
.cr-baseline > .lb { font-size:13px; font-weight:600; color:#4B5563; }
/* 전환 원천 고르기 = 다른 화면(스냅샷 설정·이미지 보기)과 같은 세그먼트 토글 부품 — 버튼 + 켠 것만 .primary.
   레이아웃 규칙만 이 화면으로 옮겨 온다(styles.css의 `.cfg-row .seg`와 같은 값, 새 부품이 아니다). */
#cs-rules .cr-baseline .seg { display:inline-flex; gap:3px; flex-wrap:wrap; }
#cs-rules .cr-baseline .seg button { font-size:12.5px; padding:7px 11px; }
#cs-rules .cr-warn { color:var(--c-warn); font-weight:600; }
/* 세그먼트 옆 부가 표기(옛 표의 'GA4 · 연결 광고주 N곳') — 버튼 줄과 같은 높이로 붙는다 */
#cs-rules .cr-baseline .cr-seg-note { align-self:center; color:var(--muted); font-size:11.5px; }
#cs-rules .cr-baseline [data-cr-store-reg] { font-size:12.5px; padding:7px 11px; }
#cs-rules input[type=checkbox] { width:16px; height:16px; margin:0; flex-shrink:0; }
.cr-table { width:100%; table-layout:fixed; }
.cr-table th,.cr-table td { text-align:left; white-space:normal; overflow-wrap:anywhere; font-size:12px; vertical-align:middle; }
.cr-table small { display:block; color:var(--muted); margin-top:5px; }
.cr-table td label { display:flex; gap:5px; align-items:center; }
.cr-table th:last-child { width:92px; }
.cr-table button { white-space:nowrap; min-width:56px; }
/* 기본 설정 카드 **안**의 맨 아랫줄 — 무엇을 저장하는 버튼인지 보이게 (2026-09-21 지적).
   바꾼 것이 없으면 통째로 숨는다(같은 날 "해당 영역은 필요없을거 같아") — `.cr-save`가 flex라
   `[hidden]`의 기본 display:none을 덮으므로 여기서 다시 눌러 준다. */
.cr-save { justify-content:flex-end; margin:14px 0 0; padding-top:12px; border-top:1px solid var(--c-border); }
.cr-save[hidden] { display:none; }
.cr-save #cr-status { margin-right:auto; color:var(--muted); font-size:12px; }
@media(max-width:820px){ .cr-defaults{grid-template-columns:1fr;} .cr-table,.cr-table tbody,.cr-table tr,.cr-table td{display:block;width:100%;box-sizing:border-box;} .cr-table thead{display:none;} .cr-table tr{margin:12px 0;border:1px solid var(--c-border);border-radius:8px;padding:8px;} .cr-table td{border:0;padding:6px;} .cr-table td::before{content:attr(data-label);display:block;color:var(--c-primary);font-weight:600;margin-bottom:4px;} .cr-save button{width:100%;} }

.cr-report-unavailable > :not(.ad-filters):not([data-cr-report-state]):not([data-cr-mode-notice]) { display:none !important; }