/* Tab Phiếu lương NHÂN VIÊN — cổng mật khẩu + xem theo kỳ (CHAMCONG.TONGHOPNV phần B · SPEC-TONG-HOP-NV-0910 mục 10). LA viết 09/10/2026.
   Tiền tố pnv- · thang 4·8·12·16·24 · màu khối = màu tab Phiếu lương (#12855a/#0b6845) · pill kỳ dùng đúng lớp .chip của thanh tab. */
.pnv{width:100%;max-width:560px;margin:0 auto}
.pnv .pl-khung{width:100%;max-width:100%;margin:0}

.pnv-khoa{display:grid;gap:8px;margin:0 0 12px}
.pnv-khoa-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#12855a,#0b6845);box-shadow:0 8px 18px -8px #12855a}
.pnv-khoa-icon .ic{width:22px;height:22px}
.pnv-khoa h2{margin:4px 0 0;font-size:18px;font-weight:800}
.pnv-phu{margin:0;color:var(--muc2);font-size:13px}
.pnv-nhan{margin-top:8px;font-weight:700;font-size:13.5px}
.pnv-khoa input{width:100%;padding:11px 13px;border:1.5px solid var(--vien-dam);border-radius:13px;background:#fff;font:inherit;font-size:15px;color:var(--muc);outline:0}
.pnv-khoa input:focus{border-color:#12855a;box-shadow:0 0 0 4px rgba(18,133,90,.14)}
.pnv-khoa input:disabled{background:#f1f5f6;color:var(--muc2)}
.pnv-loi{padding:8px 12px;background:var(--do-nhat);color:#a02222;border-radius:12px;font-size:13.5px;font-weight:600}
.pnv-khoa .nut-chinh{margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px}

.pnv-mo{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 8px 8px 12px;background:var(--xanh-nhat);border-radius:12px;color:#116b41;font-size:13px}
.pnv-cham{width:8px;height:8px;flex:none;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.18)}
.pnv-khoa-lai{margin-left:auto;min-height:36px;padding:6px 12px;font-size:12.5px}

/* khay pill: đệm cho cú nhấc -2px + bóng không bị cắt (chuẩn PILL) */
.pnv-chips{display:flex;flex-wrap:wrap;gap:5px;padding:6px 2px 8px;margin:-6px -2px 0}
.pnv-ky-phu{display:flex;margin:4px 0 12px}
.pnv-quy{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pnv-quy .pnv-chips{margin:-6px -2px -8px}
.pnv-quy .chip{padding:6px 12px}
.pnv-tu-den{display:flex;align-items:center;gap:8px;width:100%}
.pnv-tu-den select{flex:1;min-width:0;height:40px;padding:0 12px;border:1.5px solid var(--vien-dam);border-radius:12px;background:#fff;font-family:inherit;font-size:13px;font-weight:650;color:var(--muc)}
.pnv-thang b{min-width:112px}

.pnv-tong{border-left:3px solid #12855a}
.pnv-tong-dau{display:flex;align-items:center;gap:8px;color:#0b6845;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.pnv-tong-dau .ic{width:12px;height:12px;padding:5px;box-sizing:content-box;border-radius:50%;color:#fff;background:linear-gradient(145deg,#12855a,#0b6845);flex:none}
.pnv-tong-so{margin:8px 0 12px;font-size:28px;font-weight:800;color:#0b6845;font-variant-numeric:tabular-nums;overflow-wrap:normal;word-break:keep-all}
.pnv-tong-luoi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px;border-top:1px solid var(--vien)}
.pnv-tong-luoi>span{min-width:0;font-size:11px;color:var(--muc2)}
.pnv-tong-luoi b{display:block;margin-top:2px;font-size:13px;color:var(--muc);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}

.pnv-ds{display:grid;gap:8px}
.pnv-dong{display:grid;grid-template-columns:minmax(0,1fr) auto 12px;align-items:center;gap:12px;width:100%;padding:12px 12px 12px 16px;
  background:#fff;border:1px solid var(--vien);border-radius:12px;box-shadow:var(--b1);font:inherit;color:var(--muc);text-align:left;cursor:pointer}
.pnv-dong:active{background:var(--t50)}
@media(hover:hover){.pnv-dong:hover{border-color:#bfe3d2}}
.pnv-dong-trai{display:grid;gap:4px;justify-items:start;min-width:0}
.pnv-dong-trai b{font-size:14px}
.pnv-dong-phai{display:grid;gap:2px;justify-items:end}
.pnv-dong-phai strong{font-size:15px;font-weight:800;color:#0b6845;font-variant-numeric:tabular-nums;white-space:nowrap}
.pnv-nguon{font-size:11px;color:var(--muc2);white-space:nowrap}
.pnv-mui{font-size:20px;font-weight:700;line-height:1;color:var(--muc2)}
.pnv-chu-thich{margin:12px 0 0;font-size:11.5px;color:var(--muc2)}
.pnv-quay-lai{margin-bottom:12px;min-height:40px}
.pnv-tai{padding:32px 16px;text-align:center;color:var(--muc2);font-weight:600}
.chip-nguon.cho-xn{background:var(--cam-nhat);color:#7a4e05}