.dashboard-main.dashboard-with-performers{grid-template-columns:minmax(0,1fr) minmax(410px,.84fr);align-items:start}
.top-performer{--tp-green:var(--status-good);--tp-yellow:var(--gold);--tp-red:var(--red);position:relative;padding:var(--section-space) var(--card-space) 0;background:var(--white);color:var(--ink);border:1px solid var(--frame,#fff);overflow:hidden;min-width:0}
.top-performer .tp-header{align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.top-performer .section-title{font:800 var(--section-title-size)/1.3 var(--display);letter-spacing:-.5px;color:var(--ink)}
.top-performer .sr-only,.top-performer .co-period-choice>span{position:absolute!important;left:0;top:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.tp-header p{font-size:var(--text-label);color:var(--muted);margin:7px 0 0}
.top-performer .co-period{max-width:100%;margin-left:auto;justify-content:flex-end}
.top-performer .co-period-custom{max-width:100%}
.tm-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:4px 0 20px}
.tm-column{min-width:0}
.tm-column+.tm-column{border-left:1px solid var(--line);padding-left:20px}
.tm-column h3{font-size:var(--text-label);line-height:1.4;font-weight:600;color:var(--muted);margin:0 0 8px}
.tm-column ul{list-style:none;margin:0;padding:0}
.tm-column li+li{border-top:1px solid var(--line)}
.tm-column li button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:8px 0;text-align:left}
.tm-best li{--tp-band:var(--tp-green)}
.tm-weakest li{--tp-band:var(--tp-red)}
.tm-column li button>strong{border-left:4px solid var(--tp-band,transparent)}
.tm-column strong{display:block;min-width:0;padding-inline-start:8px;font-size:var(--text-body);line-height:1.4;color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.tm-column button:hover strong{text-decoration:underline}
.tm-empty{font-size:var(--text-label);line-height:1.5;color:var(--muted);padding:12px 0;margin:0}
.tp-move{font-size:var(--text-label);font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}
.tp-up{color:var(--ink)}
.tp-down{color:var(--tp-red)}
.tp-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding:15px 0}
.tp-footer button{font-size:var(--text-label);color:var(--ink);font-weight:600;white-space:nowrap}
.tp-footer button:hover{text-decoration:underline}

.top-movers-full{scroll-margin-top:var(--section-space);padding-bottom:var(--section-space);margin-top:var(--section-space)}
.top-movers-full:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.tp-overview-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px;padding:0 0 20px;border-bottom:1px solid var(--line)}
.tp-overview-totals>div{display:flex;flex-direction:column;min-width:0;gap:5px}
.tp-overview-totals>div+div{border-left:1px solid var(--line);padding-left:16px}
.tp-overview-totals dt{font-size:var(--text-label);line-height:1.35;color:var(--muted)}
.tp-overview-totals dd{order:-1;margin:0;font-family:var(--display);font-size:28px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.tp-overview-totals .has-attention dd{color:var(--tp-red)}
.tp-group-overview{display:grid;gap:12px;margin:0 0 24px;min-width:0}
.tp-group-top{--tp-band:var(--tp-green)}
.tp-group-middle{--tp-band:var(--tp-yellow)}
.tp-group-lower{--tp-band:var(--tp-red)}
.tp-leaders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.tp-leader-card{display:flex;flex-direction:column;min-width:0;padding:15px 14px 10px;border:1px solid var(--frame,#fff);border-left:4px solid var(--tp-band);border-radius:var(--radius);background:var(--white)}
.tp-leader-list{list-style:none;margin:0;padding:0;min-width:0}
.tp-leader-list li+li{border-top:1px solid var(--line)}
.tp-leader-title{margin:0 0 10px;font:700 var(--text-body)/1.4 var(--font);color:var(--ink)}
.tp-leader-list li button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;min-height:var(--control-height);padding:10px 0;text-align:left}
.tp-leader-list strong{font-size:var(--text-body);font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.tp-leader-list button:hover strong{text-decoration:underline}
.tp-leader-list .tp-move{width:24px;font-size:var(--text-label);text-align:center}
.tp-group-filter{display:flex;flex-direction:column;gap:8px;min-width:0;margin-top:4px}
.tp-group-filter>span{font-size:var(--text-label);font-weight:600;line-height:1.4;color:var(--muted)}
.top-performer .tp-group-select{display:block;width:100%;min-width:0;min-height:var(--control-height);padding:10px 36px 10px 12px;border:1px solid var(--line);border-radius:7px;background-color:var(--white);color:var(--ink);font-size:var(--text-body);line-height:1.4;cursor:pointer}
.top-performer .tp-group-select:hover{border-color:var(--ink)}
.tp-leader-empty{margin:9px 0 15px;font-size:var(--text-label);line-height:1.5;color:var(--muted)}
.tp-roster-list{min-width:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}
.tp-roster-list:active{cursor:grabbing}
.tp-roster-list li{min-width:0;border-bottom:1px solid var(--line)}
.tp-roster-list button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 8px 10px 10px;border-left:4px solid var(--tp-band,transparent);text-align:left}
.tp-roster-list button:hover .tp-person{text-decoration:underline}
.tp-person{font-size:var(--text-body);line-height:1.45;color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.tp-person-block{display:flex;flex-direction:column;gap:4px;min-width:0}
.tp-roster-list .tp-move{width:24px;font-size:20px;font-weight:700;text-align:center}
.tp-roster-list .tp-up{color:var(--tp-green)}
.tp-band-top{--tp-band:var(--tp-green)}
.tp-band-middle{--tp-band:var(--tp-yellow)}
.tp-band-lower{--tp-band:var(--tp-red)}
.tp-empty{padding:24px 8px;font-size:var(--text-body);color:var(--muted);line-height:1.6}
.tp-roster-page-status{margin:12px 0 0;text-align:right;font-size:var(--text-label);line-height:1.4;color:var(--muted)}
.top-performer :is(button,select,input,summary,[data-performer-swipe]):focus-visible{outline:2px solid var(--tp-red);outline-offset:-2px}
@media(max-width:1200px){.dashboard-main.dashboard-with-performers{grid-template-columns:minmax(0,1fr)}.dashboard-with-performers>.dashboard-side{display:block}.top-performer{width:100%}}
@media(max-width:600px){
  .top-performer{padding:var(--card-space) var(--card-space) 0}
  .top-performer .tp-header{gap:10px}
  .top-movers-full{padding-bottom:20px}
  .tm-columns{gap:14px}
  .tm-column+.tm-column{padding-left:14px}
  .tp-overview-totals{gap:9px}
  .tp-overview-totals>div+div{padding-left:12px}
  .tp-overview-totals dd{font-size:26px}
  .tp-leaders{gap:10px}
  .tp-leader-card{padding:13px 10px 10px}
  .tp-leader-list li button{gap:8px}
  .tp-roster-list button{gap:8px}
}