b, strong { font-weight: var(--w-strong); }

:root[data-theme="light"] {
    --tab-on-bg: rgba(30, 64, 175, 0.07);   /* [0928 밤] 켜진 탭 - 밝은 쪽 짝 */
    --tab-on-fg: #1E3A8A;
    --tab-on-line: #1E40AF;

    --s-app:      #FFFFFF;
    --s-sunken:   #FFFFFF;   /* [1006] 대표님 '바탕이 몇 겹이니 … 여러겹일 이유가 없지 않니' - 눌린 면도 흰색(칸은 테두리 한 줄로 가른다) */
    --s-card:     #FFFFFF;
    --s-raised:   #FFFFFF;
    --s-hover:    rgba(15, 23, 42, 0.04);

    --line-1: rgba(15, 23, 42, 0.08);
    --line-2: rgba(15, 23, 42, 0.14);
    --line-3: rgba(15, 23, 42, 0.26);

    --focus: #0284C7;
    --focus-ring: 0 0 0 3px rgba(2, 132, 199, 0.18);

    --c-white:      #222222;    /* 흰 바탕에서는 '흰 글씨' 자리가 검은 글씨가 된다 · [1004] 순검정·남색검정 대신 짙은 회색(네이버·직방 본문 꼴) */
    --c-text-dim:   #64748B;
    --c-red-soft:   #DC2626;
    --c-ink-2:      #F1F5F9;
    --c-red-pale:   #EF4444;
    --c-ink-deep:   #FFFFFF;
    --c-amber-soft: #B45309;
    --c-sky-soft:   #0369A1;
    --rgb-ink:       255, 255, 255;
    --rgb-overlay:   15, 23, 42;
    --c-on-primary: #FFFFFF;   /* 남색 바탕 위 글자는 밝은 화면에서도 흰색(일부러 같다 - test_light_theme_ready 봐줌) */
    --c-kakao:      #FEE500;   /* [1008] 카카오 로그인 단추 바탕 - 그 회사 표시 빛깔이라 두 화면에서 일부러 같다(--c-amber-5 는 밝은 화면에서 #807300 올리브로 짙어져 로그인 단추가 탁했다) */
    --c-on-kakao:   #191919;   /* [1008] 카카오 노랑 위 글자 - 일부러 같다 */
    --c-naver:      #03C75A;   /* [1008] 네이버 로그인 단추 바탕 - 그 회사 표시 빛깔, 일부러 같다(--c-green-7 은 밝은 화면에서 #02883D) */
    --c-on-naver:   #FFFFFF;   /* [1008] 네이버 초록 위 글자 - 일부러 같다 */
    --c-on-tint:    #FFFFFF;   /* [1007] 밝은 화면의 초록·청록·주황 채움은 짙다 - 그 위 글자는 흰색(어두운 화면은 남색검정) */
    --c-paper:      #FFFFFF;   /* [1007] 인쇄 종이 - 일부러 같다(test_light_theme_ready 봐줌) */
    --c-paper-ink:  #111111;   /* [1007] 인쇄 종이 글자 - 일부러 같다 */
    --rgb-ink-2:     255, 255, 255;   /* [1006] 둘째 바탕(판 38곳의 옅은 회색 덧칠)도 흰색 - 바탕은 한 겹 */
    --rgb-ink-deep:  255, 255, 255;
    --c-green-1:       #188640;
    --c-green-2:       #1D8660;
    --c-indigo-1:      #0C6DF5;
    --c-gray-1:        #6D7787;
    --c-teal-1:        #0B7EB2;
    --c-green-3:       #168358;
    --c-amber-1:       #8C7102;
    --c-blue-1:        #0471EB;
    --c-blue-2:        #1A6DF4;
    --c-green-4:       #178740;
    --c-purple-1:      #0B6EF9;
    --c-blue-3:        #5665F6;
    --c-indigo-2:      #0F6DF1;
    --c-orange-1:      #BE5804;
    --c-blue-4:        #090D16;
    --c-gray-2:        #757575;
    --c-red-1:         #E80D33;
    --c-blue-5:        #0369A1;
    --c-blue-6:        #497AAB;
    --c-blue-7:        #057AB7;
    --c-blue-8:        #497AAB;
    --c-blue-9:        #2563EB;
    --c-gray-3:        #000;
    --c-teal-2:        #067DB1;
    --c-green-5:       #12873C;
    --c-blue-10:       #FFFFFF;
    --c-blue-11:       #0871F2;
    --c-pink-1:        #E3127F;
    --c-blue-12:       #627693;
    --c-amber-2:       #917002;
    --c-blue-13:       #1D4ED8;
    --c-blue-14:       #FFFFFF;
    --c-gray-4:        #757575;
    --c-blue-15:       #060913;
    --c-orange-2:      #B55E03;
    --c-blue-17:       #5A779B;
    --c-blue-18:       #6B778F;
    --c-pink-2:        #E2187C;
    --c-blue-19:       #6B7789;
    --c-indigo-3:      #086CF8;
    --c-red-2:         #DC2626;
    --c-blue-20:       #5577A5;
    --c-blue-21:       #64748B;
    --c-blue-22:       #FFFFFF;
    --c-red-3:         #3F2A2A;
    --c-orange-3:      #B45309;
    --c-blue-23:       #1F2937;
    --c-orange-4:      #9D6934;
    --c-amber-3:       #947105;
    --c-lime:          #4D7C0F;
    --c-teal-chip:        #0F766E;
    --c-red-4:         #E90C0C;
    --c-blue-24:       #027CBB;
    --c-blue-25:       #334155;
    --c-gray-5:        #000000;
    --c-blue-26:       #6063F1;
    --c-red-5:         #7F1D1D;
    --c-blue-27:       #F8FAFC;
    --c-gray-6:        #111;
    --c-gray-7:        #555;
    --c-amber-4:       #8C7003;
    --c-blue-28:       #106EF5;
    --c-orange-5:      #A26807;
    --c-green-6:       #12873D;
    --c-blue-29:       #DBEAFE;
    --c-gray-8:        #757575;
    --c-purple-2:      #0F6EF4;
    --c-blue-30:       #FFFFFF;
    --c-teal-3:        #0B8193;
    --c-red-6:         #EB1414;
    --c-red-7:         #E11D48;
    --c-blue-31:       #F1F5F9;
    --c-blue-32:       #FFFFFF;
    --c-teal-4:        #ECFDF5;
    --c-lime-1:        #557F10;
    --c-blue-33:       #4867F9;
    --c-red-8:         #E90727;
    --c-amber-5:       #807300;
    --c-gray-9:        #191919;
    --c-green-7:       #02883D;
    --c-green-8:       #04120C;
    --c-green-9:       #128751;
    --c-green-10:      #04220F;
    --c-blue-34:       #F1F5F9;
    --c-gray-10:       #666;
    --c-blue-35:       #3867FF;
    --c-gray-11:       #757575;
    --c-indigo-4:      #1362CF;
    --c-blue-36:       #111827;
    --c-green-11:      #118838;
    --c-blue-37:       #4B5563;
    --c-gray-12:       #333;
    --c-gray-13:       #757575;
    --c-orange-6:      #966D03;
    --c-indigo-5:      #4F46E5;
    --c-teal-5:        #0B835C;
    --c-orange-7:      #C25205;
    --c-teal-6:        #04855D;
    --c-blue-38:       #5B779F;
    --c-our-row-bg:    #FFF6E5;    /* [1020] 매물표 우리 매물 줄 바탕 - 옅은 호박색(1004 옅은 파랑 #EEF4FD 바꿈), 타사는 흰 바탕 */
    --c-cobroker-row-bg: #ECF8F0;  /* [1020] 매물표 타 사무소 접수(공동중개) 줄 바탕 - 연한 초록(1019 옅은 호박색은 우리 줄로) */
    --c-our-ad:        #6D28D9;    /* [1011] 타사 줄 '우리 광고' 띠 글자(보라) */
    --c-our-ad-bg:     #F3EEFF;    /* [1011] 그 띠 바탕(옅은 보라) */
    --c-blue-39:       #FFFFFF;   /* [1006] 표 앞 붙박이 네 칸의 바탕 - 회색이면 그 네 칸만 다른 겹으로 보인다 */
    --c-blue-40:       #475569;
    --c-blue-41:       #F1F5F9;
    --c-indigo-6:      #066BF7;
    --c-red-9:         #FEF2F2;
    --c-ink:        #FFFFFF;
    --c-line-mid:   #CBD5E1;
    --c-text-mute:  #94A3B8;
    --c-sky:        #0284C7;
    --c-line-soft:  #E2E8F0;
    --c-amber:      #B45309;
    --c-green:      #047857;
    --c-text-soft:  #333333;
    --c-text-calm:  #334155;
    --c-red:        #DC2626;

    --text-primary:   #222222;   /* [1004] 대표님 '네이버 처럼 날씬한 글자는 못하는거니' · '작은글자는 진하게 큰 글자는 회색을 섞어서' - 네이버·직방·구글·당근·포스 모두 본문이 남색검정이 아니라 짙은 회색(#222~#333)이다 */
    --text-secondary: #334155;
    --text-muted:     #5B6472;   /* [1004] 작은 보조 글은 한 단계 진하게(대표님 '작은글자는 진하게') */
    --bg-primary:     #FFFFFF;

    --bg-primary:   #FFFFFF;
    --bg-secondary: rgba(248, 250, 252, 0.92);
    --bg-card:      rgba(255, 255, 255, 0.92);
    --bg-glass:     rgba(255, 255, 255, 0.82);
    --border-glass: rgba(15, 23, 42, 0.10);

    --accent-blue:   #1D4ED8;
    --accent-cyan:   #0E7490;
    --accent-green:  #047857;
    --accent-purple: #1D56A6;
    --accent-red:    #DC2626;
    --accent-yellow: #B45309;

    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 4px 10px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.10);

    --c-cyan-pale:       #0E7490;   /* 옅은 하늘 글자 - 검색칸 돋보기·임시저장 딱지 */
    --c-red-pale-2:      #B91C1C;   /* 옅은 빨강 글자 - 지우기 단추 hover */
    --c-blue-pale:       #1D4ED8;   /* 옅은 파랑 글자 - 내 일감 딱지 */
    --c-indigo-pale:     #4338CA;   /* 옅은 남색 글자 - 고른 수 세기 */
    --c-purple-pale:     #1C57AA;   /* 옅은 보라 글자 - 관리비 조회 단추 */
    --c-purple-pale-2:   #1C57AA;   /* 옅은 보라 글자 - 정산 프리미엄 합계 */
    --s-app-2:           #FFFFFF;   /* 페이지 바닥 한 겹 - 겹치기 막는 단색 바탕 */
    --s-card-2:          #FFFFFF;   /* 카드 단색 바탕(반투명이면 글이 겹쳐 보인다) */
    --s-raised-2:        #F1F5F9;   /* 떠 있는 면 - 표 줄 hover */
    --s-raised-3:        #E2E8F0;   /* 떠 있는 면 - 단추 hover */
    --s-raised-4:        #F8FAFC;   /* 떠 있는 면 - 일감 판 */
    --s-raised-5:        #F1F5F9;   /* 떠 있는 면 - 일감 줄 */
    --c-warn-box:        #FFFBEB;   /* 주의 상자 바탕(확장 안내) */

    --c-newrow-bg:   rgba(249, 115, 22, 0.05);
    --c-newrow-text: #9A3412;
    --sb-track:      rgba(15, 23, 42, 0.05);
    --sb-track-2:    rgba(15, 23, 42, 0.07);

    --c-chip-all-text: #0F172A;
    --c-chip-all-bg:   rgba(15, 23, 42, 0.07);

    --c-brand-tiktok: #00F2FE;
    --c-brand-kakao:  #FFCD00;
    --c-brand-mono:   #111827;

    --gradient-primary: linear-gradient(135deg, #1E3A8A, #1E3A8A);
    --gradient-accent:  linear-gradient(135deg, #1D4ED8, #1D4ED8);

    --c-tile-flat:      #E2E8F0;
    --c-tile-flat-text: #334155;
    --c-heat-up-1:   #FDE2E1;
    --c-heat-up-2:   #F6A19C;
    --c-heat-up-3:   #DC2626;
    --c-heat-down-1: #DCE8FB;
    --c-heat-down-2: #93B6F2;
    --c-heat-down-3: #2563EB;
    --c-heat-none:   #F8FAFC;
    --c-heat-ink:    #1F2937;
    --c-heat-ink-on: #FFFFFF;
    --c-heat-edge:   #475569;
    --c-heat-ours:   #D97706;
}


[style*="background:var(--c-ink)"], [style*="background: var(--c-ink)"], [style*="background-color:var(--c-ink)"], [style*="background-color: var(--c-ink)"] { background-color: var(--s-sunken) !important; }
[style*="var(--c-line-mid)"] { border-color: var(--line-2) !important; }
[style*="var(--c-line-soft)"] { border-color: var(--line-2) !important; }
[style*="background:var(--c-blue-4)"], [style*="background: var(--c-blue-4)"], [style*="background-color:var(--c-blue-4)"], [style*="background-color: var(--c-blue-4)"] { background-color: var(--s-sunken) !important; }
[style*="background:var(--c-ink-deep)"], [style*="background: var(--c-ink-deep)"], [style*="background-color:var(--c-ink-deep)"], [style*="background-color: var(--c-ink-deep)"] { background-color: var(--s-sunken) !important; }
[style*="background:var(--c-ink-2)"], [style*="background: var(--c-ink-2)"], [style*="background-color:var(--c-ink-2)"], [style*="background-color: var(--c-ink-2)"] { background-color: var(--s-raised) !important; }

input[type="text"], input[type="number"], input[type="date"],
input[type="password"], input[type="email"], input[type="tel"],
select, textarea {
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
input[type="text"]:hover, input[type="number"]:hover, input[type="date"]:hover,
select:hover, textarea:hover {
    border-color: var(--line-3) !important;
}
input:focus, select:focus, textarea:focus {
    background: rgba(var(--rgb-ink), 0.7) !important;
    border-color: var(--focus) !important;
    box-shadow: var(--focus-ring) !important;
    outline: none !important;
}
input[type="text"], input[type="number"], input[type="date"], input[type="time"],
input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input:not([type]),
select, textarea {
    font-size: var(--칸글자);
    font-weight: var(--w-normal);
    color: var(--c-text-soft);
}
input[readonly], textarea[readonly] { color: var(--c-text-dim); }     /* 저절로 채운 칸은 한 단계 흐리게 */
table input:not([type="checkbox"]):not([type="radio"]), table select, table textarea { font-size: var(--칸글자-표); }
::placeholder { color: var(--c-text-mute); opacity: 1; font-weight: var(--w-normal); }
label { font-weight: var(--w-normal); }

.card, .settings-section, .settle-input-panel {
    background: var(--s-card) !important;
    border: 1px solid var(--line-1) !important;
    box-shadow: 0 1px 0 rgba(var(--rgb-overlay), 0.03) inset,
                0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

.settings-table th {
    font-size: 12px;
    text-transform: uppercase;
    background: rgba(148, 163, 184, 0.05) !important;
    color: var(--c-blue-38) !important;
    font-weight: var(--w-strong) !important;
    letter-spacing: 0.2px;
    border-bottom: 1px solid var(--line-2) !important;
}
.settings-table.sticky-cols thead th {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--c-blue-41) !important;
}
.settings-table td { border-bottom: 1px solid var(--line-1) !important; }
.settings-table tbody tr { transition: background-color .12s ease; }
.settings-table tbody tr:hover { background: var(--s-hover) !important; }
.table-container {
    border: 1px solid var(--border-glass);
    background: rgba(var(--rgb-ink), 0.4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    margin-top: 15px;
    box-shadow: inset 0 2px 8px rgba(0,0,0,0.2);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: var(--radius-sm); }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scrollbar-width: thin; scrollbar-color: rgba(148,163,184,0.22) transparent; }
::-webkit-scrollbar {
    width: 10px; height: 10px; }
::-webkit-scrollbar-track {
    border-radius: 6px;
    background: transparent; }
::-webkit-scrollbar-thumb {
    transition: background-color 0.2s ease;
    background: rgba(var(--rgb-overlay), 0.18);
    border-radius: 8px;
    border: 2px solid transparent;
    background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--rgb-overlay), 0.35); background-clip: content-box; }

::selection { background: rgba(56, 189, 248, 0.26); color: var(--c-white); }
:focus-visible { outline: 2px solid rgba(56, 189, 248, 0.55); outline-offset: 2px; }

body {
    font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    background: radial-gradient(at 0% 0%, rgba(37, 99, 235, 0.18) 0px, transparent 50%), 
                radial-gradient(at 100% 0%, rgba(30, 119, 243, 0.15) 0px, transparent 50%), 
                radial-gradient(at 50% 100%, rgba(6, 182, 212, 0.12) 0px, transparent 50%), 
                var(--c-blue-30);
    color: var(--text-primary);
    min-height: 100vh;
    line-height: 1.65;
    overflow-x: hidden;
    background:
        radial-gradient(1200px 520px at 50% -10%, rgba(56, 189, 248, 0.055) 0%, transparent 62%),
        var(--s-app);
    background-attachment: fixed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -0.1px;
}

:root[data-theme="light"] body { background: var(--s-app); }
:root[data-theme="light"] .header { background: var(--s-app); }
:root[data-theme="light"] :is(.header, .tabs, .card, .settings-section, .settle-input-panel, .crm-panel-left, .crm-panel-right, .status-card, .table-container, .premium-search) { box-shadow: none !important; }
:root[data-theme="light"] .tabs { background: var(--s-app); }
:root[data-theme="light"] .tabs, :root[data-theme="light"] .content > .card { border-color: transparent !important; }
:root[data-theme="light"] :is(.card, .table-container) { border: 1px solid var(--c-line-soft) !important; }
:root[data-theme="light"] .table-container { background: transparent; }
:root[data-theme="light"] .premium-search { background: var(--s-app); }
:root[data-theme="light"] .status-card.idle { background: transparent; }
:root[data-theme="light"] * { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }