/* Mobile odds accents and the tap-open playable detail card. */
@media (max-width: 900px) {
  html[data-theme="dark"]:not(.tipz365-force-desktop) .mobile-card-odd.fair strong,
  html[data-theme="dark"]:not(.tipz365-force-desktop) .mobile-card-corner-value.negative,
  html[data-theme="dark"]:not(.tipz365-force-desktop) .mobile-model-row strong {
    color: #ff1f1f !important;
  }

  html[data-theme="dark"]:not(.tipz365-force-desktop) .mobile-card-odd.bookie strong,
  html[data-theme="dark"]:not(.tipz365-force-desktop) .mobile-card-corner-value.positive,
  html[data-theme="dark"]:not(.tipz365-force-desktop) .mobile-card-bet-toggle.added {
    color: #39d353 !important;
  }

  html[data-theme="light"]:not(.tipz365-force-desktop) .mobile-card-odd.fair strong,
  html[data-theme="light"]:not(.tipz365-force-desktop) .mobile-card-corner-value.negative,
  html[data-theme="light"]:not(.tipz365-force-desktop) .mobile-model-row strong {
    color: #a83f45 !important;
  }

  html[data-theme="light"]:not(.tipz365-force-desktop) .mobile-card-odd.bookie strong,
  html[data-theme="light"]:not(.tipz365-force-desktop) .mobile-card-corner-value.positive,
  html[data-theme="light"]:not(.tipz365-force-desktop) .mobile-card-bet-toggle.added {
    color: #2f7451 !important;
  }

  html:not(.tipz365-force-desktop) .mobile-playable-card {
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid rgba(79, 143, 114, .58);
    border-radius: 10px;
    background: rgba(53, 132, 95, .08);
  }

  html:not(.tipz365-force-desktop) .mobile-playable-title {
    margin-bottom: 8px;
    color: var(--ink);
    font-size: 13px;
    font-weight: 850;
  }

  html:not(.tipz365-force-desktop) .mobile-playable-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 5px 0;
    border-bottom: 1px solid var(--border);
    color: var(--muted);
    font-size: 12px;
  }

  html:not(.tipz365-force-desktop) .mobile-playable-row:last-child { border-bottom: 0; }
  html:not(.tipz365-force-desktop) .mobile-playable-row strong {
    color: var(--ink);
    text-align: right;
    font-variant-numeric: tabular-nums;
  }

  html:not(.tipz365-force-desktop) .mobile-playable-row.good strong { color: #39d353; }
  html[data-theme="light"]:not(.tipz365-force-desktop) .mobile-playable-row.good strong { color: #2f7451; }

  html:not(.tipz365-force-desktop) .mobile-playable-other-title {
    margin: 10px 0 4px;
    color: var(--ink-2);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
  }
}