/* /assets/league-transfers.css */
.fpl-lt{ width:100%; box-sizing:border-box; }
.fpl-lt .lt-card{
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 18px 55px rgba(0,0,0,.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 18px;
  overflow:hidden;
}
.fpl-lt .lt-hd{
  padding: 16px;
  border-bottom: 1px solid rgba(255,255,255,.12);
  display:flex;
  gap:14px;
  align-items:flex-end;
  justify-content:space-between;
  flex-wrap:wrap;
}
.fpl-lt .lt-title{
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: rgba(255,255,255,.92);
  margin-bottom: 4px;
}
.fpl-lt .lt-sub{ font-size: 12.5px; color: rgba(255,255,255,.68); }
.fpl-lt .lt-controls{ display:flex; gap:10px; align-items:flex-end; flex-wrap:wrap; }
.fpl-lt .lt-field label{
  display:block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(255,255,255,.65);
  margin: 0 0 6px;
}
.fpl-lt .lt-field select{
  min-width: 220px;
  max-width: 100%;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(10, 12, 20, .55);
  color: rgba(255,255,255,.92);
  outline:none;
}
.fpl-lt .lt-btn{
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(150, 255, 0, .18);
  color: rgba(255,255,255,.95);
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor:pointer;
  transition: transform .12s ease, background .12s ease;
}
.fpl-lt .lt-btn:hover{ transform: translateY(-1px); background: rgba(150,255,0,.24); }
.fpl-lt .lt-btn.lt-btn-ghost{ background: rgba(255,255,255,.06); }
.fpl-lt .lt-status{
  padding: 10px 16px;
  font-size: 12.5px;
  border-bottom: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.72);
}
.fpl-lt .lt-status.ok{ color: rgba(170,255,170,.95); }
.fpl-lt .lt-status.err{ color: rgba(255,170,170,.95); }
.fpl-lt .lt-status.warn{ color: rgba(255,230,150,.95); }
.fpl-lt .lt-bd{ padding: 12px 16px 16px; }
.fpl-lt .lt-metaBar{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  margin-bottom: 10px;
  flex-wrap:wrap;
}
.fpl-lt .lt-leagueName{ font-size: 14px; font-weight: 800; color: rgba(255,255,255,.92); }
.fpl-lt .lt-count{ font-size: 12.5px; color: rgba(255,255,255,.70); }
.fpl-lt .lt-insights{ width:100%; }
.fpl-lt .lt-insightsRow{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.fpl-lt .lt-i{ font-size:12.5px; color: rgba(255,255,255,.82); padding:6px 10px; border:1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); border-radius: 999px; }
.fpl-lt .lt-i b{ color: rgba(255,255,255,.95); font-weight: 800; }
.fpl-lt .lt-i-muted{ opacity:.7; border-style:dashed; }

.fpl-lt .lt-tableWrap{
  width:100%;
  overflow:auto;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10, 12, 20, .35);
}
.fpl-lt .lt-table{
  width:100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 0;
}
.fpl-lt .lt-table thead th{
  text-align:left;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 10px 12px;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.72);
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.fpl-lt .lt-table tbody td{
  padding: 12px 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  vertical-align: top;
  color: rgba(255,255,255,.90);
  font-size: 13px;
}
.fpl-lt .lt-table tbody tr:hover td{ background: rgba(255,255,255,.04); }
.fpl-lt .lt-rank{ width:70px; white-space:nowrap; font-weight: 800; color: rgba(255,255,255,.85); }
.fpl-lt .lt-manager{ width:260px; }
.fpl-lt .lt-mwrap{ display:flex; flex-direction:column; gap:6px; }
.fpl-lt .lt-mbadges{ display:flex; gap:6px; flex-wrap:wrap; }
.fpl-lt .lt-chip{
  display:inline-flex;
  align-items:center;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.80);
  font-size: 11px;
  font-weight: 900;
}
.fpl-lt .lt-chip-hit{ border-color: rgba(255,120,120,.45); background: rgba(255,120,120,.12); color: rgba(255,200,200,.95); }
.fpl-lt .lt-chip-chip{ border-color: rgba(108,246,255,.35); background: rgba(108,246,255,.10); color: rgba(210,250,255,.95); }
.fpl-lt .lt-chip-wc{ border-color: rgba(167,139,250,.45); background: rgba(167,139,250,.14); color: rgba(240,235,255,.98); }
.fpl-lt .lt-chip-fh{ border-color: rgba(108,246,255,.45); background: rgba(108,246,255,.12); color: rgba(210,250,255,.98); }
.fpl-lt .lt-chip-bb{ border-color: rgba(150,255,0,.35); background: rgba(150,255,0,.12); color: rgba(230,255,200,.98); }
.fpl-lt .lt-chip-tc{ border-color: rgba(255,215,0,.35); background: rgba(255,215,0,.12); color: rgba(255,245,200,.98); }
.fpl-lt .lt-chip0{ opacity: .95; }
.fpl-lt .lt-m1{ font-weight: 900; letter-spacing: -.01em; }
.fpl-lt .lt-m2{ margin-top: 2px; font-size: 12px; color: rgba(255,255,255,.66); }
.fpl-lt .lt-empty{ text-align:center; padding: 18px 12px !important; color: rgba(255,255,255,.65); }
.fpl-lt .lt-tlist{ display:flex; flex-direction:column; gap:10px; }
.fpl-lt .lt-titem{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}
.fpl-lt .lt-flags{ display:flex; flex-wrap:wrap; gap:6px; margin-top: 6px; }
.fpl-lt .lt-flag{
  display:inline-flex;
  align-items:center;
  padding: 3px 7px;
  border-radius: 999px;
  border: 1px solid rgba(108,246,255,.35);
  background: rgba(108,246,255,.10);
  color: rgba(210,250,255,.95);
  font-size: 10.5px;
  font-weight: 900;
}
.fpl-lt .lt-flag2{ border-color: rgba(167,139,250,.35); background: rgba(167,139,250,.10); }
.fpl-lt .lt-flag3{ border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.06); }
.fpl-lt .lt-swap{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.fpl-lt .lt-out, .fpl-lt .lt-in{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width: 540px;
}
.fpl-lt .lt-swap b{ font-weight: 900; }
.fpl-lt .lt-swap i{
  font-style: normal;
  font-size: 12px;
  color: rgba(255,255,255,.62);
  margin-left: 6px;
}
.fpl-lt .lt-meta{ display:flex; align-items:flex-start; gap:8px; white-space:nowrap; }
.fpl-lt .lt-hit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,120,120,.45);
  background: rgba(255,120,120,.12);
  color: rgba(255,200,200,.95);
  font-size: 11px;
  font-weight: 900;
}
.fpl-lt .lt-hit0{
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.80);
}
.fpl-lt .lt-time{ font-size: 11px; color: rgba(255,255,255,.60); padding-top: 2px; }
.fpl-lt .lt-none{ color: rgba(255,255,255,.65); font-style: italic; }
.fpl-lt .lt-loadMoreWrap{ display:flex; justify-content:center; margin-top: 12px; }
@media (max-width: 768px){
  .fpl-lt .lt-field select{ min-width: 180px; }
  .fpl-lt .lt-controls{ width:100%; }
  .fpl-lt .lt-btn{ width:100%; }
  .fpl-lt .lt-out, .fpl-lt .lt-in{ max-width: 260px; }

  /* Mobile: card-like rows, no horizontal scroll */
  .fpl-lt .lt-tableWrap{ overflow: visible; }
  .fpl-lt .lt-table{ display:block; width:100%; }
  .fpl-lt .lt-table thead{ display:none; }
  .fpl-lt .lt-table tbody{ display:block; }
  .fpl-lt .lt-table tbody tr{ display:block; margin: 0 0 12px; border: 1px solid rgba(255,255,255,.10); border-radius: 14px; overflow:hidden; }
  .fpl-lt .lt-table tbody td{ display:block; width:100%; border-bottom: 1px solid rgba(255,255,255,.08); }
  .fpl-lt .lt-table tbody td:last-child{ border-bottom: 0; }
  .fpl-lt .lt-rank{ width:auto; }
  .fpl-lt .lt-table tbody td[data-label]::before{
    content: attr(data-label);
    display:block;
    font-size: 10px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
    margin-bottom: 6px;
    font-weight: 900;
  }
  .fpl-lt .lt-out, .fpl-lt .lt-in{ max-width: 100%; }
}