/* ===== 우리카피 테마 C (프리미엄) — 화면 전용, 인쇄 양식(.bz-page, #quote)은 영향 없음 ===== */
@font-face{font-family:"WCPretendard";src:url(vendor/fonts/PretendardVariable.woff2) format("woff2-variations"),url(vendor/fonts/PretendardVariable.woff2) format("woff2");font-weight:45 920;font-display:swap}
:root{--ink:#16181D;--ink2:#4A5160;--line:#E6E3DE;--paper:#FBFAF8;--bg:#F2F1EE}
html,body,button,input,select,textarea{font-family:"WCPretendard","Pretendard","Malgun Gothic",system-ui,sans-serif!important;letter-spacing:-.01em}
#quote,.bz-page{letter-spacing:normal}
body{background:var(--bg);color:var(--ink);font-size:14.5px}
:is(main,.rside,.side,.modal-bg) :is(.num,td.num,b,em,input[type=number]):not(.bz-page *):not(#quote *){font-variant-numeric:tabular-nums lining-nums}
.side{background:#FBFAF8;border-right:1px solid var(--line);box-shadow:none}
.side .menu-item{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--ink2);font-weight:550;border-radius:10px!important}
.side .menu-item:hover{background:#F0EEEA!important}
.side .menu-item.active{background:#16181D!important;color:#fff!important}
.side .menu-item.primary{background:#2563EB!important;color:#fff!important;box-shadow:0 6px 16px -6px rgba(37,99,235,.55)!important}
.side-brand-kicker,.home-brand-kicker{color:#C8102E!important;letter-spacing:.2em;font-weight:700}
.home-brand-title{background:none!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;font-weight:700!important;letter-spacing:-.035em;font-size:1.75rem!important}
.panel,.rs-card,.ap,.rx-card{background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 1px 2px rgba(22,24,29,.04),0 12px 32px -18px rgba(22,24,29,.18)!important}
.rs-card.alarm{border-color:#F3B4B4!important;background:#FFF6F6!important}.rs-card.today{border-color:#F5CFA0!important;background:#FFFAF2!important}
.rx-card.duetoday{background:#FFF7EC!important;border-color:#F5CFA0!important;border-left:4px solid #F97316!important}.rx-card.overdue{background:#FFF4F4!important;border-color:#F3B4B4!important;border-left:4px solid #DC2626!important}
.hero{background:linear-gradient(135deg,#14161B 0%,#1E2533 55%,#1D3E8A 120%)!important;box-shadow:0 24px 48px -28px rgba(20,22,27,.6)!important}
.btn{border-radius:10px;font-weight:600;box-shadow:0 1px 2px rgba(22,24,29,.06)}
.btn-primary{background:#2563EB;box-shadow:0 8px 18px -10px rgba(37,99,235,.7)}
:is(main,.modal-bg) table.t:not(.bz-page *):not(#quote *) th{background:transparent!important;color:#7A7F89;font-weight:600;font-size:12px;letter-spacing:.06em;border-bottom:1px solid var(--line)}
:is(main,.modal-bg) table.t:not(.bz-page *):not(#quote *) td{border-color:#EFECE7}
:is(main,.modal-bg,.side) :is(input,select,textarea):not(.bz-page *):not([type=checkbox]):not([type=radio]){background:#fff!important;border:1px solid #DAD6CF!important;border-radius:10px!important}
.ptile,.pchip,.mhome button{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 1px 2px rgba(22,24,29,.04)!important}
.ptile em{color:#2563EB}.pchip.on{background:#16181D!important;border-color:#16181D!important}.pchip.on b,.pchip.on em{color:#fff!important}
.mhome button.mh-due{background:#FFF4F4!important;border-color:#F3B4B4!important}
.rside{background:#F7F6F3}
.modal{background:var(--paper)}#mSet .mf{background:var(--paper)}
#mtab{background:rgba(251,250,248,.96)}#mtab button.on{background:#16181D;color:#fff}

/* ----- 다크 ----- */
[data-theme=dark]{--ink:#ECEDEF;--ink2:#A7ADB8;--line:#2A2D33;--paper:#17191D;--bg:#0F1013}
[data-theme=dark] body{background:var(--bg);color:var(--ink)}
[data-theme=dark] .side{background:#121317;border-color:var(--line)}
[data-theme=dark] .side .menu-item{color:var(--ink2)}
[data-theme=dark] .side .menu-item:hover{background:#1E2026!important}
[data-theme=dark] .side .menu-item.active{background:#ECEDEF!important;color:#111!important}
[data-theme=dark] .side .menu-item.primary{background:#2563EB!important;color:#fff!important}
[data-theme=dark] .side-brand-kicker,[data-theme=dark] .home-brand-kicker{color:#FF5A6E!important}
[data-theme=dark] .home-brand-title{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
[data-theme=dark] .panel,[data-theme=dark] .rs-card,[data-theme=dark] .ap,[data-theme=dark] .rx-card{background:var(--paper)!important;border-color:var(--line)!important;box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 14px 34px -20px rgba(0,0,0,.8)!important}
[data-theme=dark] .rs-card.alarm,[data-theme=dark] .rx-card.overdue{background:#2A1517!important;border-color:#6B2329!important}
[data-theme=dark] .rs-card.today,[data-theme=dark] .rx-card.duetoday{background:#2A1F12!important;border-color:#6B4A1E!important}
[data-theme=dark] .hero{background:linear-gradient(135deg,#0B0C0F 0%,#161A23 55%,#1A3577 120%)!important}
[data-theme=dark] :is(main,.modal-bg) table.t:not(.bz-page *) th{color:#8A909B;border-color:var(--line)}
[data-theme=dark] :is(main,.modal-bg) table.t:not(.bz-page *) td{border-color:#24272D}
[data-theme=dark] :is(main,.modal-bg,.side) :is(input,select,textarea):not(.bz-page *):not([type=checkbox]):not([type=radio]){background:#1C1E23!important;border-color:#33363D!important;color:var(--ink)!important}
[data-theme=dark] .ptile,[data-theme=dark] .pchip,[data-theme=dark] .mhome button{background:#1C1E23!important;border-color:var(--line)!important}
[data-theme=dark] .ptile b,[data-theme=dark] .pchip b{color:var(--ink)!important}[data-theme=dark] .ptile em{color:#7FA7FF}
[data-theme=dark] .pchip.on{background:#ECEDEF!important;border-color:#ECEDEF!important}[data-theme=dark] .pchip.on b,[data-theme=dark] .pchip.on em{color:#111!important}
[data-theme=dark] .mhome button.mh-due{background:#2A1517!important;border-color:#6B2329!important}
[data-theme=dark] .rside{background:#121317}
[data-theme=dark] .modal,[data-theme=dark] #mSet .mf{background:var(--paper)}
[data-theme=dark] .btn:not(.btn-primary){background:#1C1E23;border-color:#33363D;color:var(--ink)}
[data-theme=dark] #mtab{background:rgba(18,19,23,.96)}[data-theme=dark] #mtab button.on{background:#ECEDEF;color:#111}
[data-theme=dark] .rx-memo{background:#25210F!important;border-color:#4A4018!important}
/* 브라우저 강제 다크(웨일·Chrome Auto Dark) 차단: 사이트 자체 테마만 사용 */
:root,:root[data-theme=light]{color-scheme:only light}
:root[data-theme=dark]{color-scheme:only dark}
.bz-page,#quote{color-scheme:only light}
