/* theme.css — 테마(라이트/다크) / 반응형 */

/* ══ 테마 모드 ══ */
/* 라이트 (기본) */
:root {
  /* 브랜드 아이콘 — 라이트 기본값 (흰 배경 + 네이비 심볼) */
  --icon-bg:#FFFFFF;
  --icon-stroke:#1B2D4F;
  --icon-accent:#A8BFDC;
  --icon-shadow:0 2px 10px rgba(27,45,79,.10);
  --icon-border:rgba(27,45,79,.12);
}
[data-theme="light"]{
  --ink:#1a1a1a;--paper:#ffffff;--paper2:#f5f3ee;--paper3:#ebe6d8;
  --muted:#8a8070;--bd:rgba(26,26,26,.12);--bd2:rgba(26,26,26,.06);
  --bg-lg:#ffffff;
  --text-lg:#1a1a1a;
  --text-lg-muted:rgba(26,26,26,.5);
  --text-lg-sub:rgba(26,26,26,.35);
  /* 라이트: 흰 배경 + 네이비 심볼 */
  --icon-bg:#FFFFFF;
  --icon-stroke:#1B2D4F;
  --icon-accent:#A8BFDC;
  --icon-shadow:0 2px 10px rgba(27,45,79,.10);
  --icon-border:rgba(27,45,79,.12);
}
/* 다크 */
[data-theme="dark"]{
  --ink:#ffffff;--paper:#000000;--paper2:#111111;--paper3:#1a1a1a;
  --muted:#888888;--bd:rgba(255,255,255,.12);--bd2:rgba(255,255,255,.06);
  --stamp:#4a6fa5;--stamp-dk:#2a4a80;--gold:#c9a45c;
  --bg-lg:#000000;
  --text-lg:#ffffff;--text-lg-muted:rgba(255,255,255,.55);--text-lg-sub:rgba(255,255,255,.35);
  --stamp-lt:rgba(74,111,165,.2);--sage-lt:rgba(74,140,92,.2);
  --gold-text:#c9a45c;--letter-muted:#888888;
  /* 다크: 어두운 배경 + 흰(크림) 심볼 */
  --icon-bg:#1B2D4F;
  --icon-stroke:#FFFFFF;
  --icon-accent:#A8BFDC;
  --icon-shadow:0 2px 12px rgba(168,191,220,.2);
  --icon-border:rgba(168,191,220,.25);
}
/* 기기 시스템 다크 */
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]):not([data-theme="signature"]){
    --ink:#ffffff;--paper:#000000;--paper2:#111111;--paper3:#1a1a1a;
    --muted:#888888;--bd:rgba(255,255,255,.12);--bd2:rgba(255,255,255,.06);
    --stamp:#4a6fa5;--stamp-dk:#2a4a80;--gold:#c9a45c;
    --bg-lg:#000000;
    --text-lg:#ffffff;
    --text-lg-muted:rgba(255,255,255,.55);
    --text-lg-sub:rgba(255,255,255,.35);
    --stamp-lt:rgba(74,111,165,.2);--sage-lt:rgba(74,140,92,.2);
    --gold-text:#c9a45c;--letter-muted:#888888;
    --icon-bg:#1B2D4F;
    --icon-stroke:#FFFFFF;
    --icon-accent:#A8BFDC;
    --icon-shadow:0 2px 12px rgba(168,191,220,.2);
    --icon-border:rgba(168,191,220,.25);
  }
}

/* ══════════════════════════════════════
   다크모드 전체 보정
   [data-theme="dark"] + @media prefers-color-scheme:dark 동일 적용
   ══════════════════════════════════════ */

/* 공통 다크 셀렉터 믹스인 역할 */
:is([data-theme="dark"], :root:not([data-theme="light"]):not([data-theme="signature"]):is(.dark-sys)) { /* placeholder */ }

/* ── 카드·입력 보정 ── */
[data-theme="dark"] .oc,
[data-theme="dark"] .ri-card,
[data-theme="dark"] .step-card,
[data-theme="dark"] .dlo,
[data-theme="dark"] .prcard,
[data-theme="dark"] .admbx,
[data-theme="dark"] .lkcard,
[data-theme="dark"] .fsel,
[data-theme="dark"] .prcard { background:var(--paper2)!important;border-color:var(--bd)!important }

/* ── 편지 작성 Step4 확인화면 ── */
[data-theme="dark"] .pv-wrap,
[data-theme="dark"] #pv-body { background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--bd)!important }
[data-theme="dark"] .prcard { background:var(--paper2)!important }

/* ── 발송방법 선택 카드 ── */
[data-theme="dark"] .dlo { background:var(--paper2)!important;color:var(--ink)!important }
[data-theme="dark"] .dlo.sel { background:var(--stamp-lt)!important;border-color:var(--stamp)!important }
[data-theme="dark"] .dl-nm { color:var(--ink)!important }
[data-theme="dark"] .dl-sb { color:var(--muted)!important }

/* ── 접수완료 화면 ── */
[data-theme="dark"] #s-suc .si { background:var(--paper)!important }
[data-theme="dark"] #s-suc .such { color:var(--ink)!important }
[data-theme="dark"] #s-suc .sucp { color:var(--muted)!important }
[data-theme="dark"] #s-suc .sucbg { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="dark"] #s-suc .sucbl { color:var(--muted)!important }
[data-theme="dark"] #s-suc .sucbn { color:var(--stamp)!important }
[data-theme="dark"] #s-suc p { color:var(--muted)!important }
[data-theme="dark"] #s-suc #copy-btn { background:var(--paper3)!important;border-color:var(--bd)!important;color:var(--ink)!important }

/* ── 온보딩 ── */
[data-theme="dark"] .ob-step { background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.1)!important }
[data-theme="dark"] .ob-step-t { color:var(--ink)!important }
[data-theme="dark"] .ob-step-d { color:var(--muted)!important }
[data-theme="dark"] .ob-next.wh { background:var(--ink)!important;color:var(--paper)!important }
[data-theme="dark"] .ob-skip { color:rgba(240,237,232,.45)!important }

/* ── 로그인 화면 ── */
[data-theme="dark"] .lgtm { color:var(--muted)!important }
[data-theme="dark"] .lgtm a { color:var(--stamp)!important }

/* ── 모달 ── */
[data-theme="dark"] .modal-box,
[data-theme="dark"] .modal-bg .mbox { background:var(--paper)!important }
[data-theme="dark"] .modal-hd,
[data-theme="dark"] .modal-bg .mhd { background:var(--paper)!important;border-color:var(--bd)!important }
[data-theme="dark"] .modal-tt,
[data-theme="dark"] .modal-bg .mtt { color:var(--ink)!important }
[data-theme="dark"] .modal-bd,
[data-theme="dark"] .modal-bg .mbd { color:var(--ink)!important }

/* ── 관리자 ── */
[data-theme="dark"] .adm-wrap { background:var(--paper)!important }
[data-theme="dark"] .adm-hd { background:var(--paper)!important;border-color:var(--bd)!important }
[data-theme="dark"] .adm-hero { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="dark"] .ap { background:var(--paper)!important }
[data-theme="dark"] .atab { color:var(--muted)!important }
[data-theme="dark"] .atab.on { color:var(--ink)!important;border-color:var(--stamp)!important }
[data-theme="dark"] .oc { background:var(--paper2)!important }
[data-theme="dark"] .ocsb,
[data-theme="dark"] .ocst { color:var(--muted)!important }
[data-theme="dark"] .admbx { background:var(--paper2)!important }
[data-theme="dark"] .fp { color:var(--muted)!important;border-color:var(--bd)!important }
[data-theme="dark"] .fp.on { color:var(--ink)!important;background:var(--paper2)!important }
[data-theme="dark"] .trin input { background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--bd)!important }

/* ── 주문조회 ── */
[data-theme="dark"] .lkh { background:var(--paper2)!important }
[data-theme="dark"] .lkid { color:var(--stamp)!important }
[data-theme="dark"] .lkb { color:var(--ink)!important }
[data-theme="dark"] .tsl { color:var(--muted)!important }
[data-theme="dark"] .tsid.dn { background:var(--stamp)!important }
[data-theme="dark"] .tsid.ac { border-color:var(--stamp)!important;color:var(--stamp)!important }

/* ── 홈·최근주문 ── */
[data-theme="dark"] .ri-card { background:var(--paper2)!important }
[data-theme="dark"] .ri-nm { color:var(--ink)!important }
[data-theme="dark"] .ri-sb { color:var(--muted)!important }
[data-theme="dark"] .ri-empty { color:var(--muted)!important }

/* ── 입력폼 ── */
[data-theme="dark"] .fi { background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--bd)!important }
[data-theme="dark"] .fi::placeholder { color:var(--muted)!important }
[data-theme="dark"] .fl { color:var(--muted)!important }
[data-theme="dark"] .fhint { color:var(--muted)!important }

/* ── 버튼 ── */
[data-theme="dark"] .bsm.o { background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--bd)!important }
[data-theme="dark"] .bsm.s { background:var(--stamp)!important;color:#fff!important }

/* ── 날짜 input ── */
[data-theme="dark"] input[type="date"] { background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--bd)!important }
[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator { filter:invert(1) }

/* ── 도넛차트 텍스트 ── */
[data-theme="dark"] #donut-center { fill:var(--ink)!important }
[data-theme="dark"] svg text { fill:var(--ink)!important }

/* ── 탭바 ── */
[data-theme="dark"] .t2-item { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="dark"] .t2-item.on.user-tab { background:var(--paper3)!important }
[data-theme="dark"] .t2-item.on.user-tab .t2-lbl { color:var(--ink)!important }
[data-theme="dark"] .tabbar { background:var(--paper)!important;border-color:var(--bd)!important }

/* ── 관리자 출력 버튼 ── */
[data-theme="dark"] .del-card { background:var(--paper2)!important;border-color:var(--bd)!important;color:var(--ink)!important }
[data-theme="dark"] .del-card .bsm { background:var(--paper3)!important;color:var(--ink)!important;border:1px solid var(--bd)!important }
[data-theme="dark"] .del-card .bsm.s { background:var(--stamp)!important;color:#fff!important;border:none!important }

/* ── 관리자 발송유형 카드 출력버튼 ── */
[data-theme="dark"] .dc-prt { background:var(--muted)!important;color:#fff!important }
[data-theme="dark"] .del-card { background:var(--paper2)!important;color:var(--ink)!important }
[data-theme="dark"] .dc-lbl { color:var(--ink)!important }
[data-theme="dark"] .dc-cnt { color:var(--ink)!important }
[data-theme="dark"] #del-center { fill:var(--ink)!important }

/* ── 마이페이지 ── */
[data-theme="dark"] .mypf { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="dark"] .mynm { color:var(--ink)!important }
[data-theme="dark"] .mybg { background:var(--paper3)!important;color:var(--muted)!important }
[data-theme="dark"] .mmenu { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="dark"] .mmi { border-color:var(--bd2)!important }
[data-theme="dark"] .mmil { color:var(--ink)!important }
[data-theme="dark"] .abli { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="dark"] .ablin { color:var(--ink)!important }

@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]):not([data-theme="signature"]) .dc-prt { background:var(--muted)!important;color:#fff!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .del-card { background:var(--paper2)!important;color:var(--ink)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .dc-lbl { color:var(--ink)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .dc-cnt { color:var(--ink)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) #del-center { fill:var(--ink)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .mypf { background:var(--paper2)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .mynm { color:var(--ink)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .mmenu { background:var(--paper2)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .mmil { color:var(--ink)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .abli { background:var(--paper2)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .ablin { color:var(--ink)!important }
}
[data-theme="dark"] .tabbar { background:var(--paper)!important;border-color:var(--bd)!important }
[data-theme="dark"] .t2-item { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="dark"] .t2-item.on.user-tab { background:var(--paper3)!important }
[data-theme="dark"] .t2-item.on.user-tab .t2-lbl { color:var(--ink)!important }
[data-theme="dark"] .t2-lbl { color:var(--muted)!important }

/* ── bsm 버튼 다크모드 ── */
[data-theme="dark"] .bsm.o { background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--bd)!important }
[data-theme="dark"] .bsm { color:var(--ink) }

/* ── 홈 카드탭 다크모드 ── */
[data-theme="dark"] .hcard { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="dark"] .hcard-write { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="dark"] .hcard-write .hcard-ico { background:var(--paper3)!important }
[data-theme="dark"] .hcard-t { color:var(--ink)!important }
[data-theme="dark"] .hcard-s { color:var(--muted)!important }
[data-theme="dark"] .hcard-arr { color:var(--muted)!important }
[data-theme="dark"] .hcard-ico { background:var(--paper3)!important }
[data-theme="dark"] .hcard-write .hcard-ico { background:rgba(255,255,255,.18)!important }

/* ── 화면 모드 카드 다크모드 ── */
[data-theme="dark"] #thm-lbl { color:var(--stamp)!important }
[data-theme="dark"] .theme-btn { background:var(--paper3)!important;border-color:var(--bd)!important }

@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]):not([data-theme="signature"]) .hcard { background:var(--paper2)!important;border-color:var(--bd)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .hcard-write { background:var(--paper2)!important;border-color:var(--bd)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .hcard-write .hcard-ico { background:var(--paper3)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .hcard-t { color:var(--ink)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .hcard-s { color:var(--muted)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .hcard-ico { background:var(--paper3)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .theme-btn { background:var(--paper3)!important;border-color:var(--bd)!important }
}

/* ── 날짜 입력 다크모드 ── */
[data-theme="dark"] input[type="date"] { background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--bd)!important;color-scheme:dark }
[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator { filter:invert(1) }

/* ── 도넛차트 중앙 텍스트 ── */
[data-theme="dark"] #donut-center { fill:var(--ink) }
[data-theme="dark"] .dl-lbl { color:var(--muted)!important }

/* ── 관리자 발송유형 카운트 카드 ── */
[data-theme="dark"] .delc { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="dark"] .delc-nm { color:var(--muted)!important }
[data-theme="dark"] .delc-cnt { color:var(--ink)!important }

@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]):not([data-theme="signature"]) .tabbar { background:var(--paper)!important;border-color:var(--bd)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .t2-item { background:var(--paper2)!important;border-color:var(--bd)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .t2-lbl { color:var(--muted)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .bsm.o { background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--bd)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) input[type="date"] { background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--bd)!important;color-scheme:dark }
  :root:not([data-theme="light"]):not([data-theme="signature"]) input[type="date"]::-webkit-calendar-picker-indicator { filter:invert(1) }
  :root:not([data-theme="light"]):not([data-theme="signature"]) #donut-center { fill:var(--ink) }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .delc { background:var(--paper2)!important;border-color:var(--bd)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .delc-nm { color:var(--muted)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .delc-cnt { color:var(--ink)!important }
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]):not([data-theme="signature"]) .bsm.o { background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--bd)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) input[type="date"] { background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--bd)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) input[type="date"]::-webkit-calendar-picker-indicator { filter:invert(1) }
  :root:not([data-theme="light"]):not([data-theme="signature"]) #donut-center { fill:var(--ink)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .t2-item { background:var(--paper2)!important;border-color:var(--bd)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .t2-item.on.user-tab { background:var(--paper3)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .t2-item.on.user-tab .t2-lbl { color:var(--ink)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .tabbar { background:var(--paper)!important;border-color:var(--bd)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .del-card { background:var(--paper2)!important;color:var(--ink)!important }
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]):not([data-theme="signature"]) .oc,
  :root:not([data-theme="light"]):not([data-theme="signature"]) .ri-card,
  :root:not([data-theme="light"]):not([data-theme="signature"]) .step-card,
  :root:not([data-theme="light"]):not([data-theme="signature"]) .dlo,
  :root:not([data-theme="light"]):not([data-theme="signature"]) .prcard,
  :root:not([data-theme="light"]):not([data-theme="signature"]) .admbx,
  :root:not([data-theme="light"]):not([data-theme="signature"]) .lkcard { background:var(--paper2)!important;border-color:var(--bd)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .ob-step { background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.1)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .ob-step-t { color:var(--ink)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .ob-step-d { color:var(--muted)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .ob-next.wh { background:var(--ink)!important;color:var(--paper)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) #s-suc .si { background:var(--paper)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) #s-suc .such { color:var(--ink)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) #s-suc .sucp { color:var(--muted)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) #s-suc .sucbg { background:var(--paper2)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) #s-suc .sucbl { color:var(--muted)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) #s-suc .sucbn { color:var(--stamp)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) #s-suc p { color:var(--muted)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) #s-suc #copy-btn { background:var(--paper3)!important;color:var(--ink)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) #pv-body { background:var(--paper2)!important;color:var(--ink)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .modal-box,
  :root:not([data-theme="light"]):not([data-theme="signature"]) .mbox { background:var(--paper)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .modal-hd,
  :root:not([data-theme="light"]):not([data-theme="signature"]) .mhd { background:var(--paper)!important;border-color:var(--bd)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .modal-tt { color:var(--ink)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .lgtm { color:var(--muted)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .lgtm a { color:var(--stamp)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .fi { background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--bd)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .ap { background:var(--paper)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .lkh { background:var(--paper2)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .lkid { color:var(--stamp)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .fp { color:var(--muted)!important;border-color:var(--bd)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .fp.on { color:var(--ink)!important;background:var(--paper2)!important }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .dlo.sel { background:var(--stamp-lt)!important;border-color:var(--stamp)!important }
}

/* ══════════════════════════════════════
   시그니처 모드 (베이지·크림 통일 팔레트)
   ══════════════════════════════════════ */
[data-theme="signature"]{
  /* 기본 색상 */
  --ink:        #5C4E3D;
  --paper:      #F5F0E6;
  --paper2:     #EDE8DF;
  --paper3:     #E4DDD2;
  --muted:      #8A7A6A;
  --bd:         rgba(92,78,61,.15);
  --bd2:        rgba(92,78,61,.08);
  /* 브랜드 포인트 — 웜 골드/세피아 계열 */
  --stamp:      #7A6A58;
  --stamp-lt:   rgba(196,175,148,.22);
  --gold:       #C4AF94;
  --gold-text:  #7A6A58;
  /* 배경·텍스트 */
  --bg-lg:      #F5F0E6;
  --text-lg:    #5C4E3D;
  --text-lg-muted: rgba(92,78,61,.55);
  --text-lg-sub:   rgba(92,78,61,.35);
  /* 상태 */
  --sage-lt:    rgba(122,106,88,.15);
  --letter-muted: #8A7A6A;
  /* 브랜드 아이콘 */
  --icon-bg:     #EDE8DF;
  --icon-stroke: #7A6A58;
  --icon-accent: #C4AF94;
  --icon-shadow: 0 2px 10px rgba(92,78,61,.18);
  --icon-border: rgba(122,106,88,.22);
}

/* 시그니처: 카드·입력 */
[data-theme="signature"] .oc,
[data-theme="signature"] .ri-card,
[data-theme="signature"] .step-card,
[data-theme="signature"] .dlo,
[data-theme="signature"] .prcard,
[data-theme="signature"] .admbx,
[data-theme="signature"] .lkcard,
[data-theme="signature"] .fsel { background:var(--paper2)!important;border-color:var(--bd)!important }

[data-theme="signature"] .fi { background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--bd)!important }
[data-theme="signature"] .fi::placeholder { color:var(--muted)!important }
[data-theme="signature"] .fl { color:var(--muted)!important }
[data-theme="signature"] .fhint { color:var(--muted)!important }

/* 시그니처: 버튼 */
[data-theme="signature"] .bsm.o { background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--bd)!important }
[data-theme="signature"] .bsm.s { background:var(--stamp)!important;color:var(--paper)!important }

/* 시그니처: 마이페이지 */
[data-theme="signature"] .mypf  { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="signature"] .mynm  { color:var(--ink)!important }
[data-theme="signature"] .mybg  { background:var(--paper3)!important;color:var(--muted)!important }
[data-theme="signature"] .mmenu { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="signature"] .mmi   { border-color:var(--bd2)!important }
[data-theme="signature"] .mmil  { color:var(--ink)!important }
[data-theme="signature"] .abli  { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="signature"] .ablin { color:var(--ink)!important }

/* 시그니처: 탭바 */
[data-theme="signature"] .tabbar { background:var(--paper)!important;border-color:var(--bd)!important }
[data-theme="signature"] .t2-item { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="signature"] .t2-item.on.user-tab { background:var(--paper3)!important }
[data-theme="signature"] .t2-item.on.user-tab .t2-lbl { color:var(--ink)!important }
[data-theme="signature"] .t2-lbl { color:var(--muted)!important }

/* 시그니처: 홈 카드 */
[data-theme="signature"] .hcard { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="signature"] .hcard-write { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="signature"] .hcard-write .hcard-ico { background:var(--paper3)!important }
[data-theme="signature"] .hcard-t { color:var(--ink)!important }
[data-theme="signature"] .hcard-s { color:var(--muted)!important }
[data-theme="signature"] .hcard-arr { color:var(--muted)!important }
[data-theme="signature"] .hcard-ico { background:var(--paper3)!important }

/* 시그니처: 모달 */
[data-theme="signature"] .modal-box,
[data-theme="signature"] .modal-bg .mbox { background:var(--paper)!important }
[data-theme="signature"] .modal-hd,
[data-theme="signature"] .modal-bg .mhd { background:var(--paper)!important;border-color:var(--bd)!important }
[data-theme="signature"] .modal-tt,
[data-theme="signature"] .modal-bg .mtt { color:var(--ink)!important }
[data-theme="signature"] .modal-bd,
[data-theme="signature"] .modal-bg .mbd { color:var(--ink)!important }

/* 시그니처: 발송방법 선택 */
[data-theme="signature"] .dlo { background:var(--paper2)!important;color:var(--ink)!important }
[data-theme="signature"] .dlo.sel { background:var(--stamp-lt)!important;border-color:var(--stamp)!important }
[data-theme="signature"] .dl-nm { color:var(--ink)!important }
[data-theme="signature"] .dl-sb { color:var(--muted)!important }

/* 시그니처: 접수완료 */
[data-theme="signature"] #s-suc .si  { background:var(--paper)!important }
[data-theme="signature"] #s-suc .such { color:var(--ink)!important }
[data-theme="signature"] #s-suc .sucp { color:var(--muted)!important }
[data-theme="signature"] #s-suc .sucbg { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="signature"] #s-suc .sucbl { color:var(--muted)!important }
[data-theme="signature"] #s-suc .sucbn { color:var(--stamp)!important }
[data-theme="signature"] #s-suc p     { color:var(--muted)!important }

/* 시그니처: 화면 모드 버튼 */
[data-theme="signature"] #thm-lbl { color:var(--stamp)!important }
[data-theme="signature"] .theme-btn { background:var(--paper2)!important;border-color:var(--bd)!important }

/* 시그니처: 온보딩 */
[data-theme="signature"] .ob-step { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="signature"] .ob-step-t { color:var(--ink)!important }
[data-theme="signature"] .ob-step-d { color:var(--muted)!important }

/* 시그니처: 관리자 */
[data-theme="signature"] .adm-wrap  { background:var(--paper)!important }
[data-theme="signature"] .adm-hd    { background:var(--paper)!important;border-color:var(--bd)!important }
[data-theme="signature"] .adm-hero  { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="signature"] .ap        { background:var(--paper)!important }
[data-theme="signature"] .atab      { color:var(--muted)!important }
[data-theme="signature"] .atab.on   { color:var(--ink)!important;border-color:var(--stamp)!important }
[data-theme="signature"] .oc        { background:var(--paper2)!important }
[data-theme="signature"] .ocsb,
[data-theme="signature"] .ocst      { color:var(--muted)!important }
[data-theme="signature"] .admbx     { background:var(--paper2)!important }
[data-theme="signature"] .delc      { background:var(--paper2)!important;border-color:var(--bd)!important }
[data-theme="signature"] .delc-nm   { color:var(--muted)!important }
[data-theme="signature"] .delc-cnt  { color:var(--ink)!important }

/* 시그니처: 주문조회 */
[data-theme="signature"] .lkh  { background:var(--paper2)!important }
[data-theme="signature"] .lkid { color:var(--stamp)!important }
[data-theme="signature"] .lkb  { color:var(--ink)!important }
[data-theme="signature"] .tsl  { color:var(--muted)!important }

/* 시그니처: 최근주문 */
[data-theme="signature"] .ri-card { background:var(--paper2)!important }
[data-theme="signature"] .ri-nm   { color:var(--ink)!important }
[data-theme="signature"] .ri-sb   { color:var(--muted)!important }
[data-theme="signature"] .ri-empty{ color:var(--muted)!important }

/* 시그니처: 날짜 input */
[data-theme="signature"] input[type="date"] { background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--bd)!important }

/* 반응형 */
@media(min-width:480px){
  .shell{max-width:430px;margin:0 auto;border-left:.5px solid var(--bd);border-right:.5px solid var(--bd)}
  .sw{max-width:430px;left:50%;transform:translateX(-50%)}
}
@media(min-width:768px){
  body{background:var(--paper3)}
  .shell{box-shadow:0 0 40px rgba(0,0,0,.12)}
}
@media(max-height:600px){
  .t5-fab{width:42px;height:42px;font-size:18px;transform:translateY(-5px)}
  .tab-five{height:52px}
}

/* 인쇄 미디어 */
@media print{
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  body{margin:0;background:var(--paper)!important}
  .sw,.shell,.screen,.tabbar,#toast,#ld,.pn{display:none!important}
  #print-target{
    display:block!important;visibility:visible!important;
    position:static!important;width:auto!important;height:auto!important;
    overflow:visible!important;opacity:1!important;
    left:auto!important;top:auto!important;
  }
  #label-sheet{display:block!important;visibility:visible!important;position:static!important;width:auto!important;height:auto!important}
  .cvrpg,.ltrpg{display:flex!important;flex-direction:column!important}
  .cvrpg{page-break-after:always;break-after:page}
  .ltrpg{page-break-before:always;break-before:page}
  .cvrpg:last-child,.ltrpg:last-child{page-break-after:auto;break-after:auto}
}

/* printing-mode (인쇄 다이얼로그 열릴 때) */
.printing-mode
/* ══════════════════════════════════════
   하단 탭바 — 라이트/시그니처: stamp 강조, 다크: 다크 그대로
   ══════════════════════════════════════ */

/* 라이트 기본 */
.t2-item.on.user-tab {
  background: var(--stamp-lt) !important;
  border-color: var(--stamp) !important;
}
.t2-item.on.user-tab .t2-lbl {
  color: var(--stamp) !important;
  font-weight: 700;
}
/* 시그니처 */
[data-theme="signature"] .t2-item.on.user-tab {
  background: var(--stamp-lt) !important;
  border-color: var(--stamp) !important;
}
[data-theme="signature"] .t2-item.on.user-tab .t2-lbl {
  color: var(--stamp) !important;
}
/* 다크 — 흰 배경에 검정 텍스트 (토스 스타일) */
[data-theme="dark"] .t2-item.on.user-tab {
  background: #ffffff !important;
  border: none !important;
}
[data-theme="dark"] .t2-item.on.user-tab .t2-lbl {
  color: #000000 !important;
  font-weight: 700;
}
/* 시스템 다크 */
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]):not([data-theme="signature"]) .t2-item.on.user-tab {
    background: #ffffff !important;
    border: none !important;
  }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .t2-item.on.user-tab .t2-lbl {
    color: #000000 !important;
    font-weight: 700;
  }
}

/* ══════════════════════════════════════
   관리자 상단바 — 라이트 모드 보정
   (adm-main-bar, admtp: 하드코딩된 다크 그라디언트 → theme 변수)
   ══════════════════════════════════════ */
[data-theme="light"] .adm-main-bar,
[data-theme="light"] .admtp {
  background: var(--paper) !important;
  border-bottom: .5px solid var(--bd) !important;
}
[data-theme="light"] .admbr { color: var(--stamp) !important; }
[data-theme="light"] .admub { color: var(--muted) !important; }
[data-theme="light"] .admlo {
  color: var(--muted) !important;
  background: var(--paper2) !important;
  border-color: var(--bd) !important;
}
[data-theme="light"] .adm-main-tab {
  color: var(--muted) !important;
  border-color: var(--bd) !important;
  background: var(--paper2) !important;
}
[data-theme="light"] .adm-main-tab.on {
  background: var(--stamp) !important;
  border-color: var(--stamp) !important;
  color: #fff !important;
}

/* ── 매출 히어로 카드 — 라이트 모드 ── */
[data-theme="light"] .rev-hero {
  background: linear-gradient(135deg, var(--paper2) 0%, var(--paper3) 100%) !important;
  border-color: var(--bd) !important;
}
[data-theme="light"] .rh-glow {
  background: radial-gradient(circle, var(--stamp-lt) 0%, transparent 65%) !important;
}
[data-theme="light"] .rh-glow2 {
  background: radial-gradient(circle, var(--stamp-lt) 0%, transparent 65%) !important;
}
[data-theme="light"] .rh-lbl  { color: var(--muted) !important; }
[data-theme="light"] .rh-amt  { color: var(--stamp) !important; }
[data-theme="light"] .rh-sub  { color: var(--muted) !important; }
[data-theme="light"] .rh-sub-dot { background: var(--bd) !important; }
[data-theme="light"] .rh-top  { border-bottom-color: var(--bd2) !important; }
[data-theme="light"] .rh-item { border-right-color: var(--bd2) !important; }
[data-theme="light"] .rh-il   { color: var(--muted) !important; }
[data-theme="light"] .rh-iv   { color: var(--ink) !important; }

/* ── inline color var 보정 (gold→stamp, warn은 그대로) ── */
[data-theme="light"] #rh-month { color: var(--gold-text) !important; }

/* ══════════════════════════════════════
   관리자 상단바 — 시그니처 모드 보정
   ══════════════════════════════════════ */
[data-theme="signature"] .adm-main-bar,
[data-theme="signature"] .admtp {
  background: var(--paper) !important;
  border-bottom: .5px solid var(--bd) !important;
}
[data-theme="signature"] .admbr { color: var(--stamp) !important; }
[data-theme="signature"] .admub { color: var(--muted) !important; }
[data-theme="signature"] .admlo {
  color: var(--muted) !important;
  background: var(--paper2) !important;
  border-color: var(--bd) !important;
}
[data-theme="signature"] .adm-main-tab {
  color: var(--muted) !important;
  border-color: var(--bd) !important;
  background: var(--paper2) !important;
}
[data-theme="signature"] .adm-main-tab.on {
  background: var(--stamp) !important;
  border-color: var(--stamp) !important;
  color: var(--paper) !important;
}

/* ── 매출 히어로 카드 — 시그니처 모드 ── */
[data-theme="signature"] .rev-hero {
  background: linear-gradient(135deg, var(--paper2) 0%, var(--paper3) 100%) !important;
  border-color: var(--bd) !important;
}
[data-theme="signature"] .rh-glow {
  background: radial-gradient(circle, var(--stamp-lt) 0%, transparent 65%) !important;
}
[data-theme="signature"] .rh-glow2 {
  background: radial-gradient(circle, rgba(122,106,88,.06) 0%, transparent 65%) !important;
}
[data-theme="signature"] .rh-lbl  { color: var(--muted) !important; }
[data-theme="signature"] .rh-amt  { color: var(--stamp) !important; }
[data-theme="signature"] .rh-sub  { color: var(--muted) !important; }
[data-theme="signature"] .rh-sub-dot { background: var(--bd) !important; }
[data-theme="signature"] .rh-top  { border-bottom-color: var(--bd2) !important; }
[data-theme="signature"] .rh-item { border-right-color: var(--bd2) !important; }
[data-theme="signature"] .rh-il   { color: var(--muted) !important; }
[data-theme="signature"] .rh-iv   { color: var(--ink) !important; }
[data-theme="signature"] #rh-month { color: var(--gold-text) !important; }

/* ══════════════════════════════════════
   관리자 서브탭 (admtabs/admtab) — 다크·시스템 보정
   ══════════════════════════════════════ */
[data-theme="dark"] .admtabs {
  background: var(--paper) !important;
  border-bottom-color: var(--paper2) !important;
}
[data-theme="dark"] .admtab { color: var(--muted) !important; }
[data-theme="dark"] .admtab.on {
  color: var(--stamp) !important;
  border-bottom-color: var(--stamp) !important;
}
[data-theme="signature"] .admtabs {
  background: var(--paper) !important;
  border-bottom-color: var(--paper2) !important;
}
[data-theme="signature"] .admtab { color: var(--muted) !important; }
[data-theme="signature"] .admtab.on {
  color: var(--stamp) !important;
  border-bottom-color: var(--stamp) !important;
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]):not([data-theme="signature"]) .admtab { color: var(--muted) !important; }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .admtab.on {
    color: var(--stamp) !important;
    border-bottom-color: var(--stamp) !important;
  }
  :root:not([data-theme="light"]):not([data-theme="signature"]) .adm-main-bar {
    /* 시스템 다크에서는 기존 어두운 gradient 유지 */
  }
}