/* ===== Card base ===== */
.pfb-card{
    background:#0b1220;
    border:1px solid #1f2937;
    border-radius:12px;
    padding:12px;
    max-width:720px;
    margin:12px auto;
    color:#e5e7eb;
  }
  
  /* ===== Header / Title (sin píldora) ===== */
  .pfb-header{
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom:8px;
  }
  .pfb-title{
    font-weight:600;
    font-size:18px;
    color:#fff;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    border-radius:0 !important;
  }
  .pfb-title-bar, .pfb-title-wrap{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    border-radius:0 !important;
  }
  
  /* ===== Fila de partido ===== */
  /* Reserva mínimo espacio para prevenir CLS mientras cargan fuentes/imagenes */
  .pfb-game{ min-height:86px; }
  
  .pfb-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:6px 0;
  }
  
  .pfb-pred-left{
    display:flex; align-items:center; gap:8px;
  }
  
  .pfb-market-title{ font-size:14px; font-weight:500; color:#e5e7eb; }
  
  /* ===== Teams row ===== */
  .pfb-teams{ display:flex; align-items:center; gap:10px; }
  .pfb-team span{ color:#d1d5db; font-size:13px; }
  
  /* ===== Logos ===== */
  .pfb-pred-logos{ display:flex; align-items:center; gap:6px; }
  .pfb-logo{
    width:24px; height:24px; min-width:24px; min-height:24px;
    object-fit:contain; border-radius:4px; display:inline-block;
    image-rendering:auto;
  }
  
  /* ===== Chips / Badges (tamaño fijo para evitar saltos) ===== */
  .pfb-oddchip{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:48px; min-height:28px;
    padding:0 8px; border-radius:8px;
    background:#111827; color:#f9fafb; font-size:14px;
  }
  .pfb-acc-badge{
    min-height:20px; display:inline-flex; align-items:center;
    padding:2px 6px; border-radius:6px;
    background:#0f172a; color:#9ca3af; font-size:12px;
  }
  
  /* ===== Kickoff ===== */
  .pfb-time{ color:#9ca3af; font-size:12px; }
  
  /* ===== Betslip ===== */
  .pfb-betslip{
    border-top:1px solid #1f2937; padding-top:10px; margin-top:8px;
  }
  .pfb-stake-line{
    display:flex; align-items:center; gap:10px; justify-content:flex-end; flex-wrap:wrap;
  }
  .pfb-stake-line label{ font-size:13px; color:#e5e7eb; }
  .pfb-stake-line .stake-input{
    background:#0f172a; border:1px solid #1f2937; color:#e5e7eb;
    border-radius:8px; padding:6px 8px; width:100px;
  }
  .pfb-return-wrap .label{ margin-right:4px; color:#9ca3af; }
  .pfb-cta-btn{
    display:inline-flex; align-items:center; justify-content:center;
    min-height:36px; padding:8px 12px; border-radius:10px;
    background:#2563eb; color:#fff; text-decoration:none;
    transition:transform .05s ease-in-out;
  }
  .pfb-cta-btn:active{ transform: translateY(1px); }
  
  /* ===== Línea final: total del parley ===== */
  .pfb-parley-total-line,
  .pfb-parley-total-line .pfb-parley-label,
  .pfb-parley-total-line .pfb-parley-total {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #9ca3af;
    font-size: 12px;
    line-height: 17px;
  }
  
  .pfb-parley-total-line{
    display:flex; align-items:center; gap:6px; justify-content:flex-end;
    padding-top:10px; border-top:1px solid #1f2937;
  }
  
  /* ===== Responsive ===== */
  @media (max-width:360px){
    .pfb-card{ max-width:100% }
  }