/* === Header + Two-column tech sheet === */
.sl-matchficha .sl-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:16px 16px 8px}
.sl-matchficha .sl-team{display:flex;align-items:center;gap:10px;min-width:0}
.sl-matchficha .sl-team .sl-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-matchficha .sl-score{font-size:32px;font-weight:900;letter-spacing:.5px}

.sl-matchficha .sl-stats{padding:8px 16px 16px}
.sl-matchficha .sl-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sl-matchficha .sl-col h3{margin:0 0 6px;font-size:12px;letter-spacing:.06em;color:#6b7280;text-transform:uppercase}
.sl-matchficha .sl-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sl-matchficha .sl-list li{display:flex;justify-content:space-between;gap:12px;background:#f9fafb;border:1px solid #eef2f7;border-radius:10px;padding:8px 10px}
.sl-matchficha .sl-metric{color:#374151}
.sl-matchficha .sl-val{font-weight:800}

/* Pre-rendered techsheet HTML (si usas la tarea que guarda .sl-techsheet) */
.sl-techsheet{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans";
  background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}
.sl-techsheet .sl-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:16px 16px 8px}
.sl-techsheet .sl-team{display:flex;align-items:center;gap:10px}
.sl-techsheet .sl-score{font-size:32px;font-weight:900}
.sl-techsheet .sl-stats{padding:8px 16px 16px}
.sl-techsheet .sl-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sl-techsheet .sl-col h3{margin:0 0 6px;font-size:12px;letter-spacing:.06em;color:#6b7280;text-transform:uppercase}
.sl-techsheet .sl-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sl-techsheet .sl-list li{display:flex;justify-content:space-between;gap:12px;background:#f9fafb;border:1px solid #eef2f7;border-radius:10px;padding:8px 10px}
.sl-techsheet .sl-metric{color:#374151}
.sl-techsheet .sl-val{font-weight:800}
.sl-techsheet .sl-footer{padding:8px 16px 14px;color:#9ca3af;font-size:12px;text-align:right;border-top:1px dashed #eef2f7}

/* Responsive */
@media (max-width: 640px){
  .sl-matchficha .sl-header{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
  .sl-matchficha .sl-score{grid-column:1 / -1;text-align:center}
  .sl-matchficha .sl-cols{grid-template-columns:1fr}
  .sl-techsheet .sl-header{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
  .sl-techsheet .sl-score{grid-column:1 / -1;text-align:center}
  .sl-techsheet .sl-cols{grid-template-columns:1fr}
}

/* Dark mode */
@media (prefers-color-scheme: dark){
  .sl-matchficha{border-color:#1f2937;background:#0b0f13}
  .sl-matchficha .sl-list li{background:#0f1419;border-color:#1f2937}
  .sl-matchficha .sl-metric{color:#cbd5e1}
  .sl-matchficha .sl-team .sl-name{color:#e5e7eb}
  .sl-matchficha .sl-col h3{color:#9aa4b2}
  .sl-techsheet{background:#0b0f13;border-color:#1f2937}
  .sl-techsheet .sl-list li{background:#0f1419;border-color:#1f2937}
  .sl-techsheet .sl-metric{color:#cbd5e1}
  .sl-techsheet .sl-col h3{color:#9aa4b2}
  .sl-techsheet .sl-footer{border-top-color:#1f2937;color:#94a3b8}
}