/* ============================================================================
   SSM PERFORMANCE — PROFIL ZAWODNIKA › TESTY (S6.3)
   Zakres: #app .stst* (panel Staff). Szablon: js/35-staff-tests-view.js.
   ============================================================================ */
#app .stst{display:flex;flex-direction:column;gap:16px;}

#app .stst-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
#app .stst-hint{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ss-text-3);}
#app .stst-hint .ss-i{width:15px;height:15px;color:var(--ss-gold);flex-shrink:0;}

#app .stst-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;}
#app .stst-kpis .ss-kpi-value{font-size:22px;}
#app .stst-kpis .ss-kpi-body{min-width:0;}
#app .stst-kpis .ss-kpi{min-height:92px;align-items:flex-start;}
#app .stst-kpis .ss-kpi-label{white-space:normal;line-height:1.3;}

#app .stst-table tbody tr[role="button"]{cursor:pointer;}
#app .stst-table tbody tr[role="button"]:focus-visible{outline:2px solid rgba(var(--ss-gold-rgb),.55);outline-offset:-2px;}
#app .stst-name{font-weight:600;}
#app .stst-val b{font-family:var(--ss-font-head);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;}
#app .stst-val small{font-size:11.5px;color:var(--ss-text-3);}
#app .stst-spark{color:var(--ss-blue);}
#app .stst-spark .ss-kpi-spark{width:84px;height:26px;display:block;color:var(--ss-blue);}
#app .stst-table .ss-badge{white-space:normal;height:auto;min-height:22px;padding:3px 9px;line-height:1.3;}

/* do 1180 px (także telefon): tabele jako karty, bez poziomego przewijania */
@media (max-width:1180px){
  #app .stst-kpis .ss-kpi-value{font-size:20px;}
  #app .stst-wrap{border:0;overflow:visible;}
  #app table.ss-table.stst-table, #app .stst-table tbody{display:block;width:100%;}
  #app .stst-table thead{display:none;}
  #app .stst-table tbody tr{display:block;background:var(--ss-surface-2);border:1px solid var(--ss-border);border-radius:12px;margin-bottom:10px;padding:4px 14px;}
  #app table.ss-table.stst-table td{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;padding:9px 0;text-align:right;border-bottom:1px solid var(--ss-border);min-width:0;white-space:normal;}
  #app table.ss-table.stst-table td:last-child{border-bottom:0;}
  #app .stst-table td[data-label]::before{content:attr(data-label);flex-shrink:0;text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ss-text-3);}
  #app table.ss-table.stst-table td.stst-name{justify-content:flex-start;font-size:14px;}
  #app table.ss-table.stst-table td.stst-name::before{display:none;}
}
@media (max-width:767px){
  #app .stst{gap:14px;}
  #app .stst-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  #app .stst-kpis .ss-kpi{flex-direction:column;gap:10px;min-height:0;}
  #app .stst-kpis .ss-kpi:last-child{grid-column:1 / -1;}
  #app .stst-toolbar .ss-btn{width:100%;}
}