/* ============== Widget wrapper ============== */
.ts-widget{
    max-width:960px;
    margin:40px auto;
    padding:10px;
    background:#1f1f1f;
    border-radius:12px;
    color:#eee;
    font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;
  }
  
  /* ============== Header sticky (coherente con tu H2H) ============== */
  .ts-header{
    position:sticky;
    top:0;
    z-index:1000;
    background:#1f1f1f;
    border-radius:0 0 10px 10px;
    border-bottom:2px solid #333;
    box-shadow:0 2px 4px rgba(0,0,0,.4);
    padding:20px 16px;
    text-align:center;
  }
  .ts-header-row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:6px;
  }
  .ts-header-row .team-logo{
    max-height:36px;
    object-fit:contain;
  }
  .ts-header-row .team-name{
    font-size:1rem;
    font-weight:600;
    color:#fff;
  }
  .ts-subtitle-row{
    font-size:.9rem;
    color:#bbb;
  }
  .ts-subtitle{
    letter-spacing:.2px;
  }
  
  /* Responsive */
  @media (max-width:768px){
    .ts-header-row{
      flex-wrap:nowrap;
      overflow-x:auto;
      justify-content:center;
    }
    .ts-header-row .team-logo{
      max-height:32px;
    }
  }
  /* ======= Section title (coherente con H2H) ======= */
.ts-section-title{
    background:#262626;
    color:#d1d1d1;
    padding:10px 16px;
    border-radius:6px;
    margin:32px 0 16px;
    font-size:1.05rem;
    text-align:center;
    font-weight:400;
    box-shadow:0 1px 2px rgba(0,0,0,0.4);
  }
  
  /* ======= KPIs ======= */
  .ts-kpis{
    display:grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap:12px;
    margin-bottom:16px;
  }
  .ts-kpi{
    background:#222;
    border:1px solid #333;
    border-radius:10px;
    padding:12px 10px;
    text-align:center;
  }
  .ts-kpi-accent{
    border-color:#444;
    box-shadow:0 2px 10px rgba(0,0,0,0.25);
  }
  .kpi-label{
    color:#bbb;
    font-size:.85rem;
    margin-bottom:6px;
  }
  .kpi-value{
    color:#fff;
    font-size:1.1rem;
    font-weight:600;
  }
  
  /* Forma */
  .ts-form{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:8px 0 24px;
  }
  .ts-form .form-label{ color:#bbb; }
  .ts-form .form-value{ color:#fff; font-weight:600; }
  
  /* ======= Last 5 table ======= */
  .ts-last5-table{
    width:100%;
    border-collapse:collapse;
    margin-top:6px;
    font-size:.95rem;
    text-align:center;
  }
  .ts-last5-table td{
    padding:12px 8px;
    border-bottom:1px solid #444;
    vertical-align:middle;
    background:#222;
    color:#eee;
  }
  .match-cell{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
  }
  .team-cell{
    display:flex;
    align-items:center;
    gap:6px;
    font-weight:500;
    justify-content:center;
  }
  .team-cell img{
    max-height:24px;
    object-fit:contain;
  }
  .score-cell{ font-weight:600; font-size:1rem; }
  .date-cell{ font-size:.9rem; color:#bbb; }
  .loser{ opacity:.6; }
  
  /* Responsive */
  @media (max-width:768px){
    .ts-kpis{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  }