/* ===== RESET & BASE ===== */
@font-face {
  font-family: inherit;
}

.f360ls-wrap {
  overflow-x: hidden;
  max-width: 100%;
  --bg: #f4f7fb;
  --surface: #fff;
  --surface2: #f8fafc;
  --surface3: #eef4fb;
  --text: #0f172a;
  --muted: #64748b;
  --line: #e2e8f0;
  --soft: #f1f5f9;
  --accent: #16a34a;
  --accent2: #22c55e;
  --accentSoft: #dcfce7;
  --danger: #ef4444;
  --warning: #f59e0b;
  --blue: #2563eb;
  --shadow: 0 24px 70px rgba(15, 23, 42, .10);
  --wrapRadius: 32px;

  direction: rtl;
  color: var(--text);
  font-family: inherit;
  max-width: 1220px;
  margin: 24px auto;
  background: radial-gradient(circle at 10% 0%, rgba(34, 197, 94, .13), transparent 34%),
    linear-gradient(135deg, #fff, var(--bg));
  border: 1px solid rgba(226, 232, 240, .9);
  border-radius: var(--wrapRadius);
  padding: 18px;
  box-shadow: var(--shadow);
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

/* ===== DARK THEME ===== */
.f360ls-theme-dark {
  --bg: #07111f;
  --surface: #0f2135;
  --surface2: #132a43;
  --surface3: #183955;
  --text: #f8fafc;
  --muted: #a8b6c7;
  --line: #24425f;
  --soft: #10233a;
  --accent: #4ade80;
  --accent2: #86efac;
  --accentSoft: rgba(74, 222, 128, .14);
  --shadow: 0 24px 80px rgba(0, 0, 0, .32);

  background: radial-gradient(circle at top right, rgba(74, 222, 128, .16), transparent 32%),
    linear-gradient(135deg, #07111f, #0b2745);
}

.f360ls-wrap * {
  box-sizing: border-box;
}

/* ===== HERO ===== */
.f360ls-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  background: linear-gradient(135deg, var(--surface), rgba(255, 255, 255, .68));
  border: 1px solid var(--line);
  border-radius: 26px;
  padding: 18px 20px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

.f360ls-theme-dark .f360ls-hero {
  background: linear-gradient(135deg, var(--surface), rgba(19, 42, 67, .75));
}

.f360ls-hero:before {
  content: "";
  position: absolute;
  inset: auto -60px -90px auto;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(67, 67, 67, 0.11);
}

.f360ls-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.f360ls-kicker:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: var(--accent);
  box-shadow: 0 0 0 5px var(--accentSoft);
}
.wd-content-area .hentry .f360ls-density-comfortable{
	background-image:none;
	
}
.f360ls-collapsible-table.is-collapsed tr.f360ls-row-hidden {
  display: none;
}
.f360ls-collapsible-table.is-collapsed tr.f360ls-row-hidden {
  display: none;
}

.f360ls-show-full-table {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 10px 14px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  color: #374151;
}
.f360ls-show-full-table:hover {
  background: #e5e7eb;
}

.f360ls-show-full-table {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 10px 14px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  color: #374151;
}
.f360ls-show-full-table:hover {
  background: #e5e7eb;
}

.f360ls-match-link {
  font-size: 11px;
  text-decoration: none;
  color: var(--blue);
  font-weight: 950;
  display: none;
}
.f360ls-hero h2 {
  margin: 0;
  font-size: 28px;
  line-height: 1.25;
  color: var(--text);
  font-weight: 1000;
}

.f360ls-hero p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
  display: none;
}
/* جدول جمع‌شده: ردیف‌های اضافه مخفی */
.f360ls-collapsible-table.is-collapsed tr.f360ls-row-hidden {
  display: none;
}
/* جدول جمع‌شده - مخفی کردن ردیف‌های اضافه */
.f360ls-wrap table.f360ls-collapsible-table.is-collapsed tr.f360ls-row-hidden {
  display: none !important;
}

/* استایل دکمه */
.f360ls-wrap .f360ls-show-full-table {
  display: block;
  width: 100%;
  margin-top: 12px;
  padding: 12px 16px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  color: #374151;
  transition: background .15s ease;
}
.f360ls-wrap .f360ls-show-full-table:hover {
  background: #e5e7eb;
}
/* استایل دکمه «مشاهده جدول کامل» */
.f360ls-show-full-table {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 10px 14px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  color: #374151;
  transition: background .15s ease;
}
.f360ls-show-full-table:hover {
  background: #e5e7eb;
}

.f360ls-hero-stats {
  width: 92px;
  height: 92px;
  border-radius: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  color: #fff;
  box-shadow: 0 14px 32px rgba(34, 197, 94, .25);
  z-index: 1;
  flex: 0 0 auto;
}

.f360ls-hero-stats span {
  font-size: 30px;
  font-weight: 1000;
  line-height: 1;
  color: #fff;
}

.f360ls-hero-stats small {
  font-weight: 900;
  font-size: 12px;
  color: #fff;
}

/* ===== TABS & LEAGUE JUMPS ===== */
.f360ls-tabs-shell {
  overflow-x: auto;
  padding-bottom: 8px;
  margin-bottom: 14px;
}

.f360ls-tabs-shell::-webkit-scrollbar {
  height: 6px;
}

.f360ls-tabs-shell::-webkit-scrollbar-thumb {
  background: var(--line);
  border-radius: 99px;
}

.f360ls-tabs,
.f360ls-league-jumps {
  display: flex;
  gap: 8px;
  min-width: max-content;
}

.f360ls-league-jumps {
  overflow-x: auto;
  padding: 0 0 10px;
  margin: -2px 0 12px;
  min-width: 0;
}

.f360ls-tab,
.f360ls-league-jumps a {
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, .72);
  color: var(--muted);
  border-radius: 999px;
  padding: 11px 18px;
  font-weight: 950;
  cursor: pointer;
  transition: .22s ease;
  white-space: nowrap;
  font-family: inherit;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .04);
}

.f360ls-theme-dark .f360ls-tab,
.f360ls-theme-dark .f360ls-league-jumps a {
  background: rgba(15, 33, 53, .72);
}

.f360ls-tab:hover,
.f360ls-tab.is-active,
.f360ls-league-jumps a:hover {
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  color: #fff;
  border-color: transparent;
  transform: translateY(-1px);
}

/* ===== TOOLBAR ===== */
.f360ls-toolbar {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0 18px;
  flex-wrap: wrap;
  background: rgba(255, 255, 255, .56);
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 10px;
  backdrop-filter: blur(14px);
}

.f360ls-theme-dark .f360ls-toolbar {
  background: rgba(15, 33, 53, .58);
}

.f360ls-search {
  flex: 1;
  min-width: 240px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 11px 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55);
}

.f360ls-search span {
  color: var(--accent);
  font-size: 12px;
  font-weight: 950;
}

.f360ls-search input {
  width: 100%;
  background: transparent;
  border: 0;
  outline: none;
  color: var(--text);
  font-family: inherit;
  font-weight: 800;
}

.f360ls-search input::placeholder {
  color: var(--muted);
}

.f360ls-filter-buttons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.f360ls-filter-buttons button {
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--muted);
  border-radius: 16px;
  padding: 11px 15px;
  cursor: pointer;
  font-weight: 950;
  font-family: inherit;
  transition: .2s;
}

.f360ls-filter-buttons button:hover {
  transform: translateY(-1px);
}

.f360ls-filter-buttons button.is-active {
  background: #f00;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.35);
}

/* ===== PANELS ===== */
.f360ls-panel {
  display: none;
}

.f360ls-panel.is-active {
  display: block;
}

.f360ls-all .f360ls-panel {
  display: block;
}

.f360ls-all-grid {
  display: grid;
  gap: 18px;
}

.f360ls-all-card {
  scroll-margin-top: 24px;
  background: rgba(255, 255, 255, .44);
  border: 1px solid var(--line);
  border-radius: 28px;
  padding: 12px;
}

.f360ls-theme-dark .f360ls-all-card {
  background: rgba(15, 33, 53, .34);
}

/* ===== LEAGUE HEAD ===== */
.f360ls-league-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: linear-gradient(135deg, var(--surface), var(--surface2));
  border: 1px solid var(--line);
  border-radius: 26px;
  padding: 18px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

.f360ls-league-head:after {
  content: "";
  position: absolute;
  inset: -50px auto auto -50px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(37, 99, 235, .08);
}

.f360ls-title-row {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  z-index: 1;
}

.f360ls-logo-frame {
  width: 64px;
  height: 64px;
  border-radius: 22px;
  background: linear-gradient(135deg, var(--surface3), var(--surface));
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .08);
  flex: 0 0 auto;
}

.f360ls-logo-frame span {
  font-size: 28px;
}

.f360ls-league-logo {
  width: 52px;
  height: 52px;
  object-fit: contain;
  border-radius: 16px;
  padding: 4px;
}

.f360ls-source-badge {
  display: inline-flex;
  background: var(--accentSoft);
  color: var(--accent);
  border: 1px solid rgba(34, 197, 94, .22);
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 950;
  margin-bottom: 6px;
}

.f360ls-title-row h3 {
  margin: 0 0 4px;
  font-size: 23px;
  font-weight: 1000;
  color: var(--text);
  letter-spacing: -.02em;
}

.f360ls-title-row p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
}

.f360ls-mini-stats {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  z-index: 1;
}

.f360ls-mini-stats span {
  background: var(--soft);
  border: 1px solid var(--line);
  color: var(--muted);
  border-radius: 999px;
  padding: 8px 11px;
  font-size: 12px;
  font-weight: 950;
}

.f360ls-mini-stats .is-live {
  color: var(--danger);
  background: rgba(239, 68, 68, .10);
  border-color: rgba(239, 68, 68, .18);
}

/* ===== SECTION ===== */
.f360ls-section {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 26px;
  padding: 16px;
  margin-top: 16px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(15, 23, 42, .06);
}

.f360ls-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.f360ls-section-title strong {
  display: block;
  font-size: 19px;
  color: var(--text);
  font-weight: 1000;
}

.f360ls-section-title span {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: var(--muted);
  font-weight: 750;
}

.f360ls-section-title em {
  font-style: normal;
  color: var(--accent);
  background: var(--accentSoft);
  border: 1px solid rgba(34, 197, 94, .22);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}

/* ===== STANDINGS TABLE ===== */
.f360ls-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  border-radius: 20px;
  border: 1px solid var(--line);
  background: var(--surface2);
}

.f360ls-standings-table.is-collapsed .f360ls-row-hidden {
  display: none;
}

.f360ls-show-full-table {
  display: block;
  width: 100%;
  margin: 10px 0 0;
  padding: 11px;
  border: 1px dashed var(--line);
  border-radius: 14px;
  background: var(--surface2);
  color: var(--accent);
  font-family: inherit;
  font-weight: 900;
  font-size: 13px;
  cursor: pointer;
  text-align: center;
  transition: background .15s ease;
}

.f360ls-show-full-table:hover {
  background: var(--surface3);
}

.f360ls-standings-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 780px;
  background: var(--surface2);
}

.f360ls-standings-table th {
  position: sticky;
  top: 0;
  background: linear-gradient(180deg, var(--surface3), var(--surface2));
  color: var(--muted);
  font-size: 12px;
  padding: 14px 10px;
  border-bottom: 1px solid var(--line);
  text-align: center;
  white-space: nowrap;
  font-weight: 950;
}

.f360ls-standings-table td {
  padding: 12px 10px;
  border-bottom: 1px solid var(--line);
  text-align: center;
  color: var(--text);
  font-weight: 850;
}

.f360ls-standings-table tbody tr:last-child td {
  border-bottom: 0;
}

.f360ls-standings-table tbody tr {
  transition: .18s;
}

.f360ls-standings-table tbody tr:hover {
  background: rgba(34, 197, 94, .06);
}

.f360ls-standings-table tbody tr.is-top-rank {
  background: linear-gradient(90deg, rgba(34, 197, 94, .10), transparent);
}

.f360ls-standings-table .team {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: right;
  min-width: 220px;
}

.f360ls-standings-table .team img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  border-radius: 12px;
  background: #fff;
  border: 1px solid var(--line);
  padding: 3px;
}

.f360ls-theme-dark .f360ls-standings-table .team img {
  background: rgba(255, 255, 255, .08);
}

.f360ls-standings-table .rank span {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--soft);
  color: var(--accent);
  font-weight: 1000;
}

.f360ls-standings-table .points {
  font-size: 18px;
  color: var(--accent);
  font-weight: 1000;
}

.move {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: auto;
  background: var(--muted);
}

.move-up {
  background: var(--accent);
}

.move-down {
  background: var(--danger);
}

/* ===== WEEK / MATCHES ===== */
.f360ls-week {
  margin-top: 14px;
}

.f360ls-week h4 {
  margin: 0 0 10px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 950;
}

.f360ls-match-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.f360ls-match-card {
  display: grid;
  grid-template-columns: 1fr 120px 1fr;
  gap: 10px;
  align-items: center;
  background: linear-gradient(135deg, var(--surface2), var(--surface));
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 13px;
  transition: .22s ease;
  position: relative;
  overflow: hidden;
}

.f360ls-match-card:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 50%;
  width: 1px;
  background: linear-gradient(transparent, var(--line), transparent);
}

.f360ls-match-card:hover {
  transform: translateY(-3px);
  border-color: rgba(34, 197, 94, .45);
  box-shadow: 0 18px 36px rgba(15, 23, 42, .08);
}

.f360ls-match-card .team {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 950;
  min-width: 0;
  z-index: 1;
}

.f360ls-match-card .team.away {
  justify-content: flex-end;
}

.f360ls-match-card .team span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.f360ls-match-card img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  border-radius: 12px;
  background: #fff;
  border: 1px solid var(--line);
  padding: 3px;
}

.f360ls-theme-dark .f360ls-match-card img {
  background: rgba(255, 255, 255, .08);
}

.scorebox {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  z-index: 1;
}

.score {
  background: var(--text);
  color: var(--surface);
  border-radius: 999px;
  padding: 7px 13px;
  min-width: 78px;
  text-align: center;
  font-weight: 1000;
  box-shadow: 0 12px 24px rgba(15, 23, 42, .12);
}

.f360ls-theme-dark .score {
  background: #f8fafc;
  color: #0f172a;
}

.status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: var(--muted);
  font-weight: 900;
}

.status i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--muted);
}

.status-live {
  color: var(--danger);
}

.status-live i {
  background: var(--danger);
  box-shadow: 0 0 0 5px rgba(239, 68, 68, .12);
  animation: f360lsPulse 1.4s infinite;
}

.status-finished {
  color: var(--accent);
}

.status-finished i {
  background: var(--accent);
}

.f360ls-match-link {
  font-size: 11px;
  text-decoration: none;
  color: var(--blue);
  font-weight: 950;
}

.f360ls-theme-dark .f360ls-match-link {
  color: #93c5fd;
}

@keyframes f360lsPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, .28);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(239, 68, 68, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
  }
}

/* ===== EMPTY / NO RESULTS ===== */
.f360ls-empty,
.f360ls-no-results {
  background: var(--surface);
  border: 1px dashed var(--line);
  border-radius: 22px;
  padding: 24px;
  text-align: center;
  color: var(--muted);
  font-weight: 900;
}

.f360ls-no-results {
  display: none;
  margin-top: 16px;
}

/* ===== DESCRIPTION ===== */
.f360ls-description {
  margin-top: 16px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 14px;
  color: var(--muted);
}

.f360ls-description summary {
  cursor: pointer;
  color: var(--text);
  font-weight: 950;
}

/* ===== UTILITY ===== */
.f360ls-is-hidden {
  display: none !important;
}

/* ===== DENSITY COMPACT ===== */
.f360ls-density-compact {
  padding: 12px;
}

.f360ls-density-compact .f360ls-hero,
.f360ls-density-compact .f360ls-league-head {
  padding: 14px;
  border-radius: 20px;
}

.f360ls-density-compact .f360ls-section {
  padding: 12px;
  border-radius: 20px;
}

.f360ls-density-compact .f360ls-match-card {
  padding: 10px;
  border-radius: 18px;
}

.f360ls-density-compact .f360ls-standings-table td {
  padding: 9px 8px;
}

.f360ls-density-compact .f360ls-standings-table th {
  padding: 10px 8px;
}

.f360ls-density-compact .f360ls-logo-frame {
  width: 54px;
  height: 54px;
  border-radius: 18px;
}

.f360ls-density-compact .f360ls-title-row h3 {
  font-size: 20px;
}

/* ================================================================ */
/* ===== RESPONSIVE (≤900px) ===== */
/* ================================================================ */
@media (max-width: 900px) {
  .f360ls-wrap {
    border-radius: 24px;
    padding: 12px;
    margin: 14px auto;
  }

  .f360ls-hero,
  .f360ls-league-head {
    align-items: flex-start;
    flex-direction: column;
    border-radius: 20px;
  }

  .f360ls-hero-stats {
    width: 100%;
    height: auto;
    min-height: 68px;
  }

  .f360ls-match-list {
    grid-template-columns: 1fr;
  }

  .f360ls-match-card {
    grid-template-columns: 1fr 92px 1fr;
    padding: 10px;
  }

  .f360ls-title-row h3 {
    font-size: 19px;
  }

  .f360ls-logo-frame {
    width: 56px;
    height: 56px;
  }

  .f360ls-league-logo {
    width: 46px;
    height: 46px;
  }

  .f360ls-section {
    border-radius: 20px;
    padding: 12px;
  }

  .f360ls-toolbar {
    border-radius: 20px;
  }

  .f360ls-search {
    min-width: 100%;
  }

  .f360ls-news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .f360ls-versus {
    grid-template-columns: 1fr;
  }

  .f360ls-vs-badge {
    margin: auto;
    width: 100%;
    height: 54px;
    border-radius: 18px;
  }
}

/* ================================================================ */
/* ===== RESPONSIVE (≤520px) ===== */
/* ================================================================ */
@media (max-width: 520px) {
  .f360ls-match-card {
    grid-template-columns: 1fr;
    gap: 12px;
    text-align: center;
  }

  .f360ls-match-card:before {
    display: none;
  }

  .f360ls-match-card .team,
  .f360ls-match-card .team.away {
    justify-content: center;
  }

  .scorebox {
    order: -1;
  }

  .f360ls-mini-stats {
    justify-content: flex-start;
  }

  .f360ls-section-title {
    align-items: flex-start;
    flex-direction: column;
  }

  .f360ls-hero h2 {
    font-size: 23px;
  }

  .f360ls-news-grid {
    grid-template-columns: 1fr;
  }

  .f360ls-mini-row,
  .f360ls-person-row {
    grid-template-columns: 30px 32px 1fr auto;
  }
}

/* ===== MODULE HEAD ===== */
.f360ls-module-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: linear-gradient(135deg, var(--surface), var(--surface2));
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 15px 16px;
  margin-bottom: 14px;
}

.f360ls-module-head strong {
  font-size: 18px;
  font-weight: 1000;
}

.f360ls-module-head span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.f360ls-match-league {
  font-size: 10px;
  color: var(--muted);
  font-weight: 900;
}

/* ===== MINI TABLE / PERSON ROW ===== */
.f360ls-mini-table {
  display: grid;
  gap: 8px;
}

.f360ls-mini-row,
.f360ls-person-row {
  display: grid;
  grid-template-columns: 34px 36px 1fr auto;
  align-items: center;
  gap: 10px;
  background: var(--surface2);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 9px;
}

.f360ls-mini-row img,
.f360ls-person-row img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  border-radius: 10px;
  background: #fff;
  border: 1px solid var(--line);
  padding: 3px;
}

.f360ls-mini-row b,
.f360ls-person-row b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: var(--accentSoft);
  color: var(--accent);
}

.f360ls-mini-row span,
.f360ls-person-row span {
  font-weight: 950;
}

.f360ls-mini-row em,
.f360ls-person-row em {
  font-style: normal;
  color: var(--accent);
  font-weight: 1000;
}

/* ===== FAVORITE PICKER ===== */
.f360ls-favorite-picker {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.f360ls-favorite-picker button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 999px;
  padding: 8px 12px;
  cursor: pointer;
  color: var(--text);
  font-family: inherit;
  font-weight: 900;
}

.f360ls-favorite-picker button.is-selected {
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  color: #052e16;
  border-color: transparent;
}

.f360ls-favorite-picker img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.f360ls-match-card.is-favorite-match {
  border-color: var(--accent);
  box-shadow: 0 18px 36px rgba(34, 197, 94, .16);
}

/* ===== VERSUS / PREVIEW ===== */
.f360ls-versus {
  display: grid;
  grid-template-columns: 1fr 90px 1fr;
  gap: 14px;
  align-items: center;
}

.f360ls-preview-team {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 18px;
  text-align: center;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
}

.f360ls-preview-team img {
  width: 68px;
  height: 68px;
  object-fit: contain;
  border-radius: 20px;
  background: #fff;
  border: 1px solid var(--line);
  padding: 6px;
}

.f360ls-preview-team h3 {
  margin: 10px 0 8px;
  font-size: 22px;
}

.f360ls-preview-stats {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.f360ls-preview-stats span {
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 10px;
  color: var(--muted);
  font-weight: 900;
}

.f360ls-vs-badge {
  width: 82px;
  height: 82px;
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  color: #052e16;
  font-size: 24px;
  font-weight: 1000;
  box-shadow: 0 16px 32px rgba(34, 197, 94, .22);
}

/* ===== FORM BADGES ===== */
.f360ls-form-badges {
  display: flex;
  gap: 7px;
  justify-content: center;
  align-items: center;
}

.f360ls-form-badges span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 12px;
  color: #fff;
  font-weight: 1000;
}

.f360ls-form-badges .form-W {
  background: var(--accent);
}

.f360ls-form-badges .form-D {
  background: var(--warning);
}

.f360ls-form-badges .form-L {
  background: var(--danger);
}

.f360ls-form-badges .is-empty {
  width: auto;
  padding: 0 12px;
  background: var(--soft);
  color: var(--muted);
}

/* ===== PEOPLE LIST ===== */
.f360ls-people-list {
  display: grid;
  gap: 8px;
}

/* ===== NEWS GRID ===== */
.f360ls-news-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.f360ls-news-card {
  display: block;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 10px;
  text-decoration: none;
  color: var(--text);
  transition: .2s;
  overflow: hidden;
}

.f360ls-news-card:hover {
  transform: translateY(-2px);
  border-color: var(--accent);
}

.f360ls-news-card img {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  border-radius: 14px;
  margin-bottom: 9px;
}

.f360ls-news-card strong {
  display: block;
  font-size: 13px;
  line-height: 1.8;
}

.f360ls-news-card p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.8;
}

/* ===== REFRESH INDICATOR ===== */
.f360ls-wrap.is-refreshing:after {
  content: 'در حال بروزرسانی...';
  position: absolute;
  left: 18px;
  bottom: 18px;
  background: var(--text);
  color: var(--surface);
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 950;
  z-index: 5;
}

.f360ls-wrap[data-f360ls-refresh="1"] .f360ls-hero:after {
  content: 'Auto Refresh';
  position: absolute;
  left: 16px;
  top: 16px;
  background: var(--accentSoft);
  color: var(--accent);
  border: 1px solid rgba(34, 197, 94, .25);
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 10px;
  font-weight: 1000;
}

/* ===== NO ANIMATIONS ===== */
.f360ls-no-animations *,
.f360ls-no-animations *:before,
.f360ls-no-animations *:after {
  animation: none !important;
  transition: none !important;
}

/* ================================================================ */
/* ===== MOBILE-FIRST CONVERSION LAYER (≤680px) ===== */
/* ===== REMOVES ALL GREEN SHADOWS & LIGHT GREEN TINTS ===== */
/* ================================================================ */
@media (max-width: 680px) {
  .f360ls-wrap {
    width: calc(100% - 20px);
    margin: 10px auto;
    padding: 10px;
    border-radius: 20px;
    box-shadow: 0 12px 36px rgba(15, 23, 42, .10);
    /* Remove green radial gradient on mobile */
    background: linear-gradient(135deg, #fff, var(--bg)) !important;
  }

  .f360ls-theme-dark .f360ls-wrap {
    background: linear-gradient(135deg, #07111f, #0b2745) !important;
  }

  .f360ls-hero {
    padding: 14px;
    border-radius: 18px;
    margin-bottom: 12px;
  }

  .f360ls-hero h2 {
    font-size: 21px;
    line-height: 1.55;
  }

  .f360ls-hero p {
    font-size: 12px;
    line-height: 1.9;
  }

  .f360ls-hero-stats {
    min-height: 58px;
    border-radius: 16px;
    /* Remove green shadow */
    box-shadow: none !important;
  }

  .f360ls-hero-stats span {
    font-size: 24px;
  }

  /* Remove light green glow from kicker */
  .f360ls-kicker:before {
    box-shadow: none !important;
  }

  .f360ls-tabs-shell,
  .f360ls-league-jumps {
    margin-inline: -4px;
    padding-inline: 4px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .f360ls-tab,
  .f360ls-league-jumps a {
    padding: 10px 13px;
    font-size: 12px;
    scroll-snap-align: start;
  }

  .f360ls-toolbar {
    position: sticky;
    top: 6px;
    z-index: 10;
    padding: 8px;
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
  }

  .f360ls-search {
    min-width: 100%;
    padding: 10px 12px;
    border-radius: 15px;
  }

  .f360ls-filter-buttons {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
  }

  .f360ls-filter-buttons button {
    width: 100%;
    padding: 10px 6px;
    border-radius: 13px;
    font-size: 12px;
  }

  .f360ls-league-head {
    padding: 13px;
    border-radius: 18px;
    margin-bottom: 12px;
  }

  .f360ls-title-row {
    width: 100%;
    gap: 10px;
  }

  .f360ls-logo-frame {
    width: 52px;
    height: 52px;
    border-radius: 16px;
  }

  .f360ls-league-logo {
    width: 42px;
    height: 42px;
  }

  .f360ls-title-row h3 {
    font-size: 18px;
    line-height: 1.55;
  }

  .f360ls-source-badge {
    font-size: 10px;
    padding: 3px 8px;
  }

  .f360ls-mini-stats {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .f360ls-mini-stats span {
    text-align: center;
    padding: 7px 8px;
    font-size: 11px;
    white-space: normal;
    line-height: 1.7;
  }

  .f360ls-section {
    padding: 10px;
    border-radius: 18px;
    margin-top: 12px;
  }

  .f360ls-section-title {
    gap: 8px;
    margin-bottom: 10px;
  }

  .f360ls-section-title strong {
    font-size: 16px;
  }

  .f360ls-section-title span {
    font-size: 11px;
    line-height: 1.7;
  }

  /* Remove light green background from section badge */
  .f360ls-section-title em {
    font-size: 11px;
    padding: 6px 9px;
    background: var(--surface) !important;
    color: var(--text) !important;
    border-color: var(--line) !important;
  }

  .f360ls-table-scroll {
    overflow: visible;
    border: 0;
    background: transparent;
    border-radius: 0;
  }

  .f360ls-standings-table {
    min-width: 0;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
  }

  .f360ls-standings-table thead {
    display: none;
  }

  .f360ls-standings-table,
  .f360ls-standings-table tbody,
  .f360ls-standings-table tr,
  .f360ls-standings-table td {
    display: block;
    width: 100%;
  }

  .f360ls-standings-table tbody {
    display: grid;
    gap: 10px;
  }

  .f360ls-standings-table tr {
    background: linear-gradient(135deg, var(--surface2), var(--surface));
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 10px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
  }

  /* Remove green background & shadow from top rank on mobile */
  .f360ls-standings-table tr.is-top-rank {
    background: var(--surface) !important;
    border-color: var(--line) !important;
    box-shadow: none !important;
  }

  .f360ls-standings-table td {
    border: 0 !important;
    padding: 7px 0;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 13px;
  }

  .f360ls-standings-table td:before {
    content: "";
    color: var(--muted);
    font-size: 11px;
    font-weight: 950;
    flex: 0 0 auto;
  }

  .f360ls-standings-table td:nth-child(1):before {
    content: "رتبه";
  }
  .f360ls-standings-table td:nth-child(2):before {
    content: "تیم";
  }
  .f360ls-standings-table td:nth-child(3):before {
    content: "بازی";
  }
  .f360ls-standings-table td:nth-child(4):before {
    content: "برد";
  }
  .f360ls-standings-table td:nth-child(5):before {
    content: "مساوی";
  }
  .f360ls-standings-table td:nth-child(6):before {
    content: "باخت";
  }
  .f360ls-standings-table td:nth-child(7):before {
    content: "تفاضل";
  }
  .f360ls-standings-table td:nth-child(8):before {
    content: "گل";
  }
  .f360ls-standings-table td:nth-child(9):before {
    content: "امتیاز";
  }

  .f360ls-standings-table .team {
    min-width: 0;
    justify-content: flex-end;
    flex: 1;
  }

  .f360ls-standings-table .team img {
    width: 30px;
    height: 30px;
  }

  .f360ls-standings-table .rank span {
    width: 28px;
    height: 28px;
    border-radius: 10px;
  }

  .f360ls-standings-table .points {
    font-size: 16px;
  }

  .f360ls-week h4 {
    font-size: 13px;
    margin-bottom: 8px;
  }

  .f360ls-match-list {
    gap: 10px;
  }

  .f360ls-match-card {
    grid-template-columns: 1fr;
    gap: 10px;
    text-align: center;
    border-radius: 18px;
    padding: 12px;
  }

  .f360ls-match-card:before {
    display: none;
  }

  .f360ls-match-card .team,
  .f360ls-match-card .team.away {
    justify-content: center;
    min-width: 0;
  }

  .f360ls-match-card .team span {
    max-width: 100%;
    white-space: normal;
    line-height: 1.6;
  }

  .f360ls-match-card img {
    width: 32px;
    height: 32px;
  }

  /* Remove green shadow and border from favorite matches on mobile */
  .f360ls-match-card.is-favorite-match {
    border-color: var(--line) !important;
    box-shadow: none !important;
  }

  .scorebox {
    order: -1;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 8px;
  }

  .score {
    min-width: 82px;
    padding: 7px 14px;
  }

  .status {
    justify-content: center;
    line-height: 1.7;
  }

  .f360ls-match-link {
    display: inline-flex;
    margin-top: 2px;
    background: var(--soft);
    border-radius: 999px;
    padding: 4px 9px;
  }

  .f360ls-module-head {
    align-items: flex-start;
    flex-direction: column;
    border-radius: 18px;
    padding: 13px;
  }

  .f360ls-news-grid {
    grid-template-columns: 1fr;
  }

  .f360ls-news-card {
    border-radius: 16px;
  }

  .f360ls-news-card img {
    border-radius: 12px;
  }

  .f360ls-favorite-picker {
    max-height: 260px;
    overflow: auto;
    padding-left: 2px;
  }

  .f360ls-favorite-picker button {
    width: 100%;
    justify-content: flex-start;
    border-radius: 14px;
  }

  .f360ls-versus {
    gap: 10px;
  }

  .f360ls-preview-team {
    border-radius: 18px;
    padding: 14px;
  }

  .f360ls-preview-team img {
    width: 58px;
    height: 58px;
  }

  .f360ls-preview-team h3 {
    font-size: 18px;
  }

  /* Remove green shadow from VS badge on mobile */
  .f360ls-vs-badge {
    height: 48px;
    border-radius: 16px;
    font-size: 18px;
    box-shadow: none !important;
  }

  /* Remove light green background from mini rows on mobile */
  .f360ls-mini-row b,
  .f360ls-person-row b {
    background: var(--surface) !important;
    color: var(--text) !important;
  }

  .f360ls-mini-row,
  .f360ls-person-row {
    grid-template-columns: 28px 32px 1fr auto;
    border-radius: 14px;
    padding: 8px;
    gap: 8px;
  }

  .f360ls-mini-row img,
  .f360ls-person-row img {
    width: 30px;
    height: 30px;
  }

  .f360ls-empty,
  .f360ls-no-results {
    border-radius: 16px;
    padding: 18px;
    font-size: 13px;
    line-height: 1.9;
  }
}

/* ===== EXTRA SMALL (≤380px) ===== */
@media (max-width: 380px) {
  .f360ls-wrap {
    width: calc(100% - 12px);
    padding: 8px;
  }

  .f360ls-filter-buttons button {
    font-size: 11px;
  }

  .f360ls-mini-stats {
    grid-template-columns: 1fr;
  }

  .f360ls-title-row {
    align-items: flex-start;
  }

  .f360ls-logo-frame {
    width: 46px;
    height: 46px;
  }

  .f360ls-league-logo {
    width: 38px;
    height: 38px;
  }

  .f360ls-title-row h3 {
    font-size: 16px;
  }

  .f360ls-match-card {
    padding: 10px;
  }

  .f360ls-standings-table tr {
    padding: 9px;
  }

  .f360ls-standings-table td {
    font-size: 12px;
  }

  .f360ls-form-badges span {
    width: 28px;
    height: 28px;
    border-radius: 10px;
  }
}

/* ================================================================ */
/* ===== FOOTBALLI REFERENCE COMPETITION BOARD ===== */
/* ================================================================ */

.f360ls-wrap {
  --f360ls-font: "IRANSansX", "IRANSans", "Vazirmatn", "Yekan Bakh", "Shabnam", Tahoma, Arial, sans-serif;
  font-family: var(--f360ls-font);
}

.f360ls-tabs-layout .f360ls-panel:not(.is-active) {
  display: none !important;
}

.f360ls-tabs-layout .f360ls-panel.is-active {
  display: block !important;
}

.f360ls-compact-head {
  padding: 10px 14px;
  margin-bottom: 10px;
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid #d9dee5;
}

.f360ls-compact-head:after {
  display: none;
}

.f360ls-compact-head .f360ls-logo-frame {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  box-shadow: none;
}

.f360ls-compact-head .f360ls-league-logo {
  width: 38px;
  height: 38px;
  border-radius: 50%;
}

.f360ls-compact-head .f360ls-title-row h3 {
  font-size: 18px;
}

.f360ls-compact-head .f360ls-mini-stats span {
  background: #f5f7f9;
  border-color: #eef1f5;
  color: #728197;
}

.f360ls-footballi-board {
  display: grid;
  grid-template-columns: 1.05fr 1.65fr .95fr;
  gap: 20px;
  align-items: start;
  background: #fff;
  border: 1px solid #e1e5ea;
  border-radius: 6px;
  padding: 18px;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .05);
  direction: ltr;
}

.f360ls-footballi-board>* {
  direction: rtl;
}

.f360ls-board-col {
  min-width: 0;
}

.f360ls-board-title {
  font-weight: 900;
  text-align: center;
  color: #0f2537;
  border-bottom: 1px solid #cfd6de;
  padding: 0 0 10px;
  margin-bottom: 12px;
  font-size: 14px;
}

.f360ls-board-standings {
  border-inline: 1px solid #edf0f3;
  padding-inline: 20px;
}

.f360ls-board-standings .f360ls-table-scroll {
  border: 0;
  border-radius: 0;
  max-height: 690px;
  overflow: auto;
  background: #fff;
}

.f360ls-board-standings .f360ls-standings-table {
  background: #fff;
  min-width: 620px;
}

.f360ls-board-standings .f360ls-standings-table th {
  background: #fff;
  color: #9aa7b6;
  border-bottom: 1px solid #e1e5ea;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 8px;
}

.f360ls-board-standings .f360ls-standings-table td {
  background: #fff;
  border-bottom: 1px solid #e7eaee;
  color: #18324a;
  padding: 11px 8px;
  font-weight: 500;
}

.f360ls-board-standings .f360ls-standings-table tr:hover td {
  background: #fafbfc;
}

.f360ls-board-standings .f360ls-standings-table .team {
  min-width: 150px;
  justify-content: flex-start;
}

.f360ls-board-standings .f360ls-standings-table .team img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 0;
  background: transparent;
  padding: 0;
}

.f360ls-board-standings .f360ls-standings-table .rank span {
  background: transparent;
  color: #1c3854;
  width: auto;
  height: auto;
}

.f360ls-board-standings .f360ls-standings-table .points {
  color: #1f3d5a;
  font-size: 15px;
}

.f360ls-group-row td {
  background: #fff !important;
  color: #23384d !important;
  font-weight: 900 !important;
  text-align: right !important;
  padding-top: 16px !important;
  border-bottom: 0 !important;
}

.f360ls-group-row td:before {
  display: none !important;
}

.f360ls-vertical-matches {
  max-height: 760px;
  overflow: auto;
  padding-left: 10px;
}

.f360ls-vertical-week h4 {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
  margin: 0;
  padding: 8px 0;
  color: #8a97a6;
  text-align: center;
  font-size: 12px;
}

.f360ls-vertical-match {
  border-bottom: 1px solid #edf0f3;
  padding: 18px 8px;
  text-align: center;
}

.f360ls-match-date {
  color: #8a97a6;
  font-size: 12px;
  margin-bottom: 8px;
}

.f360ls-vertical-match strong {
  display: block;
  font-size: 20px;
  line-height: 1;
  color: #000;
  margin: 6px 0;
  font-weight: 900;
}

.f360ls-match-teams-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #000;
  font-weight: 800;
}

.f360ls-match-teams-row img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: contain;
}

.f360ls-vertical-match a {
  display: inline-block;
  margin-top: 8px;
  background: #eef0f2;
  color: #000;
  text-decoration: none;
  border-radius: 3px;
  padding: 3px 18px;
  font-weight: 900;
  font-size: 12px;
}

/* ===== SCORER TABS ===== */
.f360ls-scorer-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  background: #ddd;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 14px;
}

.f360ls-scorer-tabs button {
  border: 0;
  background: #d1d1d1;
  color: #fff;
  padding: 11px 4px;
  font-family: inherit;
  font-weight: 900;
  cursor: pointer;
}

.f360ls-scorer-tabs button.is-active {
  background: #34383e;
  color: #fff;
}

.f360ls-scorer-list {
  max-height: 760px;
  overflow: auto;
}

.f360ls-scorer-row {
  display: grid;
  grid-template-columns: 24px 54px 1fr 30px;
  gap: 10px;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid #edf0f3;
  color: #111;
}

.f360ls-scorer-row>b {
  font-size: 16px;
}

.f360ls-scorer-row>img {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  object-fit: cover;
  background: #f2f4f6;
}

.f360ls-scorer-row span strong {
  display: block;
  font-size: 15px;
  color: #111;
  line-height: 1.7;
}

.f360ls-scorer-row span small {
  display: block;
  color: #34465b;
  font-size: 13px;
  line-height: 1.7;
}

.f360ls-scorer-row em {
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  text-align: center;
}

.f360ls-board-scorers .f360ls-empty,
.f360ls-board-matches .f360ls-empty {
  background: #fafafa;
  border-color: #eee;
  border-radius: 4px;
  color: #8a97a6;
}

/* ===== DARK THEME OVERRIDES FOR FOOTBALLI BOARD ===== */
.f360ls-theme-dark .f360ls-footballi-board,
.f360ls-theme-dark .f360ls-compact-head,
.f360ls-theme-dark .f360ls-board-standings .f360ls-table-scroll,
.f360ls-theme-dark .f360ls-board-standings .f360ls-standings-table,
.f360ls-theme-dark .f360ls-board-standings .f360ls-standings-table th,
.f360ls-theme-dark .f360ls-board-standings .f360ls-standings-table td,
.f360ls-theme-dark .f360ls-vertical-week h4 {
  background: #0f2135;
  color: #e5edf6;
}

.f360ls-theme-dark .f360ls-board-standings .f360ls-standings-table td,
.f360ls-theme-dark .f360ls-board-title,
.f360ls-theme-dark .f360ls-vertical-match {
  border-color: #243a52;
}

.f360ls-theme-dark .f360ls-match-teams-row,
.f360ls-theme-dark .f360ls-vertical-match strong,
.f360ls-theme-dark .f360ls-scorer-row,
.f360ls-theme-dark .f360ls-scorer-row span strong {
  color: #fff;
}

/* ===== RESPONSIVE FOOTBALLI BOARD (≤1100px) ===== */
@media (max-width: 1100px) {
  .f360ls-footballi-board {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .f360ls-board-standings {
    border-inline: 0;
    padding-inline: 0;
  }

  .f360ls-board-scorers {
    order: 3;
  }

  .f360ls-board-standings {
    order: 1;
  }

  .f360ls-board-matches {
    order: 2;
  }

  .f360ls-vertical-matches,
  .f360ls-scorer-list {
    max-height: none;
  }
}

@media (max-width: 680px) {
  .f360ls-footballi-board {
    padding: 10px;
    border-radius: 14px;
  }

  .f360ls-board-title {
    text-align: right;
  }

  .f360ls-board-standings .f360ls-standings-table {
    min-width: 0;
  }

  .f360ls-board-standings .f360ls-table-scroll {
    overflow: visible;
  }

  /* The board-scoped desktop rules above (higher CSS specificity: three
     classes vs. two) were winning over the generic mobile card-conversion
     for these specific cells even though this media query comes later in
     the file - equal-specificity source order only helps for selectors
     that actually match with the same specificity. Team/rank/points here
     need their own explicit mobile values so the board variant (the one
     actually rendered on the league page) gets the same responsive
     card layout as the generic table, instead of a half-converted mix of
     mobile row layout with desktop-fixed team-column width/alignment. */
  .f360ls-board-standings .f360ls-standings-table .team {
    min-width: 0;
    justify-content: flex-end;
    flex: 1;
  }

  .f360ls-board-standings .f360ls-standings-table .team img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
  }

  .f360ls-board-standings .f360ls-standings-table .rank span {
    width: 28px;
    height: 28px;
    border-radius: 10px;
  }

  .f360ls-board-standings .f360ls-standings-table .points {
    font-size: 16px;
  }

  .f360ls-scorer-row {
    grid-template-columns: 24px 46px 1fr 24px;
  }

  .f360ls-scorer-row>img {
    width: 46px;
    height: 46px;
  }

  .f360ls-vertical-match {
    padding: 14px 4px;
  }
}

/* ===== SCORER ROW EXTRA ===== */
.f360ls-scorer-row small {
  display: flex !important;
  align-items: center;
  gap: 5px;
}

.f360ls-scorer-row small img {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50%;
  object-fit: contain;
}

.f360ls-player-placeholder {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f4f6;
  font-size: 24px;
}

/* ===== FINAL VISUAL FIXES ===== */
.f360ls-compact-head .f360ls-title-row h3,
.f360ls-league-head .f360ls-title-row h3 {
  color: var(--text) !important;
}

.f360ls-source-badge {
  display: none !important;
}

.f360ls-title-row p:empty {
  display: none !important;
}

/* ===== USER TEXT COLOR OVERRIDE ===== */
.f360ls-wrap,
.f360ls-wrap .f360ls-title-row h3,
.f360ls-wrap .f360ls-board-title,
.f360ls-wrap .f360ls-match-teams-row,
.f360ls-wrap .f360ls-vertical-match strong,
.f360ls-wrap .f360ls-scorer-row,
.f360ls-wrap .f360ls-scorer-row span strong,
.f360ls-wrap .f360ls-standings-table td,
.f360ls-wrap .f360ls-standings-table th {
  color: var(--text) !important;
}

/* ===== SIDE-BY-SIDE FIXTURE ROWS (reference) ===== */
.f360ls-vertical-match {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  text-align: center;
}

.f360ls-vertical-match .f360ls-match-date {
  grid-column: 1 / -1;
}

.f360ls-vertical-match strong {
  grid-column: 2;
  grid-row: 2;
}

.f360ls-vertical-match .f360ls-match-teams-row {
  grid-row: 2;
  min-width: 0;
}

.f360ls-vertical-match .f360ls-match-teams-row:first-of-type {
  grid-column: 1;
  justify-content: flex-end;
}

.f360ls-vertical-match .f360ls-match-teams-row.is-away {
  grid-column: 3;
  justify-content: flex-start;
}

.f360ls-vertical-match .f360ls-match-teams-row span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
}

.f360ls-scorer-tabs button {
  cursor: pointer;
}

.f360ls-scorer-empty {
  margin-top: 10px;
}

@media (max-width: 480px) {
  .f360ls-vertical-match {
    grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr);
    gap: 4px;
  }

  .f360ls-match-teams-row img {
    width: 30px;
    height: 30px;
  }

  .f360ls-vertical-match strong {
    font-size: 16px;
  }

  .f360ls-vertical-match .f360ls-match-teams-row span {
    font-size: 12px;
  }
}


/* New tabbed shortcode layout */
.f360ls-tabs-modern .f360ls-tabbed-shell {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.f360ls-tabs-sidebar {
  position: sticky;
  top: 16px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 12px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
  max-height: 80vh;
  overflow: auto;
}

.f360ls-tabs-sidebar-title {
  font-weight: 1000;
  color: var(--text);
  border-bottom: 1px solid var(--line);
  padding: 0 0 10px;
  margin: 0 0 10px;
}

.f360ls-tabs-sidebar .f360ls-tab {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  border-radius: 16px;
  padding: 12px 14px;
  margin-bottom: 8px;
  text-align: right;
  transform: none;
}

.f360ls-tabs-sidebar .f360ls-tab span {
  font-weight: 950;
  color: inherit;
  line-height: 1.7;
}

.f360ls-tabs-sidebar .f360ls-tab small {
  opacity: .65;
  direction: ltr;
  font-size: 11px;
}

.f360ls-tabs-content {
  min-width: 0;
}

.f360ls-lazy-placeholder {
  background: var(--surface);
  border: 1px dashed var(--line);
  border-radius: 22px;
  padding: 26px;
  color: var(--muted);
  text-align: center;
  font-weight: 900;
}

.f360ls-lazy-placeholder.is-loading {
  position: relative;
  overflow: hidden;
}

.f360ls-lazy-placeholder.is-loading:after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(100%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
  animation: f360lsSkeleton 1.1s infinite;
}

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

@media (max-width: 980px) {
  .f360ls-tabs-modern .f360ls-tabbed-shell {
    grid-template-columns: 1fr;
  }

  .f360ls-tabs-sidebar {
    position: relative;
    top: auto;
    max-height: none;
    overflow-x: auto;
    display: flex;
    gap: 8px;
    border-radius: 18px;
    padding: 10px;
  }

  .f360ls-tabs-sidebar-title {
    display: none;
  }

  .f360ls-tabs-sidebar .f360ls-tab {
    min-width: 150px;
    width: auto;
    margin-bottom: 0;
    flex: 0 0 auto;
  }
}

/* New tabbed shortcode layout */
.f360ls-tabs-modern .f360ls-tabbed-shell {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.f360ls-tabs-sidebar {
  position: sticky;
  top: 16px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 12px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
  max-height: 80vh;
  overflow: auto;
}

.f360ls-tabs-sidebar-title {
  font-weight: 1000;
  color: var(--text);
  border-bottom: 1px solid var(--line);
  padding: 0 0 10px;
  margin: 0 0 10px;
}

.f360ls-tabs-sidebar .f360ls-tab {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  border-radius: 16px;
  padding: 12px 14px;
  margin-bottom: 8px;
  text-align: right;
  transform: none;
}

.f360ls-tabs-sidebar .f360ls-tab span {
  font-weight: 950;
  color: inherit;
  line-height: 1.7;
}

.f360ls-tabs-sidebar .f360ls-tab small {
  opacity: .65;
  direction: ltr;
  font-size: 11px;
}

.f360ls-tabs-content {
  min-width: 0;
}

.f360ls-lazy-placeholder {
  background: var(--surface);
  border: 1px dashed var(--line);
  border-radius: 22px;
  padding: 26px;
  color: var(--muted);
  text-align: center;
  font-weight: 900;
}

.f360ls-lazy-placeholder.is-loading {
  position: relative;
  overflow: hidden;
}

.f360ls-lazy-placeholder.is-loading:after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(100%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
  animation: f360lsSkeleton 1.1s infinite;
}

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

/* Top scorers without tabs */
.f360ls-scorer-tabs {
  display: none !important;
}

.f360ls-scorer-head {
  display: grid;
  grid-template-columns: 38px 1fr 45px;
  gap: 10px;
  align-items: center;
  color: var(--muted);
  font-size: 12px;
  font-weight: 950;
  border-bottom: 1px solid var(--line);
  padding: 0 0 8px;
  margin-bottom: 8px;
}

.f360ls-scorer-list-single .f360ls-scorer-row {
  display: grid;
  grid-template-columns: 30px 54px 1fr 42px;
  gap: 10px;
  align-items: center;
}

@media (max-width: 980px) {
  .f360ls-tabs-modern .f360ls-tabbed-shell {
    grid-template-columns: 1fr;
  }

  .f360ls-tabs-sidebar {
    position: relative;
    top: auto;
    max-height: none;
    overflow-x: auto;
    display: flex;
    gap: 8px;
    border-radius: 18px;
    padding: 10px;
  }

  .f360ls-tabs-sidebar-title {
    display: none;
  }

  .f360ls-tabs-sidebar .f360ls-tab {
    min-width: 150px;
    width: auto;
    margin-bottom: 0;
    flex: 0 0 auto;
  }
}


.f360ls-tabs .f360ls-tab small,
.f360ls-tabs-sidebar .f360ls-tab small {
    display: none !important;
}
/* Limited 3.9.8 layout correction: league choices above full-width content. */
.f360ls-tabs-modern .f360ls-tabs-sidebar {
  position: relative;
  top: auto;
  max-height: none;
  overflow-x: auto;
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

.f360ls-tabs-modern .f360ls-tabs-sidebar-title {
  display: none;
}

.f360ls-tabs-modern .f360ls-tabs-sidebar .f360ls-tab {
  min-width: 150px;
  width: auto;
  margin-bottom: 0;
  flex: 0 0 auto;
}

.f360ls-tabs-modern .f360ls-tabbed-shell {
  display: block;
  width: 100%;
}

.f360ls-tabs-modern .f360ls-tabs-content,
.f360ls-tabs-modern .f360ls-panel,
.f360ls-tabs-modern .f360ls-footballi-board {
  width: 100%;
}

/* A selected games/table view uses the complete content width, not the old column. */
.f360ls-footballi-board[data-f360ls-filter="matches"],
.f360ls-footballi-board[data-f360ls-filter="standings"] {
  grid-template-columns: minmax(0, 1fr);
}

.f360ls-footballi-board[data-f360ls-filter="matches"] .f360ls-board-matches,
.f360ls-footballi-board[data-f360ls-filter="standings"] .f360ls-board-standings {
  grid-column: 1;
  border-inline: 0;
  padding-inline: 0;
}

/* Keep club crests whole, including non-round and rectangular marks. */
.f360ls-wrap .f360ls-standings-table .team img,
.f360ls-wrap .f360ls-match-teams-row img,
.f360ls-wrap .f360ls-league-logo {
  object-fit: contain;
  object-position: center;
}

/* Subtle scrollbars without altering the established palette. */
.f360ls-wrap * {
  scrollbar-width: thin;
  scrollbar-color: rgba(100, 116, 139, .35) transparent;
}

.f360ls-wrap *::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.f360ls-wrap *::-webkit-scrollbar-thumb {
  background: rgba(100, 116, 139, .35);
  border-radius: 99px;
}

/* Keep the top league selector fully visible on desktop; scroll only on narrow screens. */
@media (min-width: 981px) {
  .f360ls-tabs-modern .f360ls-tabs-sidebar {
    overflow: visible;
    flex-wrap: wrap;
  }

  .f360ls-tabs-modern .f360ls-tabs-sidebar .f360ls-tab {
    min-width: 0;
    flex: 1 1 145px;
  }
}


/* The desktop selector must not create a horizontal rail when the games filter is selected. */
@media (min-width: 981px) {
  .f360ls-tabs-modern .f360ls-tabs-sidebar {
    overflow-x: hidden;
    overflow-y: visible;
  }
}


/* League choices stay a horizontal slider on every screen, including desktop. */
.f360ls-tabs-modern .f360ls-tabs-sidebar {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: inline mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.f360ls-tabs-modern .f360ls-tabs-sidebar::-webkit-scrollbar {
  display: none;
}

.f360ls-tabs-modern .f360ls-tabs-sidebar .f360ls-tab {
  flex: 0 0 clamp(150px, 16vw, 210px);
  min-width: 150px;
  scroll-snap-align: center;
}

/* Keep the two teams close to the score in the full-width matches view. */
.f360ls-footballi-board[data-f360ls-filter="matches"] .f360ls-vertical-match {
  grid-template-columns: minmax(190px, 320px) 72px minmax(190px, 320px);
  justify-content: center;
}

@media (max-width: 480px) {
  .f360ls-footballi-board[data-f360ls-filter="matches"] .f360ls-vertical-match {
    grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr);
  }
}


.f360ls-tabs-modern .f360ls-tabs-sidebar { padding-inline: 48px; }
.f360ls-league-slider-control { position:absolute; top:50%; z-index:2; transform:translateY(-50%); width:30px; height:30px; border:1px solid var(--line); border-radius:50%; background:var(--surface); color:var(--text); font:inherit; font-size:24px; line-height:24px; cursor:pointer; }
.f360ls-league-slider-control.is-next { inset-inline-start:10px; }
.f360ls-league-slider-control.is-prev { inset-inline-end:10px; }


/* Controls are outside the scroll track, so they remain fixed while leagues slide. */
.f360ls-tabs-modern .f360ls-tabs-sidebar {
  display: block;
  position: relative;
  overflow: visible;
  padding-inline: 48px;
}
.f360ls-tabs-modern .f360ls-tabs-slider-track {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: inline mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.f360ls-tabs-modern .f360ls-tabs-slider-track::-webkit-scrollbar { display: none; }
.f360ls-tabs-modern .f360ls-tabs-slider-track .f360ls-tab { flex: 0 0 clamp(150px, 16vw, 210px); min-width: 150px; margin: 0; scroll-snap-align: center; display:inline-flex; align-items:center; gap:8px; }
.f360ls-tab-logo { width:22px; height:22px; object-fit:contain; flex:0 0 auto; }

/* ===== CONTENT TABS (table / live / stats / matches / transfers) ===== */
.f360ls-content-tabs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 8px;
  scrollbar-width: none;
}
.f360ls-content-tabs::-webkit-scrollbar { display: none; }
.f360ls-content-tabs button {
  flex: 0 0 auto;
  white-space: nowrap;
}
.f360ls-live-dot {
  display: none;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border-radius: 50%;
  background: var(--danger);
  box-shadow: 0 0 0 4px rgba(239, 68, 68, .16);
  animation: f360lsPulse 1.4s infinite;
  vertical-align: middle;
}
.f360ls-content-tabs button.has-live .f360ls-live-dot {
  display: inline-block;
}

.f360ls-content-board {
  display: block !important;
  direction: rtl;
  grid-template-columns: minmax(0, 1fr) !important;
}
.f360ls-content-board .f360ls-board-col {
  border-inline: 0;
  padding-inline: 0;
  width: 100%;
}
.f360ls-content-board .f360ls-table-scroll,
.f360ls-content-board .f360ls-vertical-matches,
.f360ls-content-board .f360ls-scorer-list,
.f360ls-content-board .f360ls-transfer-list {
  max-height: none;
}

/* ===== CREATIVE STANDINGS (same palette) ===== */
.f360ls-table-creative {
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  background: var(--surface);
}
.f360ls-table-creative .f360ls-standings-table {
  min-width: 720px;
}
.f360ls-table-creative .f360ls-standings-table thead th {
  background: var(--surface2);
  font-size: 11px;
  letter-spacing: .02em;
}
.f360ls-table-creative tbody tr {
  position: relative;
}
.f360ls-table-creative tbody tr.is-zone-europe td:first-child {
  box-shadow: inset -3px 0 0 var(--accent);
}
.f360ls-table-creative tbody tr.is-zone-relegation td:first-child {
  box-shadow: inset -3px 0 0 var(--danger);
}
.f360ls-table-creative .rank span {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  background: var(--soft);
  color: var(--text);
  font-weight: 1000;
}
.f360ls-table-creative .rank span.is-gold {
  background: linear-gradient(135deg, #f59e0b, #fbbf24);
  color: #fff;
}
.f360ls-table-creative .rank span.is-silver {
  background: linear-gradient(135deg, #94a3b8, #cbd5e1);
  color: #0f172a;
}
.f360ls-table-creative .rank span.is-bronze {
  background: linear-gradient(135deg, #b45309, #d97706);
  color: #fff;
}
.f360ls-table-creative .team img {
  width: 40px !important;
  height: 40px !important;
  object-fit: contain !important;
  background: #fff !important;
  border-radius: 12px !important;
  padding: 3px !important;
  border: 1px solid var(--line) !important;
}
.f360ls-table-creative .points em {
  display: inline-flex;
  min-width: 42px;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--accentSoft);
  color: var(--accent);
  font-style: normal;
  font-weight: 1000;
}

/* ===== LIVE BADGE ===== */
.f360ls-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(239, 68, 68, .12);
  color: var(--danger);
  border: 1px solid rgba(239, 68, 68, .22);
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 1000;
}
.f360ls-live-badge:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--danger);
  box-shadow: 0 0 0 4px rgba(239, 68, 68, .16);
  animation: f360lsPulse 1.4s infinite;
}
.f360ls-live-minute {
  margin-right: 8px;
  color: var(--danger);
  font-weight: 900;
  font-size: 12px;
}
.f360ls-vertical-match.is-live,
.f360ls-match-card.is-live {
  border-color: rgba(239, 68, 68, .28);
  background: linear-gradient(180deg, rgba(239, 68, 68, .06), transparent);
}

/* ===== TRANSFERS ===== */
.f360ls-transfer-list {
  display: grid;
  gap: 10px;
}
.f360ls-transfer-row {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) minmax(160px, .9fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--surface2);
}
.f360ls-transfer-row > img,
.f360ls-transfer-row .f360ls-player-placeholder {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  object-fit: cover;
  background: #f2f4f6;
}
.f360ls-transfer-meta strong {
  display: block;
  font-size: 15px;
}
.f360ls-transfer-meta small {
  color: var(--muted);
  font-weight: 800;
}
.f360ls-transfer-clubs {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  font-weight: 900;
  font-size: 13px;
}
.f360ls-transfer-clubs img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  margin-left: 4px;
  vertical-align: middle;
}
.f360ls-transfer-clubs b {
  color: var(--muted);
}
.f360ls-stat-group {
  margin-bottom: 18px;
}
.f360ls-stat-group h4 {
  margin: 0 0 10px;
  font-size: 14px;
  color: var(--text);
}
.f360ls-general-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 10px;
}
.f360ls-general-stat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 14px 10px;
  border-radius: 12px;
  background: var(--surface, #fff);
  border: 1px solid var(--border, #e5e7eb);
  text-align: center;
}
.f360ls-general-stat-card strong {
  font-size: 20px;
  color: var(--brand, #450073);
}
.f360ls-general-stat-card span {
  font-size: 12px;
  color: var(--muted);
}
.f360ls-theme-dark .f360ls-general-stat-card {
  background: var(--surface-dark, #1f2937);
  border-color: var(--border-dark, #374151);
}

@media (max-width: 680px) {
  .f360ls-filter-buttons {
    display: flex !important;
    grid-template-columns: none !important;
    overflow-x: auto;
    width: 100%;
  }
  .f360ls-filter-buttons button {
    width: auto !important;
  }
  .f360ls-transfer-row {
    grid-template-columns: 46px minmax(0, 1fr);
  }
  .f360ls-transfer-clubs {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
}

/* ===== FIXTURE LIST - minimal / professional redesign ===== */
.f360ls-content-board .f360ls-fixture-list {
  max-height: none;
}
.f360ls-fixture-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.f360ls-fixture-week {
  background: transparent;
  border: 0;
  overflow: visible;
}
.f360ls-fixture-week-title {
  margin: 0 0 10px;
  padding: 0 2px;
  background: transparent;
  border: 0;
  border-inline-start: 3px solid var(--accent);
  padding-inline-start: 10px;
  color: var(--text);
  font-size: 13px;
  font-weight: 800;
  text-align: start;
  letter-spacing: .2px;
}
.f360ls-fixture-date {
  margin: 14px 0 8px;
  padding: 0 2px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  text-align: start;
  text-transform: uppercase;
  letter-spacing: .4px;
}
.f360ls-fixture-date:first-of-type {
  margin-top: 0;
}
.f360ls-fixture {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 4px 12px;
  align-items: center;
  padding: 13px 14px;
  margin: 0 0 8px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface);
  transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease;
}
.f360ls-fixture:last-child {
  margin-bottom: 0;
}
.f360ls-fixture:hover {
  background: var(--surface);
  border-color: color-mix(in srgb, var(--accent) 35%, var(--line));
  box-shadow: 0 6px 18px -12px rgba(15, 23, 42, .35);
  transform: translateY(-1px);
}
.f360ls-fixture-status {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-variant-numeric: tabular-nums;
}
.f360ls-fixture-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}
.f360ls-fixture-team {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  font-weight: 700;
}
.f360ls-fixture-team.is-home {
  justify-content: flex-end;
}
.f360ls-fixture-team.is-away {
  justify-content: flex-start;
}
.f360ls-fixture-team img {
  width: 26px;
  height: 26px;
  object-fit: contain;
  background: var(--surface2);
  border: 1px solid var(--line);
  border-radius: 50%;
  padding: 3px;
  flex: 0 0 auto;
}
.f360ls-theme-dark .f360ls-fixture-team img {
  background: rgba(255, 255, 255, .06);
}
.f360ls-fixture-team span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13.5px;
}
.f360ls-fixture-score {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 6px;
  border-radius: 10px;
  background: var(--surface2);
  border: 1px solid var(--line);
  color: var(--text);
  font-weight: 800;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
.f360ls-fixture-score i {
  font-style: normal;
  opacity: .4;
  font-weight: 600;
  font-size: 12px;
}
.f360ls-fixture-score em {
  font-style: normal;
  font-size: 12px;
  font-weight: 700;
  color: var(--muted);
}
.f360ls-fixture.is-live {
  border-color: color-mix(in srgb, var(--danger) 40%, var(--line));
  background: linear-gradient(180deg, color-mix(in srgb, var(--danger) 6%, var(--surface)), var(--surface));
}
.f360ls-fixture.is-live .f360ls-fixture-score {
  background: var(--danger);
  border-color: var(--danger);
  color: #fff;
}
.f360ls-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--danger);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
}
.f360ls-live-badge::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  animation: f360ls-live-pulse 1.2s ease-in-out infinite;
}
@keyframes f360ls-live-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .25; }
}
.f360ls-live-minute {
  color: var(--danger);
  font-weight: 800;
  font-size: 11px;
}
.f360ls-theme-dark .f360ls-fixture-week-title {
  background: transparent;
  color: var(--text);
}

@media (max-width: 680px) {
  .f360ls-fixture {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 4px 8px;
    padding: 11px 10px;
    border-radius: 12px;
  }
  .f360ls-fixture-grid {
    grid-template-columns: minmax(0, 1fr) 52px minmax(0, 1fr);
    gap: 6px;
  }
  .f360ls-fixture-team span {
    font-size: 12px;
  }
  .f360ls-fixture-team img {
    width: 22px;
    height: 22px;
  }
  .f360ls-fixture-score {
    min-height: 26px;
    font-size: 12.5px;
  }
  .f360ls-fixture-status {
    font-size: 10px;
  }
}


@media (max-width: 400px) {
  .f360ls-fixture {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .f360ls-fixture-status {
    flex-direction: row;
    justify-content: center;
    order: -1;
    margin-bottom: 4px;
  }
  .f360ls-fixture-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .f360ls-fixture-team,
  .f360ls-fixture-team.is-home,
  .f360ls-fixture-team.is-away {
    justify-content: center;
  }
  .f360ls-fixture-team span {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    max-width: 100%;
  }
  .f360ls-fixture-score {
    margin: 2px auto;
  }
}


/* ===== PAGER (fixtures / transfers) ===== */
.f360ls-pager-nav {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  overflow-x: auto;
  margin: 0 0 12px;
  padding: 2px 2px 10px;
  scrollbar-width: thin;
}
.f360ls-pager-nav::-webkit-scrollbar { height: 6px; }
.f360ls-pager-nav::-webkit-scrollbar-thumb { background: var(--line); border-radius: 999px; }
.f360ls-pager-nav button {
  flex: 0 0 auto;
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--muted);
  border-radius: 999px;
  padding: 7px 12px;
  font-family: inherit;
  font-weight: 900;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
  pointer-events: auto;
  position: relative;
  z-index: 3;
}
.f360ls-pager-nav button.is-active {
  background: var(--accent);
  color: #fff;
  border-color: transparent;
}
.f360ls-pager-page[hidden] {
  display: none !important;
}

.f360ls-build {
  margin: 4px 0 0 !important;
  color: var(--muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.f360ls-wrap table.f360ls-standings-table {
  display: table !important;
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: auto !important;
}
.f360ls-wrap .f360ls-standings-table thead {
  display: table-header-group !important;
}
.f360ls-wrap .f360ls-standings-table tbody {
  display: table-row-group !important;
}
.f360ls-wrap .f360ls-standings-table tr {
  display: table-row !important;
  width: auto !important;
  float: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.f360ls-wrap .f360ls-standings-table th,
.f360ls-wrap .f360ls-standings-table td {
  display: table-cell !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
}
.f360ls-wrap .f360ls-standings-table td:before,
.f360ls-wrap .f360ls-standings-table th:before {
  content: none !important;
  display: none !important;
}

/* ===== MINIMAL STANDINGS ===== */
.f360ls-description {
  display: none !important;
}
.f360ls-table-minimal {
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: auto;
  background: var(--surface);
}
.f360ls-table-minimal .f360ls-standings-table {
  min-width: 680px;
  width: 100%;
  border-collapse: collapse;
  background: transparent;
}
.f360ls-table-minimal thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--surface) !important;
  color: var(--muted) !important;
  font-size: 11px;
  font-weight: 800;
  padding: 11px 8px;
  border-bottom: 1px solid var(--line);
  letter-spacing: 0;
  text-align: center;
}
.f360ls-table-minimal thead th:nth-child(2) {
  text-align: right;
}
.f360ls-table-minimal tbody td {
  padding: 10px 10px;
  font-size: 13px;
  font-weight: 650;
  border-bottom: 1px solid var(--line);
  background: transparent !important;
  text-align: center;
  color: var(--text) !important;
  white-space: nowrap;
}
/* The rank badge and the team crest next to it were sitting too far apart
   (each cell's own 10px padding stacking into a ~20px gap), while the
   crest and the team name inside the same cell had no reliable minimum gap
   once other rules in the cascade touched .team - fix both directly. */
.f360ls-table-minimal tbody td.rank {
  padding-left: 4px;
}
.f360ls-table-minimal tbody td.team {
  padding-right: 4px;
}
.f360ls-table-minimal .team {
  gap: 10px !important;
}
.f360ls-table-minimal tbody tr:last-child td {
  border-bottom: 0;
}
.f360ls-table-minimal tbody tr:nth-child(even) td {
  background: var(--soft) !important;
}
.f360ls-table-minimal tbody tr:hover td {
  background: var(--surface2) !important;
}
.f360ls-table-minimal .team {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: right;
  min-width: 196px;
  font-weight: 850;
  white-space: normal;
}
.f360ls-table-minimal .team img {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 0 !important;
  background: transparent !important;
}
.f360ls-table-minimal .rank span {
  display: inline-flex;
  width: 26px;
  height: 26px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
}
.f360ls-table-minimal .rank span.is-gold,
.f360ls-table-minimal .rank span.is-silver,
.f360ls-table-minimal .rank span.is-bronze {
  background: transparent;
  color: var(--text);
}
.f360ls-table-minimal .points,
.f360ls-table-minimal .points em {
  background: transparent !important;
  color: var(--text) !important;
  padding: 0;
  min-width: 0;
  font-size: 14px;
  font-weight: 1000;
  font-style: normal;
}
.f360ls-table-minimal .is-diff-pos {
  color: var(--accent) !important;
  font-weight: 800;
}
.f360ls-table-minimal .is-diff-neg {
  color: var(--danger) !important;
  font-weight: 800;
}
.f360ls-table-minimal tbody tr.is-top-rank,
.f360ls-table-minimal tbody tr.is-top-rank td {
  background: transparent;
}
.f360ls-table-minimal tbody tr.is-zone-europe td:first-child {
  box-shadow: inset -2px 0 0 var(--accent);
}
.f360ls-table-minimal tbody tr.is-zone-relegation td:first-child {
  box-shadow: inset -2px 0 0 var(--danger);
}
.f360ls-table-minimal .move {
  display: none;
}
.f360ls-table-minimal th:nth-child(1),
.f360ls-table-minimal td.rank {
  position: sticky;
  right: 0;
  z-index: 2;
  background: var(--surface) !important;
}
.f360ls-table-minimal th:nth-child(2),
.f360ls-table-minimal td.team {
  position: sticky;
  right: 46px;
  z-index: 2;
  background: var(--surface) !important;
}
.f360ls-table-minimal tbody tr:nth-child(even) td.rank,
.f360ls-table-minimal tbody tr:nth-child(even) td.team {
  background: var(--soft) !important;
}
.f360ls-table-minimal tbody tr:hover td.rank,
.f360ls-table-minimal tbody tr:hover td.team {
  background: var(--surface2) !important;
}
.f360ls-content-board .f360ls-board-standings .f360ls-table-minimal {
  max-height: none;
  border-radius: 14px;
}

@media (max-width: 680px) {
  .f360ls-table-minimal {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    border-radius: 12px;
    scrollbar-width: thin;
  }
  /* Make it visibly scrollable on mobile too, same reasoning as the week
     pager: a hidden/absent scrollbar left people thinking the table was
     just cut off rather than swipeable. */
  .f360ls-table-minimal::-webkit-scrollbar {
    height: 6px;
  }
  .f360ls-table-minimal::-webkit-scrollbar-thumb {
    background: var(--line);
    border-radius: 999px;
  }
  .f360ls-table-minimal .f360ls-standings-table {
    display: table !important;
    min-width: 640px !important;
    width: max-content;
    background: transparent !important;
  }
  .f360ls-table-minimal .f360ls-standings-table thead {
    display: table-header-group !important;
  }
  .f360ls-table-minimal .f360ls-standings-table tbody {
    display: table-row-group !important;
  }
  .f360ls-table-minimal .f360ls-standings-table tr {
    display: table-row !important;
    width: auto !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
  }
  .f360ls-table-minimal .f360ls-standings-table td,
  .f360ls-table-minimal .f360ls-standings-table th {
    display: table-cell !important;
    width: auto !important;
    text-align: center !important;
    padding: 9px 7px !important;
    border-bottom: 1px solid var(--line) !important;
  }
  .f360ls-table-minimal .f360ls-standings-table td:before {
    display: none !important;
    content: none !important;
  }
  .f360ls-table-minimal .team {
    min-width: 160px;
    justify-content: flex-start !important;
  }
}


/* ===== LAST UPDATE + MONTHLY BEST ===== */
.f360ls-last-update {
  margin: 0 0 10px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}
.f360ls-monthly-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}
.f360ls-monthly-card {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--surface2);
}
.f360ls-monthly-card > img {
  width: 72px;
  height: 94px;
  object-fit: cover;
  border-radius: 12px;
  background: var(--soft);
}
.f360ls-monthly-card small {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}
.f360ls-monthly-card strong {
  display: block;
  margin: 4px 0;
  font-size: 14px;
}
.f360ls-monthly-card span {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 800;
  color: var(--muted);
}
.f360ls-monthly-card span img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}
@media (max-width: 680px) {
  .f360ls-monthly-grid {
    grid-template-columns: 1fr;
  }
}

/* ================================================================ */
/* ===== FULL RESPONSIVE PASS: safety net + tablet gap + tiny phones */
/* ================================================================ */

/* Universal overflow safety: the wrap already clips at the outer edge
   (`.f360ls-wrap { overflow: hidden }`, set at the top of this file), so
   the page itself can never scroll horizontally because of something
   inside. Images just need their own cap so one oversized logo can't
   distort a row's layout - deliberately-scrollable containers (the
   standings table, the week/stat/transfer pager strips) keep scrolling
   via their own overflow-x: auto, set where each of them is defined. */
.f360ls-wrap {
  box-sizing: border-box;
}
.f360ls-wrap img {
  max-width: 100%;
  height: auto;
}

/* Large tablets (iPad landscape, 900-1024px Android tablets, etc.) sat in
   a gap between the ≤900px mobile-leaning rules above and full desktop
   sizing, so they rendered at nearly full desktop scale (32px rounded
   corners, wide padding, max-width: 1220px hero blocks) on a much smaller
   physical screen and felt oversized. Trim it down without collapsing the
   two-column layouts that still have room to breathe at this width. */
@media (min-width: 901px) and (max-width: 1024px) {
  .f360ls-wrap {
    max-width: 100%;
    margin: 16px auto;
    padding: 14px;
    border-radius: 26px;
  }
  .f360ls-hero,
  .f360ls-league-head,
  .f360ls-section,
  .f360ls-toolbar {
    border-radius: 22px;
  }
  .f360ls-news-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .f360ls-monthly-grid {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  }
  .f360ls-general-stats-grid {
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  }
}

/* Tablets in portrait (iPad 768px and the many 600-768px Android tablets)
   fall between the ≤680px phone-card rules and the ≤900px block above;
   give them their own middle ground instead of jumping straight from
   phone-card layouts to tablet-landscape spacing. */
@media (min-width: 681px) and (max-width: 900px) {
  .f360ls-wrap {
    padding: 12px;
  }
  .f360ls-news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .f360ls-monthly-grid {
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  }
  .f360ls-general-stats-grid {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
  .f360ls-filter-buttons {
    flex-wrap: wrap !important;
  }
}

/* Small/older phones (iPhone SE-class 320-374px, and similar Android)
   need tighter spacing and smaller touch targets than the general
   ≤380px rules already cover, so nothing clips or forces a horizontal
   scroll on the page itself. */
@media (max-width: 359px) {
  .f360ls-wrap {
    padding: 8px;
    margin: 8px auto;
    border-radius: 16px;
  }
  .f360ls-title-row h3 {
    font-size: 15px;
  }
  .f360ls-general-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .f360ls-monthly-grid {
    grid-template-columns: 1fr;
  }
  .f360ls-pager-nav button {
    padding: 6px 9px;
    font-size: 11px;
  }
}

/* Toolbar/filter tab row: on any touch device this should always be
   allowed to wrap onto a second line rather than squeezing every tab
   down to an unreadable/untappable width. */
@media (max-width: 1024px) {
  .f360ls-filter-buttons {
    flex-wrap: wrap;
    row-gap: 8px;
  }
}

/* ============================================
   جدول رده‌بندی - ریسپانسیو کامل
   ============================================ */

/* ---------- مخفی کردن ردیف‌های اضافه (همه دستگاه‌ها) ---------- */
.f360ls-wrap table.f360ls-collapsible-table.is-collapsed tr.f360ls-row-hidden,
.f360ls-wrap .f360ls-collapsible-table.is-collapsed tr.f360ls-row-hidden,
.f360ls-wrap tr.f360ls-row-hidden {
  display: none !important;
}

/* ---------- کانتینر اسکرول جدول ---------- */
.f360ls-wrap .f360ls-table-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  border-radius: 12px;
  background: #fff;
}

.f360ls-wrap .f360ls-table-scroll::-webkit-scrollbar {
  height: 6px;
}
.f360ls-wrap .f360ls-table-scroll::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

/* ---------- جدول پایه ---------- */
.f360ls-wrap .f360ls-standings-table {
  width: 100%;
  min-width: 640px;             /* حداقل عرض تا در موبایل اسکرول افقی بشه */
  border-collapse: collapse;
  font-size: 14px;
  direction: rtl;
  text-align: center;
}

.f360ls-wrap .f360ls-standings-table thead th {
  background: #f8fafc;
  padding: 12px 8px;
  font-weight: 600;
  color: #475569;
  font-size: 13px;
  white-space: nowrap;
  border-bottom: 2px solid #e2e8f0;
  position: sticky;
  top: 0;
  z-index: 2;
}

.f360ls-wrap .f360ls-standings-table tbody td {
  padding: 12px 8px;
  border-bottom: 1px solid #f1f5f9;
  color: #1e293b;
  white-space: nowrap;
}

.f360ls-wrap .f360ls-standings-table tbody tr:hover {
  background: #f8fafc;
}

/* ستون تیم - چپ‌چین (در RTL راست‌چین) */
.f360ls-wrap .f360ls-standings-table td.team {
  text-align: right;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 140px;
  font-weight: 500;
}
.f360ls-wrap .f360ls-standings-table td.team img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
}
.f360ls-wrap .f360ls-standings-table td.team span {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ستون رتبه */
.f360ls-wrap .f360ls-standings-table td.rank {
  font-weight: 700;
  width: 50px;
}
.f360ls-wrap .f360ls-standings-table td.rank .is-gold   { color: #d4af37; }
.f360ls-wrap .f360ls-standings-table td.rank .is-silver { color: #94a3b8; }
.f360ls-wrap .f360ls-standings-table td.rank .is-bronze { color: #b87333; }

/* ستون امتیاز */
.f360ls-wrap .f360ls-standings-table td.points em {
  font-style: normal;
  font-weight: 700;
  color: #0f172a;
  background: #ecfdf5;
  padding: 3px 10px;
  border-radius: 6px;
  display: inline-block;
}

/* رنگ تفاضل گل */
.f360ls-wrap .f360ls-standings-table td.is-diff-pos { color: #16a34a; font-weight: 600; }
.f360ls-wrap .f360ls-standings-table td.is-diff-neg { color: #dc2626; font-weight: 600; }

/* ردیف گروه */
.f360ls-wrap .f360ls-standings-table tr.f360ls-group-row td {
  background: #f1f5f9;
  font-weight: 700;
  text-align: center;
  color: #334155;
}

/* ---------- دکمه «مشاهده جدول کامل» ---------- */
.f360ls-wrap .f360ls-show-full-table {
  display: block;
  width: 100%;
  max-width: 420px;
  margin: 14px auto 0;
  padding: 12px 18px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  text-align: center;
  transition: all .2s ease;
  -webkit-tap-highlight-color: transparent;
}
.f360ls-wrap .f360ls-show-full-table:hover,
.f360ls-wrap .f360ls-show-full-table:focus {
  background: #e5e7eb;
  border-color: #cbd5e1;
}
.f360ls-wrap .f360ls-show-full-table:active {
  transform: scale(0.98);
}

/* ============================================
   موبایل: صفحه‌های کمتر از 768px
   ============================================ */
@media (max-width: 767px) {

  /* مخفی کردن مجدد با قدرت بیشتر - چون بعضی قالب‌ها override می‌کنن */
  .f360ls-wrap tr.f360ls-row-hidden,
  .f360ls-wrap table.is-collapsed tr.f360ls-row-hidden,
  .f360ls-wrap .f360ls-collapsible-table.is-collapsed tr.f360ls-row-hidden {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }

  /* جدول فشرده‌تر در موبایل */
  .f360ls-wrap .f360ls-standings-table {
    min-width: 560px;
    font-size: 13px;
  }

  .f360ls-wrap .f360ls-standings-table thead th {
    padding: 10px 6px;
    font-size: 12px;
  }

  .f360ls-wrap .f360ls-standings-table tbody td {
    padding: 10px 6px;
  }

  /* ستون تیم کوچک‌تر */
  .f360ls-wrap .f360ls-standings-table td.team {
    min-width: 120px;
    gap: 6px;
    font-size: 13px;
  }
  .f360ls-wrap .f360ls-standings-table td.team img {
    width: 20px;
    height: 20px;
  }

  /* ستون رتبه کوچک‌تر */
  .f360ls-wrap .f360ls-standings-table td.rank {
    width: 36px;
    font-size: 12px;
  }

  /* امتیاز کوچک‌تر */
  .f360ls-wrap .f360ls-standings-table td.points em {
    padding: 2px 8px;
    font-size: 12px;
  }

  /* دکمه در موبایل تمام عرض */
  .f360ls-wrap .f360ls-show-full-table {
    max-width: 100%;
    padding: 14px 16px;
    font-size: 13px;
    margin-top: 12px;
  }
}

/* ============================================
   موبایل خیلی کوچک: کمتر از 480px
   ============================================ */
@media (max-width: 479px) {

  .f360ls-wrap .f360ls-standings-table {
    min-width: 520px;
    font-size: 12px;
  }

  .f360ls-wrap .f360ls-standings-table thead th {
    padding: 8px 4px;
    font-size: 11px;
  }

  .f360ls-wrap .f360ls-standings-table tbody td {
    padding: 8px 4px;
  }

  .f360ls-wrap .f360ls-standings-table td.team {
    min-width: 110px;
    font-size: 12px;
  }
  .f360ls-wrap .f360ls-standings-table td.team img {
    width: 18px;
    height: 18px;
  }

  .f360ls-wrap .f360ls-standings-table td.points em {
    padding: 2px 6px;
    font-size: 11px;
  }
}

/* ============================================
   تم تاریک (اگه قالبت داره)
   ============================================ */
.f360ls-theme-dark .f360ls-table-scroll {
  background: #1e293b;
}
.f360ls-theme-dark .f360ls-standings-table thead th {
  background: #0f172a;
  color: #cbd5e1;
  border-bottom-color: #334155;
}
.f360ls-theme-dark .f360ls-standings-table tbody td {
  color: #e2e8f0;
  border-bottom-color: #334155;
}
.f360ls-theme-dark .f360ls-standings-table tbody tr:hover {
  background: #334155;
}
.f360ls-theme-dark .f360ls-standings-table td.points em {
  background: #064e3b;
  color: #6ee7b7;
}
.f360ls-theme-dark .f360ls-show-full-table {
  background: #334155;
  border-color: #475569;
  color: #e2e8f0;
}
.f360ls-theme-dark .f360ls-show-full-table:hover {
  background: #475569;
}

/* ============================================================
   FIX: جدول رده‌بندی — مخفی/نمایش صحیح ردیف‌ها
   این بلوک را در انتهای فایل CSS اضافه کنید.
   ============================================================ */

/* ---------- حالت جمع‌شده: فقط ردیف‌های اضافه مخفی ---------- */
.f360ls-wrap table.f360ls-collapsible-table.is-collapsed tr.f360ls-row-hidden,
.f360ls-wrap .f360ls-collapsible-table.is-collapsed tr.f360ls-row-hidden {
  display: none !important;
}

/* ---------- حالت باز: همه ردیف‌ها نمایش داده شوند ---------- */
.f360ls-wrap table.f360ls-collapsible-table:not(.is-collapsed) tr.f360ls-row-hidden,
.f360ls-wrap .f360ls-collapsible-table:not(.is-collapsed) tr.f360ls-row-hidden {
  display: table-row !important;
  visibility: visible !important;
  height: auto !important;
  line-height: inherit !important;
  padding: revert !important;
  margin: revert !important;
  border: revert !important;
}

/* ---------- موبایل: هم رفتار ---------- */
@media (max-width: 767px) {

  .f360ls-wrap table.f360ls-collapsible-table.is-collapsed tr.f360ls-row-hidden,
  .f360ls-wrap .f360ls-collapsible-table.is-collapsed tr.f360ls-row-hidden {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }

  .f360ls-wrap table.f360ls-collapsible-table:not(.is-collapsed) tr.f360ls-row-hidden,
  .f360ls-wrap .f360ls-collapsible-table:not(.is-collapsed) tr.f360ls-row-hidden {
    display: table-row !important;
    visibility: visible !important;
    height: auto !important;
    line-height: inherit !important;
    padding: revert !important;
    margin: revert !important;
    border: revert !important;
  }
}

/* 1024px and smaller screen sizes */
@media (max-width: 1024px){

	.f360ls-wrap .f360ls-collapsible-table tr .team, .f360ls-wrap .f360ls-table-minimal .f360ls-collapsible-table tr .team, .f360ls-wrap .f360ls-board-standings .f360ls-standings-table .team{
		float: none !important;
		align-items: center !important;
		align-content: center !important;
		flex-wrap: nowrap !important;
		flex-direction: row !important;
		justify-content: flex-start !important;
		text-align: right !important;
	}
	
	.f360ls-wrap .f360ls-collapsible-table tr img, .f360ls-wrap .f360ls-collapsible-table td.team img, .f360ls-wrap .f360ls-table-minimal .team img, .f360ls-wrap .f360ls-board-standings .f360ls-standings-table .team img{
		margin: 0 !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		width: 26px !important;
		height: 26px !important;
		flex: 0 0 26px !important;
		object-fit: contain !important;
		border-radius: 6px !important;
		padding: 2px !important;
		background: transparent !important;
		display: inline-block !important;
	}
	
	.f360ls-wrap .f360ls-collapsible-table td.team, .f360ls-wrap .f360ls-table-minimal .f360ls-collapsible-table td.team, .f360ls-wrap .f360ls-board-standings .f360ls-standings-table .team{
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 8px !important;
		padding: 10px 8px !important;
		min-width: 150px !important;
		text-align: right !important;
		white-space: nowrap !important;
		vertical-align: middle !important;
	}
	
	.f360ls-wrap .f360ls-collapsible-table td.team span, .f360ls-wrap .f360ls-table-minimal .f360ls-collapsible-table td.team span{
		display: inline-block !important;
		line-height: 1.4 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		vertical-align: middle !important;
	}
	
	.f360ls-wrap .f360ls-collapsible-table tbody td, .f360ls-wrap .f360ls-table-minimal tbody td{
		vertical-align: middle !important;
	}
	
}

/* 900px and smaller screen sizes */
@media (max-width: 900px){

	.f360ls-wrap .f360ls-collapsible-table tr img, .f360ls-wrap .f360ls-collapsible-table td.team img{
		width: 25px !important;
		height: 25px !important;
		flex: 0 0 25px !important;
	}
	
	.f360ls-wrap .f360ls-collapsible-table td.team{
		gap: 7px !important;
		min-width: 140px !important;
	}
	
}

/* 767px and smaller screen sizes */
@media (max-width: 767px){

	.f360ls-wrap .f360ls-collapsible-table tr img, .f360ls-wrap .f360ls-collapsible-table td.team img{
		width: 24px !important;
		height: 24px !important;
		flex: 0 0 24px !important;
	}
	
	.f360ls-wrap .f360ls-collapsible-table td.team{
		gap: 7px !important;
		min-width: 135px !important;
		padding: 9px 7px !important;
	}
	
	.f360ls-wrap .f360ls-collapsible-table td.team span{
		font-size: 13px !important;
	}
	
}

/* 640px and smaller screen sizes */
@media (max-width: 640px){

	.f360ls-wrap .f360ls-collapsible-table tr img{
		margin-right: 0 !important;
		margin-left: 0 !important;
		margin: 0 !important;
	}
	
	.f360ls-wrap .f360ls-collapsible-table tr .team{
		float: none !important;
		align-items: center !important;
		align-content: center !important;
		flex-wrap: nowrap !important;
		flex-direction: row !important;
	}
	
}

/* 576px and smaller screen sizes */
@media (max-width:576px){

	/* Team */
	.f360ls-collapsible-table tr .team{
		height:35px;
		width:110px;
		
	}
	
	/* Team */
	.f360ls-refresh-target .f360ls-panel .f360ls-footballi-board .f360ls-board-standings .f360ls-table-minimal .f360ls-collapsible-table tbody tr .team{
		min-width:1px !important;
	}
	
}

/* 520px and smaller screen sizes */
@media (max-width: 520px){

	.f360ls-wrap .f360ls-collapsible-table tr img, .f360ls-wrap .f360ls-collapsible-table td.team img{
		width: 22px !important;
		height: 22px !important;
		flex: 0 0 22px !important;
		padding: 1px !important;
	}
	
	.f360ls-wrap .f360ls-collapsible-table td.team{
		gap: 6px !important;
		min-width: 125px !important;
		padding: 8px 6px !important;
	}
	
	.f360ls-wrap .f360ls-collapsible-table td.team span{
		font-size: 12px !important;
	}
	
}

/* 380px and smaller screen sizes */
@media (max-width: 380px){

	.f360ls-wrap .f360ls-collapsible-table tr img, .f360ls-wrap .f360ls-collapsible-table td.team img{
		width: 20px !important;
		height: 20px !important;
		flex: 0 0 20px !important;
	}
	
	.f360ls-wrap .f360ls-collapsible-table td.team{
		gap: 5px !important;
		min-width: 115px !important;
		padding: 7px 5px !important;
	}
	
	.f360ls-wrap .f360ls-collapsible-table td.team span{
		font-size: 11.5px !important;
	}
	
}

/* 359px and smaller screen sizes */
@media (max-width: 359px){

	.f360ls-wrap .f360ls-collapsible-table tr img, .f360ls-wrap .f360ls-collapsible-table td.team img{
		width: 18px !important;
		height: 18px !important;
		flex: 0 0 18px !important;
	}
	
	.f360ls-wrap .f360ls-collapsible-table td.team{
		gap: 4px !important;
		min-width: 105px !important;
		padding: 6px 4px !important;
	}
	
	.f360ls-wrap .f360ls-collapsible-table td.team span{
		font-size: 11px !important;
	}
	
}


/* ========== نمایش کاپی: تاریخ شمسی + مرحله ========== */
.f360ls-cup-matches { direction: rtl; font-family: inherit; }

.f360ls-cup-matches .f360ls-cup-toolbar {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 12px; padding: 10px 14px;
    background: #f8fafc; border-radius: 12px;
    border: 1px solid #e5e7eb;
}
.f360ls-cup-matches .f360ls-cup-toolbar h3 {
    margin: 0; font-size: 15px; font-weight: 700; color: #0f172a;
}
.f360ls-cup-matches .f360ls-stage-select {
    display: inline-flex; align-items: center; gap: 8px;
    background: #fff; border: 1px solid #e5e7eb; border-radius: 20px;
    padding: 6px 14px; font-size: 13px; color: #334155; cursor: pointer;
}
.f360ls-cup-matches .f360ls-stage-select i {
    font-size: 11px; color: #64748b;
}
.f360ls-cup-matches .f360ls-cup-section { margin-bottom: 22px; }
.f360ls-cup-matches .f360ls-cup-section > hr {
    border: 0; border-top: 1px solid #eef2f7; margin: 10px 0 14px;
}
.f360ls-cup-matches .f360ls-cup-section-title {
    margin: 0 0 8px; font-size: 14px; font-weight: 700;
    color: #0f172a; text-align: right;
}
.f360ls-cup-matches .f360ls-cup-list { list-style: none; margin: 0; padding: 0; }
.f360ls-cup-matches .f360ls-cup-match {
    display: grid;
    grid-template-columns: 1fr auto 1fr 18px;
    align-items: center; gap: 8px;
    padding: 12px 6px;
    border-bottom: 1px solid #f1f5f9;
    text-decoration: none; color: #0f172a;
    transition: background .15s;
}
.f360ls-cup-matches .f360ls-cup-match:hover { background: #f8fafc; }
.f360ls-cup-matches .f360ls-team {
    display: flex; align-items: center; gap: 8px; min-width: 0;
}
.f360ls-cup-matches .f360ls-team.home { justify-content: flex-start; }
.f360ls-cup-matches .f360ls-team.away { justify-content: flex-end; }
.f360ls-cup-matches .f360ls-team img {
    width: 26px; height: 26px; object-fit: contain;
}
.f360ls-cup-matches .f360ls-team span {
    font-size: 13px; font-weight: 600; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis;
}
.f360ls-cup-matches .f360ls-result {
    display: flex; flex-direction: column; align-items: center;
    min-width: 62px;
}
.f360ls-cup-matches .f360ls-result .score {
    font-size: 15px; font-weight: 800; color: #0f172a; letter-spacing: 1px;
}
.f360ls-cup-matches .f360ls-result .status {
    font-size: 11px; color: #64748b; margin-top: 2px;
}
.f360ls-cup-matches .f360ls-result .status.is-live { color: #dc2626; font-weight: 700; }
.f360ls-cup-matches .f360ls-chev {
    color: #94a3b8; font-size: 12px; text-align: left;
}
@media (max-width: 600px) {
    .f360ls-cup-matches .f360ls-cup-match { grid-template-columns: 1fr auto 1fr 12px; padding: 10px 2px; }
    .f360ls-cup-matches .f360ls-team span { font-size: 12px; }
}




/* ========== نمایش کاپی: هدر تاریخ شمسی + نام مرحله ========== */
.f360ls-cup-matches { direction: rtl; font-family: inherit; }
.f360ls-cup-matches .f360ls-cup-toolbar {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 12px; padding: 10px 14px;
    background: #f8fafc; border-radius: 12px; border: 1px solid #e5e7eb;
}
.f360ls-cup-matches .f360ls-cup-toolbar h3 { margin: 0; font-size: 15px; font-weight: 700; color: #0f172a; }
.f360ls-cup-matches .f360ls-stage-select {
    display: inline-flex; align-items: center; gap: 8px;
    background: #fff; border: 1px solid #e5e7eb; border-radius: 20px;
    padding: 6px 14px; font-size: 13px; color: #334155; cursor: pointer;
}
.f360ls-cup-matches .f360ls-stage-select i { font-size: 11px; color: #64748b; font-style: normal; }
.f360ls-cup-matches .f360ls-cup-section { margin-bottom: 22px; }
.f360ls-cup-matches .f360ls-cup-section > hr { border: 0; border-top: 1px solid #eef2f7; margin: 10px 0 14px; }
.f360ls-cup-matches .f360ls-cup-section-title {
    margin: 0 0 8px; font-size: 14px; font-weight: 700;
    color: #0f172a; text-align: right;
}
.f360ls-cup-matches .f360ls-cup-list { list-style: none; margin: 0; padding: 0; }
.f360ls-cup-matches .f360ls-cup-match {
    display: grid; grid-template-columns: 1fr auto 1fr 18px;
    align-items: center; gap: 8px; padding: 12px 6px;
    border-bottom: 1px solid #f1f5f9; text-decoration: none;
    color: #0f172a; transition: background .15s;
}
.f360ls-cup-matches .f360ls-cup-match:hover { background: #f8fafc; }
.f360ls-cup-matches .f360ls-team { display: flex; align-items: center; gap: 8px; min-width: 0; }
.f360ls-cup-matches .f360ls-team.home { justify-content: flex-start; }
.f360ls-cup-matches .f360ls-team.away { justify-content: flex-end; }
.f360ls-cup-matches .f360ls-team img { width: 26px; height: 26px; object-fit: contain; }
.f360ls-cup-matches .f360ls-team span {
    font-size: 13px; font-weight: 600; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis;
}
.f360ls-cup-matches .f360ls-result {
    display: flex; flex-direction: column; align-items: center; min-width: 62px;
}
.f360ls-cup-matches .f360ls-result .score {
    font-size: 15px; font-weight: 800; color: #0f172a; letter-spacing: 1px;
}
.f360ls-cup-matches .f360ls-result .status {
    font-size: 11px; color: #64748b; margin-top: 2px;
}
.f360ls-cup-matches .f360ls-result .status.is-live { color: #dc2626; font-weight: 700; }
.f360ls-cup-matches .f360ls-chev {
    color: #94a3b8; font-size: 18px; text-align: left; font-style: normal;
}
.f360ls-cup-matches .f360ls-chev i { font-style: normal; }

@media (max-width: 600px) {
    .f360ls-cup-matches .f360ls-cup-match { grid-template-columns: 1fr auto 1fr 12px; padding: 10px 2px; }
    .f360ls-cup-matches .f360ls-team span { font-size: 12px; }
}




.f360ls-cup-matches { direction: rtl; font-family: inherit; }
.f360ls-cup-matches .f360ls-cup-toolbar {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 12px; padding: 10px 14px;
    background: #f8fafc; border-radius: 12px; border: 1px solid #e5e7eb;
}
.f360ls-cup-matches .f360ls-cup-toolbar h3 { margin: 0; font-size: 15px; font-weight: 700; color: #0f172a; }
.f360ls-cup-matches .f360ls-cup-section { margin-bottom: 22px; }
.f360ls-cup-matches .f360ls-cup-section > hr { border: 0; border-top: 1px solid #eef2f7; margin: 10px 0 14px; }
.f360ls-cup-matches .f360ls-cup-section-title {
    margin: 0 0 8px; font-size: 14px; font-weight: 700; color: #0f172a; text-align: right;
}
.f360ls-cup-matches .f360ls-cup-list { list-style: none; margin: 0; padding: 0; }
.f360ls-cup-matches .f360ls-cup-match {
    display: grid; grid-template-columns: 1fr auto 1fr 18px;
    align-items: center; gap: 8px; padding: 12px 6px;
    border-bottom: 1px solid #f1f5f9; text-decoration: none;
    color: #0f172a; transition: background .15s;
}
.f360ls-cup-matches .f360ls-cup-match:hover { background: #f8fafc; }
.f360ls-cup-matches .f360ls-team { display: flex; align-items: center; gap: 8px; min-width: 0; }
.f360ls-cup-matches .f360ls-team.home { justify-content: flex-start; }
.f360ls-cup-matches .f360ls-team.away { justify-content: flex-end; }
.f360ls-cup-matches .f360ls-team img { width: 26px; height: 26px; object-fit: contain; }
.f360ls-cup-matches .f360ls-team span {
    font-size: 13px; font-weight: 600; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis;
}
.f360ls-cup-matches .f360ls-result {
    display: flex; flex-direction: column; align-items: center; min-width: 62px;
}
.f360ls-cup-matches .f360ls-result .score { font-size: 15px; font-weight: 800; color: #0f172a; letter-spacing: 1px; }
.f360ls-cup-matches .f360ls-result .status { font-size: 11px; color: #64748b; margin-top: 2px; }
.f360ls-cup-matches .f360ls-result .status.is-live { color: #dc2626; font-weight: 700; }
.f360ls-cup-matches .f360ls-chev { color: #94a3b8; font-size: 18px; text-align: left; font-style: normal; }
.f360ls-cup-matches .f360ls-chev i { font-style: normal; }
@media (max-width: 600px) {
    .f360ls-cup-matches .f360ls-cup-match { grid-template-columns: 1fr auto 1fr 12px; padding: 10px 2px; }
    .f360ls-cup-matches .f360ls-team span { font-size: 12px; }
}

/* ============================================================
 * F360LS — Football360 style knockout / cup fixtures
 * Stage -> date -> match card
 * ============================================================ */

.f360ls-cup-view {
    --f360ls-cup-border: #e7eaf0;
    --f360ls-cup-muted: #7a8190;
    --f360ls-cup-text: #161922;
    --f360ls-cup-surface: #fff;
    --f360ls-cup-soft: #f7f8fa;
    --f360ls-cup-accent: #e21b23;
    width: 100%;
    margin: 0;
    color: var(--f360ls-cup-text);
}

.f360ls-cup-view,
.f360ls-cup-view * {
    box-sizing: border-box;
}

.f360ls-cup-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    margin: 0 0 12px;
    background: var(--f360ls-cup-surface);
    border: 1px solid var(--f360ls-cup-border);
    border-radius: 16px;
    box-shadow: 0 4px 18px rgba(15, 23, 42, .045);
}

.f360ls-cup-heading {
    min-width: 0;
}

.f360ls-cup-eyebrow {
    display: block;
    margin-bottom: 4px;
    color: var(--f360ls-cup-muted);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.6;
}

.f360ls-cup-heading h3 {
    margin: 0;
    color: var(--f360ls-cup-text);
    font-size: 17px;
    line-height: 1.6;
    font-weight: 800;
}

.f360ls-cup-stage-control {
    display: flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 auto;
}

.f360ls-cup-stage-control label {
    color: var(--f360ls-cup-muted);
    font-size: 12px;
    font-weight: 600;
}

.f360ls-cup-stage-select {
    min-width: 205px;
    height: 42px;
    padding: 0 38px 0 13px;
    border: 1px solid var(--f360ls-cup-border);
    border-radius: 11px;
    background-color: #fff;
    color: #20242d;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    outline: none;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.f360ls-cup-stage-select:hover,
.f360ls-cup-stage-select:focus {
    border-color: #c8ccd5;
    box-shadow: 0 0 0 3px rgba(226, 27, 35, .07);
}

.f360ls-cup-stage-summary {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    margin: 0 0 13px;
    padding: 0 5px;
    color: #252934;
    font-size: 12px;
}

.f360ls-cup-stage-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--f360ls-cup-accent);
    box-shadow: 0 0 0 4px rgba(226, 27, 35, .08);
}

.f360ls-cup-stage-summary strong {
    font-size: 13px;
    font-weight: 800;
}

.f360ls-cup-stage-count {
    color: var(--f360ls-cup-muted);
}

.f360ls-cup-date-group {
    margin: 0 0 20px;
}

.f360ls-cup-date-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 4px 9px;
    border-bottom: 1px solid var(--f360ls-cup-border);
}

.f360ls-cup-date-heading > div {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 8px;
}

.f360ls-cup-date-heading h4 {
    overflow: hidden;
    margin: 0;
    color: #2a2e37;
    font-size: 12px;
    line-height: 1.8;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.f360ls-cup-date-heading > span {
    flex: 0 0 auto;
    color: var(--f360ls-cup-muted);
    font-size: 10px;
    font-weight: 600;
}

.f360ls-cup-date-line {
    width: 3px;
    height: 18px;
    border-radius: 4px;
    background: var(--f360ls-cup-accent);
}

.f360ls-cup-match-list {
    overflow: hidden;
    margin-top: 8px;
    background: var(--f360ls-cup-surface);
    border: 1px solid var(--f360ls-cup-border);
    border-radius: 13px;
}

.f360ls-cup-match-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 92px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px;
    min-height: 72px;
    padding: 10px 12px;
    color: inherit;
    text-decoration: none !important;
    background: #fff;
    transition: background-color .18s ease, transform .18s ease;
}

.f360ls-cup-match-card + .f360ls-cup-match-card {
    border-top: 1px solid var(--f360ls-cup-border);
}

a.f360ls-cup-match-card:hover {
    color: inherit;
    background: #fafbfc;
}

.f360ls-cup-team {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.f360ls-cup-team-home {
    justify-content: flex-start;
    text-align: left;
}

.f360ls-cup-team-away {
    justify-content: flex-end;
    text-align: right;
}

.f360ls-cup-team img {
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    object-fit: contain;
}

.f360ls-cup-team-name {
    overflow: hidden;
    color: #272b34;
    font-size: 12px;
    line-height: 1.8;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.f360ls-cup-score {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    gap: 2px;
}

.f360ls-cup-score strong {
    display: block;
    color: #181b22;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 900;
    letter-spacing: .2px;
}

.f360ls-cup-score small {
    display: block;
    overflow: hidden;
    max-width: 100%;
    color: #8a909c;
    font-size: 9px;
    line-height: 1.5;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.f360ls-cup-score small.is-live {
    color: var(--f360ls-cup-accent);
}

.f360ls-cup-live {
    color: var(--f360ls-cup-accent);
    font-size: 9px;
    line-height: 1.4;
    font-weight: 800;
}

.f360ls-cup-match-card.status-live {
    background: linear-gradient(90deg, rgba(226,27,35,.025), rgba(255,255,255,0));
}

.f360ls-cup-match-card.status-finished .f360ls-cup-score strong {
    font-weight: 900;
}

.f360ls-cup-chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 24px;
    color: #a2a7b1;
    font-size: 21px;
    line-height: 1;
    transition: transform .18s ease, color .18s ease;
}

a.f360ls-cup-match-card:hover .f360ls-cup-chevron {
    color: #606672;
    transform: translateX(-2px);
}

.f360ls-cup-stage-panel[hidden] {
    display: none !important;
}

@media (max-width: 700px) {
    .f360ls-cup-toolbar {
        align-items: stretch;
        flex-direction: column;
        padding: 14px;
    }

    .f360ls-cup-stage-control {
        width: 100%;
    }

    .f360ls-cup-stage-control label {
        display: none;
    }

    .f360ls-cup-stage-select {
        width: 100%;
        min-width: 0;
    }

    .f360ls-cup-match-card {
        grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr) 12px;
        gap: 6px;
        min-height: 66px;
        padding: 8px 9px;
    }

    .f360ls-cup-team {
        gap: 6px;
    }

    .f360ls-cup-team img {
        width: 27px;
        height: 27px;
        flex-basis: 27px;
    }

    .f360ls-cup-team-name {
        font-size: 10px;
    }

    .f360ls-cup-score strong {
        font-size: 13px;
    }

    .f360ls-cup-date-heading h4 {
        font-size: 11px;
    }
}

@media (max-width: 420px) {
    .f360ls-cup-match-card {
        grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr) 8px;
        gap: 4px;
        padding-inline: 7px;
    }

    .f360ls-cup-team img {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
    }

    .f360ls-cup-team-name {
        font-size: 9px;
    }

    .f360ls-cup-score strong {
        font-size: 12px;
    }

    .f360ls-cup-chevron {
        font-size: 17px;
    }
}


/* Automatic knockout stage panels */
.f360ls-cup-stage-panel[hidden]{display:none!important;}
.f360ls-cup-stage-panel.is-active{display:block;}