/* 業績統計表(鼎家) */
.pf-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pf-matrix{border-collapse:collapse;font-size:12px;width:100%}
.pf-matrix th{background:var(--grey1);color:var(--text2);font-weight:700;padding:6px 7px;border-bottom:1px solid var(--border);white-space:nowrap;text-align:right}
.pf-matrix th.qtog{cursor:pointer;user-select:none}
.pf-matrix th.qtog:hover{background:#dfe7f0;color:var(--blue)}
.pf-matrix th.qtog .ti{font-size:11px;margin-right:1px;vertical-align:-1px}
.pf-matrix td.qtog{cursor:pointer}
.pf-matrix td.pf-autov{color:#325B8E}
.pf-matrix th.nm,.pf-matrix td.nm{text-align:left;position:sticky;left:0;background:#fff;z-index:2;font-weight:700;min-width:86px;box-shadow:2px 0 4px rgba(6,35,69,.06)}
.pf-matrix th.nm{background:var(--grey1)}
.pf-matrix td{padding:5px 7px;border-bottom:1px solid #edf0f2;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:default}
.pf-matrix td.pf-m{cursor:pointer}
.pf-matrix td.pf-m:hover{background:#eef4fa;outline:1px solid var(--blue3)}
.pf-matrix .qsub{background:#f0f4f8;font-weight:700}
.pf-matrix .yr{background:#e8eef5;font-weight:900;color:var(--blue)}
.pf-matrix .bn{background:#fbfaf5}
.pf-matrix td.bn{cursor:pointer}
.pf-matrix td.bn:hover{background:#f4f0e2;outline:1px solid #d9cf9e}
.pf-matrix tr.total td{background:var(--grey1);font-weight:900;color:var(--blue);border-top:2px solid var(--border)}
.pf-matrix tr.total td.nm{background:var(--grey1)}
.pf-deal{display:block;font-size:10.5px;color:var(--grey4);font-weight:400}
.pf-zero{color:#c3ccd6}
.pf-man{position:relative}
.pf-man::after{content:'';position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:#d97706}
.pf-auto-hint{color:var(--grey4);font-style:italic}
.pf-editing{background:#fff!important;outline:2px solid var(--blue3)!important}
.pf-editing input{width:84px;font-size:12.5px;padding:3px 5px;border:1px solid var(--grey3);border-radius:6px;text-align:right;display:block;margin:2px 0}
.pf-edit-ops{display:flex;gap:4px;justify-content:flex-end;margin-top:3px}
.pf-edit-ops button{border:none;border-radius:6px;padding:2px 8px;font-size:11.5px;cursor:pointer;background:var(--blue);color:#fff}
.pf-edit-ops button.x{background:#e8eef5;color:var(--text2)}
.pf-years{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.pf-years button{border:1px solid var(--grey3);background:#fff;border-radius:9px;padding:6px 14px;font-size:13px;font-weight:700;color:var(--text2);cursor:pointer}
.pf-years button.on{background:var(--blue);border-color:var(--blue);color:#fff}
.pf-legend{font-size:11.5px;color:var(--text2);background:var(--grey1);border-radius:9px;padding:8px 12px;margin-top:10px;line-height:1.7}
.pf-note{font-size:11.5px;color:#b45309;margin-top:8px}
.pf-bar{height:9px;border-radius:6px;background:var(--grey2);overflow:hidden;min-width:120px}
.pf-bar i{display:block;height:100%;border-radius:6px;background:var(--blue3)}
.pf-bar i.hit{background:var(--green-mid,#5E8472)}
.pf-rank{display:inline-flex;width:22px;height:22px;border-radius:50%;background:var(--grey2);color:var(--text2);font-weight:900;font-size:11.5px;align-items:center;justify-content:center}
.pf-rank.r1{background:var(--blue);color:#fff}
.pf-rank.r2{background:var(--blue3);color:#fff}
.pf-rank.r3{background:#9EBEAE;color:#fff}
.pf-edit-txt{cursor:pointer}
.pf-edit-txt:hover{background:#eef4fa}
@media (max-width:700px){
  .pf-matrix{font-size:11.5px}
  .pf-matrix th,.pf-matrix td{padding:4px 6px}
}
@media print{ .no-print{display:none!important} }
.pf-drop{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:2px dashed var(--blue3);border-radius:10px;background:#f4f8fb;color:var(--blue2);font-size:12.5px;font-weight:700;cursor:pointer;transition:all .15s}
.pf-drop:hover{border-color:var(--blue);background:#eaf2f9}
.pf-drop.over{border-color:var(--green-mid);background:#eef6f1;color:var(--green-deep)}

/* 總銷金額與獎金簽領表連動(1012) */
.pf-sync{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#e8eef5;border:1px solid var(--blue3);border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:12.5px;color:var(--blue)}
.pf-sync.warn{background:#fdf6e7;border-color:#e0c884;color:#8a6d1f}
.pf-sync .ti{font-size:16px}
.pf-sync b{font-size:14px}
.pf-src{font-size:10.5px;background:#e8eef5;color:var(--blue2);border-radius:5px;padding:1px 5px;margin-left:5px;font-weight:700;white-space:nowrap}

/* 職等顏色與離職標記(1025,小白選 D 版:名字一行、職等另起一行,名字格整格淡色底,表格下方有顏色說明)。
   🔴 class 不可叫 .pf-rank——上面「升遷累積」的圓形名次徽章已經用了(22×22 固定寬),撞名會把職等字截掉、
   也會污染名次徽章。色系照 CIS 藍階由深到淺＝職等由高到低,業務主任用綠階區隔。 */
.pf-tier{display:block;font-size:12px;font-weight:700;margin-top:2px;white-space:nowrap;line-height:1.3}
.pf-matrix td.nm.pf-t{line-height:1.25}
.pf-t-d1{background:#e6ebf1} .pf-t-d1 .pf-tier,.pf-tl.pf-t-d1 b{color:#062345}
.pf-t-d2{background:#e6eef4} .pf-t-d2 .pf-tier,.pf-tl.pf-t-d2 b{color:#00355E}
.pf-t-d3{background:#eef4fa} .pf-t-d3 .pf-tier,.pf-tl.pf-t-d3 b{color:#1C3D65}
.pf-t-g1{background:#eaf4ef} .pf-t-g1 .pf-tier,.pf-tl.pf-t-g1 b{color:#1C5A44}
.pf-t-n{background:#fff}     .pf-t-n .pf-tier,.pf-tl.pf-t-n b{color:#7B8388}
.pf-t-off{background:#f4f5f6} .pf-t-off .pf-tier,.pf-tl.pf-t-off b{color:#B5B5B6}
.pf-t-miss{background:#fdf3e2} .pf-t-miss .pf-tier,.pf-tl.pf-t-miss b{color:#9a5200}
/* 名字格本身是 sticky 白底 .pf-matrix td.nm(0,2,1),職等底色要壓過它 */
.pf-matrix td.nm.pf-t-d1{background:#e6ebf1}.pf-matrix td.nm.pf-t-d2{background:#e6eef4}
.pf-matrix td.nm.pf-t-d3{background:#eef4fa}.pf-matrix td.nm.pf-t-g1{background:#eaf4ef}
.pf-matrix td.nm.pf-t-off{background:#f4f5f6}.pf-matrix td.nm.pf-t-miss{background:#fdf3e2}
.pf-tier-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:12px}
.pf-tl-hd{font-weight:900;color:var(--blue);margin-right:2px}
.pf-tl{display:inline-flex;align-items:baseline;gap:5px;border:1px solid var(--border);border-radius:8px;padding:4px 9px}
.pf-tl b{font-weight:700}
.pf-tl i{font-style:normal;color:var(--text2);font-size:11.5px}
.pf-matrix tr.pf-left td{background:#f4f5f6;color:#989DA0}
.pf-matrix tr.pf-left td.nm{background:#f4f5f6}
.pf-matrix tr.pf-left td.yr{background:#eceef0;color:#7B8388}
.pf-matrix tr.pf-left td.qsub{background:#f0f1f2}
.pf-matrix tr.pf-miss td.nm{box-shadow:inset 3px 0 0 #d97706,2px 0 4px rgba(6,35,69,.06)}