/* ══ v-195 (2026-11-07) 부가세 도우미 — 「급여 도우미 새 화면」(시안)과 같은 디자인 ══════════════════════════════
   · #vh-root 안에서만(부가세 도우미에서 여는 창 #hpm 도 같은 부품). 어느 옷을 골라도 이 화면은 같은 색 — 급여 도우미 시안의 색을 그대로 씀.
   · 판: 맨 위 짙은 남색 판(점 무늬 · 빛 두 개 · 동그라미 셋) — 둥글기 28 · 흰 글씨. 탭 줄은 판 아래에 겹쳐 뜨는 흰 카드.
   · 카드: 흰 바탕 · 테두리 #E9EDF3 · 둥글기 22 · 옅은 두 겹 그림자. 안쪽 칸 16~18 · 단추 · 입력 11.
   · 색은 뜻이 있을 때만: 채운 단추 파랑(#155EEF 그라데이션) · 상태 셋(끝남 초록 · 확인 주황 · 빠짐/오류 빨강) · 단계마다 그림 타일 색(급여 도우미와 같은 순서).
   · 글자 대비 4.5:1 이상 · 키보드 초점 2px · 움직임 줄이기 존중 · 어두운 화면은 아래 「어둡게」 덩어리. */
body.vh-wide .page{max-width:none}
@media (min-width:2200px){body.vh-wide .page{max-width:2100px}}
#vh-root,body.vh-wide #hpm{
  --g-ink:#101828;--g-ink2:#344054;--g-ink3:#475467;--g-ink4:#667085;
  --g-card:#FFFFFF;--g-sub:#F8FAFD;--g-sub2:#F2F4F7;--g-pop:#FFFFFF;--g-pop-ink:#344054;
  --g-line:#E9EDF3;--g-line2:#E4E9F2;--g-line3:#EEF1F6;--g-line4:#F2F4F7;
  --g-pri:#155EEF;--g-pri-ink:#004EEB;--g-pri-soft:#EFF4FF;--g-pri-line:#B2CCFF;--g-pri-dot:#2E90FA;
  --g-pri-grad:linear-gradient(180deg,#2E7BFF 0%,#155EEF 100%);
  --g-pri-sh:inset 0 1px 0 rgba(255,255,255,.25),0 6px 14px -6px rgba(21,94,239,.6);
  --g-ok:#17B26A;--g-ok-ink:#067647;--g-ok-soft:#ECFDF3;--g-ok-line:#ABEFC6;
  --g-warn:#F79009;--g-warn-ink:#B54708;--g-warn-soft:#FFFAEB;--g-warn-line:#FEDF89;
  --g-bad:#F04438;--g-bad-ink:#B42318;--g-bad-soft:#FEF3F2;--g-bad-line:#FECDCA;
  --g-sh1:0 1px 2px rgba(16,24,40,.04),0 8px 24px -16px rgba(16,24,40,.14);
  --g-sh2:0 1px 2px rgba(16,24,40,.05),0 24px 48px -26px rgba(16,24,40,.4);
  --g-ring:0 0 0 4px rgba(21,94,239,.14);
  --g-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--g-find:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A94A6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
  /* 위키 옷 변수 — 이 화면 안 부품(표 · 알약 · 글 색)이 저절로 같은 색을 쓰게 */
  --paper:#F3F5F9;--surface:#FFFFFF;--surface-2:#F8FAFD;--card:#EFF4FF;--rail:#FFFFFF;
  --ink:#101828;--slate:#344054;--muted:#475467;--faint:#667085;--ink2:#475467;
  --line:#E9EDF3;--line-soft:#F2F4F7;--line-2:#E4E9F2;--row-line:#F2F4F7;--zebra:#FBFCFE;--field:#F8FAFD;
  --accent:#155EEF;--accent-ink:#004EEB;--accent-soft:#EFF4FF;--accent-mid:#84ADFF;--sky:#2E90FA;--sky-soft:#EFF8FF;
  --good:#067647;--good-bg:#ECFDF3;--sev2:#B54708;--sev2-bg:#FFFAEB;--sev3:#D92D20;--sev3-bg:#FEF3F2;--sev1:#475467;--sev1-bg:#F2F4F7;
  --shadow:var(--g-sh1);--mono:var(--sans);
  font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;
}
#vh-root{color:var(--g-ink);letter-spacing:-.006em}
#vh-root .nv-i,#vh-root .vg-i{display:block;flex:none}
#vh-root .vh-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#vh-root :focus-visible,body.vh-wide #hpm :focus-visible{outline:2px solid var(--g-pri);outline-offset:2px;border-radius:8px}

/* ── 부가세 도우미에서 여는 창(#hpm — 요청 문안 · 특징 고치기 · 상태 · 쓰임 기록 등) ── */
body.vh-wide #hpm .hpm-box{border:1px solid var(--g-line);border-radius:22px;background:var(--g-card);color:var(--g-ink);box-shadow:0 32px 64px -24px rgba(16,24,40,.45),0 2px 6px rgba(16,24,40,.08)}
body.vh-wide #hpm .hpm-head b{font-size:17px;font-weight:800;letter-spacing:-.025em;color:var(--g-ink)}
body.vh-wide #hpm .ismall,body.vh-wide #hpm .isub{color:var(--g-ink4)}

/* ══ 맨 위 판 — 이름 · 기간 · 신고 기한 · 「신고 끝」 고리 · 6단계 카드 · 부가세 일정 ══ */
#vh-root .vh-hero{position:relative;margin:0;padding:28px 32px 66px;border:0;border-radius:28px;color:#fff;box-sizing:border-box;
  background-color:#1847B8;
  background-image:radial-gradient(rgba(255,255,255,.07) 1px,rgba(255,255,255,0) 1.4px),radial-gradient(680px 320px at 92% -20%,rgba(125,165,255,.32),rgba(125,165,255,0) 70%),radial-gradient(560px 300px at -6% 120%,rgba(34,204,238,.22),rgba(34,204,238,0) 70%),linear-gradient(135deg,#081736 0%,#0F2C6E 52%,#1847B8 100%);
  background-size:20px 20px,auto,auto,auto;box-shadow:0 28px 56px -32px rgba(8,23,54,.65)}
#vh-root .vg-deco{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
#vh-root .vg-deco svg{position:absolute;right:-150px;top:-190px;fill:none;stroke-width:1}
#vh-root .vg-deco circle:nth-child(1){stroke:rgba(255,255,255,.09)}
#vh-root .vg-deco circle:nth-child(2){stroke:rgba(255,255,255,.06)}
#vh-root .vg-deco circle:nth-child(3){stroke:rgba(255,255,255,.04)}
#vh-root .vh-hero>.vb-top,#vh-root .vh-hero>.vg-sh,#vh-root .vh-hero>.vb-rail,#vh-root .vh-hero>.vh-cal{position:relative}
#vh-root .vb-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px 36px}
#vh-root .vb-per{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#vh-root .vg-eye{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:13.5px;line-height:1.3;font-weight:700;letter-spacing:-.01em;color:rgba(255,255,255,.9)}
#vh-root .vg-tile{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;box-sizing:border-box}
#vh-root .vb-t{margin:14px 0 0;font-size:40px;line-height:1.12;font-weight:800;letter-spacing:-.04em;color:#fff}
#vh-root .vh-hero .vh-sub{display:block;margin:10px 0 0;font-size:14px;font-weight:500;line-height:1.55;color:rgba(255,255,255,.8);letter-spacing:-.01em}
#vh-root .vb-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
#vh-root .vb-meta{display:flex;flex-wrap:wrap;gap:8px}
#vh-root .vb-meta>span,#vh-root .vb-dl{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;box-sizing:border-box;border-radius:11px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);font-size:13px;font-weight:600;color:rgba(255,255,255,.95);white-space:nowrap}
#vh-root .vb-meta .nv-i,#vh-root .vb-dl .vg-i{opacity:.85}
#vh-root .vb-due{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#vh-root .vb-lab{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.8);margin:0}
#vh-root .vb-date{font-size:13px;font-weight:700;color:#fff;letter-spacing:-.01em}
#vh-root .vb-dd{display:inline-flex;align-items:center;height:34px;padding:0 13px;box-sizing:border-box;border-radius:11px;background:rgba(83,177,253,.24);border:1px solid rgba(132,202,255,.55);color:#fff;font-size:15px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
#vh-root .vb-due.warn .vb-dd{background:rgba(247,144,9,.28);border-color:rgba(254,200,75,.62);color:#FFF6E0}
#vh-root .vb-due.bad .vb-dd{background:rgba(240,68,56,.3);border-color:rgba(253,162,155,.6);color:#FFE4E1}
#vh-root .vb-due.past .vb-dd{background:rgba(240,68,56,.2);border-color:rgba(253,162,155,.45);color:#FFE4E1;font-size:13.5px}
#vh-root .vg-side{display:flex;flex-direction:column;align-items:flex-end;gap:18px}
#vh-root .vg-act{display:flex;align-items:center;gap:8px}
#vh-root .vh-hero .vb-fold.mini,#vh-root .vh-about>summary,#vh-root .vh-hero .vh-help{display:inline-flex;align-items:center;gap:6px;height:36px;min-height:0;padding:0 12px;box-sizing:border-box;border-radius:11px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);background-image:none;color:#fff;font-size:13px;font-weight:600;cursor:pointer;list-style:none;white-space:nowrap;box-shadow:none;filter:none}
#vh-root .vh-hero .vb-fold.mini:hover,#vh-root .vh-about>summary:hover,#vh-root .vh-hero .vh-help:hover{background:rgba(255,255,255,.17);color:#fff}
#vh-root .vh-about{position:relative;font-size:13px}
#vh-root .vh-about>summary::-webkit-details-marker{display:none}
#vh-root .vh-about[open]>summary{background:rgba(255,255,255,.2)}
#vh-root .vh-about>p{position:absolute;right:0;top:calc(100% + 10px);z-index:47;width:min(440px,78vw);margin:0;padding:14px 16px;box-sizing:border-box;border-radius:14px;background:var(--g-pop);color:var(--g-pop-ink);font-size:13px;font-weight:500;line-height:1.7;letter-spacing:-.01em;box-shadow:0 18px 36px -14px rgba(16,24,40,.45),0 0 0 1px rgba(16,24,40,.06)}
#vh-root .vg-ring{display:flex;align-items:center;gap:18px}
#vh-root .vg-rg{position:relative;flex:none;width:120px;height:120px}
#vh-root .vg-rg svg{display:block}
#vh-root .vg-pc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
#vh-root .vg-pc b{font-size:28px;font-weight:800;letter-spacing:-.04em;color:#fff}
#vh-root .vg-pc span{margin-top:4px;font-size:12px;font-weight:600;color:rgba(255,255,255,.82)}
#vh-root .vg-rt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
#vh-root .vg-n{font-size:32px;line-height:1.1;font-weight:800;letter-spacing:-.04em;color:#fff;white-space:nowrap}
#vh-root .vg-n span{font-size:16px;font-weight:700;letter-spacing:-.01em;color:rgba(255,255,255,.82)}
#vh-root .vg-rl{font-size:13px;font-weight:600;color:rgba(255,255,255,.82)}
#vh-root .vg-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;max-width:270px}
#vh-root .vg-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;box-sizing:border-box;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-size:12.5px;font-weight:700;color:rgba(255,255,255,.95);white-space:nowrap}
#vh-root .vg-chip::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55)}
#vh-root .vg-chip.bad{background:rgba(240,68,56,.24);border-color:rgba(253,162,155,.5);color:#FFE4E1}
#vh-root .vg-chip.bad::before{background:#FDA29B;box-shadow:0 0 0 3px rgba(240,68,56,.3)}
#vh-root .vg-chip.warn{background:rgba(247,144,9,.24);border-color:rgba(254,200,75,.55);color:#FFF3D6}
#vh-root .vg-chip.warn::before{background:#FEC84B;box-shadow:0 0 0 3px rgba(247,144,9,.3)}
#vh-root .vg-sh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:24px 0 12px}
#vh-root .vg-sh b{font-size:14px;font-weight:700;letter-spacing:-.015em;color:#fff}
#vh-root .vg-sh span{font-size:12.5px;color:rgba(255,255,255,.78)}
/* 6단계 카드 — 단계마다 급여 도우미와 같은 순서의 색(1 청록 · 2 파랑 · 3 남보라 · 4 보라 · 5 자주 · 6 초록) */
#vh-root .vb-li[data-k="collect"]{--sa:#22CCEE;--sb:#088AB2;--s:#06AED4;--sg:rgba(6,174,212,.75)}
#vh-root .vb-li[data-k="split"]{--sa:#53B1FD;--sb:#1570EF;--s:#2E90FA;--sg:rgba(46,144,250,.75)}
#vh-root .vb-li[data-k="file"]{--sa:#8098F9;--sb:#444CE7;--s:#6172F3;--sg:rgba(97,114,243,.75)}
#vh-root .vb-li[data-k="review"]{--sa:#A48AFB;--sb:#7839EE;--s:#875BF7;--sg:rgba(135,91,247,.75)}
#vh-root .vb-li[data-k="wh"]{--sa:#E478FA;--sb:#BA24D5;--s:#D444F1;--sg:rgba(212,68,241,.75)}
#vh-root .vb-li[data-k="done"]{--sa:#47CD89;--sb:#079455;--s:#17B26A;--sg:rgba(23,178,106,.75)}
#vh-root .vb-rail{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
#vh-root .vb-li{position:relative;min-width:0}
#vh-root .vb-st{position:relative;display:flex;flex-direction:column;align-items:stretch;height:100%;box-sizing:border-box;padding:14px 14px 13px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;text-decoration:none!important;transition:background-color .15s,border-color .15s,box-shadow .15s}
#vh-root .vb-st:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}
#vh-root .vb-st:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:18px}
#vh-root .vg-sr{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
#vh-root .vg-ic{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--sa,#53B1FD) 0%,var(--sb,#1570EF) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 14px -6px var(--sg,rgba(46,144,250,.75))}
#vh-root .vb-node{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;border-radius:999px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.9);font-size:11.5px;font-weight:800;line-height:1}
#vh-root .vb-li.done .vb-node{background:#17B26A;color:#fff;box-shadow:0 0 0 3px rgba(23,178,106,.3)}
#vh-root .vb-name{margin-top:12px;font-size:14px;line-height:1.3;font-weight:700;letter-spacing:-.02em;color:#fff}
#vh-root .vg-big{display:flex;align-items:baseline;gap:5px;margin-top:5px;white-space:nowrap}
#vh-root .vg-big b{font-size:26px;line-height:1.1;font-weight:800;letter-spacing:-.035em;color:#fff}
#vh-root .vg-big span{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.8)}
#vh-root .vb-m{display:block;height:6px;margin:10px 0 9px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
#vh-root .vb-m i{display:block;height:100%;border-radius:inherit;background:var(--s,#2E90FA)}
#vh-root .vb-li.done .vb-m i{background:#17B26A}
#vh-root .vb-cn{display:flex;flex-wrap:wrap;gap:2px 8px;font-size:12px;line-height:1.5;font-weight:600;color:rgba(255,255,255,.88)}
#vh-root .vb-cn .w{color:#FDD47A}
#vh-root .vb-cn .g{color:#A6F4C5}
#vh-root .vb-cn .vb-wait{color:rgba(255,255,255,.8);font-weight:500}
/* 단계 설명 — 카드에 올리면(키보드로 가면) 흰 말풍선 */
#vh-root .vb-d{position:absolute;left:50%;top:calc(100% + 10px);z-index:46;display:block;width:240px;box-sizing:border-box;padding:11px 13px;border-radius:14px;background:var(--g-pop);color:var(--g-pop-ink);font-size:12.5px;font-weight:500;line-height:1.55;letter-spacing:-.01em;text-align:left;white-space:normal;box-shadow:0 18px 36px -14px rgba(16,24,40,.45),0 0 0 1px rgba(16,24,40,.06);transform:translate(-50%,4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility .15s}
#vh-root .vb-d::before{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;background:inherit;transform:translateX(-50%) rotate(45deg);border-radius:2px}
#vh-root .vb-st:hover .vb-d,#vh-root .vb-st:focus-visible .vb-d{opacity:1;visibility:visible;transform:translate(-50%,0)}
/* 지금 탭의 단계 — 흰 카드(급여 도우미에서 고른 단계와 같음) */
#vh-root .vb-li.on .vb-st{background:#fff;border-color:transparent;color:#101828;box-shadow:0 14px 28px -14px rgba(0,0,0,.55)}
#vh-root .vb-li.on .vb-name,#vh-root .vb-li.on .vg-big b{color:#101828}
#vh-root .vb-li.on .vg-big span{color:#475467}
#vh-root .vb-li.on .vb-cn{color:#344054}
#vh-root .vb-li.on .vb-cn .w{color:#B54708}
#vh-root .vb-li.on .vb-cn .g{color:#067647}
#vh-root .vb-li.on .vb-cn .vb-wait{color:#475467}
#vh-root .vb-li.on .vb-m{background:#EEF1F6}
#vh-root .vb-li.on .vb-node{background:#F2F4F7;color:#344054}
#vh-root .vb-li.on.done .vb-node{background:#17B26A;color:#fff}
/* 부가세 일정 — 판 아래 유리 칩(다음 기한은 밝게) */
#vh-root .vh-hero .vh-cal{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;padding:0;border:0;overflow:visible}
#vh-root .vh-cal .vc-lab{flex:none;font-size:12.5px;font-weight:700;color:rgba(255,255,255,.85);margin-right:4px;white-space:nowrap}
#vh-root .vh-cal .c{display:inline-flex;align-items:center;gap:7px;flex:none;min-width:0;height:32px;padding:0 11px;box-sizing:border-box;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);position:static;opacity:1}
#vh-root .vh-cal .c::before{content:none}
#vh-root .vh-cal .c i{flex:none;width:7px;height:7px;border-radius:50%;border:0;background:rgba(255,255,255,.45)}
#vh-root .vh-cal .c b{font-size:12.5px;font-weight:700;color:#fff;white-space:nowrap}
#vh-root .vh-cal .c span{font-size:12px;color:rgba(255,255,255,.8);white-space:nowrap}
#vh-root .vh-cal .c.past{background:transparent;border-style:dashed;border-color:rgba(255,255,255,.2)}
#vh-root .vh-cal .c.past b{font-weight:600;color:rgba(255,255,255,.85)}
#vh-root .vh-cal .c.past span{display:none}
#vh-root .vh-cal .c.past i{background:rgba(255,255,255,.3)}
#vh-root .vh-cal .c.next{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.36)}
#vh-root .vh-cal .c.next span{color:rgba(255,255,255,.92)}
#vh-root .vh-cal .c.next i{background:#75E0A7;box-shadow:0 0 0 3px rgba(117,224,167,.28)}
/* 접은 판 — 이름 · 기간 · 신고 기한만 한 줄 */
#vh-root .vh-hero.fold{padding:18px 24px 56px}
#vh-root .vh-hero.fold .vh-sub,#vh-root .vh-hero.fold .vg-ring,#vh-root .vh-hero.fold .vg-sh,#vh-root .vh-hero.fold .vb-rail,#vh-root .vh-hero.fold .vh-cal{display:none}
#vh-root .vh-hero.fold .vb-top{align-items:center}
#vh-root .vh-hero.fold .vb-per{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 16px}
#vh-root .vh-hero.fold .vb-t{margin:0;font-size:22px}
#vh-root .vh-hero.fold .vb-chips{margin:0}
#vh-root .vh-hero.fold .vg-side{align-self:center}

/* ══ 탭 줄 — 판 아래에 겹쳐 뜨는 흰 카드 · 넓은 화면에서 위 띠 밑에 붙음(4번 탭은 단계 줄이 붙음) ══ */
#vh-root .vh-tabbar{position:relative;z-index:30;display:flex;align-items:center;gap:8px;margin:-34px 20px 22px;padding:6px;box-sizing:border-box;border:1px solid var(--g-line);border-radius:18px;background:var(--g-card);box-shadow:var(--g-sh2)}
#vh-root .tabs.vh-tabs{flex:1;min-width:0;display:flex;flex-wrap:nowrap;align-items:center;gap:2px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow-x:auto;scrollbar-width:none}
#vh-root .tabs.vh-tabs::-webkit-scrollbar{display:none}
#vh-root .tabs.vh-tabs .tab{position:relative;flex:none;display:inline-flex;align-items:center;gap:7px;height:42px;margin:0;padding:0 13px 0 11px;box-sizing:border-box;border:0;border-radius:12px;background:transparent;box-shadow:none;color:var(--g-ink3);font-size:13.5px;font-weight:650;letter-spacing:-.015em;white-space:nowrap;text-decoration:none;transition:background-color .15s,color .15s}
#vh-root .tabs.vh-tabs .tab .nv-i{width:16px;height:16px;color:var(--g-ink4)}
#vh-root .tabs.vh-tabs .tab b{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;box-sizing:border-box;border-radius:6px;background:var(--g-sub2);color:var(--g-ink3);font-family:var(--sans);font-size:11.5px;font-weight:800;line-height:1}
#vh-root .tabs.vh-tabs .tab::after{content:none}
#vh-root .tabs.vh-tabs .tab:hover{background:var(--g-sub);color:var(--g-ink);text-decoration:none}
#vh-root .tabs.vh-tabs .tab.on{background-color:#0F2C6E;background-image:linear-gradient(135deg,#0F2C6E 0%,#1847B8 100%);color:#fff;font-weight:700;box-shadow:0 8px 18px -10px rgba(15,44,110,.85)}
#vh-root .tabs.vh-tabs .tab.on .nv-i{color:#fff}
#vh-root .tabs.vh-tabs .tab.on b{background:rgba(255,255,255,.18);color:#fff}
#vh-root .tabs.vh-tabs .tab:focus-visible{outline-offset:-2px}
#vh-root .tabs.vh-tabs .sep{flex:none;align-self:center;width:1px;height:20px;margin:0 6px;background:var(--g-line)}
@media (min-width:901px){
  #vh-root .vh-tabbar{position:sticky;top:calc(var(--tbh,64px) + 8px)}
  #vh-root[data-tab="file"] .vh-tabbar{position:relative;top:auto}
  #vh-root[data-tab="file"] .vfsteps{position:sticky;top:calc(var(--tbh,64px) + 8px);z-index:29}
}

/* ══ 도움말(탭 맨 위 설명 세 단) — 흰 카드 한 장 · 번호 타일 ══ */
#vh-root>.rules.rl-ps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0;margin:0 0 20px;padding:4px;border:1px solid var(--g-line);border-radius:22px;background:var(--g-card);box-shadow:var(--g-sh1)}
#vh-root>.rules.rl-ps .r{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;margin:0;padding:16px 18px;border:0;border-radius:0;background:transparent;font-size:13px;line-height:1.72;color:var(--g-ink3);box-shadow:-1px 0 0 0 var(--g-line3)}
#vh-root>.rules.rl-ps .r:first-child{box-shadow:none}
#vh-root>.rules.rl-ps .mk{display:inline-grid;place-items:center;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:9px;background:var(--g-pri-soft);color:var(--g-pri-ink);font-size:12.5px;font-weight:800;font-style:normal;line-height:1}
#vh-root>.rules.rl-ps b{background:none;padding:0;color:var(--g-ink);font-weight:700}
#vh-root.vh-nonotes>.rules.rl-ps{display:none}

/* ══ 글 · 제목 ══ */
#vh-root .ismall,#vh-root .isub{color:var(--g-ink4)}
#vh-root h2.sec{font-size:17px;font-weight:800;letter-spacing:-.025em;color:var(--g-ink)}
#vh-root h2.sec::before{display:none}
#vh-root h2.sec .n{font-size:12.5px;font-weight:600;color:var(--g-ink4);background:none;border-radius:0;padding:0}
#vh-root .vfsub{font-size:12.5px;letter-spacing:-.005em;color:var(--g-ink2);font-weight:750;margin:18px 0 8px}
#vh-root a{text-underline-offset:2px}
#vh-root .tag{background:var(--g-sub2);color:var(--g-ink3);border-radius:7px;font-weight:650}
#vh-root .empty{color:var(--g-ink4);padding:32px 16px;text-align:center;font-size:13.5px}

/* ══ 카드(일하는 판) ══ */
#vh-root .incwrap,#vh-root .vt-box,#vh-root .vx-box{border:1px solid var(--g-line);border-radius:22px;background:var(--g-card);box-shadow:var(--g-sh1);padding:20px 22px}
#vh-root .ihead{gap:8px 12px;margin:0 0 14px}
#vh-root .ihead .ib{gap:4px 10px;align-items:center}
#vh-root .ihead .ib>b{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--g-ink)}
#vh-root .ihead .ib>.ismall{font-size:12.5px}
#vh-root .vt-box{margin:0 0 16px}
#vh-root .vt-h{gap:6px 12px}
#vh-root .vt-h b{font-size:16px;font-weight:800;letter-spacing:-.02em}
#vh-root .vt-h .vt-n{color:var(--g-ink4)}
#vh-root .vt-grp{margin-top:16px}
#vh-root .vt-grp-h{font-size:13.5px;font-weight:750;margin-bottom:8px;color:var(--g-ink)}
#vh-root .vt-foot{color:var(--g-ink4);margin-top:10px}
#vh-root .vfnote,#vh-root .quote{background:var(--g-sub);border:1px solid var(--g-line3);border-radius:14px;color:var(--g-ink3);font-size:12.5px;line-height:1.7;padding:11px 14px;box-shadow:none}
#vh-root .vfgrid{gap:12px 14px}
#vh-root .vf2{gap:16px}

/* ══ 표 ══ */
#vh-root .tblwrap,body.vh-wide #hpm .tblwrap{border:1px solid var(--g-line);border-radius:16px;background:var(--g-card);box-shadow:none}
#vh-root .tblwrap.scroll{overscroll-behavior-x:contain;scrollbar-width:thin}
#vh-root table.gr,body.vh-wide #hpm table.gr{font-size:13px;border-collapse:separate;border-spacing:0;color:var(--g-ink)}
#vh-root table.gr th,body.vh-wide #hpm table.gr th{background:var(--g-sub);color:var(--g-ink4);font-size:12px;font-weight:650;letter-spacing:-.005em;text-transform:none;padding:10px 14px;border-bottom:1px solid var(--g-line3);white-space:nowrap;vertical-align:bottom}
#vh-root table.gr th:first-child,#vh-root table.gr th:last-child{border-radius:0}
#vh-root table.gr th .isub{font-weight:500}
#vh-root table.gr td,body.vh-wide #hpm table.gr td{padding:11px 14px;border-bottom:1px solid var(--g-line4)}
#vh-root table.gr tbody tr:last-child>td{border-bottom:0}
#vh-root table.gr tbody tr:hover>td,body.vh-wide #hpm table.gr tbody tr:hover>td{background:var(--g-sub)}
#vh-root table.gr td.n,#vh-root table.gr th.n,body.vh-wide #hpm table.gr td.n{text-align:right;font-family:var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
#vh-root table.gr tr.tot>td,#vh-root table.gr tr.isum>td{background:var(--g-sub);font-weight:800;border-top:1.5px solid var(--g-line2)}
#vh-root table.gr tbody tr:has(+tr.tot)>td{border-bottom:0}
#vh-root table.gr td.bad{color:var(--g-bad-ink)}
#vh-root table.gr tr[style*="--sev2-bg"]{background:var(--g-warn-soft)!important}
#vh-root table.gr tr[style*="--sev3-bg"],#vh-root table.bdt tr.late{background:var(--g-bad-soft)!important}
#vh-root table.gr tr[style*="--good-bg"]{background:var(--g-ok-soft)!important}
#vh-root table.gr tr[style*="--sev2-bg"]>td:first-child{box-shadow:inset 3px 0 0 var(--g-warn)}
#vh-root table.gr tr[style*="--sev3-bg"]>td:first-child,#vh-root table.bdt tr.late>td:first-child{box-shadow:inset 3px 0 0 var(--g-bad)}
#vh-root table.bdt tr.late>td{background:transparent}
#vh-root table.gr td select,#vh-root table.gr td input[type="text"]:not(.bdmemo),#vh-root table.gr td input:not([type]):not(.bdmemo){min-height:30px;font-size:12.5px}
#vh-root table.gr td select{padding:2px 28px 2px 10px;background-position:right 9px center}
/* 신고서(4단계) — 칸 번호 (1)~(30) · 갈래 줄 · 소계 · 마지막 (30)은 파란 바탕에 겹줄 */
#vh-root table.vff td.no{color:var(--g-ink4);font-family:var(--sans);font-size:12px;font-weight:650;letter-spacing:-.02em}
#vh-root table.vff tr.sec>td{background:var(--g-sub);color:var(--g-ink);font-size:13px;font-weight:800;padding:10px 14px;border-top:1px solid var(--g-line2);border-bottom:1px solid var(--g-line2)}
#vh-root table.vff tr.sum>td{background:transparent;font-weight:800;border-top:1px solid var(--g-line2)}
#vh-root table.vff tr.sum>td.no{color:var(--g-ink3)}
#vh-root table.vff tr.final>td{background:var(--g-pri-soft);font-size:15.5px;font-weight:800;border-top:3px double #98A2B3;border-bottom:3px double #98A2B3}
#vh-root table.vff tr.final>td.n{color:var(--g-ink)}
#vh-root table.vff tr.final>td.no{color:var(--g-pri-ink)}
#vh-root table.vfm td{padding:6px 7px;vertical-align:top}
#vh-root table.vfm th{font-size:11.5px}
#vh-root table.rct th:first-child,#vh-root table.rct td:first-child{position:sticky;left:0;z-index:2;background:var(--g-card);box-shadow:1px 0 0 var(--g-line3)}
#vh-root table.rct th:first-child{background:var(--g-sub)}
#vh-root table.rct tr.rc-g td:first-child{background:var(--g-sub)}
#vh-root table.rct input.vfi{width:96px}

/* ══ 단추 — 채운 단추는 파란 그라데이션 · 나머지는 흰 단추 ══ */
#vh-root .btn,body.vh-wide #hpm .btn{min-height:38px;padding:7px 15px;box-sizing:border-box;border-radius:11px;border:1px solid var(--g-line2);background:var(--g-card);background-image:none;color:var(--g-ink2);font-size:13.5px;font-weight:700;letter-spacing:-.01em;box-shadow:0 1px 2px rgba(16,24,40,.05);gap:6px;transition:background-color .12s,border-color .12s,filter .12s}
#vh-root .btn:hover,body.vh-wide #hpm .btn:hover{background-color:var(--g-sub);border-color:var(--g-line2);color:var(--g-ink)}
#vh-root .btn.pri,body.vh-wide #hpm .btn.pri{border-color:transparent;background-color:#155EEF;background-image:var(--g-pri-grad);color:#fff;box-shadow:var(--g-pri-sh)}
#vh-root .btn.pri:hover,body.vh-wide #hpm .btn.pri:hover{background-color:#155EEF;color:#fff;filter:brightness(1.06)}
#vh-root .btn.ghost,body.vh-wide #hpm .btn.ghost{background:var(--g-card);border-color:var(--g-line2);color:var(--g-ink2)}
#vh-root .btn.on,body.vh-wide #hpm .btn.on{background:var(--g-pri-soft);border-color:var(--g-pri-line);color:var(--g-pri-ink)}
#vh-root .btn[disabled],#vh-root .mini[disabled],body.vh-wide #hpm .btn[disabled],body.vh-wide #hpm .mini[disabled]{opacity:.45;cursor:not-allowed;filter:none;box-shadow:none}
#vh-root .mini,body.vh-wide #hpm .mini{min-height:30px;padding:4px 11px;box-sizing:border-box;border-radius:9px;border:1px solid var(--g-line2);background:var(--g-card);background-image:none;color:var(--g-ink2);font-size:12.5px;font-weight:650;box-shadow:0 1px 2px rgba(16,24,40,.04);gap:5px;text-decoration:none!important;transition:background-color .12s,border-color .12s}
#vh-root .mini:hover,body.vh-wide #hpm .mini:hover{background-color:var(--g-sub);color:var(--g-ink);border-color:var(--g-line2)}
#vh-root .mini.pri,body.vh-wide #hpm .mini.pri{border-color:transparent;background-color:#155EEF;background-image:var(--g-pri-grad);color:#fff;box-shadow:var(--g-pri-sh)}
#vh-root .mini.pri:hover,body.vh-wide #hpm .mini.pri:hover{background-color:#155EEF;color:#fff;filter:brightness(1.06)}

/* ══ 상태 알약 — 점 하나 + 옅은 바탕 ══ */
#vh-root .pill,body.vh-wide #hpm .pill{display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:1px 9px;box-sizing:border-box;border:0;border-radius:999px;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:-.005em;background:var(--g-sub2);color:var(--g-ink3);vertical-align:middle}
#vh-root .pill.p-ok,body.vh-wide #hpm .pill.p-ok{background:var(--g-ok-soft);color:var(--g-ok-ink)}
#vh-root .pill.p-hi,body.vh-wide #hpm .pill.p-hi{background:var(--g-bad-soft);color:var(--g-bad-ink)}
#vh-root .pill.p-md,body.vh-wide #hpm .pill.p-md{background:var(--g-warn-soft);color:var(--g-warn-ink)}
#vh-root .pill.p-lo,body.vh-wide #hpm .pill.p-lo{background:var(--g-sub2);color:var(--g-ink3)}
#vh-root .pill.p-ac,body.vh-wide #hpm .pill.p-ac{background:var(--g-pri-soft);color:var(--g-pri-ink)}
#vh-root .pill:is(.p-ok,.p-hi,.p-md,.p-ac)::before,body.vh-wide #hpm .pill:is(.p-ok,.p-hi,.p-md,.p-ac)::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}
#vh-root .pill.p-ok::before,body.vh-wide #hpm .pill.p-ok::before{background:var(--g-ok)}
#vh-root .pill.p-hi::before,body.vh-wide #hpm .pill.p-hi::before{background:var(--g-bad)}
#vh-root .pill.p-md::before,body.vh-wide #hpm .pill.p-md::before{background:var(--g-warn)}
#vh-root .pill.p-ac::before,body.vh-wide #hpm .pill.p-ac::before{background:var(--g-pri-dot)}
#vh-root a.pill{text-decoration:none}
#vh-root a.pill:hover{filter:brightness(.97);text-decoration:none}

/* ══ 입력 ══ */
#vh-root input[type="text"]:not(.bdmemo),#vh-root input[type="search"],#vh-root input[type="number"],#vh-root input[type="date"],#vh-root input[type="month"],#vh-root input:not([type]):not(.bdmemo),#vh-root textarea,
body.vh-wide #hpm input[type="text"],body.vh-wide #hpm input[type="search"],body.vh-wide #hpm input[type="number"],body.vh-wide #hpm input:not([type]),body.vh-wide #hpm textarea{border:1px solid var(--g-line2);border-radius:10px;background:var(--g-card);color:var(--g-ink);box-shadow:0 1px 2px rgba(16,24,40,.04)}
#vh-root input.bdmemo{border:1px solid transparent;border-radius:8px;background:transparent;color:var(--g-ink)}
#vh-root input.bdmemo:hover{border-color:var(--g-line2);background:var(--g-card)}
#vh-root select,body.vh-wide #hpm select{border:1px solid var(--g-line2);border-radius:10px;background-color:var(--g-card);color:var(--g-ink);min-height:36px;padding:4px 32px 4px 12px;font-size:13.5px;font-weight:600;-webkit-appearance:none;appearance:none;background-image:var(--g-chev);background-repeat:no-repeat;background-position:right 10px center;background-size:14px;cursor:pointer;max-width:100%;box-shadow:0 1px 2px rgba(16,24,40,.04)}
#vh-root input:focus,#vh-root select:focus,#vh-root textarea:focus,body.vh-wide #hpm input:focus,body.vh-wide #hpm select:focus,body.vh-wide #hpm textarea:focus{outline:none;border-color:#84ADFF;box-shadow:var(--g-ring)}
#vh-root input[type="checkbox"],#vh-root input[type="radio"],body.vh-wide #hpm input[type="checkbox"],body.vh-wide #hpm input[type="radio"]{accent-color:var(--g-pri)}
#vh-root .cf{color:var(--g-ink4);font-size:12.5px;gap:6px}
#vh-root .cf span{font-weight:650;color:var(--g-ink2)}
#vh-root .cf span i{background:var(--g-sub2);color:var(--g-ink3)}
#vh-root .cf input,#vh-root .cf select{min-height:38px;padding:7px 12px;border:1px solid var(--g-line2);border-radius:11px;font-family:var(--sans);font-size:13.5px}
#vh-root .cf select{padding-right:32px}
#vh-root .cchk{color:var(--g-ink2);font-size:13px}
#vh-root .vfi{min-height:32px;padding:4px 9px;border:1px solid var(--g-line2);border-radius:9px;font-family:var(--sans);font-size:13px;font-variant-numeric:tabular-nums}
#vh-root .vfi::placeholder,#vh-root input::placeholder{color:var(--g-ink4);opacity:.9}
#vh-root .vfi.warn,#vh-root input.warn{border-color:var(--g-warn-line);background:var(--g-warn-soft)}

/* ══ 파일 놓는 곳 — 급여 도우미 「붙여넣기 · 파일」 칸과 같음(파란 점선 · 점 무늬 · 그라데이션 타일) ══ */
#vh-root .updrop{position:relative;margin-top:14px;padding:22px 18px 20px;border:1.5px dashed #84ADFF;border-radius:18px;background:radial-gradient(rgba(46,144,250,.12) 1px,rgba(255,255,255,0) 1.4px) 0 0/14px 14px,#F5F8FF;text-align:center;transition:border-color .15s,background-color .15s,box-shadow .15s}
#vh-root .updrop::before{content:"";display:block;width:42px;height:42px;margin:0 auto 10px;border-radius:13px;background:linear-gradient(135deg,#53B1FD 0%,#1570EF 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 16px -8px rgba(46,144,250,.7)}
#vh-root .updrop::after{content:"";position:absolute;left:50%;top:33px;width:20px;height:20px;transform:translateX(-50%);background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4'/%3E%3Cpath d='M7 9l5-5 5 5'/%3E%3Cpath d='M4 20h16'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4'/%3E%3Cpath d='M7 9l5-5 5 5'/%3E%3Cpath d='M4 20h16'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
#vh-root .updrop:hover,#vh-root .updrop.on{border-color:var(--g-pri);box-shadow:var(--g-ring)}
#vh-root .updrop b{font-size:14px;font-weight:750;color:var(--g-ink);letter-spacing:-.015em}
#vh-root .updrop small{font-size:12.5px;color:var(--g-ink3);margin-top:5px;line-height:1.55}

/* ══ 숫자 카드 ══ */
#vh-root .icards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0 0 18px!important;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
#vh-root .icards>.icard{position:relative;margin:0;padding:16px 18px 16px;box-sizing:border-box;border:1px solid var(--g-line);border-radius:18px;background:var(--g-card);box-shadow:var(--g-sh1);outline:0!important;min-width:0;transition:border-color .15s,box-shadow .15s}
#vh-root .icard .l{font-size:12.5px;font-weight:700;color:var(--g-ink3);margin:0 0 8px;letter-spacing:-.005em}
#vh-root .icard b{display:block;font-family:var(--sans);font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-.035em;color:var(--g-ink);background:none;-webkit-text-fill-color:currentColor;word-break:keep-all;overflow-wrap:anywhere}
#vh-root .icard b[style*="var(--accent)"]{color:var(--g-pri-ink)!important}
#vh-root .icard b[style*="var(--good)"]{color:var(--g-ok-ink)!important}
#vh-root .icard .d{font-size:12px;color:var(--g-ink4);margin-top:7px;line-height:1.5}
#vh-root .icards>.icard[style*="cursor:pointer"]{cursor:pointer}
#vh-root .icards>.icard[style*="cursor:pointer"]:hover{border-color:#D0D5DD;box-shadow:0 1px 2px rgba(16,24,40,.05),0 12px 28px -16px rgba(16,24,40,.25)}
#vh-root .icards>.icard[style*="outline"]{border-color:#84ADFF;box-shadow:0 0 0 4px var(--g-pri-soft),var(--g-sh1)}
#vh-root .icards>.icard[style*="outline"] .l{color:var(--g-pri-ink)}
/* 「내 부가세 신고」 숫자 카드 다섯 — 오른쪽 위 그림 타일(대상 · 자료 빠짐 · 판단 필요 · 검토 요청 · 신고 끝) */
#vh-root[data-tab="my"] .icards>.icard{padding-right:60px}
#vh-root[data-tab="my"] .icards>.icard::before{content:"";position:absolute;right:16px;top:16px;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--ia) 0%,var(--ib) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 14px -7px var(--ig)}
#vh-root[data-tab="my"] .icards>.icard::after{content:"";position:absolute;right:24px;top:24px;width:18px;height:18px;background:#fff;-webkit-mask:var(--ii) center/contain no-repeat;mask:var(--ii) center/contain no-repeat}
#vh-root[data-tab="my"] .icards>.icard:nth-child(1){--ia:#53B1FD;--ib:#1570EF;--ig:rgba(46,144,250,.7);--ii:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V6l7-3v18'/%3E%3Cpath d='M11 9h8v12'/%3E%3Cpath d='M7 8h1M7 12h1M7 16h1M14.5 13h1.5M14.5 17h1.5'/%3E%3Cpath d='M3 21h18'/%3E%3C/svg%3E")}
#vh-root[data-tab="my"] .icards>.icard:nth-child(2){--ia:#F97066;--ib:#D92D20;--ig:rgba(240,68,56,.65);--ii:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-6l-2 3h-4l-2-3H2'/%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'/%3E%3C/svg%3E")}
#vh-root[data-tab="my"] .icards>.icard:nth-child(3){--ia:#FDB022;--ib:#DC6803;--ig:rgba(247,144,9,.65);--ii:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 21.5 20h-19z'/%3E%3Cpath d='M12 9.5v4.5M12 17h.01'/%3E%3C/svg%3E")}
#vh-root[data-tab="my"] .icards>.icard:nth-child(4){--ia:#A48AFB;--ib:#7839EE;--ig:rgba(135,91,247,.7);--ii:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2 19.5 6v6c0 4.6-3.2 7.8-7.5 9-4.3-1.2-7.5-4.4-7.5-9V6z'/%3E%3Cpath d='m9 12 2.1 2.1L15.3 10'/%3E%3C/svg%3E")}
#vh-root[data-tab="my"] .icards>.icard:nth-child(5){--ia:#47CD89;--ib:#079455;--ig:rgba(23,178,106,.7);--ii:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}

/* ══ 단계 줄(4번 탭) — 급여 도우미 단계처럼 동그란 번호 · 이음 줄 · 지금 단계는 파란 그라데이션 ══ */
#vh-root .vfsteps{display:flex;align-items:center;flex-wrap:wrap;gap:6px 0;margin:4px 0 18px;padding:8px 14px 8px 8px;box-sizing:border-box;border:1px solid var(--g-line);border-radius:20px;background:var(--g-card);box-shadow:var(--g-sh1)}
#vh-root .vfsteps a{position:relative;display:inline-flex;align-items:center;gap:9px;margin:0 0 0 26px;padding:5px 13px 5px 5px;border-radius:13px;background:transparent;box-shadow:none;color:var(--g-ink3);font-size:13.5px;font-weight:650;letter-spacing:-.015em;text-decoration:none;white-space:nowrap}
#vh-root .vfsteps a:first-child{margin-left:0}
#vh-root .vfsteps a+a::before{content:"";position:absolute;left:-22px;top:50%;width:18px;height:2px;margin-top:-1px;border-radius:2px;background:var(--g-line2)}
#vh-root .vfsteps a b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;box-sizing:border-box;border:0;background:var(--g-sub2);color:var(--g-ink3);font-family:var(--sans);font-size:12.5px;font-weight:800}
#vh-root .vfsteps a:hover{background:var(--g-sub);color:var(--g-ink);text-decoration:none}
#vh-root .vfsteps a:has(~a.on) b{background:var(--g-pri-soft);color:var(--g-pri-ink)}
#vh-root .vfsteps a.on{background:var(--g-pri-soft);color:var(--g-ink);font-weight:750;box-shadow:none}
#vh-root .vfsteps a.on b{background-color:#155EEF;background-image:var(--g-pri-grad);color:#fff;box-shadow:0 0 0 4px rgba(21,94,239,.16),0 6px 12px -6px rgba(21,94,239,.7)}
#vh-root .vfsteps .vfsum{margin-left:auto;padding-left:14px;font-size:12.5px;color:var(--g-ink3);gap:4px 8px}

/* ══ 「내 부가세 신고」 — 기간 줄 · 담당 고르개 · 도구 줄 셋(한 카드) · 목록 카드 ══ */
#vh-root .vm-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 16px}
#vh-root .vm-top>.ismall{color:var(--g-ink3)}
#vh-root .tabs:not(.vh-tabs){display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px;padding:3px!important;border:0!important;border-radius:12px;background:var(--g-sub2)!important;max-width:100%;box-shadow:inset 0 0 0 1px var(--g-line3)}
#vh-root .tabs:not(.vh-tabs) .tab{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;margin:0;box-sizing:border-box;border:0;border-radius:9px;background:transparent;box-shadow:none;color:var(--g-ink3);font-size:13px;font-weight:650;white-space:nowrap;text-decoration:none}
#vh-root .tabs:not(.vh-tabs) .tab:hover{color:var(--g-ink);background:transparent}
#vh-root .tabs:not(.vh-tabs) .tab.on{background:var(--g-card);color:var(--g-ink);font-weight:750;box-shadow:0 1px 3px rgba(16,24,40,.12),0 1px 2px rgba(16,24,40,.06)}
#vh-root .tabs:not(.vh-tabs) .tab .ismall{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:999px;background:var(--g-card);color:var(--g-ink3);font-size:11.5px;font-weight:700}
#vh-root .tabs:not(.vh-tabs) .tab.on .ismall{background:var(--g-sub2)}
#vh-root .vm-run,#vh-root>.vx-lb{position:relative;margin:0;padding:14px 18px 14px 66px;min-height:62px;box-sizing:border-box;border:1px solid var(--g-line);border-radius:0;background:var(--g-card);box-shadow:none;font-size:13px}
#vh-root .vm-run:not(.w9-box){border-radius:22px 22px 0 0;margin-top:2px}
#vh-root .vm-run+.w9-box,#vh-root .vm-run+.vx-lb,#vh-root .w9-box+.vx-lb{border-top:0;box-shadow:inset 0 1px 0 var(--g-line3)}
#vh-root>.vx-lb{border-radius:0 0 22px 22px;margin-bottom:20px;box-shadow:inset 0 1px 0 var(--g-line3),var(--g-sh1)}
#vh-root .vm-run::before,#vh-root>.vx-lb::before{content:"";position:absolute;left:18px;top:14px;width:34px;height:34px;border-radius:11px;background:var(--ta,var(--g-pri-soft))}
#vh-root .vm-run::after,#vh-root>.vx-lb::after{content:"";position:absolute;left:26px;top:22px;width:18px;height:18px;background:var(--tc,var(--g-pri-ink));-webkit-mask:var(--ti) center/contain no-repeat;mask:var(--ti) center/contain no-repeat}
#vh-root .vm-run:not(.w9-box){--ta:#EEF4FF;--tc:#3538CD;--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5.5v13l10.5-6.5z'/%3E%3C/svg%3E")}
#vh-root .vm-run.w9-box{--ta:#FDF4FF;--tc:#9F1AB1;--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4'/%3E%3Cpath d='M7 9l5-5 5 5'/%3E%3Cpath d='M4 20h16'/%3E%3C/svg%3E")}
#vh-root>.vx-lb{--ta:#ECFDFF;--tc:#0E7090;--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 6h9M11 12h9M11 18h9'/%3E%3Cpath d='M3.5 6l1.6 1.6L8 4.7M3.5 12l1.6 1.6L8 10.7M3.5 18l1.6 1.6L8 16.7'/%3E%3C/svg%3E")}
#vh-root .vm-run b,#vh-root .w9-box>b,#vh-root>.vx-lb>b:first-child{font-size:13.5px;font-weight:800;color:var(--g-ink)}
#vh-root .vm-run label{color:var(--g-ink2);font-weight:600}
#vh-root .vm-prog{color:var(--g-pri-ink);font-weight:700}
#vh-root>.obtools{gap:8px;margin:0 0 10px}
#vh-root[data-tab="my"]>.obtools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0!important;padding:14px 16px;border:1px solid var(--g-line);border-bottom:0;border-radius:22px 22px 0 0;background:var(--g-card);box-shadow:0 1px 2px rgba(16,24,40,.04)}
#vh-root[data-tab="my"]>.obtools~.tblwrap.scroll{border-radius:0 0 22px 22px;box-shadow:inset 0 1px 0 var(--g-line3),var(--g-sh1)}
#vh-root[data-tab="my"]>.obtools~.empty{border:1px solid var(--g-line);border-radius:0 0 22px 22px;background:var(--g-card);box-shadow:var(--g-sh1)}
#vh-root>.obtools>a.mini{min-height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--g-line2);background:var(--g-card);color:var(--g-ink3);font-size:13px;font-weight:650;box-shadow:none}
#vh-root>.obtools>a.mini:hover{background:var(--g-sub);color:var(--g-ink)}
#vh-root>.obtools>a.mini.pri{background:var(--g-pri-soft);background-image:none;border-color:var(--g-pri-line);color:var(--g-pri-ink);box-shadow:none;filter:none}
#vh-root>.obtools>input[type="search"]{min-height:34px;height:34px;border-radius:11px;padding:0 12px 0 34px;margin-left:4px;background:var(--g-sub) var(--g-find) no-repeat 11px center/15px;border:1px solid var(--g-line2);box-shadow:none;min-width:180px}
#vh-root>.obtools>.ismall{color:var(--g-ink3);font-weight:600}
#vh-root table.vm-t th{position:sticky;top:0;z-index:3}
#vh-root table.vm-t td{vertical-align:middle}
#vh-root table.vm-t td.vm-nm{position:relative;padding-left:62px;min-width:150px}
#vh-root table.vm-t td.vm-nm::before{content:attr(data-i);position:absolute;left:14px;top:50%;width:36px;height:36px;margin-top:-18px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#53B1FD 0%,#1570EF 100%);color:#fff;font-size:14.5px;font-weight:800;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 12px -8px rgba(21,94,239,.7)}
#vh-root table.vm-t td.vm-nm[data-i=""]::before{content:"·"}
#vh-root table.vm-t td:nth-child(2)>a{color:var(--g-ink);font-weight:700;font-size:14.5px;letter-spacing:-.015em}
#vh-root table.vm-t td:nth-child(2)>a:hover{color:var(--g-pri-ink);text-decoration:none}
#vh-root table.vm-t tr.vm-x>td{background:var(--g-sub)}
#vh-root table.vm-t td:last-child .mini{font-weight:700}
#vh-root .vm-note{color:var(--g-ink4);font-size:12px;line-height:1.7;margin:12px 4px 0}

/* ══ 검토 체크리스트 — 왼쪽 색 줄 · 옅은 그라데이션 ══ */
#vh-root .csck{gap:0;border:1px solid var(--g-line);border-radius:16px;overflow:hidden;background:var(--g-card)}
#vh-root .csck .r{position:relative;margin:0;padding:12px 14px 12px 18px;border-radius:0;border:0;border-top:1px solid var(--g-line4);background:transparent;line-height:1.55}
#vh-root .csck .r:first-child{border-top:0}
#vh-root .csck .r::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--g-line2)}
#vh-root .csck .r.ban::before{background:var(--g-bad)}
#vh-root .csck .r.no::before{background:var(--g-warn)}
#vh-root .csck .r.ok::before{background:var(--g-ok)}
#vh-root .csck .r.ban{background:linear-gradient(90deg,var(--g-bad-soft) 0%,var(--g-card) 72%)}
#vh-root .csck .r.no{background:linear-gradient(90deg,var(--g-warn-soft) 0%,var(--g-card) 72%)}
#vh-root .csck .r>b{min-width:58px}
#vh-root .csck .r .ismall{color:var(--g-ink3)}

/* ══ 이 수임처 부가세(v-192 상자) ══ */
#vh-root .vx-box{margin:0 0 6px}
#vh-root .vx-box.fold{padding:14px 20px}
#vh-root .vx-hd>b{font-size:16px;font-weight:800;letter-spacing:-.02em}
#vh-root .vx-per{color:var(--g-ink3);font-weight:650}
#vh-root .vx-cnt b.g,#vh-root .vx-lb b.g{color:var(--g-ok-ink)}
#vh-root .vx-cnt b.r,#vh-root .vx-lb b.r{color:var(--g-bad-ink)}
#vh-root .vx-cnt b.w,#vh-root .vx-lb b.w{color:var(--g-warn-ink)}
#vh-root .vx-feat,#vh-root .vx-ck{margin-top:16px;padding-top:16px;border-top:1px solid var(--g-line3)}
#vh-root .vx-sh b{font-size:14px;font-weight:800}
#vh-root .vx-fr{grid-template-columns:104px minmax(0,1fr)}
#vh-root .vx-fl{color:var(--g-ink4);font-weight:650;font-size:12.5px}
#vh-root .vx-c{background:var(--g-sub2);color:var(--g-ink);border-radius:8px;padding:2px 9px;font-weight:650}
#vh-root .vx-c.e{border:1px dashed var(--g-line2);background:transparent;color:var(--g-ink3)}
#vh-root .vx-c.n{color:var(--g-ink4);background:transparent}
#vh-root table.vx-t td.vx-m.a{color:var(--g-ok-ink);background:var(--g-ok-soft)}
#vh-root table.vx-t td.vx-m.g{color:var(--g-ok-ink);box-shadow:inset 0 0 0 1.5px var(--g-ok)}
#vh-root table.vx-t td.vx-m.f{color:var(--g-ok-ink)}
#vh-root table.vx-t td.vx-m.x{color:var(--g-ink4)}
#vh-root table.vx-t td.vx-m.miss{color:var(--g-bad-ink);background:var(--g-bad-soft)}
#vh-root table.vx-t td.vx-all.a{color:var(--g-ok-ink)}
#vh-root .vx-who{border-color:var(--g-line2);color:var(--g-ink3);border-radius:8px}
#vh-root .vx-who.c{border-color:var(--g-pri-line);color:var(--g-pri-ink);background:var(--g-pri-soft)}

/* ══ 좁은 화면 ══ */
@media (max-width:1240px){
  #vh-root .vh-hero{padding:24px 26px 62px}
  #vh-root .vb-t{font-size:34px}
  #vh-root .vg-rg{width:104px;height:104px}
  #vh-root .vg-rg svg{width:104px;height:104px}
  #vh-root .vg-pc b{font-size:24px}
  #vh-root .vg-n{font-size:28px}
  #vh-root .vb-rail{gap:8px}
  #vh-root .vb-st{padding:12px 12px 11px}
  #vh-root .vg-big b{font-size:22px}
}
@media (max-width:1100px){
  #vh-root .vb-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  #vh-root .vb-top{grid-template-columns:minmax(0,1fr)}
  #vh-root .vg-side{flex-direction:row-reverse;flex-wrap:wrap;align-items:center;justify-content:space-between}
  #vh-root .vh-hero.fold .vb-top{grid-template-columns:minmax(0,1fr) auto}
  #vh-root .vh-cal .c span{display:none}
}
@media (max-width:640px){
  #vh-root .vh-hero{padding:20px 16px 54px;border-radius:22px}
  #vh-root .vh-hero.fold{padding:16px 16px 52px}
  #vh-root .vb-t{font-size:27px;margin-top:12px}
  #vh-root .vh-hero .vh-sub{font-size:13px}
  #vh-root .vb-chips{margin-top:14px;gap:6px}
  #vh-root .vb-meta{gap:6px}
  #vh-root .vb-meta>span,#vh-root .vb-dl,#vh-root .vb-dd{height:30px;font-size:12.5px;padding:0 10px}
  #vh-root .vg-side{gap:14px}
  #vh-root .vg-act{position:absolute;top:-2px;right:0;gap:6px}
  #vh-root .vh-hero .vg-act .vb-fold.mini,#vh-root .vg-act .vh-about>summary,#vh-root .vg-act .vh-help{height:32px;border-radius:10px}
  #vh-root .vg-ring{gap:14px}
  #vh-root .vg-rg,#vh-root .vg-rg svg{width:84px;height:84px}
  #vh-root .vg-pc b{font-size:19px}
  #vh-root .vg-pc span{font-size:11px}
  #vh-root .vg-n{font-size:24px}
  #vh-root .vg-sh{margin:22px 0 10px}
  #vh-root .vg-sh span{display:none}
  /* 휴대폰 — 6단계는 한 줄씩(그림 · 이름 · 건수 · 큰 숫자 · 막대) · 일정은 옆으로 밀어 봄 · 판 단추는 그림만 */
  #vh-root .vb-rail{grid-template-columns:minmax(0,1fr);gap:6px}
  #vh-root .vb-st{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"ic nm bg" "ic cn bg" "mt mt mt";column-gap:11px;row-gap:0;align-items:center;padding:9px 12px;border-radius:14px}
  #vh-root .vg-sr{grid-area:ic;display:block;align-self:start}
  #vh-root .vg-ic{width:34px;height:34px;border-radius:11px}
  #vh-root .vb-node{display:none}
  #vh-root .vb-name{grid-area:nm;margin:0;font-size:13.5px}
  #vh-root .vb-cn{grid-area:cn;font-size:11.5px}
  #vh-root .vg-big{grid-area:bg;margin:0;align-self:center}
  #vh-root .vg-big b{font-size:20px}
  #vh-root .vb-m{grid-area:mt;margin:7px 0 0;height:4px}
  #vh-root .vb-d{display:none}
  #vh-root .vh-hero .vh-cal{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:14px -16px 0;padding:0 16px}
  #vh-root .vh-hero .vh-cal::-webkit-scrollbar{display:none}
  #vh-root .vh-about>summary>span,#vh-root .vh-hero .vh-help>span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  #vh-root .vh-about>summary,#vh-root .vh-hero .vh-help{padding:0 10px}
  #vh-root .vh-tabbar{margin:-30px 8px 16px;padding:5px;border-radius:16px}
  #vh-root .tabs.vh-tabs .tab{height:38px;padding:0 10px 0 9px;font-size:13px}
  #vh-root>.rules.rl-ps{grid-template-columns:minmax(0,1fr)}
  #vh-root>.rules.rl-ps .r{padding:13px 14px;box-shadow:0 -1px 0 0 var(--g-line3)}
  #vh-root>.rules.rl-ps .r:first-child{box-shadow:none}
  #vh-root .incwrap,#vh-root .vt-box,#vh-root .vx-box{padding:16px;border-radius:18px}
  #vh-root .icards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #vh-root .icard b{font-size:24px}
  #vh-root[data-tab="my"] .icards>.icard{padding-right:52px}
  #vh-root[data-tab="my"] .icards>.icard::before{right:12px;top:12px;width:30px;height:30px;border-radius:10px}
  #vh-root[data-tab="my"] .icards>.icard::after{right:19px;top:19px;width:16px;height:16px}
  #vh-root .vfsteps .vfsum{flex-basis:100%;margin:6px 0 0;padding:8px 4px 0;border-top:1px solid var(--g-line3)}
  #vh-root table.vm-t td:nth-child(2){white-space:nowrap}
  #vh-root .vm-run,#vh-root>.vx-lb{padding:12px 12px 12px 58px}
  #vh-root .vm-run::before,#vh-root>.vx-lb::before{left:12px;top:12px;width:32px;height:32px}
  #vh-root .vm-run::after,#vh-root>.vx-lb::after{left:19px;top:19px}
  #vh-root[data-tab="my"]>.obtools{padding:12px}
  #vh-root>.obtools>input[type="search"]{min-width:0;flex:1 1 160px}
}
@media (prefers-reduced-motion:reduce){#vh-root *,#vh-root *::before,#vh-root *::after{transition:none!important;animation:none!important}}

/* ══ 어둡게 — 판(남색)은 그대로 · 카드 · 글 · 줄만 어두운 색 ══ */
:root[data-theme="dark"] #vh-root,:root[data-theme="dark"] body.vh-wide #hpm{
  --g-ink:#EEF2F8;--g-ink2:#D5DCE7;--g-ink3:#B7C1D0;--g-ink4:#9AA6B8;
  --g-card:#131C2E;--g-sub:#0F1828;--g-sub2:#1C2638;--g-pop:#1C2638;--g-pop-ink:#D5DCE7;
  --g-line:#253149;--g-line2:#2E3B56;--g-line3:#1F2A40;--g-line4:#1B2537;
  --g-pri:#3D8BFF;--g-pri-ink:#9DC1FF;--g-pri-soft:rgba(61,139,255,.16);--g-pri-line:rgba(61,139,255,.45);--g-pri-dot:#5C9DFF;
  --g-ok-ink:#75E0A7;--g-ok-soft:rgba(23,178,106,.16);--g-ok-line:rgba(23,178,106,.42);
  --g-warn-ink:#FEC84B;--g-warn-soft:rgba(247,144,9,.15);--g-warn-line:rgba(247,144,9,.45);
  --g-bad-ink:#FDA29B;--g-bad-soft:rgba(240,68,56,.15);--g-bad-line:rgba(240,68,56,.45);
  --g-sh1:0 1px 2px rgba(0,0,0,.4),0 10px 28px -18px rgba(0,0,0,.65);
  --g-sh2:0 1px 2px rgba(0,0,0,.45),0 24px 48px -26px rgba(0,0,0,.85);
  --g-ring:0 0 0 4px rgba(61,139,255,.25);
  --g-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA6B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--g-find:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA6B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
  --paper:#0E1420;--surface:#131C2E;--surface-2:#0F1828;--card:#17305A;--rail:#0E1420;
  --ink:#EEF2F8;--slate:#D5DCE7;--muted:#B7C1D0;--faint:#9AA6B8;--ink2:#B7C1D0;
  --line:#253149;--line-soft:#1B2537;--line-2:#2E3B56;--row-line:#1F2A40;--zebra:#111A2B;--field:#0F1828;
  --accent:#3D8BFF;--accent-ink:#9DC1FF;--accent-soft:#17305A;--accent-mid:#2C5FA8;--sky:#33BBFF;--sky-soft:#152A44;
  --good:#75E0A7;--good-bg:#14301F;--sev2:#FEC84B;--sev2-bg:#332614;--sev3:#FDA29B;--sev3-bg:#3A1A18;--sev1:#B7C1D0;--sev1-bg:#1B2537;
}
:root[data-theme="dark"] #vh-root .vh-hero{box-shadow:0 28px 56px -32px rgba(0,0,0,.85)}
:root[data-theme="dark"] #vh-root .vb-li.on .vb-st{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.42);color:#fff;box-shadow:0 14px 28px -14px rgba(0,0,0,.7)}
:root[data-theme="dark"] #vh-root .vb-li.on .vb-name,:root[data-theme="dark"] #vh-root .vb-li.on .vg-big b{color:#fff}
:root[data-theme="dark"] #vh-root .vb-li.on .vg-big span,:root[data-theme="dark"] #vh-root .vb-li.on .vb-cn,:root[data-theme="dark"] #vh-root .vb-li.on .vb-cn .vb-wait{color:rgba(255,255,255,.9)}
:root[data-theme="dark"] #vh-root .vb-li.on .vb-cn .w{color:#FDD47A}
:root[data-theme="dark"] #vh-root .vb-li.on .vb-cn .g{color:#A6F4C5}
:root[data-theme="dark"] #vh-root .vb-li.on .vb-m{background:rgba(255,255,255,.18)}
:root[data-theme="dark"] #vh-root .vb-li.on .vb-node{background:rgba(255,255,255,.2);color:#fff}
:root[data-theme="dark"] #vh-root .tabs.vh-tabs .tab.on{background-color:#1847B8;background-image:linear-gradient(135deg,#1A3E8C 0%,#2A5BD7 100%)}
:root[data-theme="dark"] #vh-root .updrop{border-color:rgba(132,173,255,.55);background:radial-gradient(rgba(61,139,255,.16) 1px,rgba(0,0,0,0) 1.4px) 0 0/14px 14px,#101B30}
:root[data-theme="dark"] #vh-root table.vff tr.final>td{border-top-color:#5B6B85;border-bottom-color:#5B6B85}
:root[data-theme="dark"] #vh-root .vm-run:not(.w9-box){--ta:rgba(97,114,243,.18);--tc:#A4BCFD}
:root[data-theme="dark"] #vh-root .vm-run.w9-box{--ta:rgba(212,68,241,.16);--tc:#EEAAFD}
:root[data-theme="dark"] #vh-root>.vx-lb{--ta:rgba(6,174,212,.16);--tc:#67E3F9}
:root[data-theme="dark"] #vh-root .tabs:not(.vh-tabs) .tab.on{box-shadow:0 1px 3px rgba(0,0,0,.5)}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) #vh-root,:root:not([data-theme="light"]) body.vh-wide #hpm{
  --g-ink:#EEF2F8;--g-ink2:#D5DCE7;--g-ink3:#B7C1D0;--g-ink4:#9AA6B8;
  --g-card:#131C2E;--g-sub:#0F1828;--g-sub2:#1C2638;--g-pop:#1C2638;--g-pop-ink:#D5DCE7;
  --g-line:#253149;--g-line2:#2E3B56;--g-line3:#1F2A40;--g-line4:#1B2537;
  --g-pri:#3D8BFF;--g-pri-ink:#9DC1FF;--g-pri-soft:rgba(61,139,255,.16);--g-pri-line:rgba(61,139,255,.45);--g-pri-dot:#5C9DFF;
  --g-ok-ink:#75E0A7;--g-ok-soft:rgba(23,178,106,.16);--g-ok-line:rgba(23,178,106,.42);
  --g-warn-ink:#FEC84B;--g-warn-soft:rgba(247,144,9,.15);--g-warn-line:rgba(247,144,9,.45);
  --g-bad-ink:#FDA29B;--g-bad-soft:rgba(240,68,56,.15);--g-bad-line:rgba(240,68,56,.45);
  --g-sh1:0 1px 2px rgba(0,0,0,.4),0 10px 28px -18px rgba(0,0,0,.65);
  --g-sh2:0 1px 2px rgba(0,0,0,.45),0 24px 48px -26px rgba(0,0,0,.85);
  --g-ring:0 0 0 4px rgba(61,139,255,.25);
  --g-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA6B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--g-find:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA6B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
  --paper:#0E1420;--surface:#131C2E;--surface-2:#0F1828;--card:#17305A;--rail:#0E1420;
  --ink:#EEF2F8;--slate:#D5DCE7;--muted:#B7C1D0;--faint:#9AA6B8;--ink2:#B7C1D0;
  --line:#253149;--line-soft:#1B2537;--line-2:#2E3B56;--row-line:#1F2A40;--zebra:#111A2B;--field:#0F1828;
  --accent:#3D8BFF;--accent-ink:#9DC1FF;--accent-soft:#17305A;--accent-mid:#2C5FA8;--sky:#33BBFF;--sky-soft:#152A44;
  --good:#75E0A7;--good-bg:#14301F;--sev2:#FEC84B;--sev2-bg:#332614;--sev3:#FDA29B;--sev3-bg:#3A1A18;--sev1:#B7C1D0;--sev1-bg:#1B2537;
}
:root:not([data-theme="light"]) #vh-root .vh-hero{box-shadow:0 28px 56px -32px rgba(0,0,0,.85)}
:root:not([data-theme="light"]) #vh-root .vb-li.on .vb-st{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.42);color:#fff;box-shadow:0 14px 28px -14px rgba(0,0,0,.7)}
:root:not([data-theme="light"]) #vh-root .vb-li.on .vb-name,:root:not([data-theme="light"]) #vh-root .vb-li.on .vg-big b{color:#fff}
:root:not([data-theme="light"]) #vh-root .vb-li.on .vg-big span,:root:not([data-theme="light"]) #vh-root .vb-li.on .vb-cn,:root:not([data-theme="light"]) #vh-root .vb-li.on .vb-cn .vb-wait{color:rgba(255,255,255,.9)}
:root:not([data-theme="light"]) #vh-root .vb-li.on .vb-cn .w{color:#FDD47A}
:root:not([data-theme="light"]) #vh-root .vb-li.on .vb-cn .g{color:#A6F4C5}
:root:not([data-theme="light"]) #vh-root .vb-li.on .vb-m{background:rgba(255,255,255,.18)}
:root:not([data-theme="light"]) #vh-root .vb-li.on .vb-node{background:rgba(255,255,255,.2);color:#fff}
:root:not([data-theme="light"]) #vh-root .tabs.vh-tabs .tab.on{background-color:#1847B8;background-image:linear-gradient(135deg,#1A3E8C 0%,#2A5BD7 100%)}
:root:not([data-theme="light"]) #vh-root .updrop{border-color:rgba(132,173,255,.55);background:radial-gradient(rgba(61,139,255,.16) 1px,rgba(0,0,0,0) 1.4px) 0 0/14px 14px,#101B30}
:root:not([data-theme="light"]) #vh-root table.vff tr.final>td{border-top-color:#5B6B85;border-bottom-color:#5B6B85}
:root:not([data-theme="light"]) #vh-root .vm-run:not(.w9-box){--ta:rgba(97,114,243,.18);--tc:#A4BCFD}
:root:not([data-theme="light"]) #vh-root .vm-run.w9-box{--ta:rgba(212,68,241,.16);--tc:#EEAAFD}
:root:not([data-theme="light"]) #vh-root>.vx-lb{--ta:rgba(6,174,212,.16);--tc:#67E3F9}
:root:not([data-theme="light"]) #vh-root .tabs:not(.vh-tabs) .tab.on{box-shadow:0 1px 3px rgba(0,0,0,.5)}
}