/* =====================================================================
 * NOW WORK 테마 4종 × 라이트·다크 — 확정 적용판 (디자인팀 ui-designer, 2026-11-02 KH 결정 반영)
 *   1 현장 웜(처음 값) · 2 나우 블루 · 4 크림 코랄 · 5 햇빛 고대비   (3·6은 뺌)
 *
 * 넣는 법: index.html 의 CSS link 맨 끝(v1.11.0n 기준 css/v110.css 다음 — theme.css 보다 뒤면 됨)에
 *     <link rel="stylesheet" href="css/nw-themes.css?v=…">
 *   + <head> 의 meta theme-color 다음에 boot_snippet.html 한 덩어리, native.js 다음에 js/nw-prefs.js.
 *   (sw.js FILES 목록에도 'css/nw-themes.css', 'js/nw-prefs.js' 추가)
 *   자세한 순서·확인 방법: themes\테마_적용안내.md
 *
 * 켜지는 조건: <html data-nw-theme="1|2|4|5" data-nw-mode="light|dark"> (부트 스니펫·nw-prefs.js 가 붙임).
 *   두 속성이 없으면 이 파일은 아무것도 바꾸지 않는다 → 지금 앱(theme.css 청록) 모습 그대로 (안전한 되돌림).
 * 앱의 예전 다크 방식(html[data-theme="light|dark"], localStorage tm_theme)은 그대로 둔다:
 *   nw-prefs.js 가 nw.mode ↔ tm_theme ↔ data-theme 을 같이 맞추고, 실제 밝기는 data-nw-mode 로 정한다.
 *
 * 우선순위 설계
 *   - 색 토큰: html[data-nw-theme="N"][data-nw-mode="M"] (0,2,1) → theme.css 의 :root[data-theme="dark"]·
 *     @media :root:not([data-theme="light"]) (0,2,0) 보다 세다 → 기기 다크/라이트와 상관없이 고른 밝기가 이긴다.
 *   - 모양 규칙: :where(html[data-nw-theme="N"]) .x — :where() 는 무게 0 이라 원래 선택자 무게 그대로,
 *     이 파일이 theme.css 뒤에 읽히므로 같은 무게면 이 파일이 이긴다 (시안 theme_N.css 4절과 같은 동작).
 *   - 예외: 앱 JS 가 실행 중에 <head> 맨 끝에 붙이는 <style>(privacy.js #nwpv-css 등)은 이 파일보다 뒤라서
 *     :where() 로는 못 이긴다 → 그런 곳만 html[data-nw-theme] 를 그대로 써서 무게를 올린다 (A절 '실행 중 붙는 스타일').
 *
 * 색 이름은 지금 theme.css 와 1:1 (--bg … --shadow). 새 이름:
 *   --line-strong  입력칸·토글 테두리 (바탕·카드 위 3:1 이상 — 모든 테마)
 *   --ok --ok-soft --on-ok  완료·정상(초록)        --accent  장식·움직임 빛
 *   --fill --fill-hover --fill-edge --on-fill  채움 버튼 (4 크림 코랄만 주색과 다름)
 *   --pc-new  PC 표 '새 줄' 형광펜(M18)          --dis-op  사용 불가 버튼·입력칸 흐림 정도
 *   --radius-card --radius-btn --radius-chip --tap   모양
 *   --nw-*  효과(모션) 조각이 읽는 이름 = 위 토큰의 별칭
 * 글자 크기: 테마 1·2·4 는 앱 그대로. 테마 5 만 KH 가 고른 시안(theme_5.css 4절) 그대로 키운다 —
 *   제목 26px(앱 24)·버튼 16px(15)·큰 버튼 17px(16)·줄 설명 14px(13)·배지 13px(12)·아래 탭 12px(11). C절 참고.
 * 대비 계산: _도구\themes\check_contrast.py → _검수\themes\contrast.json (미달 0).
 * ===================================================================== */

html[data-nw-mode="light"]{color-scheme:light}
html[data-nw-mode="dark"]{color-scheme:dark}

/* ---------- 1. 현장 웜 · 청록 계승 (처음 값) ---------- */
html[data-nw-theme="1"]{--radius-card:18px;--radius-btn:12px;--radius-chip:999px;--tap:48px}
html[data-nw-theme="1"][data-nw-mode="light"]{
  --bg:#F4F3F0;--surface:#FFFFFF;--surface2:#EEECE7;--line:#DCD8CF;--line2:#EAE7E1;--line-strong:#87827A;
  --text:#1A1C1E;--text2:#45484C;--text3:#63676C;
  --pri:#13706A;--pri-strong:#0C5752;--pri-soft:#E0F0EC;--on-pri:#FFFFFF;
  --red:#C02D2D;--red-soft:#FCEBEA;--on-red:#FFFFFF;
  --orange:#A64F0A;--orange-soft:#FCEFE0;--on-orange:#FFFFFF;
  --ok:#2D7440;--ok-soft:#E5F2E8;--on-ok:#FFFFFF;--accent:#E07A2E;
  --fill:#13706A;--fill-hover:#0C5752;--fill-edge:#13706A;--on-fill:#FFFFFF;
  --sel:rgba(19,112,106,.16);--focus:#13706A;
  --side-bg:#FFFFFF;--side-hover:#EEECE7;--side-on:#E0F0EC;--side-on-fg:#0C5752;
  --elev:0 1px 2px rgba(40,30,20,.06);--scrim:rgba(10,15,20,.45);--shadow:0 12px 40px rgba(20,30,40,.18);
  --bg-deco:none;--pc-new:#FFD27A;--dis-op:.7;
}
html[data-nw-theme="1"][data-nw-mode="dark"]{
  --bg:#141311;--surface:#1D1C19;--surface2:#27251F;--line:#3A362E;--line2:#2B2924;--line-strong:#7A756B;
  --text:#EEECE8;--text2:#C4C0B8;--text3:#9E998F;
  --pri:#56C6B6;--pri-strong:#86DDD0;--pri-soft:#17362F;--on-pri:#04201C;
  --red:#FF8A80;--red-soft:#3B1E1C;--on-red:#2A0B0B;
  --orange:#F2AA5E;--orange-soft:#3A2A18;--on-orange:#2A1704;
  --ok:#82D196;--ok-soft:#1B3322;--on-ok:#0A2412;--accent:#F39A4E;
  --fill:#56C6B6;--fill-hover:#86DDD0;--fill-edge:#56C6B6;--on-fill:#04201C;
  --sel:rgba(86,198,182,.22);--focus:#86DDD0;
  --side-bg:#141311;--side-hover:#27251F;--side-on:#17362F;--side-on-fg:#86DDD0;
  --elev:none;--scrim:rgba(0,0,0,.6);--shadow:0 12px 40px rgba(0,0,0,.6);
  --bg-deco:none;--pc-new:#FFD27A;--dis-op:.6;
}

/* ---------- 2. 나우 블루 · 브랜드 ---------- */
html[data-nw-theme="2"]{--radius-card:16px;--radius-btn:12px;--radius-chip:999px;--tap:48px}
html[data-nw-theme="2"][data-nw-mode="light"]{
  --bg:#F3F5FA;--surface:#FFFFFF;--surface2:#EBEFF7;--line:#D6DCE9;--line2:#E7EBF3;--line-strong:#7B85A0;
  --text:#121829;--text2:#3F4860;--text3:#5C6680;
  --pri:#2B45BD;--pri-strong:#1D2F8F;--pri-soft:#E6EBFB;--on-pri:#FFFFFF;
  --red:#C4252F;--red-soft:#FDEBEC;--on-red:#FFFFFF;
  --orange:#A34E0B;--orange-soft:#FDF0E1;--on-orange:#FFFFFF;
  --ok:#22764A;--ok-soft:#E3F3EA;--on-ok:#FFFFFF;--accent:#E5636A;
  --fill:#2B45BD;--fill-hover:#1D2F8F;--fill-edge:#2B45BD;--on-fill:#FFFFFF;
  --sel:rgba(43,69,189,.16);--focus:#2B45BD;
  --side-bg:#FFFFFF;--side-hover:#EBEFF7;--side-on:#E6EBFB;--side-on-fg:#1D2F8F;
  --elev:0 1px 3px rgba(18,24,60,.07);--scrim:rgba(10,15,20,.45);--shadow:0 12px 40px rgba(20,30,40,.18);
  --bg-deco:none;--pc-new:#FFD27A;--dis-op:.62;
}
html[data-nw-theme="2"][data-nw-mode="dark"]{
  --bg:#0C1020;--surface:#141A2E;--surface2:#1C2442;--line:#2C3659;--line2:#212A47;--line-strong:#6B779C;
  --text:#E8ECF8;--text2:#B7C0D8;--text3:#929CB8;
  --pri:#8EA4FF;--pri-strong:#B6C4FF;--pri-soft:#1E2A5C;--on-pri:#0A1240;
  --red:#FF8A8F;--red-soft:#3C1C24;--on-red:#2B0A0E;
  --orange:#F5AB62;--orange-soft:#3A2A1A;--on-orange:#2A1704;
  --ok:#72D39C;--ok-soft:#17352A;--on-ok:#06241A;--accent:#F08A90;
  --fill:#8EA4FF;--fill-hover:#B6C4FF;--fill-edge:#8EA4FF;--on-fill:#0A1240;
  --sel:rgba(142,164,255,.22);--focus:#B6C4FF;
  --side-bg:#0C1020;--side-hover:#1C2442;--side-on:#1E2A5C;--side-on-fg:#B6C4FF;
  --elev:none;--scrim:rgba(0,0,0,.6);--shadow:0 12px 40px rgba(0,0,0,.6);
  --bg-deco:none;--pc-new:#FFD27A;--dis-op:.6;
}

/* ---------- 4. 크림 코랄 · 따뜻한 친근형 ----------
 * 11-02 확정 보완: 주색(코랄)과 상태색이 가깝다는 지적 → 지연 빨강을 라즈베리 쪽(#B0233F→#A3165F, 다크 #FF7394→#FA7EBE),
 *   임박 주황을 호박·겨자 쪽(#875800→#765E00)으로 옮겨 주색과 색 거리(CIEDE2000) 25 이상. 코랄 주색·채움은 그대로. */
html[data-nw-theme="4"]{--radius-card:20px;--radius-btn:14px;--radius-chip:999px;--tap:48px}
html[data-nw-theme="4"][data-nw-mode="light"]{
  --bg:#F8EEDF;--surface:#FFFAF2;--surface2:#F2E4D0;--line:#E7D5BC;--line2:#EFE1CD;--line-strong:#8F7B65;
  --text:#2B1F19;--text2:#59483E;--text3:#705E54;
  --pri:#AF3C21;--pri-strong:#8C2D15;--pri-soft:#FFE0D3;--on-pri:#FFFFFF;
  --red:#A3165F;--red-soft:#FCE4EE;--on-red:#FFFFFF;
  --orange:#765E00;--orange-soft:#FBE9C4;--on-orange:#FFFFFF;
  --ok:#2A6F41;--ok-soft:#E3F1E4;--on-ok:#FFFFFF;--accent:#DE5A3C;
  --fill:#FF7F5E;--fill-hover:#F7724F;--fill-edge:#DE5A3C;--on-fill:#2B1F19;
  --sel:rgba(175,60,33,.16);--focus:#AF3C21;
  --side-bg:#FFFAF2;--side-hover:#F2E4D0;--side-on:#FFE0D3;--side-on-fg:#8C2D15;
  --elev:0 1px 2px rgba(120,60,30,.05),0 6px 18px rgba(120,60,30,.07);--scrim:rgba(45,25,15,.45);--shadow:0 18px 48px rgba(110,55,25,.18);
  --bg-deco:radial-gradient(110% 55% at 100% -8%,rgba(255,168,128,.16),transparent 62%),radial-gradient(70% 40% at -5% 105%,rgba(245,190,120,.10),transparent 60%);
  --pc-new:#FFD27A;--dis-op:.72;
}
html[data-nw-theme="4"][data-nw-mode="dark"]{
  --bg:#1B1512;--surface:#251D19;--surface2:#2F2621;--line:#45382F;--line2:#332A24;--line-strong:#86766A;
  --text:#F7EEE6;--text2:#D8C9BC;--text3:#B09E90;
  --pri:#FF9070;--pri-strong:#FFB59D;--pri-soft:#46261C;--on-pri:#2B0D04;
  --red:#FA7EBE;--red-soft:#45202F;--on-red:#2E0718;
  --orange:#EDBD5A;--orange-soft:#3D3017;--on-orange:#2A1C02;
  --ok:#8AD69F;--ok-soft:#1F3426;--on-ok:#0B2614;--accent:#FFA07F;
  --fill:#FF9070;--fill-hover:#FFB59D;--fill-edge:#FF9070;--on-fill:#2B0D04;
  --sel:rgba(255,144,112,.24);--focus:#FFB59D;
  --side-bg:#1B1512;--side-hover:#2F2621;--side-on:#46261C;--side-on-fg:#FFB59D;
  --elev:0 4px 14px rgba(0,0,0,.28);--scrim:rgba(0,0,0,.6);--shadow:0 18px 48px rgba(0,0,0,.6);
  --bg-deco:radial-gradient(110% 55% at 100% -8%,rgba(255,144,112,.08),transparent 62%);
  --pc-new:#FFD27A;--dis-op:.6;
}

/* ---------- 5. 햇빛 고대비 · 안전 노랑 (나이 드신 분·야외·강한 조명) ----------
 * 본문 7:1 이상(라이트·다크), 선·입력칸·초점 3:1 이상 + 2px, 상태색 글자 4.5:1 이상(실제 7:1 안팎).
 * 11-02 확정 보완: 다크 임박 주황이 주색(노랑)과 가까워 #FFAD5C→#FF8C3A, 지연 빨강 #FF9B92→#FF98AC (주색·상태 색 거리 25 이상).
 * 11-02 최종 보완: 다크 주황 #FF8C3A 가 연한 주황 바탕(#3A2208)·선택 줄(#332A00) 위에서 6.2~6.4:1 → #FFA064 (7.1~7.4:1, 주색 거리 25.9·지연 거리 25.2). */
html[data-nw-theme="5"]{--radius-card:6px;--radius-btn:6px;--radius-chip:4px;--tap:56px}
html[data-nw-theme="5"][data-nw-mode="light"]{
  --bg:#EBEBE7;--surface:#FFFFFF;--surface2:#F1F1EE;--line:#82827C;--line2:#D3D3CE;--line-strong:#6B6B65;
  --text:#0B0B0C;--text2:#26282C;--text3:#3B3D42;
  --pri:#141414;--pri-strong:#000000;--pri-soft:#E2E2DC;--on-pri:#FFD21A;
  --red:#94101A;--red-soft:#FFE6E3;--on-red:#FFFFFF;
  --orange:#7A3400;--orange-soft:#FFE4CC;--on-orange:#FFFFFF;
  --ok:#115728;--ok-soft:#DCF1E1;--on-ok:#FFFFFF;--accent:#FFC800;
  --fill:#141414;--fill-hover:#000000;--fill-edge:#141414;--on-fill:#FFD21A;
  --sel:rgba(255,200,0,.28);--focus:#000000;
  --side-bg:#FFFFFF;--side-hover:#F1F1EE;--side-on:#FFE97A;--side-on-fg:#000000;
  --elev:0 2px 0 rgba(0,0,0,.18);--scrim:rgba(0,0,0,.6);--shadow:0 14px 40px rgba(0,0,0,.28);
  --bg-deco:none;--pc-new:#FFD27A;--dis-op:.66;
  --nw-accent:#6B4E00;   /* 효과의 가는 막대·윤곽: 흰 바탕 위 노랑(1.55:1) 대신 진한 호박 */
}
html[data-nw-theme="5"][data-nw-mode="dark"]{
  --bg:#0A0A0A;--surface:#121212;--surface2:#1E1E1E;--line:#7C7C7C;--line2:#333333;--line-strong:#8C8C8C;
  --text:#F2F2F2;--text2:#E0E0E0;--text3:#CFCFCF;
  --pri:#FFD21A;--pri-strong:#FFE45C;--pri-soft:#3A3000;--on-pri:#000000;
  --red:#FF98AC;--red-soft:#3D1412;--on-red:#1A0000;
  --orange:#FFA064;--orange-soft:#3A2208;--on-orange:#1A0B00;
  --ok:#6FE08C;--ok-soft:#0D3318;--on-ok:#00180A;--accent:#FFC800;
  --fill:#FFD21A;--fill-hover:#FFE45C;--fill-edge:#FFD21A;--on-fill:#000000;
  --sel:rgba(255,210,26,.22);--focus:#FFD21A;
  --side-bg:#0A0A0A;--side-hover:#1E1E1E;--side-on:#332A00;--side-on-fg:#FFD21A;
  --elev:none;--scrim:rgba(0,0,0,.75);--shadow:0 14px 40px rgba(0,0,0,.85);
  --bg-deco:none;--pc-new:#FFD27A;--dis-op:.6;
}

/* ---------- 공통 별칭 (효과 조각 --nw-* · app.css 가 쓰지만 정의 없던 --muted) ---------- */
html[data-nw-theme]{
  --muted:var(--text3);
  --nw-bg:var(--bg);--nw-surface:var(--surface);--nw-text:var(--text);--nw-muted:var(--text3);--nw-line:var(--line);
  --nw-primary:var(--pri);--nw-on-primary:var(--on-pri);--nw-accent:var(--accent);
  --nw-ok:var(--ok);--nw-on-ok:var(--on-ok);--nw-warn:var(--orange);--nw-on-warn:var(--on-orange);
  --nw-danger:var(--red);--nw-on-danger:var(--on-red);--nw-radius:var(--radius-card);
}
html[data-nw-theme="5"][data-nw-mode="dark"]{--nw-accent:var(--accent)}

/* =====================================================================
 * A. 모든 테마 공통 규칙 — 앱이 색을 박아 둔 곳 · 대비 보강 (무게는 원래 선택자 그대로)
 * ===================================================================== */
/* 바탕 장식(4만 있음): body 는 .scr 에 가려지므로 .scr 에 깐다. ct 가 스크롤되므로 장식은 화면에 고정된 것처럼 보임 */
:where(html[data-nw-theme]) .scr{background-image:var(--bg-deco)}
/* 모양: 카드·버튼·칩 반지름, 누르는 곳 높이 (.btn.sm 등 더 구체적인 앱 규칙은 그대로 이김) */
:where(html[data-nw-theme]) .card,:where(html[data-nw-theme]) .list,:where(html[data-nw-theme]) .icard,
:where(html[data-nw-theme]) .num,:where(html[data-nw-theme]) .teambox{border-radius:var(--radius-card)}
:where(html[data-nw-theme]) .btn,:where(html[data-nw-theme]) .top .act,:where(html[data-nw-theme]) .top .back,
:where(html[data-nw-theme]) .inp,:where(html[data-nw-theme]) .filt select{border-radius:var(--radius-btn)}
:where(html[data-nw-theme]) .chip{border-radius:var(--radius-chip)}
:where(html[data-nw-theme]) .btn{min-height:var(--tap)}
:where(html[data-nw-theme]) .pill.ok{background:var(--ok-soft);color:var(--ok)}
/* PC 큰 화면에서 둥근 카드가 커 보이는 1·4 → PC 만 14px (PC 테마 견본 devNote) */
:where(html[data-nw-theme="1"],html[data-nw-theme="4"]) .pc{--radius-card:14px;--nw-radius:14px;--m-r:14px}   /* 효과 조각(--nw-radius·--m-r)도 같이 (11-02 최종 보완: 전엔 html 값 18·20px 이 남았음) */
/* 입력칸·고르기 테두리: 바탕·카드 위 3:1 (예전 --line 은 1.3:1 안팎이라 칸이 잘 안 보였음) */
:where(html[data-nw-theme]) .inp,:where(html[data-nw-theme]) .filt select,:where(html[data-nw-theme]) .write textarea{border-color:var(--line-strong)}
:where(html[data-nw-theme]) .inp:focus,:where(html[data-nw-theme]) .filt select:focus,:where(html[data-nw-theme]) .write textarea:focus{border-color:var(--pri)}
/* 토글: 꺼짐 = 진한 회색 길(3:1), 켜짐 = 주색 길 + 주색 위 글자색 동그라미 (다크·5안 노랑 길 위 흰 동그라미가 안 보이던 것) */
:where(html[data-nw-theme]) .toggle{background:var(--line-strong)}
:where(html[data-nw-theme]) .toggle.on{background:var(--pri)}
:where(html[data-nw-theme]) .toggle.on:after{background:var(--on-pri)}
/* 사용 불가: 흐림을 테마별로(글자 3:1 이상 남게). 앱 기본 .5~.6 은 다크·5안에서 너무 흐림 */
:where(html[data-nw-theme]) .btn:disabled,:where(html[data-nw-theme]) .btn[disabled],
:where(html[data-nw-theme]) button:disabled,:where(html[data-nw-theme]) .inp:disabled{opacity:var(--dis-op)}
/* 박힌 색 풀기 — 정적 CSS(app.css·tools.css)에 박힌 색. 이 파일이 뒤에 읽히므로 :where() 무게로 충분 */
:where(html[data-nw-theme]) .ochk.on{color:var(--on-pri)}                                   /* app.css '.ochk.on' color:#fff */
:where(html[data-nw-theme]) .nb{color:var(--on-red)}                                        /* app.css '.nb' color:#fff (theme.css 에도 같은 덮개) */
:where(html[data-nw-theme]) .nb.o{color:var(--on-orange)}
:where(html[data-nw-theme]) .tl-slot .new{color:var(--on-orange)}                           /* tools.css '.tl-slot .new' color:#fff */
:where(html[data-nw-theme]) .wkcm.blk{background:linear-gradient(90deg,var(--red-soft),transparent)}   /* app.css '.wkcm.blk' rgba(220,60,60,.07) */
:where(html[data-nw-theme]) .fph{background:var(--surface2)}                                /* app.css '.fph' background:#fff */
/* 실행 중 붙는 스타일 — privacy.js host() 가 <style id="nwpv-css"> 를 head 맨 끝에 붙이고 그 안의
   '.pvtag.paper{color:#1d4ed8}'(0,2,0)가 문서 순서상 이 파일보다 뒤다 → :where() 를 쓰지 않고 html[data-nw-theme] 로 (0,3,1).
   (다크에서 #1d4ed8 은 2.5~2.8:1 미달. 원본 privacy.js 의 그 한 곳을 var(--text2) 로 바꾸면 이 줄은 없어도 됨 — 적용안내 3단계) */
html[data-nw-theme] .pvtag.paper{color:var(--text2)}
/* 고른 이슈 카드(.icard.sel)에 키보드 초점: 앱 .icard.sel 외곽선(주색 2px)과 초점 테두리 색이 같아 라이트 1·2·4 에서 구별이 안 됐음
   → 초점이면 바깥에 바탕색 틈 + 초점색 고리를 한 겹 더 (11-02 최종 보완 7) */
:where(html[data-nw-theme]) .icard.sel:focus-visible{box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--focus)}
/* PC 왼쪽 메뉴 글자: theme.css .side .snav button 의 line-height:1 이 .lb(overflow:hidden)에 그대로 와서 글자 아래가 잘림 → 1.4 (11-02 최종 보완 8 — 맑은 고딕 14.5px 기준 1.25 는 아직 1px, 1.35 부터 안 잘림을 재서 여유 둠) */
:where(html[data-nw-theme]) .side .snav button .lb{line-height:1.4}

/* =====================================================================
 * B. 테마 4 크림 코랄 — 채움 = 밝은 코랄 + 짙은 글자, 상태 배지 알약, 지연만 꽉 찬 배지
 * ===================================================================== */
:where(html[data-nw-theme="4"]) .btn.pri,:where(html[data-nw-theme="4"]) .top .act,:where(html[data-nw-theme="4"]) .ab .act:not(.sub),
:where(html[data-nw-theme="4"]) .chip.on:not(.orange):not(.red):not(.gray),:where(html[data-nw-theme="4"]) .pdca .cur,
:where(html[data-nw-theme="4"]) .pdca.pick button.cur,:where(html[data-nw-theme="4"]) .cell.today .dn,
:where(html[data-nw-theme="4"]) .ochk.on{background:var(--fill);border-color:var(--fill-edge);color:var(--on-fill)}
:where(html[data-nw-theme="4"]) .btn.pri:hover,:where(html[data-nw-theme="4"]) .chip.on:not(.orange):not(.red):not(.gray):hover{background:var(--fill-hover);border-color:var(--fill-edge)}
:where(html[data-nw-theme="4"]) .btn.pri:disabled:hover{background:var(--fill);border-color:var(--fill-edge)}
:where(html[data-nw-theme="4"]) .chip.on:not(.orange):not(.red):not(.gray) .c,:where(html[data-nw-theme="4"]) .chip.on:not(.orange):not(.red):not(.gray) .red,
:where(html[data-nw-theme="4"]) .chip.on:not(.orange):not(.red):not(.gray) .orange,:where(html[data-nw-theme="4"]) .chip.on:not(.orange):not(.red):not(.gray) .gray,
:where(html[data-nw-theme="4"]) .chip.on:not(.orange):not(.red):not(.gray) .prc{color:var(--on-fill)}
:where(html[data-nw-theme="4"]) .pill{border-radius:var(--radius-chip);padding:2px 9px}
:where(html[data-nw-theme="4"]) .pill.red{background:var(--red);color:var(--on-red)}
:where(html[data-nw-theme="4"]) .tabs .nb,:where(html[data-nw-theme="4"]) .rail .nb{box-shadow:0 0 0 2px var(--side-bg)}

/* =====================================================================
 * C. 테마 5 햇빛 고대비 — 굵은 선(2px)·굵은 글자·큰 버튼·큰 글자·안전 노랑 '지금 여기'.
 *    글자 크기는 KH 가 고른 시안 theme_5.css 4절 값 그대로 (나이 드신 분용). 앱 값 → 5안:
 *      .top h2 24→26(굵기 900) · .btn 15→16 · .btn.big 16→17 · .row .s 13→14 · .pill 12→13 · .tabs button 11→12
 *    무게가 더 센 앱 규칙(.btn.sm·.btn.line 14px, .dcard .btn.big 15px, 탭 6개 이상 10.5px·9개 이상 9.5px)은 앱 값 그대로 —
 *    좁은 곳에서 넘치지 않게 일부러 둔 것 (시안과 같은 동작).
 * ===================================================================== */
:where(html[data-nw-theme="5"]) body{font-weight:500}
:where(html[data-nw-theme="5"]) .top h2{font-size:26px;font-weight:900}
:where(html[data-nw-theme="5"]) .card,:where(html[data-nw-theme="5"]) .list,:where(html[data-nw-theme="5"]) .icard,
:where(html[data-nw-theme="5"]) .num,:where(html[data-nw-theme="5"]) .teambox,
:where(html[data-nw-theme="5"]) .inp,:where(html[data-nw-theme="5"]) .filt select{border-width:2px}
:where(html[data-nw-theme="5"]) .btn{border-width:2px;font-size:16px;font-weight:800}
:where(html[data-nw-theme="5"]) .btn.line{border-width:3px}
:where(html[data-nw-theme="5"]) .btn.big{min-height:60px;font-size:17px}
:where(html[data-nw-theme="5"]) .btn.sm,:where(html[data-nw-theme="5"]) .btn.line,
:where(html[data-nw-theme="5"]) .top .act,:where(html[data-nw-theme="5"]) .top .back{min-height:48px}
:where(html[data-nw-theme="5"]) .top .act{font-weight:800}
:where(html[data-nw-theme="5"]) .row .tt{font-weight:700}
:where(html[data-nw-theme="5"]) .row .s{font-size:14px;color:var(--text2)}
:where(html[data-nw-theme="5"]) .row.done .tt{color:var(--text2)}
:where(html[data-nw-theme="5"]) .pill{border:1.5px solid currentColor;border-radius:var(--radius-chip);font-weight:800;font-size:13px;padding:3px 8px}
:where(html[data-nw-theme="5"]) .pill.red{background:var(--red);border-color:var(--red);color:var(--on-red)}
:where(html[data-nw-theme="5"]) .row.sel,:where(html[data-nw-theme="5"]) .row.sel:hover{background:var(--side-on);box-shadow:inset 6px 0 0 var(--pri)}
:where(html[data-nw-theme="5"]) .tbl tr.sel td,:where(html[data-nw-theme="5"]) .tl-t tr.sel,
:where(html[data-nw-theme="5"]) .cell.sel,:where(html[data-nw-theme="5"]) .tl-pkr.on{background:var(--side-on)}
:where(html[data-nw-theme="5"]) .row.wait{box-shadow:inset 6px 0 0 var(--orange)}
:where(html[data-nw-theme="5"]) .nb{font-weight:800}
:where(html[data-nw-theme="5"]) .chip{min-height:48px;border-width:2px;font-weight:700}
:where(html[data-nw-theme="5"]) .chip.on{box-shadow:inset 0 -4px 0 var(--accent)}
:where(html[data-nw-theme="5"]) .chip.on.gray{box-shadow:inset 0 -4px 0 var(--pri)}
:where(html[data-nw-theme="5"][data-nw-mode="dark"]) .chip.on{box-shadow:inset 0 -4px 0 var(--on-pri)}
:where(html[data-nw-theme="5"][data-nw-mode="dark"]) .chip.on.gray{box-shadow:inset 0 -4px 0 var(--pri)}
:where(html[data-nw-theme="5"]) .seg button.on,:where(html[data-nw-theme="5"]) .segr input:checked+span{background:var(--side-on);color:var(--side-on-fg);box-shadow:inset 0 0 0 2px var(--pri)}
:where(html[data-nw-theme="5"]) .tabs{border-top-width:2px}
:where(html[data-nw-theme="5"]) .tabs button{min-height:60px;font-size:12px;font-weight:600;color:var(--text2)}
:where(html[data-nw-theme="5"]) .tabs .on{color:var(--pri);font-weight:800;background:var(--side-on);box-shadow:inset 0 4px 0 var(--pri)}
:where(html[data-nw-theme="5"]) .side .on,:where(html[data-nw-theme="5"]) .side .on:hover{box-shadow:inset 5px 0 0 var(--pri)}
:where(html[data-nw-theme="5"]) .side .snav .on:before{display:none}
:where(html[data-nw-theme="5"]) .rail .on{box-shadow:inset 0 0 0 2px var(--pri)}
/* 초점: 바탕색 틈 → 테(--focus 3px) → 안전 노랑 띠. #app 안은 theme.css(1,1,1)보다 세게 */
:where(html[data-nw-theme="5"]) :focus-visible,
:where(html[data-nw-theme="5"]) #app :is(button,a,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 2px var(--bg),0 0 0 7px var(--accent)}
:where(html[data-nw-theme="5"]) .icard.sel:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 7px var(--accent)}
/* 지난달·다음달 날짜: 앱 .cell.out .dn{opacity:.55} 때문에 3.0~4.4:1 → 5안은 흐림 없이 흐린 글자색(text3, 7:1 이상) (11-02 최종 보완 1) */
:where(html[data-nw-theme="5"]) .cell.out .dn{opacity:1;color:var(--text3)}
/* 사진 위 꼬리표("1/3"·"앞면"): 반투명 검정 .6 → .82 (흰 바탕 사진 위 5.7:1 → 13.6:1) (11-02 최종 보완 3) */
:where(html[data-nw-theme="5"]) .tl-slot .lb,:where(html[data-nw-theme="5"]) .tl-phb .lb{background:rgba(0,0,0,.82);font-weight:700}
:where(html[data-nw-theme="5"]) .inp:focus,:where(html[data-nw-theme="5"]) .filt select:focus,
:where(html[data-nw-theme="5"]) textarea:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--accent)}