/* v-176 급여계산 및 근태내역 검토 — 강조 단추(보라) · 근태 쪽 · 급여 쪽 경고 카드 · 이름 옆 표시 */
.prv-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 4px}
.btn.prv-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}
.btn.prv-go:hover{filter:brightness(1.08);color:#fff}
.btn.prv-go:focus-visible{outline:3px solid var(--accent-soft,#E6F0FF);outline-offset:2px}
.btn.prv-go:disabled{opacity:.6;cursor:progress}
.prv-info{color:var(--muted,#5A6776)}
.prv-info a{color:var(--accent-ink,#0353BF)}
.prv-stale{color:var(--sev2,#B54708)}
.prv-card .l{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.prv-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.prv-it{background:var(--surface,#fff);border:1px solid var(--line,#E3EEF7);border-radius:10px;padding:7px 10px}
.prv-it.prv-high{background:var(--sev3-bg,#FEE4E2);border-color:transparent}
.prv-it.prv-mid{background:var(--sev2-bg,#FEF0C7);border-color:transparent}
.prv-it.prv-done{background:var(--surface,#fff);border-color:var(--line,#E3EEF7);opacity:.62}
.prv-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.prv-who{font-weight:800}
.prv-t{font-weight:600}
.prv-src{font-size:11px;color:var(--faint,#8F9EB1);border:1px solid var(--line,#E3EEF7);border-radius:999px;padding:0 6px}
.prv-ack{color:var(--muted,#5A6776)}
.prv-msg{margin-top:2px;color:var(--ink2,#4A5666)}
.prv-nu{color:var(--muted,#5A6776)}
.prv-note{margin:8px 0 0;color:var(--muted,#5A6776)}
.prv-more{margin-top:8px}
.prv-more>summary{cursor:pointer;color:var(--muted,#5A6776);font-weight:600}
.prv-dot{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;padding:0 7px;border-radius:999px;text-decoration:none;vertical-align:1px;line-height:18px}
.prv-dot.prv-high{background:var(--sev3-bg,#FEE4E2);color:var(--sev3,#D92D20)}
.prv-dot.prv-mid{background:var(--sev2-bg,#FEF0C7);color:var(--sev2,#B54708)}
.prv-flash{outline:2px solid var(--purple,#805DFF);outline-offset:2px}
.prv-wait{display:flex;gap:14px;align-items:flex-start;padding:6px 2px}
.prv-spin{width:28px;height:28px;border-radius:50%;border:3px solid var(--line,#E3EEF7);border-top-color:var(--purple,#805DFF);animation:prvspin 1s linear infinite;flex:none}
@keyframes prvspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.prv-spin{animation:none}}
@media print{.prv-bar,.prv-card,.prv-dot{display:none!important}}