/* ===== 타이어ERP 오로라 글래스(Aurora Glass) 다크 테마 — 전 화면 공통 ===== */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{
 --bg:#0b1020;--card:rgba(255,255,255,.05);--card2:rgba(255,255,255,.08);
 --line:rgba(255,255,255,.13);--ink:#eaf0ff;--sub:#93a1c4;--mut:#93a1c4;--dim:#7784A6;
 --blue:#8b7bff;--accent:#8b7bff;--accent2:#8fb2ff;--ok:#33e0b0;--warn:#ffcf5c;--bad:#ff7a90;--ship:#38d6e6;
 --grad:linear-gradient(135deg,#8b7bff,#38d6e6);--disp:'Space Grotesk','Pretendard',sans-serif;
 --panel:#10182e;--panel2:#141b30;
}
html{background:#0b1020}
body{background:#0b1020;color:var(--ink);font-family:'Pretendard','Malgun Gothic','Apple SD Gothic Neo',sans-serif;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;
 background-image:radial-gradient(600px 380px at 10% -6%,rgba(139,123,255,.28),transparent 60%),
  radial-gradient(560px 420px at 100% 0%,rgba(56,214,230,.18),transparent 58%),
  radial-gradient(700px 500px at 50% 120%,rgba(51,224,176,.14),transparent 60%);
 background-attachment:fixed}
h1{letter-spacing:-.3px;color:var(--ink)}
h1,h2,h3{color:var(--ink)}
.chip .v,.kpi .v,.kpi .num{font-family:var(--disp)}

/* ── 카드: 반투명 유리 + 상단 하이라이트 ── */
.card{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:17px;
 box-shadow:0 16px 40px -24px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06);
 backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);position:relative;color:var(--ink)}
.card::after{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;pointer-events:none;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}
.card h2{color:var(--ink)}
.filt{border:1px solid var(--line);background:var(--card)}

/* ── 표 ── */
.tscroll{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
table{border-collapse:collapse}
table th,table td{border:1px solid rgba(255,255,255,.09)}
table th{background:rgba(139,123,255,.14) !important;color:#cfd9f7 !important;border-bottom:2px solid rgba(139,123,255,.35);font-weight:700}
table td{border-color:rgba(255,255,255,.08);color:var(--ink)}
tbody tr:nth-child(even):not(.tot):not(.cat-타이어):not(.cat-휠):not(.cat-부품):not(.cat-공임){background:rgba(255,255,255,.03)}
tbody tr:hover{background:rgba(139,123,255,.10)}
tr.tot td,tr.sum td{background:rgba(139,123,255,.16) !important;color:var(--ink) !important;font-weight:800}
.empty{color:var(--dim) !important}

/* ── 입력 ── */
input,select,textarea{border-radius:10px;background:rgba(255,255,255,.06) !important;border:1.5px solid var(--line) !important;color:var(--ink) !important;color-scheme:dark}
input:hover,select:hover,textarea:hover{border-color:rgba(255,255,255,.28) !important}
input:focus,select:focus,textarea:focus{outline:none;background:rgba(255,255,255,.09) !important;border-color:#8b7bff !important;box-shadow:0 0 0 3px rgba(139,123,255,.28)}
input::placeholder,textarea::placeholder{color:var(--dim)}
select option{background:#141b30;color:#eaf0ff}
label{color:var(--mut);font-weight:700}
.search input,.filt input,.filt select,select.sort,select.sel{background:rgba(255,255,255,.06) !important;border:1.5px solid var(--line) !important}
.search input:focus,.filt input:focus,.filt select:focus,select.sort:focus,select.sel:focus{background:rgba(255,255,255,.09) !important;border-color:#8b7bff !important;box-shadow:0 0 0 3px rgba(139,123,255,.28)}
.lineinp,.lineinp:hover{background:rgba(255,255,255,.06) !important;border:1.5px solid var(--line) !important;color:var(--ink) !important}

/* ── 세그/탭 ── */
.seg,.tabs,.mtabs{display:inline-flex;gap:3px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;padding:3px}
.seg{display:flex}
.seg button,.tabs button,.mtabs button{border:0;background:transparent;color:var(--mut);font-weight:700;font-size:13px;border-radius:9px;padding:9px 16px;cursor:pointer;transition:background .12s,color .12s}
.seg button:hover,.tabs button:hover,.mtabs button:hover{color:var(--ink);background:rgba(255,255,255,.07)}
.seg button.on,.tabs button.on,.mtabs button.on{background:var(--grad);color:#07101f;box-shadow:0 2px 10px rgba(56,214,230,.35)}

/* ── 버튼 ── */
.btn,.qbtn button{border-radius:10px}
.btn.blue,.b.blue{background:var(--grad) !important;color:#07101f !important;border:0 !important;font-weight:800}
.btn.green{background:linear-gradient(135deg,#33e0b0,#2bc79c) !important;color:#062018 !important;border:0 !important}
.btn.line,.b.line{background:rgba(255,255,255,.07) !important;border:1px solid var(--line) !important;color:var(--ink) !important}
.btn.ghost,.btn.x,.b.x{background:rgba(255,255,255,.07) !important;color:var(--mut) !important;border:1px solid var(--line) !important}
.pbtn{border:1px solid rgba(139,123,255,.55) !important;background:rgba(139,123,255,.14) !important;color:#cfc6ff !important;border-radius:10px}
.qbtn button{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--ink)}
.qchip{background:rgba(255,255,255,.07) !important;border:1px solid var(--line) !important;color:var(--ink) !important}
.qchip.set{border-color:rgba(56,214,230,.5) !important}
.qchip.warn{border-color:rgba(255,207,92,.5) !important;color:#ffe3a1 !important}

/* ── KPI/칩 ── */
.chip,.kpi{border:1px solid var(--line) !important;border-radius:15px;background:var(--card) !important;backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);color:var(--ink)}
.chip .l,.kpi .l{color:var(--mut)}
.chip .v,.kpi .v{color:var(--ink)}
.chip.r .v,.kpi.r .v{color:var(--bad)}
.chip.g .v,.kpi.g .v{color:var(--ok)}
.chip.a .v,.kpi.a .v{color:var(--warn)}
.chip.p .v,.kpi.p .v{color:var(--ship)}

/* ── 분류색(행 배경/태그) ── */
.cat-타이어{background:rgba(56,214,230,.10)}.cat-휠{background:rgba(139,123,255,.12)}.cat-부품{background:rgba(51,224,176,.10)}.cat-공임{background:rgba(255,207,92,.10)}
.tag{border:0}
.tag.타이어{background:rgba(56,214,230,.18) !important;color:#7fe3f0 !important}
.tag.휠{background:rgba(139,123,255,.20) !important;color:#c9befc !important}
.tag.부품{background:rgba(51,224,176,.18) !important;color:#8beecd !important}
.tag.공임{background:rgba(255,207,92,.18) !important;color:#ffdf94 !important}
.tag.기타{background:rgba(255,255,255,.10) !important;color:#c6cfe6 !important}
.tag.buy{background:rgba(255,122,144,.18) !important;color:#ffb3c0 !important}
.tag.do{background:rgba(139,123,255,.2) !important;color:#c9befc !important}
.tag.so{background:rgba(56,214,230,.18) !important;color:#7fe3f0 !important}
.pill{background:rgba(255,255,255,.08);color:var(--mut);border:1px solid var(--line)}

/* ── 모달/드롭다운 ── */
.modal,.mbox,.posmodal,.amodal{border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.6)}
.mbox,.posmodal,.amodal{background:var(--panel) !important;border:1px solid var(--line) !important;color:var(--ink)}
.clbox{background:var(--panel) !important;color:var(--ink) !important}
.clbox h2{color:var(--ink)}.clbox p,.clbox label{color:var(--mut) !important}
.clbox input{background:rgba(255,255,255,.07) !important;border:1.5px solid var(--line) !important;color:var(--ink) !important}
.results{background:var(--panel2) !important;border:1px solid var(--line) !important;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.ritem{color:var(--ink)}
.ritem:hover,.ritem.active{background:rgba(139,123,255,.16) !important}
.ritem .nm{color:var(--ink)}.ritem .sub{color:var(--mut)}
.ritem.empty{color:var(--dim)}
.mgrrow{border-bottom:1px solid rgba(255,255,255,.08)}
.banner{background:rgba(139,123,255,.10);border:1px solid rgba(139,123,255,.3);color:#cfd9f7}
.custhist,.recall{color:var(--mut)}
.wqi:hover{background:rgba(139,123,255,.14)}

/* ── 코드 도움말 ── */
.chelp-btn{border:1px solid rgba(139,123,255,.4);background:rgba(139,123,255,.12);color:#cfc6ff}
.chelp-btn:hover{background:rgba(139,123,255,.2)}
.chelp-panel{border:1px solid var(--line);background:var(--panel);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.chelp-row code{font-family:ui-monospace,Consolas,monospace;color:#cfd9f7;background:rgba(255,255,255,.07)}
.chelp-row .ex{color:var(--ok)}
.chelp-sub{color:var(--mut);border-bottom:1px dashed rgba(255,255,255,.12)}
.chelp-note{color:var(--dim)}

/* ── 날짜/기간 필터 ── */
.drb{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--mut)}
.drb:hover{background:rgba(139,123,255,.16);color:var(--ink)}
.drbar .dl{color:var(--mut)}
.pselwrap .pnav,.pselwrap .pmc,.pselwrap .pq{padding:8px 10px;min-width:36px;min-height:36px;border-radius:8px;font-size:13px}
.pselwrap .pnav,.pselwrap .pmc{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--ink)}
.pselwrap .pyr{color:var(--ink)}
.pselwrap .pmc.on,.pselwrap .pq.on{background:var(--grad);border-color:transparent;color:#07101f}
.pselwrap .pq{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--mut)}
.pselwrap .psep{background:rgba(255,255,255,.15)}

/* ── 셸(좌측 메뉴/탭바) ── */
.side{background:rgba(13,20,40,.78) !important;border-right:1px solid var(--line) !important;backdrop-filter:blur(24px)}
.nav button{background:color-mix(in srgb,var(--c) 14%,#0e1730) !important;color:#c6cfe6 !important}
.nav button:hover{background:color-mix(in srgb,var(--c) 26%,#0e1730) !important}
.nav button.on{background:color-mix(in srgb,var(--c) 30%,#0e1730) !important;color:#fff !important}
.ghd{color:var(--dim) !important}
.ghd:hover{color:var(--mut) !important}
.ghd .arw{color:#aab6d8 !important}
.foot{color:var(--dim) !important;border-top:1px solid var(--line) !important}
.tabbar{background:rgba(8,13,28,.85) !important;border-bottom:1px solid var(--line) !important}
.tab{background:rgba(255,255,255,.05) !important;border:1px solid var(--line) !important;border-bottom:0 !important;color:var(--mut) !important}
.tab.on{background:rgba(139,123,255,.2) !important;color:#fff !important}
.tab .x{color:var(--dim)}
.tab .x:hover{background:rgba(255,255,255,.12);color:var(--ink)}
.frames iframe{background:#0b1020 !important}
.ov{background:rgba(4,8,20,.66)}

/* ── 인라인 스타일 구조 변환(밝은 배경 → 유리) ── */
[style*="background:#fff"],[style*="background:#FFF;"],[style*="background:#FAFBFD"],[style*="background:#fafbfd"],
[style*="background:#eef1f6"],[style*="background:#EEF1F6"],[style*="background:#f3f6fb"],[style*="background:#F3F6FB"],
[style*="background:#EDF1F8"],[style*="background:#EEF0F5"],[style*="background:#eef0f5"],[style*="background:#F4F7FB"],
[style*="background:#F1F5F9"],[style*="background:#EEF2F8"],[style*="background:#F2F6FF"],[style*="background:#E7ECFB"],
[style*="background:#E2E8F4"],[style*="background:#F7F9FC"],[style*="background:#F3F4F6"],[style*="background:#EEF3FC"],
[style*="background:#F5F8FC"],[style*="background:#E2E8F0"],[style*="background:#DFE7F2"],[style*="background:#EDF1F6"]
{background:rgba(255,255,255,.07) !important;color:var(--ink)}
[style*="background:#FFF6F6"],[style*="background:#FFF5F5"],[style*="background:#FEF2F2"]{background:rgba(255,122,144,.12) !important;color:#ffc9d2}
[style*="background:#FFF7E6"],[style*="background:#FFF7ED"],[style*="background:#FCE6C8"],[style*="background:#FFF3E0"],[style*="background:#FBE7C6"]{background:rgba(255,207,92,.14) !important;color:#ffe3a1}
[style*="background:#D9E7FB"],[style*="background:#DCE9FD"],[style*="background:#EAF2FF"],[style*="background:#EAF1FE"]{background:rgba(56,214,230,.14) !important;color:#9fe9f2}
[style*="background:#D8F0E1"],[style*="background:#D6F0DF"],[style*="background:#E7F6ED"],[style*="background:#F0FDF4"]{background:rgba(51,224,176,.14) !important;color:#a5f2d6}
[style*="background:#E7DEF7"],[style*="background:#F1EBFB"]{background:rgba(139,123,255,.16) !important;color:#d3caff}

/* ── 인라인 스타일 구조 변환(어두운 글자 → 밝게) ── */
[style*="color:#111"],[style*="color:#0F172A"],[style*="color:#1C2333"],[style*="color:#1B2330"],[style*="color:#1e293b"],
[style*="color:#333"],[style*="color:#334"],[style*="color:#445"],[style*="color:#31425c"],[style*="color:#475569"]{color:var(--ink) !important}
[style*="color:#556"],[style*="color:#667"],[style*="color:#666"],[style*="color:#5b6472"],[style*="color:#5A6678"],
[style*="color:#64748B"],[style*="color:#8593A8"],[style*="color:#889"],[style*="color:#778"],[style*="color:#94A3B8"],[style*="color:#9aa3b2"]{color:var(--mut) !important}
[style*="color:#C2670A"],[style*="color:#8a5a00"],[style*="color:#B45309"],[style*="color:#D97706"]{color:var(--warn) !important}
[style*="color:#137333"],[style*="color:#15803D"],[style*="color:#16A34A"],[style*="color:#0f8a3d"]{color:var(--ok) !important}
[style*="color:#D7263D"],[style*="color:#B01029"],[style*="color:#DC2626"],[style*="color:#C43D3D"]{color:var(--bad) !important}
[style*="color:#1565C0"],[style*="color:#0369A1"],[style*="color:#1D4ED8"],[style*="color:#1E4B9E"],[style*="color:#185fa5"],[style*="color:#2563EB"]{color:#8fd0ff !important}
[style*="color:#6A3FB0"],[style*="color:#6D28D9"]{color:#c9befc !important}

/* ── 스크롤바 ── */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:rgba(139,123,255,.4)}

/* ===== 📱 모바일 반응형 (전 화면 공통, 로직 불변) ===== */
@media (max-width:640px){
  .wrap{padding-left:10px;padding-right:10px}
  h1{font-size:18px}
  .top{flex-wrap:wrap}
  .card{padding:13px 12px;border-radius:13px}
  .grid2{grid-template-columns:1fr !important}
  .kpis{grid-template-columns:1fr 1fr !important}
  .chips{grid-template-columns:1fr 1fr !important}
  .kpi .v{font-size:18px}.chip .v{font-size:16px}
  input,select,textarea{font-size:16px}
  table th,table td{padding:7px 7px}
  .lineinp{padding:8px 4px;font-size:16px}
  .lineinp[inputmode="numeric"]{padding-left:3px;padding-right:3px}
  .seg button,.tabs button,.mtabs button{padding:9px 11px;font-size:12.5px}
  .paybtns{grid-template-columns:1fr 1fr !important}
  .bar{flex-wrap:wrap;gap:7px}
  .bar .btn{flex:1 1 auto}
}

/* 모바일 더블탭 확대 방지 (기존 유지) */
html,body{touch-action:manipulation}

/* ── 인쇄 안전장치: 인쇄는 항상 흰 배경·검은 글씨 ── */
@media print{
  html,body{background:#fff !important;color:#111 !important;background-image:none !important}
  .card,.chip,.kpi,.pchip{background:#fff !important;border-color:#999 !important;box-shadow:none !important;color:#111 !important}
  table th{background:#eee !important;color:#111 !important}
  table td{color:#111 !important}
}

/* ── 자동 보정 v2: 화면별 밝은 배경 → 유리/틴트 ── */
.qb:hover,.sdel:hover,.ltab tr.ev[ondblclick]:hover td,.wqi:hover,.pkrow:hover{background:rgba(139,123,255,.12) !important}
.res div:hover{background:rgba(139,123,255,.12) !important}
.short:hover{background:rgba(139,123,255,.14) !important}
.cat-휠,.bdg.고정비{background:rgba(139,123,255,.15) !important}
.sdel,.bizar.pos,.stt.폐기완료,.bdg.out,.st.over,.bdg.세금{background:rgba(255,122,144,.13) !important}
.aiSay.warn,.b.sys,.kbadge.매입처,.ltab tr.carry td,.ltab tr.cum td,.warn{background:rgba(255,207,92,.13) !important}
.cat-공임,.poschip,.poschip.on,.pinbtn.on,.stt.폐기요청,.bdg.매입{background:rgba(255,207,92,.13) !important}
.st.soon,.miss,.bdg.변동비,.st.need,.eitem .bg{background:rgba(255,207,92,.13) !important}
.short{background:rgba(255,255,255,.06) !important}
.brand-logo-img,.rule .tg,.kfil,.d{background:rgba(255,255,255,.07) !important}
.top .no,.bar,.posbtn,.e,.pinbtn,.depm{background:rgba(255,255,255,.07) !important}
.toc,.postog,.mbtn,.fbar .sb,.bdg.직접,.pkbox{background:rgba(255,255,255,.07) !important}
.pkrow,.cchip .ctog.off,.bulk,.pick .x,.eitem{background:rgba(255,255,255,.07) !important}
.res{background:var(--panel2,#141b30) !important;border-color:var(--line) !important;box-shadow:0 18px 50px rgba(0,0,0,.55) !important}
.res div{border-bottom-color:rgba(255,255,255,.08) !important;color:var(--ink) !important}
.lset,.ltab tr.mon td,.ok,.cat-부품,.bizar.zero,.stt.보관중{background:rgba(51,224,176,.13) !important}
.bdg.in,.st.ok,.st.done{background:rgba(51,224,176,.13) !important}
.aiSay,.b.ai,.qb,.kbadge.매출처,.lrow.h{background:rgba(56,214,230,.13) !important}
.lctl,.ltab th,.ltab tr.day td,.kv .b,.locktx,.cat-타이어{background:rgba(56,214,230,.13) !important}
.payrow2 .pm,.pospre,.bizar.pre,.custhist,.tip,.stt.출고{background:rgba(56,214,230,.13) !important}
.subt .it,.bdg,.bdg.매출,.bdg.수금,.bdg.지급,.bReset{background:rgba(56,214,230,.13) !important}
.bar .track,.bdg.인건비,.bdg.기타,.cchip,.st.wait,.codebox{background:rgba(56,214,230,.13) !important}
.pick,.exp{background:rgba(56,214,230,.13) !important}
/* ── 자동 보정 v2: 화면별 어두운 글자 → 밝게 ── */
.aiSay,.qb,.kbadge.매출처,.ltab tr.day td,.subhead,.e{color:#8fd0ff !important}
.bizar.pre,.custhist,.custhist .go2,.tip,.bdg.수금,.bdg.인건비{color:#8fd0ff !important}
.cardco,.bdg.지급,.bdg.고정비,.bulk{color:#c9befc !important}
.sdel,.warn,.d,.bizar.pos,.stt.폐기완료,.bdg.out{color:var(--bad) !important}
.st.over,.bdg.세금{color:var(--bad) !important}
.warn{color:#FF8EA1 !important}
.rule .tg,.code,.kfil,.lctl label,.veh{color:var(--ink) !important}
.hrow .it,.locktx,.locktx.mono,.payrow2 .pm,.pospre,.arow label{color:var(--ink) !important}
.ahist,.depm,h3,p,li,.stt.출고,.postog{color:var(--ink) !important}
.mbtn,.subt .it,.tog,.bdg,.bdg.직접,.bReset{color:var(--ink) !important}
.bdg.기타,.st.wait{color:var(--ink) !important}
.cust .sub,.pm{color:var(--mut) !important}
.ltab tr.mon td,.ok,.bizar.zero,.stt.보관중,.bdg.in,.bdg.매출{color:var(--ok) !important}
.st.ok,.st.done,.pick .x,.io-in{color:var(--ok) !important}
.aiSay.warn,.b.sys,.ltab tr.cum td,.poschip,.pinbtn.on,.st.soon{color:var(--warn) !important}
.miss,.st.need{color:var(--warn) !important}
.short .t{color:var(--ink)}
.short .sub{color:var(--mut)}
.modal{background:var(--panel) !important;border:1px solid var(--line) !important;color:var(--ink)}
/* ── 매출등록(시안) 다크 v3.1: 소매/도매 모드 배경 ── */
body[data-kind="소매"]{background:radial-gradient(1100px 600px at 80% -10%,rgba(56,214,230,.08),transparent 60%),radial-gradient(900px 550px at -10% 110%,rgba(139,123,255,.10),transparent 55%),#0c1226 !important}
body[data-kind="도매"]{background:radial-gradient(1100px 600px at 80% -10%,rgba(255,207,92,.07),transparent 60%),radial-gradient(900px 550px at -10% 110%,rgba(139,123,255,.09),transparent 55%),#141126 !important}
body[data-kind="소매"] .card{border-color:rgba(56,214,230,.22) !important}
body[data-kind="도매"] .card{border-color:rgba(255,207,92,.22) !important}
.banner{background:rgba(255,207,92,.12) !important;border-color:rgba(255,207,92,.28) !important;color:#ffe3a1 !important}
#retailBanner{background:rgba(56,214,230,.13) !important;border-color:rgba(56,214,230,.3) !important;color:#9fe9f2 !important}
#wholeBanner,#unregBanner{background:rgba(255,207,92,.13) !important;border-color:rgba(255,207,92,.3) !important;color:#ffe3a1 !important}
/* JS가 style을 다시 써서 rgb()로 직렬화된 인라인 배경 구조 */
[style*="background: rgb(234, 242, 255)"]{background:rgba(56,214,230,.14) !important;color:#9fe9f2 !important}
[style*="background: rgb(255, 243, 224)"],[style*="background: rgb(255, 247, 230)"],[style*="background: rgb(255, 248, 230)"]{background:rgba(255,207,92,.14) !important;color:#ffe3a1 !important}
[style*="background: rgb(255, 255, 255)"]{background:rgba(255,255,255,.07) !important;color:var(--ink)}
[style*="background: rgb(239, 245, 255)"],[style*="background: rgb(244, 247, 251)"]{background:rgba(255,255,255,.06) !important;color:var(--ink)}
/* ===== 자동 보정 v3.2: 심층 전수 조사 수정 (2026-07-09 밤) ===== */
/* (1) 그라데이션 액션/활성 버튼 — 흰 글자 + 양끝 어두운 그라데이션 */
.btn.blue,.b.blue,button.on,.tabs button.on,.mtabs button.on,.seg button.on,.pselwrap .pq.on{background:linear-gradient(135deg,#6f5cf2,#3f7bea) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,.32) !important;border-color:transparent !important}
.btn.green,.b.green{background:linear-gradient(135deg,#18ab79,#0f9068) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,.3) !important;border-color:transparent !important}
.segkind button.on{color:#fff !important;-webkit-text-fill-color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,.3) !important}
body[data-kind="소매"] .segkind button.on{background:linear-gradient(135deg,#3f5fd6,#2f7fd0) !important}
body[data-kind="도매"] .segkind button.on{background:linear-gradient(135deg,#d98420,#c2670a) !important}
/* (2) 매출등록 모드별 제목색 다크 대응 */
body[data-kind="소매"] .card h2,body[data-kind="소매"] h1{color:#9fc0ff !important}
body[data-kind="도매"] .card h2,body[data-kind="도매"] h1{color:#ffcf8a !important}
/* (3) 카드입금 표/칩/버튼 밝은 배경 */
tr.dhead td{background:rgba(255,255,255,.055) !important;color:var(--ink) !important}
tr.dhead.need td{background:rgba(255,207,92,.14) !important;color:#ffe3a1 !important}
tr.done td{background:rgba(255,255,255,.02) !important;color:var(--mut) !important}
.chip{background:rgba(255,255,255,.05) !important}
.sel{background:rgba(255,255,255,.06) !important;color:var(--ink) !important;border-color:var(--line) !important}
.bulk{background:rgba(124,58,237,.18) !important;color:#d3c6ff !important;border-color:rgba(124,58,237,.55) !important}
/* (4) 입력/코드/키캡/마이크 밝은 배경 */
input.lockf,input.lockf:disabled,.lockf{background:rgba(255,255,255,.04) !important;color:var(--mut) !important;border-color:rgba(255,255,255,.18) !important}
.mic{background:rgba(255,255,255,.08) !important;color:var(--ink) !important}
kbd{background:rgba(255,255,255,.09) !important;color:var(--ink) !important;border-color:var(--line) !important}
code{background:rgba(255,255,255,.07) !important;color:var(--ink) !important}
/* (5) 매출등록 하단 바 / 세그 버튼 / 결제칸 */
.bar{background:var(--panel) !important;border-top-color:var(--line) !important}
.seg button{background:transparent !important;color:var(--mut) !important}
.payrow2 .pm{background:rgba(255,255,255,.07) !important;color:var(--ink) !important}
/* (6) 금액 텍스트: 어두운 초록/빨강/보라 → 밝게 (배경 var는 유지) */
.amtin,.keep{color:#39e0a8 !important}
[style*="color:#137333"],[style*="color: rgb(19, 115, 51)"]{color:#39e0a8 !important}
[style*="color:#D7263D"],[style*="color: rgb(215, 38, 61)"]{color:#ff8a9c !important}
[style*="color:#7C3AED"],[style*="color: rgb(124, 58, 237)"]{color:#c9befc !important}
/* ===== 자동 보정 v3.3: 잔여 3건 마무리 ===== */
:root{--green:#1c9550}
button:not([class]){background:rgba(255,255,255,.05) !important;color:var(--mut) !important;border-color:var(--line) !important}

/* ═══ ★[v320] 고르는 «칩» 공통 이름표 — 전 화면 하나의 규칙 ═══
   ⛔ 뿌리: 바로 윗줄 `button:not([class])` 가 !important 로 이름표 없는 단추의 배경·글자색을 통째로 덮는다.
      그래서 칩이 «켜짐/꺼짐»을 색으로 못 보여주고 ☑/☐ 글자로만 남았다(v315·v316 과 같은 함정).
   ⛔ `.on` 을 쓰면 이 파일의 `button.on{그라디언트 !important}` 에 잡힌다 → 별도 이름표 `.ison` 을 쓴다.
   ⛔ 투명(rgba·opacity) 금지 — 불투명 색으로만 짓는다(고정1 v237).
   색 대비(계산값): 꺼짐 10.64:1 · 켜짐 5.91:1 (둘 다 4.5:1 통과) */
.pchip{background:#182036 !important;background-image:none !important;color:#C7D2E8 !important;
  border:1.5px solid rgba(255,255,255,.22) !important;border-radius:9px;padding:8px 12px;
  font-weight:800 !important;font-size:13px;cursor:pointer}
.pchip:hover{background:#20294a !important;background-image:none !important}
.pchip.ison{background:#3D4FC4 !important;background-image:none !important;color:#EAF0FF !important;
  border-color:#8B7BFF !important}
.pchip.ison:hover{background:#4A5CD8 !important;background-image:none !important}


/* ==== v3.4 정렬 (2026-07-10 새벽): 숫자 자릿수·표 세로정렬 전역 ==== */
html{font-variant-numeric:tabular-nums}
td,th{vertical-align:middle}

/* ==== v3.5 (2026-07-10 아침): 모달 투명·토글 복구 ==== */
/* 거래처 선택 모달(입출금) 박스가 유리(7%)로 잘못 들어가 뒤가 비침 → 불투명 패널로 (다른 모달과 동일) */
.pkbox{background:var(--panel) !important}
/* 품목코드 규칙 접기/펴기 복구 (숨김 규칙이 테마 개편 때 유실됨) — 기본 접힘, 클릭 시 펼침 */
.chelp-panel{display:none}
.chelp.on .chelp-panel{display:block}
.chelp .cv{display:inline-block;transition:transform .15s}
.chelp.on .cv{transform:rotate(180deg)}

/* ==== v3.6 (2026-07-10 전수조사): 안 보이는 글씨 전면 보정 + 표 정렬 ==== */
/* 1) 밝은 배경(미커버분) → 틴트: 카드입금 안내박스, 등록화면 카테고리칩, AI비서 입력창, 미리받기 박스, 드롭존 등 */
[style*="background:#D6E4F8"],[style*="background:#F6FAFF"],[style*="background:#F8FAFF"],[style*="background:#EEF2FF"],
[style*="background:#EFF5FF"],[style*="background:#F6F8FC"],[style*="background:#f5f6f8"]{background:rgba(56,214,230,.14) !important;color:#9fe9f2 !important}
[style*="background:#E4D9F4"]{background:rgba(139,123,255,.16) !important;color:#d3caff !important}
[style*="background:#D4ECDD"],[style*="background:#F1FBF4"]{background:rgba(51,224,176,.14) !important;color:#a5f2d6 !important}
[style*="background:#FAE6CB"],[style*="background:#FEF9EE"],[style*="background:#FEF3C7"],[style*="background:#FFFBEB"]{background:rgba(255,207,92,.14) !important;color:#ffe3a1 !important}
/* 2) 어두운 글자(미커버분) → 밝게. 인쇄 팝업은 테마가 안 실리므로 인쇄물 불변 */
[style*="color:#586377"],[style*="color:#6B7280"]{color:var(--mut) !important}
[style*="color:#1E1B4B"],[style*="color:#334155"]{color:var(--ink) !important}
[style*="color:#3B5BDB"],[style*="color:#2456C7"],[style*="color:#4338CA"]{color:#a5b8ff !important}
[style*="color:#b45309"],[style*="color:#92400E"]{color:var(--warn) !important}
[style*="color:#177A3D"]{color:var(--ok) !important}
/* 3) 표 정밀 정렬: 헤더 줄바꿈 방지 + 행높이 일관 + 동작버튼 줄바꿈 방지 (색·인쇄 불변) */
.tscroll th{white-space:nowrap}
.tscroll td,.tscroll th{padding-top:9px;padding-bottom:9px;line-height:1.4}
.tscroll td button{white-space:nowrap;vertical-align:middle}

/* v3.8 — 전수조사 r10: 흐릿한 안내 글씨 보정 (다크에서 대비 상향) */
[style*="color:#8a93a3"]{color:#aeb9cc!important}
[style*="color:#5b7bd5"]{color:#9db4f5!important}
[style*="color:#98a"]{color:#aab6c9!important}
[style*="color:#8a5a00"]{color:#ffd28a!important}
[style*="color:#8a5a00"] b{color:#ffe3b0!important}


/* ═══ 모바일 최적화 append (2026-07-11) ═══ */
@media (max-width:768px){
  input,select,textarea,.lineinp,.search input,td input,td select,.pay input{font-size:16px !important}
  .payhead{grid-template-columns:1fr !important;row-gap:6px}
  .ov{align-items:flex-start !important;overflow:auto !important;-webkit-overflow-scrolling:touch}
  td button,td .e,td .d,td .del{min-height:34px;min-width:30px}
}


/* ===== v3.9 (2026-07-16): 자동 대비검사 근본수정 — 그룹행·시맨틱 변수·기본 태그 (대비 4.5:1↑) ===== */
:root{--green:#33d98f !important;--red:#ff7a90 !important}
/* 그룹/집계 뷰: 밝은 배경 클래스 → 다크 틴트 (매출·매입 내역 등 공통) */
.ghead td{background:rgba(139,123,255,.16) !important;color:var(--ink) !important;border-top-color:rgba(139,123,255,.35) !important}
.gsub td{background:rgba(255,255,255,.055) !important;color:var(--ink) !important}
.gdet td,.gdet:hover td{color:var(--ink) !important}
.gdet:hover td{background:rgba(139,123,255,.12) !important}
/* 테마 미적용 태그: 기본/거래유형 → 다크 틴트 + 밝은 글씨 */
.tag{background:rgba(255,255,255,.08) !important;color:#cdd6ee !important}
.tag.rp,.tag.limit,.rule .tag.limit{background:rgba(51,224,176,.18) !important;color:#a5f2d6 !important}
.tag.habit,.rule .tag.habit{background:rgba(139,123,255,.20) !important;color:#c9befc !important}
.tag.tone,.rule .tag.tone{background:rgba(56,214,230,.16) !important;color:#9fe9f2 !important}
.cnt.warn{color:#ffb0bc !important}

/* ★★★ [v219 · 2026-07-31] 자동완성 목록이 '다음 카드'에 가려지던 것 — 한 방에 고친다.
   원인: 위 .card 규칙의 backdrop-filter 가 카드마다 '쌓임 맥락'을 새로 만든다.
         그래서 앞 카드 안 목록의 z-index 가 뒤 카드를 못 넘고, 문서에서 뒤에 있는 카드가 위에 그려진다.
         (2026-07-31 사장님: 고객 성함 자동완성이 '품목 추가' 창에 가려 같은 이름 2명이 안 보임)
   수리: 목록이 열려 있는 동안만 그 카드를 위로 올린다. 닫히면 원래대로 돌아간다. */
.card:has(.results.on){position:relative;z-index:5 !important}
.rel:has(.results.on){z-index:5}
/* ★ 60 이 아니라 5 다 — 이 프로젝트에서 50~80 은 이미 '고정바·모달' 자리다(레드팀 지적).
   카드끼리만 겨루면 되므로 1만 넘으면 충분하다. */
/* 하단 고정 [저장] 바는 항상 카드보다 위 · 모달(80)보다는 아래 */
.bar{z-index:70}

/* ★[v284] 마우스를 올린 줄의 글씨가 안 보이던 것 수리 (사장님 신고 2026-08-14 · 거래처 원장).
   뿌리: 화면 파일들이 저마다 «흰 계열» hover 색(#F2F6FF)을 직접 박아 뒀는데,
        어두운 테마에서는 글씨도 밝은 색이라 «흰 바닥 + 흰 글씨» = 안 보임이 된다.
   그래서 hover 색은 여기(테마) 한 곳에서만 정한다 — 한 번에 모든 화면에 깔린다.
   ⛔ 합계·소계·머리글 같은 «특별한 줄»은 제 색을 지켜야 하므로 전부 제외한다. */
tbody tr:hover:not(.tot):not(.sum):not(.ghead):not(.gsub):not(.carry):not(.day):not(.mon):not(.cum) > td{
  background:rgba(139,123,255,.16) !important;
  color:var(--ink) !important;
}

/* ★[v322 · 2026-08-27] 승인 대기 상자(#cl_wait) 안 단추 3개 — 이름표로만 색을 준다.
   뿌리: 위 «인라인 색 사냥» 규칙 2개([style*="background:#EEF2F8"]·[style*="color:#1B2330"])가
   erp_cloud.js 의 인라인 색을 덮어 크림 상자 위 «흰 배경+흰 글씨»(대비 1.05:1)를 만들었다.
   ⛔ 반투명 금지 — 불투명 색으로만. */
.clbtn.waitbtn,button.waitbtn{background:#E7EDF7 !important;background-image:none !important;color:#16203A !important;border:1.5px solid #BCC8DC !important}
.clbtn.waitbtn.go,button.waitbtn.go{background:#E9C46A !important;background-image:none !important;color:#3A2E00 !important;border-color:#C9A64F !important}

/* ★[v323 · 2026-08-27] 위 «인라인 색 사냥» 규칙이 잘못 잡던 자리 2곳 — 이름표로만 색을 준다.
   ⓐ .dchip = 종합분석 «분석 필터 칩»(연초록 상자 위 민트 글씨 1.52:1 였다)
   ⓑ .cwbtn = «클라우드 연결 안 됨» 빨간 띠 안 단추 5개(빨간 띠 위 회색 글씨 2.51:1 였다)
   ⛔ 반투명 금지 — 불투명 색으로만. */
.dchip{background:#E7F6EE !important;background-image:none !important;color:#0F5F28 !important;border:1px solid #B7E0C7 !important}
.cwbtn,button.cwbtn{background:#fff !important;background-image:none !important;color:#B3122A !important;border:0 !important;border-radius:9px !important;font-weight:800 !important;font-size:13px !important;cursor:pointer}


/* ★[v326 · 2026-08-28 사장님 확정] 무료 체험 «n일 남음» 띠 — 화면 맨 위 얇은 빨간 띠.
   뿌리 규칙: 색은 여기 한 곳에서만 정한다(이름표 .trialbar). ⛔ 인라인 색 금지 — 위 «인라인 색 사냥» 42개에 덮인다.
   ⛔ 반투명·opacity 금지(고정1 v237) — 깜빡임은 «두 가지 불투명 빨강»을 번갈아 쓴다.
   대비: #C81E33 위 #fff = 5.69:1 · #8E0F20 위 #fff = 9.4:1 (둘 다 4.5:1 통과) */
.trialbar{display:none}
.trialbar.on{display:block;background:#C81E33 !important;background-image:none !important;color:#fff !important;
  font-size:12.5px;font-weight:800;text-align:center;padding:6px 12px;line-height:1.35;flex-shrink:0;
  animation:trialblink 1.2s steps(1,end) infinite}
.trialbar.on b{color:#fff !important}
@keyframes trialblink{0%,49%{background:#C81E33}50%,100%{background:#8E0F20}}
@media (prefers-reduced-motion:reduce){.trialbar.on{animation:none}}