/* Performance comparison: quiet chrome, distinct rows, explicit relative ranks. */
.branch-performance-card{margin:28px 0;border:1px solid #ffffff16;border-radius:24px;background:linear-gradient(120deg,#313140,#2b2b3a 65%);overflow:hidden;box-shadow:0 12px 35px #15152212}
.performance-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 28px 18px}
.performance-eyebrow{display:flex;align-items:center;gap:8px;color:#c0b17b;font-size:11px}.performance-eyebrow i,.performance-update>i{width:6px;height:6px;border-radius:50%;background:#70e000;display:inline-block}
.performance-heading h3{font-size:32px;line-height:1.35;letter-spacing:-.4px;font-weight:600;color:#f7f6fc;margin-top:8px}
.performance-heading p{font-size:12px;color:#aeadc0;margin-top:6px}
.performance-current-date{font-variant-numeric:tabular-nums;color:#c9bb8d;white-space:nowrap}.performance-date-divider{color:#8f8667}.performance-eyebrow{flex-wrap:wrap;row-gap:4px}
.performance-context{display:flex;align-items:center;gap:6px 20px;padding:0 28px 16px;flex-wrap:wrap}.performance-scope{font-size:11px;color:#d1d0de}.performance-legend{display:flex;gap:15px;align-items:center}.performance-legend>span{display:inline-flex;gap:6px;align-items:center;font-size:10px;color:#bfbecd}.performance-legend i,.performance-level i{display:inline-block;width:5px;height:5px;background:var(--rank-color);border-radius:50%;flex-shrink:0}.performance-rank-note{flex-basis:100%;font-size:11px;line-height:1.6;color:#a6a4b7;margin:0}
.rank-leading{--rank-color:#70e000;--rank-tint:#70e00015}.rank-middle{--rank-color:#ffc300;--rank-tint:#ffc30012}.rank-trailing{--rank-color:#ff6b72;--rank-tint:#ff6b7212}.rank-neutral{--rank-color:#a5a5b9;--rank-tint:#a5a5b90d}
.performance-table-wrap{overflow-x:auto;overflow-y:hidden;margin:0 20px;scrollbar-width:thin;scrollbar-color:#646478 transparent}
.performance-table{width:100%;min-width:1150px;border-collapse:separate;border-spacing:0 8px;table-layout:auto;font-variant-numeric:tabular-nums;text-align:center}
.performance-table thead th{font-size:11px;color:#bab9cc;font-weight:400;white-space:nowrap;padding:8px 12px 12px}
.performance-table thead th span{cursor:help;border-bottom:1px dotted #ffffff30;padding-bottom:4px}
.performance-table tbody td,.performance-table tbody th{height:88px;padding:13px 12px;background:#363646;border-block:1px solid #ffffff0c;text-align:center;vertical-align:middle;font-size:15px;color:#f3f2fa}
.performance-table tbody tr:hover td,.performance-table tbody tr:hover th{background:#3b3b4d}
.performance-table th:first-child{min-width:210px;text-align:right}.performance-table tbody th:first-child{border-radius:0 14px 14px 0;border-right:2px solid var(--rank-color);background:linear-gradient(270deg,var(--rank-tint),#363646)}
.performance-table tbody td:last-child{border-radius:14px 0 0 14px;border-left:1px solid #ffffff0c}
.performance-identity{display:flex;align-items:center;gap:12px}.performance-rank-ring{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1.5px solid var(--rank-color);box-shadow:0 0 0 4px var(--rank-tint);border-radius:50%;font-size:12px;color:var(--rank-color);direction:ltr;font-weight:500}.performance-rank-ring .icon{width:17px}
.performance-name{display:flex;flex-direction:column;gap:8px}.performance-name strong{font-size:14px;font-weight:500;color:#f7f6fc}.performance-level{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#b7b6c8;font-size:9px;font-weight:400}
.performance-number,.performance-count{display:inline-flex;flex-direction:column;gap:6px}.performance-number small,.performance-count small{font-size:10px;color:#a6a5b9;font-weight:400}
.performance-sales-rail{display:block;height:3px;width:58px;background:#ffffff0b;margin:8px auto 0;border-radius:4px;overflow:hidden;direction:ltr}.performance-sales-rail i{display:block;height:100%;background:#c7b77b;border-radius:4px}
.performance-rate{display:inline-flex;align-items:center;justify-content:center;font-size:13px;border:1px solid #ffffff11;border-radius:8px;min-width:55px;min-height:30px;padding:4px 7px;background:#ffffff03}.performance-rate:has(.performance-missing){border:0;background:none}.performance-warning{color:#ff9b9f;background:#ff6b7209;border-color:#ff6b721b}.performance-missing{color:#9190a5;font-size:16px;display:inline-flex;flex-direction:column;gap:5px;align-items:center}.performance-missing small{font-size:9px;color:#9291a6;font-weight:400}
.performance-service-duration{display:block;margin-top:7px}.performance-service-duration .time-readout{font-size:11px}.performance-service-duration .time-readout small{font-size:8px}

.performance-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #ffffff0c;padding:16px 28px;background:#25253324}.performance-update{display:flex;align-items:center;gap:7px;font-size:10px;color:#a6a5b8}.performance-update bdi{color:#cac9d6}
.performance-more{display:flex;gap:10px;align-items:center;border:1px solid #dbc57835;background:#dbc5780b;color:#e2d397;border-radius:10px;font:inherit;font-size:12px;padding:9px 14px}.performance-more:hover{background:#dbc57818;border-color:#dbc57880}.performance-more .icon{width:15px}
.performance-pagination{display:flex;align-items:center;gap:10px;font-size:11px}.performance-pagination button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff20;border-radius:8px;background:#ffffff04;color:#ddd}.performance-pagination button:disabled{opacity:.35}.performance-pagination .icon{width:14px}
.performance-empty{padding:24px;color:#b8b6c9;font-size:12px}.performance-empty.small{padding:15px 0}.performance-more:focus-visible,.performance-pagination button:focus-visible,.performance-table-wrap:focus-visible{outline:2px solid #dac57d;outline-offset:3px}
dialog.performance-modal{width:min(1440px,calc(100vw - 32px));max-width:1440px;border-radius:22px}.performance-modal #modalContent{height:90dvh}.performance-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 26px 26px}.performance-detail-intro{font-size:12px;color:#b1afc3;line-height:1.9;margin:20px 0}.performance-scroll .performance-table-wrap{margin:0}
.performance-branch-detail{border:1px solid #ffffff18;border-radius:18px;margin-top:26px;padding:24px;background:#ffffff02}.performance-branch-detail>header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #ffffff14;padding-bottom:18px}.performance-branch-detail h3{font-size:21px;font-weight:500}.performance-branch-detail>header>span{font-size:12px;color:#afadc0}.performance-branch-detail h4{font-size:15px;font-weight:500;margin:25px 0 8px}.performance-explanation{font-size:12px;color:#b6b3c6;line-height:2;margin-bottom:12px}
.performance-record-wrap{overflow:auto}.performance-record-table{width:100%;border-collapse:collapse;min-width:720px;text-align:right}.performance-record-table th{font-weight:400;color:#b9b6ca;font-size:11px}.performance-record-table td{font-size:12px;line-height:1.8}.performance-record-table td,.performance-record-table th{padding:14px 10px;border-bottom:1px solid #ffffff0d}.performance-record-table small{font-size:10px;color:#a6a3b9}
.performance-service-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 0}.performance-service-summary>span{padding:16px;border:1px solid #ffffff12;border-radius:12px;color:#b3b0c4;font-size:11px}.performance-service-summary strong{display:block;color:#eeeaf8;font-size:14px;margin-top:10px;font-weight:500}.performance-service-summary small{font-size:10px}
@media(max-width:1450px){.performance-table-wrap{margin-inline:16px}}
@media(max-width:750px){.performance-heading{padding:22px 18px 18px;align-items:flex-start;flex-direction:column;gap:16px}.performance-heading h3{font-size:26px}.performance-context{padding:0 18px 14px;gap:6px 12px}.performance-legend{gap:12px}.performance-table-wrap{margin-inline:10px}.performance-table th:first-child{min-width:175px;position:sticky;right:0;z-index:1;background:#2f2f3e}.performance-table tbody th:first-child{background:#363646;box-shadow:-7px 0 12px #20202d35}.performance-name strong{font-size:13px}.performance-rank-ring{width:33px;height:33px}.performance-identity{gap:9px}.performance-footer{padding:14px 18px;flex-wrap:wrap}.performance-update{font-size:9px}.performance-scroll{padding:0 12px 18px}.performance-branch-detail{padding:16px}.performance-branch-detail>header{align-items:flex-start;flex-direction:column}.performance-service-summary{grid-template-columns:1fr}dialog.performance-modal{width:calc(100vw - 16px)}}
@media(prefers-reduced-motion:reduce){.branch-performance-card *,.performance-modal *{animation:none!important;transition:none!important}}
