/*
 * FindBestBet verified prediction evidence.
 * Stable rendering for desktop, tablet and mobile.
 */


/*
 * Prevent PT/EN content flashing before the final
 * language controller has completed.
 */

html[data-lang="pt"] .en {
  display:none !important;
}


html[data-lang="en"] .pt {
  display:none !important;
}


#fbbPredictionEvidence {
  width:100%;
  min-width:0;
  max-width:100%;

  margin:20px 0;
  padding:20px;

  overflow:hidden;

  border:
    1px solid
    rgba(0,177,255,.34);

  border-radius:16px;

  background:
    linear-gradient(
      145deg,
      rgba(17,25,37,.98),
      rgba(8,14,23,.98)
    );

  box-shadow:
    0 15px 38px
    rgba(0,0,0,.25);
}


#fbbPredictionEvidence,
#fbbPredictionEvidence * {
  box-sizing:border-box;
}


#fbbPredictionEvidence[data-ready="false"] {
  min-height:310px;
}


#fbbPredictionEvidence[data-ready="true"] {
  min-height:0;
}


#fbbPredictionEvidence[data-ready="true"]
.fbb-evidence-skeleton {
  display:none;
}


.fbb-evidence-skeleton {
  display:grid;
  gap:13px;
}


.fbb-evidence-skeleton-line,
.fbb-evidence-skeleton-card {
  position:relative;

  overflow:hidden;

  border-radius:10px;

  background:
    rgba(148,163,184,.10);
}


.fbb-evidence-skeleton-line::after,
.fbb-evidence-skeleton-card::after {
  content:"";

  position:absolute;
  inset:0;

  transform:
    translateX(-100%);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.07),
      transparent
    );

  animation:
    fbbEvidenceLoading
    1.25s
    infinite;
}


.fbb-evidence-skeleton-line {
  height:18px;
}


.fbb-evidence-skeleton-line.wide {
  width:60%;
}


.fbb-evidence-skeleton-line.medium {
  width:82%;
  height:11px;
}


.fbb-evidence-skeleton-grid {
  display:grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap:14px;
}


.fbb-evidence-skeleton-card {
  height:190px;
}


@keyframes fbbEvidenceLoading {
  to {
    transform:
      translateX(100%);
  }
}


.fbb-evidence-header {
  margin-bottom:17px;
}


.fbb-evidence-eyebrow {
  margin-bottom:6px;

  color:#00b1ff;

  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}


.fbb-evidence-title {
  margin:0 0 6px;

  color:#ffffff;

  font-family:
    "Oswald",
    "Arial Narrow",
    sans-serif;

  font-size:
    clamp(
      22px,
      2vw,
      28px
    );

  font-weight:800;
  line-height:1.16;
}


.fbb-evidence-intro {
  max-width:72ch;

  margin:0;

  color:#a8b9c8;

  font-size:12px;
  line-height:1.55;
}


.fbb-evidence-body {
  display:grid;
  gap:14px;
}


.fbb-evidence-panel {
  min-width:0;

  padding:15px;

  border:
    1px solid
    rgba(148,163,184,.15);

  border-radius:13px;

  background:
    rgba(5,11,19,.48);
}


.fbb-evidence-panel-title {
  margin:0 0 12px;

  color:#f8fafc;

  font-size:14px;
  font-weight:900;
  line-height:1.3;
}


/*
 * Form comparison.
 */

.fbb-form-comparison {
  display:grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap:11px;
}


.fbb-form-team {
  min-width:0;

  padding:13px;

  border:
    1px solid
    rgba(56,189,248,.15);

  border-radius:11px;

  background:
    rgba(15,23,34,.72);
}


.fbb-form-team-name {
  margin-bottom:9px;

  color:#ffffff;

  font-size:14px;
  font-weight:900;
}


.fbb-form-record {
  margin-bottom:7px;

  color:#c7d3dd;

  font-size:11px;
  line-height:1.55;
}


.fbb-form-metrics {
  display:grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap:7px;
}


.fbb-form-metric {
  min-width:0;

  padding:8px;

  border-radius:8px;

  background:
    rgba(0,0,0,.21);
}


.fbb-form-metric strong {
  display:block;

  margin-bottom:2px;

  color:#5eead4;

  font-size:15px;
  line-height:1;
}


.fbb-form-metric span {
  color:#91a3b4;

  font-size:9px;
  line-height:1.3;
}


/*
 * Player facts grouped by team.
 */

.fbb-player-team-groups {
  display:grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap:12px;
}


.fbb-player-team-group {
  min-width:0;

  padding:12px;

  border:
    1px solid
    rgba(0,177,255,.20);

  border-radius:12px;

  background:
    rgba(12,21,31,.78);
}


.fbb-player-team-heading {
  margin:0 0 9px;

  color:#00b1ff;

  font-size:12px;
  font-weight:900;
}


.fbb-player-list {
  display:grid;
  gap:8px;
}


.fbb-player-row {
  min-width:0;

  padding:10px;

  border:
    1px solid
    rgba(148,163,184,.13);

  border-radius:9px;

  background:
    rgba(0,0,0,.20);
}


.fbb-player-row-top {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;

  gap:8px;

  margin-bottom:7px;
}


.fbb-player-name {
  min-width:0;

  color:#ffffff;

  font-size:12px;
  font-weight:900;
  line-height:1.25;

  overflow-wrap:anywhere;
}


.fbb-player-position {
  flex:0 0 auto;

  padding:3px 6px;

  border-radius:999px;

  background:
    rgba(0,177,255,.10);

  color:#6dd5ff;

  font-size:8px;
  font-weight:800;
  white-space:nowrap;
}


.fbb-player-stat-line {
  display:flex;
  flex-wrap:wrap;

  gap:5px;
}


.fbb-player-stat {
  display:inline-flex;
  align-items:center;

  min-height:24px;

  padding:4px 7px;

  border-radius:7px;

  background:
    rgba(255,255,255,.045);

  color:#aebdcc;

  font-size:9px;
  font-weight:700;
  white-space:nowrap;
}


.fbb-player-stat.rate {
  color:#5eead4;
}


/*
 * Recent match history.
 */

.fbb-history-columns {
  display:grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap:13px;
}


.fbb-history-team {
  min-width:0;
}


.fbb-history-team-title {
  margin-bottom:8px;

  color:#ffffff;

  font-size:12px;
  font-weight:900;
}


.fbb-history-list {
  display:grid;
  gap:6px;
}


.fbb-history-match {
  display:grid;

  grid-template-columns:
    27px minmax(0, 1fr);

  align-items:center;

  gap:8px;

  min-width:0;

  padding:8px;

  border-radius:8px;

  background:
    rgba(0,0,0,.20);
}


.fbb-history-result {
  width:27px;
  height:27px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:7px;

  color:#071018;

  font-size:9px;
  font-weight:950;
}


.fbb-history-result.win {
  background:#00ff87;
}


.fbb-history-result.draw {
  background:#fbbf24;
}


.fbb-history-result.loss {
  color:#ffffff;

  background:#ef476f;
}


.fbb-history-name {
  min-width:0;

  color:#dce6ef;

  font-size:10px;
  line-height:1.35;

  overflow-wrap:anywhere;
}


.fbb-evidence-conclusion {
  padding:13px 14px;

  border-left:
    3px solid
    #00ff87;

  border-radius:
    0 10px 10px 0;

  background:
    rgba(0,255,135,.055);

  color:#dbe7ef;

  font-size:11px;
  line-height:1.65;
}


.fbb-evidence-conclusion strong {
  color:#00ff87;
}


.fbb-evidence-note {
  margin:12px 0 0;

  color:#738599;

  font-size:9px;
  line-height:1.45;
}


@media(max-width:760px) {
  #fbbPredictionEvidence {
    margin:15px 0;
    padding:14px;

    border-radius:13px;
  }


  #fbbPredictionEvidence[data-ready="false"] {
    min-height:250px;
  }


  .fbb-evidence-skeleton-grid,
  .fbb-form-comparison,
  .fbb-player-team-groups,
  .fbb-history-columns {
    grid-template-columns:1fr;
  }


  .fbb-evidence-skeleton-card {
    height:105px;
  }


  .fbb-evidence-header {
    margin-bottom:13px;
  }


  .fbb-evidence-title {
    font-size:21px;
  }


  .fbb-evidence-intro {
    font-size:11px;
  }


  .fbb-evidence-panel {
    padding:12px;
  }


  .fbb-form-metrics {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }


  .fbb-player-row-top {
    align-items:center;
  }


  .fbb-player-name {
    font-size:12px;
  }


  .fbb-history-name {
    font-size:11px;
  }
}


@media(max-width:390px) {
  #fbbPredictionEvidence {
    padding:12px;
  }


  .fbb-form-metrics {
    grid-template-columns:1fr;
  }


  .fbb-player-position {
    white-space:normal;
    text-align:right;
  }
}