/* Personal performance dialog only; no shared modal or calculation overrides. */
#myPerfOv{padding:0!important;overflow:clip!important;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
body:has(#myPerfOv.show) #board{visibility:hidden}
.my-perf-desk{position:relative;flex:none;width:min(96vw,1280px,calc((100dvh - 64px)*1.333333));aspect-ratio:4/3;height:auto;background:url('../assets/performance-scene/personal-notebook.webp') center/100% 100% no-repeat}
.my-perf-folder-label{position:absolute;left:93%;top:16%;writing-mode:vertical-rl;color:#26486f;font:600 clamp(16px,1.5vw,22px) 'Microsoft YaHei',sans-serif;letter-spacing:4px}
#myPerfOv #myPerfBox{position:absolute;left:27%;top:8%;width:61%;height:83%;max-width:none;max-height:none;background:transparent;border:0;border-radius:0;color:#23324a;font-family:Arial,"Microsoft YaHei",sans-serif;box-shadow:none;backdrop-filter:none}
#myPerfBox .my-perf-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:18px 12px 22px;background:transparent;border-bottom:0}
#myPerfBox .my-perf-heading,#myPerfBox .my-perf-actions{display:flex;align-items:center;gap:12px;min-width:0}
#myPerfBox .my-perf-heading h2{margin:0;font-size:28px;letter-spacing:-.5px;font-weight:650;white-space:nowrap;border-left:3px solid #3764a3;padding-left:16px;color:#19365d}
#myPerfBox .my-perf-heading .my-perf-icon{display:none}
#myPerfBox .my-perf-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#edf3ff;color:#507be6;flex:none}
#myPerfBox svg{width:23px;height:23px;display:block}
#myPerfBox #myPerfMonth{height:38px;font:13px Arial,"Microsoft YaHei",sans-serif;padding:0 12px;min-width:116px;border-radius:11px!important;background:#f8faff!important;border-color:#e3eaf5!important;box-shadow:none!important}
#myPerfBox .my-perf-close{display:grid;place-items:center;flex:none;width:36px;height:36px;min-width:0;padding:0;border:0;border-radius:50%;background:#f1f4f8;color:#7b879a;box-shadow:none;transition:background .16s,color .16s;transform:none}
#myPerfBox .my-perf-close:hover{background:#e4eaf4;color:#324767}
#myPerfBox .my-perf-close:focus-visible{outline:2px solid #6389ea;outline-offset:3px}
#myPerfOv #myPerfBody{padding:8px 12px 24px;gap:24px;overflow-y:auto;scrollbar-width:none}
#myPerfBody::-webkit-scrollbar{display:none}
#myPerfBody>*{flex-shrink:0;min-width:0}
#myPerfBody .my-perf-overview{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;border:1px solid #d3dfed;border-radius:16px;background:#dae5f580}
#myPerfBody .my-perf-person{display:flex;align-items:center;gap:14px;min-width:0}
#myPerfBody .my-perf-avatar{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:16px;background:#fff;color:#6483be;box-shadow:0 5px 16px #4d6ca30b}
#myPerfBody .my-perf-person small{display:block;font-size:12px;color:#72829e;margin-bottom:7px}
#myPerfBody .my-perf-person strong{font-size:19px;font-weight:600;overflow-wrap:anywhere;line-height:1.4}
#myPerfBody .my-perf-total{text-align:right;flex:none}
#myPerfBody .my-perf-total span{display:block;color:#687d9f;font-size:12px;margin-bottom:8px}
#myPerfBody #myPerfTotal{font-size:32px;line-height:1.15;font-weight:600;letter-spacing:-.8px;color:#365bb5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#myPerfBody .my-perf-section{min-width:0}
#myPerfBody .my-perf-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
#myPerfBody .my-perf-section-head h3{margin:0;font-size:18px;font-weight:600;color:#2d3e59}
#myPerfBody .my-perf-section-head span{color:#8592a6;font-size:12px}
#myPerfBody .my-perf-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
#myPerfBody .my-perf-metric{padding:18px 16px;background:#ffffff30;border:1px solid #d7dfe8;border-radius:14px;min-width:0}
#myPerfBody .my-perf-metric dt{font-size:14px;line-height:1.5;color:#64758d;margin-bottom:10px}
#myPerfBody .my-perf-metric dd{margin:0;display:flex;align-items:baseline;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;gap:6px;color:#31435f;font-variant-numeric:tabular-nums}
#myPerfBody .my-perf-metric dd b{font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.5px;flex:none}
#myPerfBody .my-perf-metric dd span{font-size:11px;color:#8b98aa}
#myPerfBody .my-perf-metric.is-payable{background:#edf3ff;border-color:#dce6fb}
#myPerfBody .my-perf-metric.is-payable dd b{color:#426ec8}
#myPerfBody .my-perf-metric.is-remaining{background:#f0f7f7;border-color:#e0edec}
#myPerfBody .my-perf-metric.is-remaining dd b{color:#3e8079}
#myPerfBody .my-perf-notes{background:#ffffff30;border:1px solid #d7dfe8;border-radius:14px;overflow:hidden}
#myPerfBody .my-perf-note{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 20px;font-size:13px;line-height:1.65}
#myPerfBody .my-perf-note+.my-perf-note{border-top:1px solid #eef1f6}
#myPerfBody .my-perf-note p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;color:#53617a}
#myPerfBody .my-perf-note-amount{text-align:right;flex:none;color:#5674ac;font-variant-numeric:tabular-nums}
#myPerfBody .my-perf-note-amount small{display:block;font-size:11px;font-weight:400;color:#8c98ab}
#myPerfBody .my-perf-note-empty{padding:19px 20px;color:#97a2b2;font-size:13px;display:flex;gap:10px;align-items:center}
#myPerfBody .my-perf-note-empty svg{width:18px;height:18px;color:#a6b6cd}
#myPerfBody .my-perf-empty{display:flex;align-items:center;justify-content:center;gap:14px;padding:24px 16px;background:#ffffff30;border:1px solid #d7dfe8;border-radius:14px;color:#8795aa;font-size:14px;line-height:1.7}
#myPerfBody .my-perf-empty .my-perf-icon{background:#f3f6fb;color:#a2b1c9;width:42px;height:42px}
#myPerfBody .my-perf-empty b{display:block;color:#677790;font-size:13px;font-weight:500}
#myPerfBody .my-perf-empty small{display:block;font-size:12px;color:#9aa5b5}
#myPerfBody .rwCard{border:1px solid #e8edf5;border-radius:16px;box-shadow:none;margin:0;background:#fff}
#myPerfBody .rwCardHead{padding:15px 20px;border-radius:16px 16px 0 0;background:#fff;border-bottom:1px solid #edf1f6;gap:10px;flex-wrap:wrap}
#myPerfBody .rwName{font-size:14px;font-weight:600;color:#3d4e69}
#myPerfBody .rwPool{font-size:12px;color:#7d8ba2}
#myPerfBody .rwCardBody{padding:0}
#myPerfBody .rwRule{padding:16px 20px;gap:12px;border-color:#eef2f7}
#myPerfBody .rwRuleInfo b{font-size:13px;color:#4c5d77}
#myPerfBody .rwRuleInfo span{font-size:11px;color:#93a0b2}
#myPerfBody .rwRuleProc{margin:10px 0 0;padding:12px 16px;background:#f7f9fc;border-radius:10px;font-size:12px;line-height:1.85;color:#73829a}
#myPerfBody .my-perf-records{display:grid;gap:12px}
#myPerfBody .my-perf-rule-data{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:12px 0 0;padding:14px 16px;background:#f7f9fc;border-radius:10px}
#myPerfBody .my-perf-rule-data dt{font-size:11px;color:#8593a7;margin-bottom:6px}
#myPerfBody .my-perf-rule-data dd{margin:0;font-size:14px;color:#4f6483;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#myPerfBody .my-perf-rule-data dd small{font-size:11px;color:#8b99ab}
@media(max-width:600px){
 .my-perf-desk{width:98%;height:96dvh;aspect-ratio:auto;background-size:auto 100%;background-position:72% center}
 .my-perf-folder-label{display:none}
 #myPerfOv #myPerfBox{left:5%;top:6%;width:90%!important;max-width:90%!important;height:87%;background:#fafbf8e8}
 #myPerfOv #myPerfBox{max-height:calc(100dvh - 16px);border-radius:20px;overflow:hidden!important}
 #myPerfBox .my-perf-head{padding:16px;gap:10px}
 #myPerfBox .my-perf-heading{gap:8px}
 #myPerfBox .my-perf-heading h2{font-size:17px;padding-left:8px}
 #myPerfBox .my-perf-heading .my-perf-icon{display:none}
 #myPerfBox .my-perf-actions{gap:8px}
 #myPerfBox #myPerfMonth{min-width:106px;font-size:12px}
 #myPerfOv #myPerfBody{padding:16px;gap:18px}
 #myPerfBody .my-perf-overview{padding:18px;align-items:flex-start;flex-direction:column;gap:18px}
 #myPerfBody .my-perf-total{text-align:left}
 #myPerfBody #myPerfTotal{font-size:30px}
 #myPerfBody .my-perf-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #myPerfBody .my-perf-metric{padding:14px 12px}
 #myPerfBody .my-perf-metric dd b{font-size:22px}
 #myPerfBody .my-perf-note{align-items:flex-start;flex-direction:column;gap:8px}
 #myPerfBody .my-perf-note-amount{text-align:left}
 #myPerfBody .rwCardHead,#myPerfBody .rwRule{padding:14px}
 #myPerfBody .my-perf-rule-data{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media(prefers-reduced-motion:reduce){#myPerfBox .my-perf-close{transition:none}}
#myPerfOv #myPerfBody .my-perf-money{color:#c52d3a;font-style:normal}
#myPerfOv #myPerfBody .my-perf-money[data-negative=true]{color:#16804a}