/* Predict2U v209 — responsive Today's Acca repair.
   Keeps fixture names readable on phones, foldables and tablets and removes the oversized
   unpriced dash. This stylesheet is deliberately scoped to #acca-root. */
#acca-root,
#acca-root *{box-sizing:border-box;min-width:0}

#acca-root .p2u-acca-card{
  width:100%;
  max-width:100%;
  overflow:hidden;
}

#acca-root .p2u-acca-warning{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:0 0 22px;
  padding:16px;
  border:1px solid rgba(251,191,36,.24);
  border-radius:16px;
  background:var(--amber-dim,rgba(251,191,36,.10));
  color:var(--ink-2,#b5b5bc);
  font-size:14px;
  line-height:1.55;
  overflow-wrap:anywhere;
}
#acca-root .p2u-acca-warning-icon{
  display:grid;
  place-items:center;
  flex:0 0 24px;
  width:24px;
  height:24px;
  margin-top:1px;
  border:2px solid var(--amber,#fbbf24);
  border-radius:50%;
  color:var(--amber,#fbbf24);
  font-size:15px;
  font-weight:900;
  line-height:1;
}
#acca-root .p2u-acca-warning-copy{flex:1}
#acca-root .p2u-acca-warning strong{
  display:block;
  margin-bottom:3px;
  color:var(--amber,#fbbf24);
  font-size:15px;
  line-height:1.3;
}
#acca-root .p2u-acca-warning-mobile{display:none}

#acca-root .p2u-acca-legs{width:100%}
#acca-root .p2u-acca-leg{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) minmax(130px,auto) 54px;
  align-items:center;
  gap:14px;
  width:100%;
  padding:15px 0;
  border-bottom:1px solid var(--line,#1d1d20);
}
#acca-root .p2u-acca-leg-number{
  color:var(--muted,#77777f);
  font-size:12px;
  font-weight:800;
  text-align:center;
}
#acca-root .p2u-acca-fixture{overflow:hidden}
#acca-root .p2u-acca-teams{
  color:var(--ink,#fff);
  font-size:15px;
  font-weight:800;
  line-height:1.35;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#acca-root .p2u-acca-teams span{color:var(--muted,#77777f);font-weight:600}
#acca-root .p2u-acca-meta{
  margin-top:4px;
  color:var(--muted,#77777f);
  font-size:11px;
  font-weight:600;
  line-height:1.35;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#acca-root .p2u-acca-market{
  justify-self:start;
  max-width:260px;
  padding:7px 12px;
  font-size:13px;
  line-height:1.3;
  white-space:normal;
  overflow-wrap:anywhere;
}
#acca-root .p2u-acca-odds{
  min-width:44px;
  color:var(--ink,#fff);
  font-size:16px;
  line-height:1.2;
  text-align:right;
}

#acca-root .p2u-acca-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-top:22px;
}
#acca-root .p2u-acca-total{min-width:0}
#acca-root .p2u-acca-total-value{
  margin-top:6px;
  color:var(--em,#77c41c);
  font-size:32px;
  font-weight:800;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
#acca-root .p2u-acca-total-value.is-unpriced{
  font-size:14px;
  line-height:1.3;
  letter-spacing:.02em;
}
#acca-root .p2u-acca-add{
  flex:0 0 auto;
  min-height:46px;
  padding:13px 24px;
  font-size:12.5px;
  white-space:nowrap;
}
#acca-root .p2u-acca-disclaimer{
  margin-top:22px;
  color:var(--muted,#77777f);
  font-size:11px;
  line-height:1.55;
  text-align:center;
  overflow-wrap:anywhere;
}
#acca-root .p2u-acca-disclaimer a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:2px;
}

@media (max-width:700px){
  #acca-root .p2u-acca-card{
    padding:16px!important;
    border-radius:18px!important;
  }
  #acca-root .p2u-acca-warning{
    gap:10px;
    margin-bottom:12px;
    padding:13px;
    border-radius:14px;
    font-size:13px!important;
    line-height:1.48!important;
  }
  #acca-root .p2u-acca-warning-icon{
    flex-basis:22px;
    width:22px;
    height:22px;
    font-size:13px;
  }
  #acca-root .p2u-acca-warning strong{
    margin-bottom:4px;
    font-size:14px!important;
    line-height:1.25!important;
  }
  #acca-root .p2u-acca-warning-full{display:none}
  #acca-root .p2u-acca-warning-mobile{display:inline}

  #acca-root .p2u-acca-leg{
    grid-template-columns:28px minmax(0,1fr) auto;
    grid-template-areas:
      "number fixture odds"
      "number market market";
    align-items:start;
    column-gap:10px;
    row-gap:10px;
    padding:16px 0;
  }
  #acca-root .p2u-acca-leg-number{
    grid-area:number;
    display:grid;
    place-items:center;
    width:26px;
    height:26px;
    border:1px solid var(--line-2,#303036);
    border-radius:50%;
    font-size:11px;
    line-height:1;
  }
  #acca-root .p2u-acca-fixture{grid-area:fixture}
  #acca-root .p2u-acca-teams{
    display:block;
    font-size:15px!important;
    line-height:1.32!important;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  #acca-root .p2u-acca-meta{
    margin-top:4px;
    font-size:10.5px!important;
    line-height:1.35!important;
    white-space:normal;
  }
  #acca-root .p2u-acca-market{
    grid-area:market;
    justify-self:start;
    width:auto;
    max-width:100%;
    padding:8px 10px!important;
    border-radius:8px;
    font-size:13px!important;
    line-height:1.3!important;
    white-space:normal;
  }
  #acca-root .p2u-acca-odds{
    grid-area:odds;
    align-self:start;
    min-width:34px;
    padding-top:2px;
    font-size:15px!important;
    line-height:1.25!important;
    text-align:right;
  }

  #acca-root .p2u-acca-summary{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-items:stretch;
    gap:16px;
    padding-top:18px;
  }
  #acca-root .p2u-acca-total .t-lbl{
    font-size:10.5px!important;
    line-height:1.35!important;
    white-space:normal;
  }
  #acca-root .p2u-acca-total-value{
    margin-top:7px;
    font-size:28px;
  }
  #acca-root .p2u-acca-total-value.is-unpriced{
    font-size:13px!important;
    line-height:1.3!important;
  }
  #acca-root .p2u-acca-add{
    width:100%;
    min-height:48px;
    padding:13px 14px!important;
    border-radius:12px!important;
    font-size:12px!important;
    line-height:1.2!important;
    white-space:normal;
  }
  #acca-root .p2u-acca-disclaimer{
    margin-top:18px;
    padding:0 2px;
    font-size:10.5px!important;
    line-height:1.5!important;
  }
}

@media (max-width:360px){
  #acca-root .p2u-acca-card{padding:13px!important}
  #acca-root .p2u-acca-warning{padding:11px;font-size:12.5px!important}
  #acca-root .p2u-acca-warning strong{font-size:13.5px!important}
  #acca-root .p2u-acca-leg{
    grid-template-columns:25px minmax(0,1fr) auto;
    column-gap:8px;
  }
  #acca-root .p2u-acca-leg-number{width:24px;height:24px}
  #acca-root .p2u-acca-teams{font-size:14px!important}
  #acca-root .p2u-acca-market{font-size:12px!important}
}