/* ============================================================================
   SSM PERFORMANCE — PROFIL ZAWODNIKA › GPS & LOAD (S6.2)
   Zakres: #app .sgps* (panel Staff). Szablony: js/34-staff-gps-view.js.
   Player Portal używa oryginalnego szablonu js/13-gps-load.js — nieobjęty.
   ============================================================================ */
#app .sgps{display:flex;flex-direction:column;gap:16px;}
#app .sgps-card{min-width:0;}

/* rekordy sezonu */
#app .sgps-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
#app .sgps-kpis .ss-kpi{min-height:96px;align-items:flex-start;}
#app .sgps-kpis .ss-kpi-label{white-space:normal;line-height:1.3;}

/* wykresy */
#app .sgps-charts{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;}

/* normy */
#app .sgps-card .ss-sh .ss-select{width:220px;max-width:100%;height:36px;font-size:13px;}
#app .sgps-legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin:-2px 0 14px;font-size:12.5px;color:var(--ss-text-3);}
#app .sgps-legend span{display:inline-flex;align-items:center;gap:6px;}
#app .sgps-legend b{color:var(--ss-text-2);font-weight:600;}
#app .sgps-legend .ss-i{width:15px;height:15px;color:var(--ss-gold);}
#app .sgps-norms td.gps-metric-name{font-weight:600;color:var(--ss-text);}
#app .sgps-norms td.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;}

/* benchmark + sygnały */
#app .sgps-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch;}
#app .sgps-row > .ss-card{height:100%;}
#app .sgps-bench{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
#app .sgps-bench > div{display:flex;flex-direction:column;justify-content:space-between;gap:6px;padding:12px 14px;border-radius:12px;background:var(--ss-bg-2);border:1px solid var(--ss-border);min-width:0;}
#app .sgps-bench span{font-size:11.5px;color:var(--ss-text-3);line-height:1.35;}
#app .sgps-bench b{font-family:var(--ss-font-head);font-size:20px;font-weight:600;color:var(--ss-text);font-variant-numeric:tabular-nums;}
#app .sgps-bench b small{font-family:var(--ss-font);font-size:12px;font-weight:500;color:var(--ss-text-3);}
#app .sgps-bench b .ss-badge{font-family:var(--ss-font);font-size:12.5px;height:26px;}
#app .sgps-alerts .ss-alert-title{font-weight:500;line-height:1.45;}

/* analiza AI */
#app #gps-ai-analysis-slot{display:flex;flex-direction:column;gap:16px;}
#app #gps-ai-analysis-slot:empty{display:none;}
#app .sgps-ai-badges{display:flex;flex-wrap:wrap;gap:8px;}
#app .sgps-ai-actions{display:flex;justify-content:center;margin-top:4px;}
#app .sgps-ai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;}
#app .sgps-ai-label{font-family:var(--ss-font-head);font-size:13px;font-weight:600;color:var(--ss-text-2);margin-bottom:8px;letter-spacing:.02em;}
#app .sgps-ai-text{font-size:13px;line-height:1.6;color:var(--ss-text);white-space:pre-line;}
#app .sgps-ai-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
#app .sgps-ai-note{display:inline-flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--ss-text-3);max-width:760px;line-height:1.45;}
#app .sgps-ai-note .ss-i{width:15px;height:15px;flex-shrink:0;margin-top:1px;color:var(--ss-orange);}

/* responsywność */
@media (max-width:1180px){
  #app .sgps-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
  #app .sgps-charts, #app .sgps-row{grid-template-columns:minmax(0,1fr);}
}
/* do 1180 px (także telefon): tabela norm jako karty, bez poziomego przewijania */
@media (max-width:1180px){
  #app .sgps-norms-wrap{border:0;overflow:visible;}
  #app table.ss-table.sgps-norms, #app .sgps-norms tbody{display:block;}
  #app .sgps-norms thead{display:none;}
  #app .sgps-norms 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.sgps-norms{width:100%;}
  #app table.ss-table.sgps-norms 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.sgps-norms td:last-child{border-bottom:0;}
  #app table.ss-table.sgps-norms td.gps-metric-name{justify-content:flex-start;text-align:left;}
  #app .sgps-norms 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);font-family:var(--ss-font);}
}
@media (max-width:767px){
  #app .sgps{gap:14px;}
  #app .sgps-kpis{gap:10px;}
  #app .sgps-kpis .ss-kpi{flex-direction:column;gap:10px;min-height:0;}
  #app .sgps-card .ss-sh{flex-direction:column;align-items:stretch;}
  #app .sgps-card .ss-sh .ss-select{width:100%;}
  #app .sgps-bench{grid-template-columns:minmax(0,1fr);}
  #app .sgps-ai-grid{grid-template-columns:minmax(0,1fr);}
  #app .sgps-ai-foot .ss-btn{width:100%;}
}