/* 여기바방 다크 모드 (2026-11-13 사장님 "다크모드 버튼도"). html[data-mode="dark"] 일 때만. 머리말 '다크' 단추로 켜고 끈다 (이 브라우저에 기억).
   원칙: 바탕은 어둡게, 글씨·숫자는 밝고 진하게(대비 충분), '고른 것'은 밝은 바탕+검정 글씨, 지도 위 표시는 늘 검정(지도는 밝으니까). */
html[data-theme="pro"][data-mode="dark"] {
  color-scheme: dark;
  --bg: #0f1115; --card: #171a20; --soft: #1e2228; --gray-soft: #232830;
  --ink: #eef0f3; --ink2: #c9ced6; --mute: #9aa1ab; --faint: #6f7680; --line: #2b3038; --line2: #22262d;
  --gold: #c9a463; --gold-soft: #2a2418; --pin-soft: #2a2418; --blue: #8fb3ff;
  --ok: #7fd1a4; --ok-soft: #16261e; --warn: #f0c27a; --warn-soft: #2b2416; --bad: #ff9a8f; --bad-soft: #2d1a18;
  --depth: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 20px rgba(0, 0, 0, .3);
  --depth-up: 0 2px 6px rgba(0, 0, 0, .45), 0 18px 44px rgba(0, 0, 0, .45);
  background: var(--bg);
}
html[data-theme="pro"][data-mode="dark"] body { background: var(--bg); color: var(--ink); }
html[data-theme="pro"][data-mode="dark"] ::selection { background: #4a3f2a; }

/* 흰 칸들 → 어두운 칸 */
html[data-theme="pro"][data-mode="dark"] :is(.btn, .in, .sel, textarea.in, .chip, .card, .plan, .filters, .tablewrap, .detail, .tile, .land-card, .land-info, .land-areas-box,
  .land-city, .area-block.on, .city-tabs .city, .sb-row, .rc, .maplist .rc, .yb3-sec, .yb3-list, .yb3-room, .offer, .money-field .num, .kind-tabs .chip, .land-area,
  .ask-line, .bar .sel, table.rooms .sel, .modal > div, .yb3-bell, .lc-join .btn, .map-btn.on, .room-search .in, .land-search .in, .mode-btn) {
  background-color: var(--card); color: var(--ink); border-color: var(--line);
}
html[data-theme="pro"][data-mode="dark"] :is(.btn, .chip, .city-tabs .city, .land-area, .sb-row, .mode-btn):hover { background-color: #1f242b; border-color: #3a404a; }
html[data-theme="pro"][data-mode="dark"] :is(.top, .land-top) { background: rgba(15, 17, 21, .95); border-bottom-color: var(--line); }
html[data-theme="pro"][data-mode="dark"] :is(table.rooms th, table.plain th, .filter-bottom, .area-block, .area-dongs, .dnav, .maplist-head) { background: #14171c; color: var(--mute); }
html[data-theme="pro"][data-mode="dark"] .bar { background: var(--bg); }
html[data-theme="pro"][data-mode="dark"] table.rooms tbody tr:nth-child(even) { background: transparent; }
html[data-theme="pro"][data-mode="dark"] table.rooms tbody tr:hover { background: #1c2026; }
html[data-theme="pro"][data-mode="dark"] table.rooms tbody tr.cur { background: #2a2418; box-shadow: inset 3px 0 var(--gold); }
html[data-theme="pro"][data-mode="dark"] :is(.badge, .lc-tag, .land-ent, .land-bank, .seg) { background: var(--gray-soft); color: var(--ink2); border-color: var(--line); }
html[data-theme="pro"][data-mode="dark"] .seg button { color: var(--mute); }
html[data-theme="pro"][data-mode="dark"] .seg button.on { background: #2c323b; color: var(--ink); box-shadow: none; }
html[data-theme="pro"][data-mode="dark"] :is(.chip small, .city-tabs .city small, .area-head small, .area-head .all-tag) { background: #2a2f37; color: var(--ink); border-color: var(--line); }
html[data-theme="pro"][data-mode="dark"] .land-cmp .us { background: #1f232a; }
html[data-theme="pro"][data-mode="dark"] :is(.rv, .land-map, .ybmap) { background: #1a1d23; border-color: var(--line); }
html[data-theme="pro"][data-mode="dark"] .chip.area.part, html[data-theme="pro"][data-mode="dark"] .area-head.part .all-tag { border-color: var(--ink); color: var(--ink); background: var(--card); }
html[data-theme="pro"][data-mode="dark"] .land-pitch { background: linear-gradient(160deg, #222731, #181b21); border: 1px solid var(--line); }
html[data-theme="pro"][data-mode="dark"] .land-stat.gone .land-big b { color: #7aa7ff; }
html[data-theme="pro"][data-mode="dark"] .land-stat.new .land-big b, html[data-theme="pro"][data-mode="dark"] :is(.land-city-h .new, .land-area small) { color: #ff8a7a; }
html[data-theme="pro"][data-mode="dark"] .star { color: #4a505a; }
html[data-theme="pro"][data-mode="dark"] a { color: var(--blue); }
html[data-theme="pro"][data-mode="dark"] :is(.top nav a, .logo, .office-name, .lc-back, .lc-staff, .login-opts a, .tel, a.btn) { color: var(--ink); }
html[data-theme="pro"][data-mode="dark"] .top nav a { color: var(--mute); }
html[data-theme="pro"][data-mode="dark"] .top nav a.on, html[data-theme="pro"][data-mode="dark"] .top nav a:hover { color: var(--ink); background: transparent; }
html[data-theme="pro"][data-mode="dark"] .logo i { box-shadow: inset 0 0 0 6px var(--gold), inset 0 0 0 10px #eef0f3; }

/* '고른 것'·주 단추 = 밝은 바탕 + 검정 글씨 (어두운 바탕에서 가장 잘 보임) */
html[data-theme="pro"][data-mode="dark"] :is(.chip.on, .kind-tabs .chip.on, .city-tabs .city.on, .btn.pri, .btn.dark, .map-btn, .ask-chip, .badge.pin, .avatar, .tabs button.on,
  .area-head.all .all-tag, .bld .n, .lp-cta, .dnav .btn.pri) {
  background: #eef0f3 !important; color: #111318 !important; border-color: #eef0f3 !important;
}
html[data-theme="pro"][data-mode="dark"] :is(.chip.on small, .city-tabs .city.on small, .kind-tabs .chip.on small) { background: rgba(17, 19, 24, .12) !important; color: #111318 !important; }
html[data-theme="pro"][data-mode="dark"] .kind-tabs .chip.on { color: #3b3f47 !important; }
html[data-theme="pro"][data-mode="dark"] .map-btn .ic { color: #8a6a35; }
html[data-theme="pro"][data-mode="dark"] :is(.toast) { background: #eef0f3; color: #111318; }
html[data-theme="pro"][data-mode="dark"] .selbar { background: #23272f; border-color: #353b45; }
html[data-theme="pro"][data-mode="dark"] .selbar > b { color: #fff; }
html[data-theme="pro"][data-mode="dark"] .selbar .btn.pri { background: #eef0f3 !important; color: #111318 !important; }
html[data-theme="pro"][data-mode="dark"] .sb-row.on { border-color: var(--ink); box-shadow: inset 3px 0 var(--ink); }
html[data-theme="pro"][data-mode="dark"] .maplist .rc.cur { outline-color: var(--ink); }

/* 지도 위 표시는 어떤 모드든 검정 (밝은 지도 위에서 보이게) */
html[data-theme="pro"][data-mode="dark"] :is(.mk-b, .mk-c, .mk-area, .mk-me, .mk-dong) { background: #111318; color: #fff; border-color: #fff; }
html[data-theme="pro"][data-mode="dark"] .mk-b::before, html[data-theme="pro"][data-mode="dark"] .mk-me::after { border-top-color: #111318; }
html[data-theme="pro"][data-mode="dark"] .mk-b.on { background: #8a6a35; } html[data-theme="pro"][data-mode="dark"] .mk-b.on::before { border-top-color: #8a6a35; }
html[data-theme="pro"][data-mode="dark"] .mk-dong span { background: rgba(255, 255, 255, .18); color: #fff; }

/* 상세 칸 · 모달 · 휴대폰 미리보기 */
html[data-theme="pro"][data-mode="dark"] .detail header { background: var(--card); border-bottom-color: var(--line); }
html[data-theme="pro"][data-mode="dark"] .modal { background: rgba(0, 0, 0, .6); }
html[data-theme="pro"][data-mode="dark"] .yb-phone { background: #0b0d10; }