/* Signal Labs — premium brand-colored monogram fallback.
   Rendered when a team logo is missing OR when SL_LOGO_MODE === "monogram". */
.sl-mono{
  --p:#2a2f3a; --s:#4a5160;
  box-sizing:border-box;
  display:inline-flex; align-items:center; justify-content:center;
  width:24px; height:24px; border-radius:6px;
  background-color:var(--p);
  background-image:
    radial-gradient(118% 118% at 27% 12%, rgba(255,255,255,.22), rgba(255,255,255,0) 52%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.14));
  box-shadow:
    inset 0 0 0 1.4px var(--s),
    inset 0 1px 1px rgba(255,255,255,.16),
    0 1px 2px rgba(0,0,0,.35);
  color:#fff;
  font-family:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  font-weight:700; font-size:9px; line-height:1; letter-spacing:.01em;
  text-transform:uppercase; text-align:center;
  flex:none; overflow:hidden; vertical-align:middle;
  font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;
  user-select:none;
}
/* Match the sizing of the logo <img> boxes it replaces */
.edge-card .team-row .sl-mono{ width:24px; height:24px; font-size:9px; }
.live-score-row .side .sl-mono{ width:24px; height:24px; font-size:9px; }
.marquee-item .sl-mono{ width:20px; height:20px; font-size:8px; border-radius:5px; }
@media (max-width:480px){
  .edge-card .team-row .sl-mono{ width:20px; height:20px; font-size:8px; border-radius:5px; }
  .live-score-row .side .sl-mono{ width:18px; height:18px; font-size:7.5px; border-radius:5px; }
}
/* Standalone / demo sizes */
.sl-mono.sl-lg{ width:56px; height:56px; font-size:20px; border-radius:13px; box-shadow:
    inset 0 0 0 2.6px var(--s), inset 0 1.5px 1px rgba(255,255,255,.18), 0 2px 5px rgba(0,0,0,.4); }
.sl-mono.sl-md{ width:40px; height:40px; font-size:14px; border-radius:9px; }