/* ══ v-206 급여 작성 여섯 단계 — ② 이번 달 자료 · ③ 자동 준비 · ④ 확인사항 한 목록 · ⑤ 거르개 · 「AI 반영」 표시 · ⑥ 최종 검토
   단계 줄 · 단계 칸은 v-202 꼴(.p202-*)을 그대로 쓰고 여섯 칸만 더함 · 색은 옷의 색(변수)이라 밝게 · 어둡게 모두 같은 규칙 */
.p206-bar .p202-bl{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.p206-bar .p202-bl>li+li::before{left:-8px;width:8px}
.p206-bar .p202-bi{padding:7px 8px;gap:8px}
@media (max-width:1320px){.p206-bar .p202-btx small{display:none}.p206-bar .p202-bi{min-height:46px}}
@media (max-width:760px){.p206-bar .p202-bl{display:flex;gap:6px}}
.p206 .pa-card{background:var(--surface,#fff);border-color:var(--line,#E3EEF7);padding:14px 16px}
.p206 .pa-card+.pa-card,.p206 .pa-card+.pycard{margin-top:12px}
.pa-note{margin:10px 0 0!important;color:var(--muted,#5A6776)}
.pa-off{padding:8px 11px;border-radius:10px;background:var(--sev2-bg,#FEF0C7);color:var(--sev2,#B54708)!important;font-weight:600}
.pa-btn{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.pa-btn .ismall{flex:1 1 200px;min-width:0}
/* ② 이번 달 자료 */
.pa-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:14px 20px;margin-top:10px}
.pa-sub{min-width:0}
.pa-sub h4{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 6px;font-size:12.5px;font-weight:800;color:var(--ink,#111418)}
.pa-sub h4 .pa-r{margin-left:auto;font-weight:600}
.pa-chip{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;background:var(--accent-soft,#E6F0FF);color:var(--accent-ink,#0353BF);font-size:11px;font-weight:700}
.pa-arr,.pa-kk,.pa-items{margin:0;padding:0;list-style:none}
.pa-arr li{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:4px 8px;padding:5px 0;border-top:1px dashed var(--line-soft,#EEF4FA)}
.pa-arr li:first-child{border-top:0}
.pa-arr b{font-size:12.6px;white-space:nowrap}
.pa-arr .ismall{min-width:0;overflow-wrap:anywhere}
.pa-st{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:20px;padding:0 7px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.pa-st.in{background:var(--good-bg,#DCFAE6);color:var(--good,#079455)}
.pa-st.new{background:var(--sev3-bg,#FEE4E2);color:var(--sev3,#D92D20)}
.pa-st.old{background:var(--sev2-bg,#FEF0C7);color:var(--sev2,#B54708)}
.pa-st.no{background:var(--field,#F3F8FD);color:var(--faint,#8F9EB1)}
.pa-kk{max-height:236px;overflow-y:auto;border:1px solid var(--line,#E3EEF7);border-radius:10px;background:var(--field,#F3F8FD)}
.pa-kk li{display:flex;align-items:flex-start;gap:8px;padding:6px 10px;border-top:1px solid var(--line-soft,#EEF4FA)}
.pa-kk li:first-child{border-top:0}
.pa-kk label{display:grid;grid-template-columns:auto 44px minmax(0,1fr);align-items:baseline;gap:8px;flex:1;min-width:0;cursor:pointer}
.pa-kk input{margin:0;transform:translateY(2px);accent-color:var(--accent,#0470FF)}
.pa-kd{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent-ink,#0353BF)}
.pa-kg{font-size:12.4px;line-height:1.5;color:var(--ink,#111418);overflow-wrap:anywhere}
.pa-kk .mini{flex:none}
.pa-drop{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:12px;padding:16px 14px;border:2px dashed var(--line-2,#D2E4F2);border-radius:14px;text-align:center;outline:0}
.pa-drop.on,.pa-drop:focus-visible{border-color:var(--accent,#0470FF);background:var(--surface-2,#EFFAFF)}
.pa-drop b{font-size:13.5px}
.pa-zb{display:flex;gap:6px;margin-top:6px}
.pa-items{margin-top:8px;display:flex;flex-direction:column;gap:4px}
.pa-it{display:flex;align-items:center;gap:8px;min-width:0;padding:5px 10px;border-radius:9px;background:var(--field,#F3F8FD)}
.pa-it.bad{background:var(--sev3-bg,#FEE4E2)}
.pa-k{flex:none;padding:1px 8px;border-radius:999px;background:var(--accent-soft,#E6F0FF);color:var(--accent-ink,#0353BF);font-size:11px;font-weight:800}
.pa-nm{flex:none;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.4px;font-weight:600}
.pa-pv{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted,#5A6776)}
.pa-it .mini{margin-left:auto;flex:none}
.pa-go{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft,#EEF4FA)}
.pa-go .btn[disabled]{opacity:.5;cursor:not-allowed}
.pa-fm{margin-left:auto}
.pa-old{margin-top:14px}
.pa-oldh{margin:0 0 8px;font-size:12.5px;font-weight:800;color:var(--muted,#5A6776)}
/* ③ 자동 준비 */
.pa-flow{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px;padding:0;list-style:none}
.pa-flow li{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--line-2,#D2E4F2);font-size:12px;font-weight:700;color:var(--muted,#5A6776)}
.pa-flow li small{font-size:11px;font-weight:600}
.pa-flow li.done{border-color:transparent;background:var(--good-bg,#DCFAE6);color:var(--good,#079455)}
.pa-flow li.now{border-color:var(--accent,#0470FF);background:var(--accent-soft,#E6F0FF);color:var(--accent-ink,#0353BF)}
.pa-flow li.skip{border-style:dashed;color:var(--faint,#8F9EB1)}
.pa-line{margin:10px 0 0!important;font-size:13px;line-height:1.7}
.pa-n{display:inline-flex;align-items:center;min-height:21px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:800}
.pa-n.hi{background:var(--sev3-bg,#FEE4E2);color:var(--sev3,#D92D20)}
.pa-n.mid{background:var(--sev2-bg,#FEF0C7);color:var(--sev2,#B54708)}
.pa-n.low{background:var(--sev1-bg,#EAF6FF);color:var(--sev1,#475467)}
.pa-how{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0 0;padding:0;list-style:none;counter-reset:pah}
.pa-how li{counter-increment:pah;display:flex;flex-direction:column;gap:3px;padding:9px 11px;border-radius:11px;background:var(--field,#F3F8FD)}
.pa-how li b{font-size:12.5px}
.pa-how li b::before{content:counter(pah) " ";color:var(--accent,#0470FF)}
.pa-how li span{font-size:11.8px;line-height:1.5;color:var(--muted,#5A6776)}
/* ④ 확인사항 한 목록 */
.pa-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding-bottom:10px;border-bottom:1px solid var(--line-soft,#EEF4FA)}
.pa-tab{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--line-2,#D2E4F2);background:var(--surface,#fff);color:var(--slate,#323A4A);font-size:12.4px;font-weight:700;cursor:pointer}
.pa-tab b{font-variant-numeric:tabular-nums;color:var(--muted,#5A6776)}
.pa-tab:hover{border-color:var(--accent,#0470FF)}
.pa-tab.on{background:var(--accent,#0470FF);border-color:var(--accent,#0470FF);color:#fff}
.pa-tab.on b{color:#fff}
.pa-fw{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:3px 6px 3px 11px;border-radius:999px;background:var(--accent-soft,#E6F0FF);color:var(--accent-ink,#0353BF);font-size:12px;font-weight:700}
.pa-fw button{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:12px}
.pa-fw button:hover{background:color-mix(in srgb,var(--accent,#0470FF) 16%,transparent)}
.pa-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.pa-none{margin:2px 0!important}
.pa-item{position:relative;padding:11px 13px 11px 16px;border:1px solid var(--line,#E3EEF7);border-radius:12px;background:var(--surface,#fff)}
.pa-item::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--sev1,#475467)}
.pa-item.high::before{background:var(--sev3,#D92D20)}
.pa-item.mid::before{background:var(--sev2,#B54708)}
.pa-item.done{background:var(--field,#F3F8FD);opacity:.82}
.pa-item.done::before{background:var(--good,#079455)}
.pa-item header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.pa-who{padding:0;border:0;background:transparent;color:var(--ink,#111418);font:inherit;font-size:13.2px;font-weight:800;cursor:pointer;text-decoration:underline;text-decoration-color:var(--line-2,#D2E4F2);text-underline-offset:3px}
.pa-who:hover{color:var(--accent,#0470FF);text-decoration-color:currentColor}
.pa-who.all{cursor:default;text-decoration:none}
.pa-who small{font-weight:600;color:var(--muted,#5A6776)}
.pa-wh{font-size:11.5px;font-weight:700;color:var(--muted,#5A6776)}
.pa-wh.cur{color:var(--accent-ink,#0353BF)}
.pa-src{display:inline-flex;align-items:center;min-height:18px;padding:0 7px;border-radius:999px;border:1px solid var(--line-2,#D2E4F2);font-size:10.8px;font-weight:700;color:var(--muted,#5A6776);white-space:nowrap}
.pa-re{padding:0 8px;border-radius:999px;background:var(--sev3-bg,#FEE4E2);color:var(--sev3,#D92D20);font-size:11px;font-weight:800}
.pa-item h4{margin:5px 0 0;font-size:13.6px;font-weight:700;line-height:1.5;color:var(--ink,#111418)}
.pa-val{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:7px;padding:7px 10px;border-radius:9px;background:var(--field,#F3F8FD);font-variant-numeric:tabular-nums}
.pa-vl{font-size:11.5px;font-weight:700;color:var(--muted,#5A6776)}
.pa-vn{font-size:13.4px}
.pa-ar{color:var(--faint,#8F9EB1)}
.pa-vs{font-size:14px;color:var(--accent-ink,#0353BF)}
.pa-tonet{margin:6px 0 0!important;color:var(--sev2,#B54708)!important;font-weight:700}
.pa-est{padding:0 7px;border-radius:999px;border:1px dashed var(--sev2,#B54708);color:var(--sev2,#B54708);font-size:10.8px;font-weight:800}
.pa-df{font-size:12px;font-weight:700}
.pa-df.up{color:var(--sev3,#D92D20)}
.pa-df.dn{color:var(--accent-ink,#0353BF)}
.pa-fg{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px 16px;margin-top:8px}
.pa-fact:only-child,.pa-guess:only-child{grid-column:1/-1}
.pa-fg h5{margin:0 0 3px;font-size:11.2px;font-weight:800;letter-spacing:.01em;color:var(--good,#079455)}
.pa-guess h5{color:var(--sev2,#B54708)}
.pa-fg p{margin:2px 0 0!important;font-size:12.4px;line-height:1.55;overflow-wrap:anywhere}
.pa-guess{padding-left:12px;border-left:2px dashed var(--line-2,#D2E4F2)}
.pa-guess p{color:var(--slate,#323A4A)}
.pa-guess.wk{border-left-style:solid}
.pa-guess.wk h5{color:var(--muted,#5B6B7F)}
.pa-res{flex:1}
.pa-askb.on{border-color:var(--accent,#0470FF);background:var(--accent-soft,#E6F0FF);color:var(--accent-ink,#0353BF)}
.pa-keep{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 100%}
.pa-keep input{flex:1 1 240px;min-width:0;height:30px;padding:0 11px;border:1.5px solid var(--line-2,#D2E4F2);border-radius:9px;background:var(--surface,#fff);font-size:12.6px}
.pa-keep input:focus{outline:0;border-color:var(--accent,#0470FF)}
.pa-cy{margin-top:2px}
.pa-cy>.cy-card{margin-top:0;background:var(--field,#F3F8FD)}
.pa-askbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft,#EEF4FA)}
.pa-askbar>div{display:flex;flex-direction:column;flex:1 1 240px;min-width:0}
.pa-askbar b{font-size:13px}
.pa-msg{margin-top:10px}
.pa-msg textarea{width:100%;padding:10px 12px;border:1.5px solid var(--line-2,#D2E4F2);border-radius:10px;background:var(--surface,#fff);font-size:12.8px;line-height:1.6;resize:vertical}
.pp-cols.pa-one{grid-template-columns:minmax(0,1fr)}
.pa-moved{margin-top:8px!important}
.p206 .p202-pw.mid{background:var(--sev2-bg,#FEF0C7);color:color-mix(in srgb,var(--sev2,#B54708) 82%,var(--ink,#101828))}
.p206-bar .p202-bi.warn.mid .p202-wd{background:var(--sev2,#B54708)}
.pa-prev0 .pp-ph .pill{margin-left:6px;vertical-align:1px}
/* ⑤ 직원별 수정 */
.pa-flt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:14px 0 0}
.pa-fb{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line-2,#D2E4F2);background:var(--surface,#fff);color:var(--slate,#323A4A);font-size:12.2px;font-weight:700;cursor:pointer}
.pa-fb b{font-variant-numeric:tabular-nums;color:var(--muted,#5A6776)}
.pa-fb.on{background:var(--ink,#111418);border-color:var(--ink,#111418);color:var(--surface,#fff)}
.pa-fb.on b{color:var(--surface,#fff)}
/* 급여명세서 이름 칸(.nm)이 다른 화면(v-168 의 「.nm」 판)과 이름이 같아 그 꼴을 함께 받던 것을 이 화면에서 되돌림 — 이름 아래 빈 자리 56px · 폭 가둠 · 단추 꼴 */
.p206 table.pytbl td .nm{padding-bottom:0;max-width:none;margin:0;container-type:normal;container-name:none}
.p206 .nm>.pa-bdg{display:inline-flex;align-items:center;margin:0;padding:0 8px;min-height:20px;border:0;border-radius:999px;font-size:11px;font-weight:800;line-height:1;cursor:pointer;white-space:nowrap}
.p206 .nm>.pa-bdg.hi{background:var(--sev3-bg,#FEE4E2);color:var(--sev3,#D92D20)}
.p206 .nm>.pa-bdg.mid{background:var(--sev2-bg,#FEF0C7);color:var(--sev2,#B54708)}
.p206 .nm>.pa-bdg:hover{filter:brightness(.96)}
.p206 .nm>.pa-bdg:focus-visible{outline:2px solid var(--accent,#0470FF);outline-offset:2px}
table.pytbl td .src.pa-ai,.pa-aim .pa-ai,.nm>.pa-ai{display:inline-block;max-width:none;margin:3px 0 0 auto;padding:0 6px;border-radius:999px;font-size:10.4px;font-weight:800;line-height:1.6;white-space:nowrap;
  background:color-mix(in srgb,var(--purple,#805DFF) 14%,var(--surface,#fff));color:color-mix(in srgb,var(--purple,#805DFF) 78%,var(--ink,#111418))}
table.pytbl td .src.pa-ai{display:table}
table.pytbl td .src.pa-ai.bf,.pa-aim .pa-ai.bf,.nm>.pa-ai.bf{background:var(--good-bg,#DCFAE6);color:var(--good,#079455)}
table.pytbl td .src.pa-ai.ct,.pa-aim .pa-ai.ct,.nm>.pa-ai.ct{background:var(--sev2-bg,#FEF0C7);color:var(--sev2,#B54708)}
.nm>.pa-ai{margin-left:6px;vertical-align:middle}
.pa-aim{display:flex;flex-wrap:wrap;gap:4px}
.pa-aim .pa-ai{margin:0}
tr.pa-flash>td{animation:paFlash 2.2s ease-out}
td.pa-flash-c{outline:2px solid var(--accent,#0470FF);outline-offset:-2px}
@keyframes paFlash{0%,35%{background:var(--accent-soft,#E6F0FF)}100%{background:transparent}}
/* ⑥ 최종 검토 */
.pa-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.pa-tile{display:flex;flex-direction:column;gap:2px;min-width:0;padding:11px 13px;border-radius:12px;background:var(--field,#F3F8FD)}
.pa-tile span{font-size:11.8px;font-weight:700;color:var(--muted,#5A6776)}
.pa-tile b{font-size:19px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}
.pa-tile small{font-size:11.8px;font-weight:700;color:var(--muted,#5A6776);font-variant-numeric:tabular-nums}
.pa-tile small.up{color:var(--sev3,#D92D20)}
.pa-tile small.dn{color:var(--accent-ink,#0353BF)}
.pa-sum{display:grid;grid-template-columns:104px minmax(0,1fr);gap:0;margin:12px 0 0}
.pa-sum dt,.pa-sum dd{margin:0;padding:8px 0;border-top:1px solid var(--line-soft,#EEF4FA);font-size:12.8px;line-height:1.6}
.pa-sum dt{font-weight:800;color:var(--muted,#5A6776)}
.pa-sum dd{min-width:0}
.pa-pl{display:inline-flex;align-items:center;min-height:21px;padding:0 9px;border-radius:999px;background:var(--field,#F3F8FD);color:var(--slate,#323A4A);font-size:11.6px;font-weight:700;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pa-pl.ok{background:var(--good-bg,#DCFAE6);color:var(--good,#079455)}
.pa-pl.wait,.pa-pl.mid{background:var(--sev2-bg,#FEF0C7);color:var(--sev2,#B54708)}
.pa-pl.bad,.pa-pl.hi{background:var(--sev3-bg,#FEE4E2);color:var(--sev3,#D92D20)}
.pa-pl.no,.pa-pl.low{background:var(--sev1-bg,#EAF6FF);color:var(--sev1,#475467)}
.pa-pl.ai{background:color-mix(in srgb,var(--purple,#805DFF) 14%,var(--surface,#fff));color:color-mix(in srgb,var(--purple,#805DFF) 78%,var(--ink,#111418))}
.pa-left{text-decoration:none!important}
.pa-big{display:grid;grid-template-columns:minmax(64px,140px) minmax(0,1fr);gap:8px;padding:3px 0;font-variant-numeric:tabular-nums}
.pa-big em{font-style:normal;font-weight:800}
.pa-big em.up{color:var(--sev3,#D92D20)}
.pa-big em.dn{color:var(--accent-ink,#0353BF)}
.pa-big small{display:block;font-size:11.8px;color:var(--muted,#5A6776)}
.pa-kept{display:inline-block;vertical-align:top;margin-left:4px}
.pa-kept summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--muted,#5A6776)}
.pa-kept p{margin:4px 0 0!important;font-size:12.2px}
.pa-gate{margin-top:14px;padding:13px 15px;border-radius:12px;border:1.5px solid var(--sev3,#D92D20);background:var(--sev3-bg,#FEE4E2)}
.pa-gate h4{margin:0;font-size:14px;font-weight:800;color:var(--ink,#111418)}
.pa-gate ul{margin:8px 0 0;padding-left:18px;font-size:12.8px;line-height:1.65;color:var(--ink,#111418)}
/* 어둡게 — 「AI 반영」 글자를 밝게 */
:root[data-theme="dark"] table.pytbl td .src.pa-ai:not(.bf):not(.ct),:root[data-theme="dark"] .pa-aim .pa-ai:not(.bf):not(.ct),:root[data-theme="dark"] .nm>.pa-ai:not(.bf):not(.ct),:root[data-theme="dark"] .pa-pl.ai{background:color-mix(in srgb,var(--purple,#805DFF) 26%,transparent);color:#CFC2FF}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) table.pytbl td .src.pa-ai:not(.bf):not(.ct),:root:not([data-theme="light"]) .pa-aim .pa-ai:not(.bf):not(.ct),:root:not([data-theme="light"]) .nm>.pa-ai:not(.bf):not(.ct),:root:not([data-theme="light"]) .pa-pl.ai{background:color-mix(in srgb,var(--purple,#805DFF) 26%,transparent);color:#CFC2FF}}
/* 좁은 화면 · 휴대폰 */
@media (max-width:900px){.pa-grid{grid-template-columns:minmax(0,1fr)}.pa-how{grid-template-columns:minmax(0,1fr)}.pa-fg{grid-template-columns:minmax(0,1fr)}.pa-guess{padding-left:0;border-left:0;padding-top:6px;border-top:1px dashed var(--line-2,#D2E4F2)}}
@media (max-width:760px){
  .p206 .pa-card{padding:12px}
  .pa-tiles{grid-template-columns:minmax(0,1fr)}
  .pa-tile{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
  .pa-tile b{font-size:17px}
  .pa-sum{grid-template-columns:minmax(0,1fr)}
  .pa-sum dt{padding-bottom:0;border-top:1px solid var(--line-soft,#EEF4FA)}
  .pa-sum dd{padding-top:2px;border-top:0}
  .pa-kk label{grid-template-columns:auto minmax(0,1fr)}
  .pa-kd{grid-column:2}
  .pa-kg{grid-column:1/-1}
  .pa-go .btn{flex:1 1 100%;justify-content:center}
  .pa-fm{margin-left:0}
  .pa-tab,.pa-fb{min-height:36px}
  .pa-item .mini,.pa-btn .mini{min-height:32px}
  .pa-nm{max-width:60%}
  .pa-pv{display:none}
  .pa-big{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){tr.pa-flash>td{animation:none;background:var(--accent-soft,#E6F0FF)}}
@media print{.pa-flt,.pa-go,.pa-drop,.pa-askbar,.pa-btn{display:none!important}}