/* SerieAGoal 2.2.189 — Predictions uses the canonical Home shell and dimensions. */
.sg-predictions-home-page{min-width:0}
.sg-predictions-home-page>.sg-feed{min-width:0}
.sg-predictions-home-controls{margin-bottom:12px}
.sg-predictions-home-controls .sg-score-home-head{align-items:center}
.sg-predictions-home-controls .sg-score-home-head h1{margin:2px 0 2px}
.sg-predictions-home-controls .sg-score-home-head p{margin:0}
.sg-predictions-performance-button{white-space:nowrap}
.sg-predictions-active-filter{min-height:44px;margin-top:8px;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--sg-line);border-radius:10px;background:var(--sg-surface)}
.sg-predictions-active-filter>span{min-width:0;display:flex;align-items:center;gap:8px}
.sg-predictions-active-filter img{width:24px;height:24px;object-fit:contain;flex:0 0 24px}
.sg-predictions-active-filter strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg-predictions-active-filter>a{flex:0 0 auto;color:var(--sg-accent);font-size:9.5px;font-weight:800}
.sg-predictions-home-disclaimer,.sg-performance-method{margin:14px 0 0;padding:11px 13px;border:1px solid var(--sg-line);border-radius:10px;background:var(--sg-surface);color:var(--sg-muted);font-size:9.5px;line-height:1.5}
.sg-predictions-home-disclaimer strong,.sg-performance-method strong{color:var(--sg-text)}
.sg-predictions-home-empty{margin-top:10px}

/* Performance filters */
.sg-performance-home-page .sg-card{margin-top:12px}
.sg-performance-filter-card{padding:10px}
.sg-performance-filterbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:end}
.sg-performance-filterbar label{min-width:0;display:grid;gap:4px}
.sg-performance-filterbar label>span{font-size:8px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:var(--sg-muted)}
.sg-performance-filterbar input,.sg-performance-filterbar select{width:100%;min-width:0;height:36px;padding:0 9px;border:1px solid var(--sg-line);border-radius:7px;background:var(--sg-surface-2);color:var(--sg-text);font:inherit;font-size:9.5px;outline:0}
.sg-performance-filterbar input:focus,.sg-performance-filterbar select:focus{border-color:var(--sg-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--sg-accent) 14%,transparent)}
.sg-performance-filter-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px;padding-top:1px}
.sg-performance-filter-actions button,.sg-performance-filter-actions a{min-height:34px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;font-size:9.5px;font-weight:850;text-decoration:none}
.sg-performance-filter-actions button{border:1px solid var(--sg-accent);background:var(--sg-accent);color:#fff;cursor:pointer}
.sg-performance-filter-actions a{border:1px solid var(--sg-line);background:var(--sg-surface);color:var(--sg-text)}

/* KPI dashboard */
.sg-performance-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--sg-surface)}
.sg-performance-kpi{min-width:0;min-height:94px;padding:12px;display:flex;flex-direction:column;justify-content:center;gap:4px;border-right:1px solid var(--sg-line);border-bottom:1px solid var(--sg-line)}
.sg-performance-kpi:nth-child(3n){border-right:0}
.sg-performance-kpi:nth-last-child(-n+3){border-bottom:0}
.sg-performance-kpi small{font-size:8px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:var(--sg-muted)}
.sg-performance-kpi strong{font-size:22px;line-height:1;font-weight:950;letter-spacing:-.5px;color:var(--sg-text)}
.sg-performance-kpi span{font-size:8.5px;color:var(--sg-muted);line-height:1.35}
.sg-performance-kpi.is-positive strong,.sg-performance-row .is-positive,.sg-performance-month .is-positive{color:#149447}
.sg-performance-kpi.is-negative strong,.sg-performance-row .is-negative,.sg-performance-month .is-negative{color:#d33b45}

/* Monthly trend */
.sg-performance-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.sg-performance-month{min-width:0;padding:11px 12px;border-right:1px solid var(--sg-line);border-bottom:1px solid var(--sg-line)}
.sg-performance-month:nth-child(even){border-right:0}
.sg-performance-month:nth-last-child(-n+2){border-bottom:0}
.sg-performance-month>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.sg-performance-month>header strong{font-size:11px}.sg-performance-month>header span{font-size:8.5px;color:var(--sg-muted)}
.sg-performance-month>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.sg-performance-month>div>span{display:grid;gap:2px}.sg-performance-month small{font-size:7.5px;color:var(--sg-muted)}.sg-performance-month b{font-size:11px}

/* Competition breakdown */
.sg-performance-table{display:grid;overflow:hidden}
.sg-performance-row{min-height:42px;padding:0 12px;display:grid;grid-template-columns:minmax(0,1fr) 70px 70px 70px;gap:8px;align-items:center;border-bottom:1px solid var(--sg-line);font-size:9.5px}
.sg-performance-row:last-child{border-bottom:0}
.sg-performance-row.is-head{min-height:34px;background:var(--sg-surface-2);font-size:7.5px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;color:var(--sg-muted)}
.sg-performance-row>span:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.sg-performance-entity{min-width:0;display:flex;align-items:center;gap:8px}.sg-performance-entity img{width:24px;height:24px;object-fit:contain;flex:0 0 24px}.sg-performance-entity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}

/* Full won/lost archive */
.sg-performance-archive{margin-top:14px}
.sg-performance-archive-head{min-height:74px;padding:9px 0 10px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--sg-line)}
.sg-performance-archive-head h2{margin:2px 0 2px;font-size:20px;line-height:1.1}.sg-performance-archive-head p{margin:0;font-size:9px;color:var(--sg-muted)}
.sg-performance-archive-head nav{display:flex;gap:5px;flex:0 0 auto}
.sg-performance-archive-head nav a{min-height:31px;padding:0 10px;display:inline-flex;align-items:center;border:1px solid var(--sg-line);border-radius:7px;background:var(--sg-surface);color:var(--sg-text);font-size:8.5px;font-weight:850;text-decoration:none}
.sg-performance-archive-head nav a.is-active{border-color:var(--sg-accent);background:var(--sg-accent);color:#fff}
.sg-performance-archive-list{margin-top:10px}
.sg-performance-archive .sg-prediction-date-feed{display:grid;gap:10px}
.sg-performance-archive .sg-prediction-date-group{overflow:hidden;border:1px solid var(--sg-line);border-radius:10px;background:var(--sg-surface)}
.sg-performance-archive .sg-prediction-date-head{min-height:48px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--sg-line);background:var(--sg-surface-2)}
.sg-performance-archive .sg-prediction-date-head small{font-size:8px;color:var(--sg-muted)}
.sg-performance-archive .sg-prediction-date-head h2{margin:1px 0 0;font-size:13px}
.sg-performance-archive .sg-prediction-card-grid{display:grid;grid-template-columns:1fr}
.sg-performance-archive .sg-public-prediction-card{padding:0;border-bottom:1px solid var(--sg-line)}
.sg-performance-archive .sg-public-prediction-card:last-child{border-bottom:0}
.sg-performance-archive .sg-pred-card-v2{border:0!important;border-radius:0!important;box-shadow:none!important}
.sg-performance-pagination{min-height:48px;margin-top:10px;padding:0 2px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.sg-performance-pagination a{font-size:9px;font-weight:850;color:var(--sg-accent);text-decoration:none}.sg-performance-pagination a:last-child{text-align:right}.sg-performance-pagination strong{font-size:8.5px;color:var(--sg-muted)}

/* Match prediction tab: textual editorial prediction follows the numeric pick. */
.sg-match-prediction-articles .sg-news-league-grid{padding:0}

html[data-sg-theme="dark"] .sg-predictions-active-filter,
html[data-sg-theme="dark"] .sg-performance-filterbar input,
html[data-sg-theme="dark"] .sg-performance-filterbar select{color:#fff}

@media(max-width:760px){
  .sg-predictions-home-controls{margin-inline:0}
  .sg-predictions-home-controls .sg-score-home-head{padding-inline:4px}
  .sg-predictions-home-controls .sg-score-home-head p{font-size:9px}
  .sg-predictions-active-filter{margin-inline:0}
  .sg-predictions-active-filter>a{font-size:8.5px}
  .sg-performance-filter-card{padding:8px}
  .sg-performance-filterbar{grid-template-columns:1fr 1fr;gap:7px}
  .sg-performance-filterbar label:nth-child(3),.sg-performance-filterbar label:nth-child(4),.sg-performance-filterbar label:nth-child(5){grid-column:1/-1}
  .sg-performance-filter-actions{grid-column:1/-1}
  .sg-performance-kpi-grid{grid-template-columns:1fr 1fr}
  .sg-performance-kpi:nth-child(3n){border-right:1px solid var(--sg-line)}
  .sg-performance-kpi:nth-child(even){border-right:0}
  .sg-performance-kpi:nth-last-child(-n+3){border-bottom:1px solid var(--sg-line)}
  .sg-performance-kpi:nth-last-child(-n+2){border-bottom:0}
  .sg-performance-kpi{min-height:86px;padding:10px}.sg-performance-kpi strong{font-size:20px}
  .sg-performance-months{grid-template-columns:1fr}.sg-performance-month{border-right:0!important}.sg-performance-month:nth-last-child(-n+2){border-bottom:1px solid var(--sg-line)}.sg-performance-month:last-child{border-bottom:0}
  .sg-performance-table{overflow-x:auto}.sg-performance-row{min-width:500px}
  .sg-performance-archive-head{align-items:flex-start;flex-direction:column}.sg-performance-archive-head nav{width:100%}.sg-performance-archive-head nav a{flex:1;justify-content:center}
  .sg-performance-pagination{grid-template-columns:1fr auto 1fr}
  .sg-predictions-home-disclaimer,.sg-performance-method{margin-inline:0}
}
