/* v-186 급여도우미 — 맨 위 「자료 전달 · 급여 특징」 카드 · 급여 준비 결과 · 여러 자료 붙여넣기 · 창 바깥을 눌러도 닫지 않음 */
.pp-card{margin-bottom:14px}
.pp-card .l .pill{margin-left:4px}
.pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px 18px;margin-top:10px}
.pp-cell{min-width:0}
.pp-k{font-size:11.5px;color:var(--faint,#8F9EB1);font-weight:700;margin-bottom:3px}
.pp-v{display:flex;flex-wrap:wrap;gap:4px;font-size:13px;line-height:1.55;min-width:0;overflow-wrap:anywhere}
.pp-c{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;background:var(--surface-2,#F2F6FA);font-size:12.5px;font-weight:600}
.pp-c.pp-e{background:transparent;border:1px dashed var(--line-2,#C9D6E3);color:var(--muted,#5A6776);font-weight:500}
.pp-c i{font-style:normal;font-size:10.5px;color:var(--faint,#8F9EB1)}
.pp-none{color:var(--faint,#8F9EB1);font-size:12.5px}
.pp-txt{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}
.pp-txt div{background:var(--surface-2,#F2F6FA);border-radius:8px;padding:7px 10px;font-size:12.8px;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}
.pp-txt b{display:block;font-size:11.5px;color:var(--faint,#8F9EB1);margin-bottom:2px}
.pp-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft,#EEF3F8)}
.pp-bar .ismall{flex:1;min-width:200px}
.pp-go{background:var(--purple,#805DFF);color:#fff;font-weight:800;border:0;box-shadow:0 2px 12px rgba(128,93,255,.38);letter-spacing:-.01em}
.pp-go[disabled]{opacity:.6;box-shadow:none}
.pp-prep{margin-top:12px;border-top:1px solid var(--line-soft,#EEF3F8);padding-top:10px}
.pp-ph{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pp-sum{margin:8px 0 0;font-size:13.5px;line-height:1.6}
.pp-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px;margin-top:10px}
@media (max-width:900px){.pp-cols{grid-template-columns:minmax(0,1fr)}}
.pp-h{font-weight:800;font-size:13px;margin:4px 0 6px}
.pp-tr{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px;font-size:13px}
.pp-tr li .ismall{display:block;margin-top:1px}
.pp-ask{margin:0 0 8px;padding-left:20px;font-size:13px;line-height:1.65}
.pp-msg{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;background:var(--surface-2,#F2F6FA);border-radius:10px;padding:10px 12px;margin-top:6px}
.pp-msg pre{flex:1;min-width:220px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;line-height:1.65}
.pp-gap{margin-top:8px}
.pp-err{margin-top:10px;color:var(--sev3,#D92D20);font-size:12.8px}
.pp-srcs{display:inline-flex;gap:4px;flex-wrap:wrap;margin-left:4px}
/* 여러 자료 붙여넣기 */
.am-drop{border:2px dashed var(--line-2,#C9D6E3);border-radius:14px;padding:18px 14px;text-align:center;outline:0}
.am-drop.on,.am-drop:focus{border-color:var(--accent,#1F6FEB);background:var(--surface-2,#F2F6FA)}
.am-drop b{display:block;font-size:14px;margin-bottom:4px}
.am-btns{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}
.am-btns label{cursor:pointer;display:inline-flex;align-items:center}
.am-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:52vh;overflow:auto}
.am-it{display:flex;gap:10px;border:1px solid var(--line,#E3EEF7);border-radius:12px;padding:8px 10px;background:var(--surface,#fff)}
.am-n{flex:none;width:22px;height:22px;border-radius:999px;background:var(--surface-2,#F2F6FA);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.am-b{flex:1;min-width:0}
.am-h{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.am-h .ismall{min-width:0;overflow-wrap:anywhere}
.am-k{font-size:11.5px;font-weight:800;padding:1px 8px;border-radius:999px;background:var(--surface-2,#F2F6FA)}
.am-img{display:block;max-width:100%;max-height:180px;margin-top:6px;border-radius:8px;border:1px solid var(--line,#E3EEF7)}
.am-t{width:100%;margin-top:6px;font-size:13px;line-height:1.6;padding:8px 10px;border:1px solid var(--line-2,#C9D6E3);border-radius:8px;background:var(--surface);color:inherit;resize:vertical;box-sizing:border-box}
.am-bad{color:var(--sev3,#D92D20);font-size:12.5px;margin-top:4px}
.am-foot{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}
.am-foot .ismall{flex:1;min-width:160px}
/* 창 바깥을 눌렀을 때 — 닫지 않고 살짝 흔들어 닫기 단추를 알려 줌 */
.hpm-box.hpm-nudge{animation:hpmNudge .32s ease}
@keyframes hpmNudge{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@media (prefers-reduced-motion:reduce){.hpm-box.hpm-nudge{animation:none;box-shadow:0 0 0 3px var(--accent,#1F6FEB)}}
/* 자료 전달 특징 고치기 창 */
.ppe-g{border:1px solid var(--line,#E3EEF7);border-radius:12px;padding:10px 12px;margin-top:10px}
.ppe-g h4{margin:0 0 8px;font-size:13px}
.ppe-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.ppe-row label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted,#5A6776);min-width:0}
.ppe-row select,.ppe-row input,.ppe-g textarea{font:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--line-2,#C9D6E3);border-radius:8px;background:var(--surface);color:inherit;min-width:0;box-sizing:border-box}
.ppe-g textarea{width:100%;min-height:64px}
.ppi-st{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:10px 0}
.ppi-st div{background:var(--surface-2,#F2F6FA);border-radius:8px;padding:6px 9px;font-size:12.5px}
.ppi-st b{display:block;font-size:15px}
/* v-187 급여도우미 이번 달 점검 · 급여 약정 · 근태 판 · 일용 요건 */
.cy-card{margin-top:14px}
.cy-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cy-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.cy-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:2px 10px;border:1px solid var(--line-2);border-radius:999px;color:var(--ink);text-decoration:none;background:transparent}
.cy-chip b{font-variant-numeric:tabular-nums;color:var(--accent-ink,var(--accent))}
.cy-chip.z{color:var(--faint)}
.cy-chip.z b{color:var(--faint)}
.cy-chip.w{border-color:var(--sev2);color:var(--sev2)}
.cy-sec{border-top:1px solid var(--line-soft,var(--line-2));margin-top:10px;padding-top:8px}
.cy-h{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:2px}
.cy-n{font-size:11.5px;font-weight:700;color:var(--accent-ink,var(--accent));border:1px solid var(--line-2);border-radius:999px;padding:0 7px}
.cy-it{display:grid;grid-template-columns:minmax(90px,150px) 1fr auto;gap:10px;align-items:start;padding:6px 0;border-top:1px dashed var(--line-soft,var(--line-2))}
.cy-sec .cy-it:first-of-type{border-top:0}
.cy-who{font-weight:700;font-size:12.8px;word-break:keep-all}
.cy-what{font-size:12.8px;line-height:1.5}
.cy-what .ismall{display:block}
.cy-act{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.cy-more{display:inline-block;margin-top:4px}
.cy-red{color:var(--sev3)}
.cy-tbl td,.cy-tbl th{vertical-align:top}
.cy-tbl .mini{margin:0 0 4px 4px}
.cy-late td{background:var(--warn-bg,rgba(251,240,222,.35))}
.cy-itc{margin-right:4px}
.dyw{font-size:11.5px;color:var(--sev2);margin-top:2px;line-height:1.4;white-space:normal;max-width:260px}
.av-strip{margin-top:8px;font-size:12.5px}
.av-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.av-v{border:1px solid var(--line-2);border-radius:8px;padding:2px 8px;background:var(--surface-2)}
.av-v.cur{border-color:var(--accent);font-weight:700}
.av-warn{border:1px solid var(--sev3);color:var(--sev3);border-radius:10px;padding:8px 10px;margin-bottom:6px;line-height:1.5}
.ecp-row{display:grid;grid-template-columns:96px 1fr auto;gap:8px;align-items:center;padding:4px 0;border-top:1px dashed var(--line-soft,var(--line-2))}
.ecp .ecp-row:first-of-type{border-top:0}
.ecp-lb{font-size:12.5px;font-weight:700}
.ecp-v{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.ecp-v input{font-size:12.5px;padding:3px 6px;border:1px solid var(--line-2);border-radius:8px}
.ecp-s select{font-size:12px;padding:2px 6px;border:1px solid var(--line-2);border-radius:8px}
.cya .cya-o{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:8px}
.cyc h4{margin:12px 0 4px;font-size:13px}
.cyc .cyc-f{display:grid;grid-template-columns:200px 130px 1fr;gap:8px;align-items:center;margin:3px 0}
.cyc .cyc-f input{width:120px}
@media (max-width:760px){
  .cy-it{grid-template-columns:1fr}
  .cy-act{justify-content:flex-start}
  .ecp-row{grid-template-columns:1fr}
  .cyc .cyc-f{grid-template-columns:1fr}
}
.cv-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}
.cv-sum th{width:150px;white-space:nowrap;vertical-align:top}
.cv-sum td{line-height:1.8}
.cv-w{color:var(--sev3)}
.cv-strip{display:inline-flex;gap:2px;flex-wrap:wrap}
.cv-m{display:inline-block;width:11px;height:14px;border-radius:2px;background:var(--line-2);vertical-align:middle}
.cv-m.cv-o{background:var(--good)}
.cv-m.cv-d{background:var(--accent)}
.cv-m.cv-e{background:var(--accent);opacity:.55}
.cv-m.cv-x{background:var(--sev2)}
.cv-m.cv-w{background:var(--sky,var(--slate))}
.cv-m.cv-i{background:var(--sev3)}
.cv-m.cv-n{background:var(--line-2)}
.cv-leg{font-size:12px;line-height:2}
.cv-leg .cv-m{margin:0 3px 0 0}
.cv-w1{padding:6px 0;border-bottom:1px dashed var(--line-2)}
.cv-tbl td{vertical-align:top}
.pyg-btns{display:inline-flex;gap:6px;flex-wrap:wrap;margin:4px 0 0 8px;vertical-align:middle}
.pyg-tabs{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 10px}
.pyg-body{line-height:1.6}
.pyg-ol{margin:0;padding-left:22px}
.pyg-ol>li{margin:0 0 8px}
.pyg summary{cursor:pointer}
.pyg summary b{font-size:14px}
.pyg summary .ismall{display:block;font-weight:400;margin:2px 0 0}
.pyg ul{margin:6px 0 4px;padding-left:18px;font-size:13px;line-height:1.75}
.pyg ul li{margin:2px 0}
.pyg-c{border:1px solid var(--line-2);border-radius:10px;padding:8px 12px;margin:0 0 8px}
.pyg dl{margin:8px 0 2px;display:grid;grid-template-columns:120px 1fr;gap:6px 12px;font-size:13px;line-height:1.65}
.pyg dt{font-weight:700}
.pyg dd{margin:0}
@media (max-width:600px){.pyg dl{grid-template-columns:1fr;gap:2px}.pyg dd{margin-bottom:6px}}
.head:has(.pyg-btns)>h1{flex:none;white-space:nowrap}
/* ══ v-194 (2026-11-07) 급여 작성 「이번 달 한눈에」 — 진행 추이 · 담당별 진행 · Claude 작업 ══
   · #py194 안에서만. 색은 고른 디자인(옷)의 변수에서 섞어 만듦(v-193 과 같은 방식) — 어느 옷 · 어두운 화면에서도 글자 대비 4.5:1 이상
   · 막대 넷(확정 --good · 작성 중 --accent · 고객 자료 도착 --sky · 미작성 회색) · Claude 는 보라 하나 */
.p194{--p-ink:var(--ink);--p-ink2:color-mix(in srgb,var(--ink) 82%,var(--surface));--p-ink3:color-mix(in srgb,var(--ink) 68%,var(--surface));
  --p-rule:color-mix(in srgb,var(--ink) 10%,var(--surface));--p-fill:color-mix(in srgb,var(--ink) 3.5%,var(--surface));--p-fill2:color-mix(in srgb,var(--ink) 7%,var(--surface));
  --p-acc:var(--accent);--p-acc-t:color-mix(in srgb,var(--accent) 10%,var(--surface));--p-acc-ink:color-mix(in srgb,var(--accent) 80%,var(--ink));--p-pill:color-mix(in srgb,var(--accent) 76%,#000);
  --p-ok:var(--good);--p-ok-ink:color-mix(in srgb,var(--good) 66%,var(--ink));--p-ok-t:color-mix(in srgb,var(--good) 11%,var(--surface));
  --p-warn-ink:color-mix(in srgb,var(--sev2) 80%,var(--ink));--p-warn-t:color-mix(in srgb,var(--sev2) 11%,var(--surface));
  --p-bad:var(--sev3);--p-bad-ink:color-mix(in srgb,var(--sev3) 80%,var(--ink));--p-bad-t:color-mix(in srgb,var(--sev3) 9%,var(--surface));
  --p-ai:#7839EE;--p-ai-ink:color-mix(in srgb,#7839EE 60%,var(--ink));--p-ai-t:color-mix(in srgb,#7839EE 8%,var(--surface));
  --p-sky:var(--sky);--p-none:color-mix(in srgb,var(--ink) 22%,var(--surface));--p-last:color-mix(in srgb,var(--ink) 48%,var(--surface));
  margin:0 0 14px;color:var(--p-ink);font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.p194 :focus-visible{outline:2px solid var(--p-acc);outline-offset:2px;border-radius:8px}
.p194-hd{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;margin:0 0 10px}
.p194-hd h2{margin:0;font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--p-ink)}
.p194-sum{margin-left:6px;font-size:12.5px;font-weight:600;color:var(--p-ink3);letter-spacing:-.005em}
.p194-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}
@media (max-width:1180px){.p194-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.p194-trend{grid-column:1/-1}}
@media (max-width:760px){.p194-grid{grid-template-columns:minmax(0,1fr)}}
.p194-card{min-width:0;display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--p-rule);
  box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 6%,transparent),0 14px 30px -26px color-mix(in srgb,var(--ink) 45%,transparent)}
.p194-ch{display:flex;align-items:center;gap:10px;min-width:0}
.p194-ic{flex:none;width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 62%,#fff),color-mix(in srgb,var(--accent) 88%,#000));box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.p194-ic.tl{background:linear-gradient(135deg,#2ED3B7,#0E9384)}
.p194-orb{flex:none;position:relative;width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 32% 28%,#FFFFFF 0%,#D9D6FE 18%,#9B8AFB 42%,#6938EF 72%,#3E1C96 100%);box-shadow:0 6px 14px -6px rgba(105,56,239,.8),inset 0 -3px 6px rgba(62,28,150,.45)}
.p194-ct{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.p194-ct b{font-size:14px;font-weight:800;letter-spacing:-.015em;color:var(--p-ink)}
.p194-ct>span{font-size:12px;color:var(--p-ink3);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.p194-lg{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11.5px;font-weight:600;color:var(--p-ink3)}
.p194-lg span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.p194-lg i{display:inline-block;width:14px;height:0;border-top:2.5px solid var(--p-acc)}
.p194-lg i.l-last{border-top:2px dotted var(--p-last)}
.p194-lg i.l-proj{border-top:2px dashed var(--p-acc)}
.p194-svg{display:block;width:100%;height:auto}
.p194-svg text{font-family:var(--sans);font-size:11px;fill:var(--p-ink3)}
.p194-svg .g{stroke:var(--p-rule);stroke-width:1}
.p194-svg .tg{stroke:var(--p-ok);stroke-width:1.4;stroke-dasharray:4 4}
.p194-svg .tgt{fill:var(--p-ok-ink);font-weight:700}
.p194-svg .dz{fill:var(--p-bad-t)}
.p194-svg .ls{fill:none;stroke:var(--p-last);stroke-width:1.7;stroke-dasharray:2 4;stroke-linecap:round;stroke-linejoin:round}
.p194-svg .ar{fill:url(#p194g)}
.p194-g0{stop-color:var(--accent);stop-opacity:.28}
.p194-g1{stop-color:var(--accent);stop-opacity:0}
.p194-svg .nw{fill:none;stroke:var(--p-acc);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.p194-svg .pj{fill:none;stroke:var(--p-acc);stroke-width:2;stroke-dasharray:5 5;stroke-linecap:round;opacity:.8}
.p194-svg .pdot{fill:var(--surface);stroke:var(--p-acc);stroke-width:1.8}
.p194-svg .td{stroke:var(--p-acc);stroke-opacity:.3;stroke-dasharray:3 3}
.p194-svg .ldot{fill:var(--surface);stroke:var(--p-last);stroke-width:1.6}
.p194-svg .lt{font-weight:600}
.p194-svg .halo{fill:var(--p-acc);fill-opacity:.16}
.p194-svg .dot{fill:var(--surface);stroke:var(--p-acc);stroke-width:2.4}
.p194-svg .pill{fill:var(--p-pill)}
.p194-svg .pillt{fill:#fff;font-weight:700}
.p194-svg .xl.on{fill:var(--p-acc-ink);font-weight:700}
.p194-svg .xl.dd{fill:var(--p-bad-ink);font-weight:700}
.p194-svg .xs{font-size:10.5px}
.p194-ins{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:8px}
.p194-in{display:flex;flex-direction:column;gap:1px;padding:9px 11px;border-radius:12px;background:var(--p-fill);font-size:12px}
.p194-in .k{font-weight:700;color:var(--p-ink3)}
.p194-in b{font-size:14px;font-weight:800;letter-spacing:-.01em;color:var(--p-ink)}
.p194-in b span{font-size:12px;font-weight:600;color:var(--p-ink3)}
.p194-in.warn{background:var(--p-warn-t)}.p194-in.warn .k{color:var(--p-warn-ink)}
.p194-in.bad{background:var(--p-bad-t)}.p194-in.bad .k{color:var(--p-bad-ink)}
.p194-in.ok{background:var(--p-ok-t)}.p194-in.ok .k{color:var(--p-ok-ink)}
.p194-ol{display:flex;flex-direction:column;gap:2px;max-height:300px;overflow:auto;margin:0 -6px;padding:0 6px}
.p194-own{display:grid;grid-template-columns:28px minmax(0,1fr) 42px;align-items:center;gap:10px;width:100%;padding:6px 8px;border:1px solid transparent;border-radius:12px;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.p194-own:hover{background:var(--p-fill)}
.p194-own.on{background:var(--p-acc-t);border-color:color-mix(in srgb,var(--accent) 38%,var(--surface))}
.p194-av{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:10.5px;font-weight:800;letter-spacing:-.04em;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.p194-oc{min-width:0;display:flex;flex-direction:column;gap:5px}
.p194-on{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-width:0}
.p194-on b{font-size:13px;font-weight:700;color:var(--p-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p194-on b em{font-style:normal;font-size:11px;font-weight:700;color:var(--p-acc-ink);background:var(--p-acc-t);border-radius:6px;padding:0 5px;margin-left:2px}
.p194-on>span{flex:none;font-size:11.5px;color:var(--p-ink3)}
.p194-seg{display:flex;gap:1px;height:7px;border-radius:999px;overflow:hidden;background:var(--p-fill2)}
.p194-seg i,.p194-lg2 i{display:block}
.p194-seg .s-ok,.p194-lg2 .s-ok{background:var(--p-ok)}
.p194-seg .s-draft,.p194-lg2 .s-draft{background:var(--p-acc)}
.p194-seg .s-sub,.p194-lg2 .s-sub{background:var(--p-sky)}
.p194-seg .s-none,.p194-lg2 .s-none{background:var(--p-none)}
.p194-pct{font-size:13px;font-weight:800;text-align:right;color:var(--p-ink)}
.p194-lg2{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:auto;font-size:11.5px;font-weight:600;color:var(--p-ink3)}
.p194-lg2 span{display:inline-flex;align-items:center;gap:5px}
.p194-lg2 i{width:8px;height:8px;border-radius:3px}
.p194-ai{background:linear-gradient(180deg,var(--p-ai-t) 0%,var(--surface) 64%)}
.p194-chip{flex:none;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--p-ai) 22%,var(--surface));font-size:11.5px;font-weight:700;color:var(--p-ai-ink);white-space:nowrap}
.p194-jobs{display:flex;flex-direction:column;gap:6px;min-width:0}
.p194-job{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:8px 10px;border-radius:12px;background:var(--surface);border:1px solid var(--p-rule);color:inherit;text-decoration:none}
.p194-job:hover{border-color:color-mix(in srgb,var(--p-ai) 40%,var(--surface));text-decoration:none}
.p194-job.run{grid-template-columns:minmax(0,1fr);border-color:color-mix(in srgb,var(--p-ai) 32%,var(--surface));box-shadow:0 6px 14px -12px rgba(89,37,220,.6)}
.p194-jt{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.p194-job:not(.run) .p194-jt{flex-direction:column;align-items:flex-start;gap:0}
.p194-jt b{font-size:13px;font-weight:700;color:var(--p-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.p194-jt>span{font-size:11.5px;font-weight:600;color:var(--p-ai-ink);white-space:nowrap}
.p194-job:not(.run) .p194-jt>span{color:var(--p-ink3)}
.p194-bar{display:block;height:6px;border-radius:999px;background:color-mix(in srgb,var(--p-ai) 14%,var(--surface));overflow:hidden}
.p194-bar i{display:block;height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,#A48AFB,#7839EE);animation:p194run 1.4s ease-in-out infinite}
@keyframes p194run{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
.p194-jm{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--p-ai-ink)}
.p194-spin{flex:none;width:11px;height:11px;box-sizing:border-box;border-radius:999px;border:2px solid color-mix(in srgb,var(--p-ai) 25%,var(--surface));border-top-color:var(--p-ai);animation:p194spin .9s linear infinite}
@keyframes p194spin{to{transform:rotate(360deg)}}
.p194-st{flex:none;width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#47CD89,#079455)}
.p194-st.bad{background:linear-gradient(135deg,#F97066,#D92D20)}
.p194-sl{font-size:11.5px;font-weight:700;color:var(--p-ok-ink);white-space:nowrap}
.p194-sl.bad{color:var(--p-bad-ink)}
.p194-empty{padding:12px;border-radius:12px;background:var(--p-fill);font-size:12.5px;color:var(--p-ink3)}
.p194-foot{display:flex;align-items:flex-start;gap:6px;margin-top:auto;font-size:11.5px;color:var(--p-ink3)}
.p194-foot svg{flex:none;margin-top:2px}
@media (max-width:760px){.p194-trend .p194-ch{flex-wrap:wrap}.p194-trend .p194-lg{flex-basis:100%;padding-left:40px}.p194-svg text{font-size:14px}.p194-svg .xs{font-size:13px}}
@media (prefers-reduced-motion:reduce){.p194-bar i,.p194-spin{animation:none}.p194-bar i{width:100%;opacity:.55}}
.vu-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}
.vu-c{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center;border:1px solid var(--line-2);border-radius:10px;padding:3px 8px;margin:2px 6px 2px 0;font-size:12.5px}
.vu-c.s{border-color:var(--accent)}
.vu-c .mut{font-size:11.5px}
.vu-man{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px;font-size:12.5px}
.vu-subs{margin-top:6px;border-top:1px dashed var(--line-2);padding-top:4px}
.vu-sub{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:3px 0;border-bottom:1px dashed var(--line-soft,var(--line-2))}
.vu-sp{font-size:12px;font-weight:600;min-width:180px}
.vu-log{margin-left:18px;font-size:12.5px;line-height:1.9}
.df-top{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:6px;font-size:12.5px}
.df-c{border:1px solid var(--line-2);border-radius:999px;padding:1px 9px}