/* =========================================================
   TARJETAS EQUIPOS — versión card premium compacta
   ========================================================= */

.tray-team-row.tray-team-row-btn{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-clip: padding-box;
  border: 1px solid rgba(255,255,255,0.10);
  font: inherit;
  color: inherit;
  padding: 12px 14px;
  min-height: 64px;
  margin: 0;
  border-radius: 16px;

  background:
    radial-gradient(220px 70px at 8% 0%, rgba(255,255,255,0.04), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,0.035) 0%, rgba(255,255,255,0.018) 100%),
    rgba(255,255,255,0.025);

  box-shadow:
    0 10px 22px rgba(0,0,0,0.22),
    0 0 0 1px rgba(255,255,255,0.02) inset;

  transition:
    transform .14s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

.tray-team-row.tray-team-row-btn:hover{
  transform: translateY(-2px);
  border-color: rgba(55,242,166,0.26);
  background:
    radial-gradient(260px 90px at 8% 0%, rgba(55,242,166,0.09), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.022) 100%),
    rgba(255,255,255,0.03);
  box-shadow:
    0 16px 30px rgba(0,0,0,0.28),
    0 0 0 1px rgba(55,242,166,0.05) inset,
    0 0 18px rgba(55,242,166,0.06);
}

.tray-team-row.tray-team-row-btn.is-seen{
  border-color: rgba(55,242,166,0.22);
  background:
    radial-gradient(260px 90px at 8% 0%, rgba(55,242,166,0.13), transparent 72%),
    linear-gradient(180deg, rgba(55,242,166,0.05) 0%, rgba(255,255,255,0.02) 100%),
    rgba(255,255,255,0.028);
  box-shadow:
    0 12px 26px rgba(0,0,0,0.24),
    0 0 0 1px rgba(55,242,166,0.05) inset;
}

.tray-team-row-btn:focus{
  outline: none;
  box-shadow:
    0 0 0 2px rgba(34,211,238,.22),
    0 14px 30px rgba(0,0,0,0.26);
}

.tray-team-row-btn:active{
  transform: translateY(0);
}

/* Estado */
.tray-team-state-wrap{
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
}

.tray-team-state{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 14px;
}

/* Escudo */
.tray-team-shield-wrap{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(80% 80% at 30% 20%, rgba(255,255,255,0.16), transparent 75%),
    rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow:
    0 6px 16px rgba(0,0,0,0.18),
    0 0 0 1px rgba(255,255,255,0.02) inset;
}

.tray-team-shield{
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
}

/* Centro */
.tray-team-meta{
  min-width: 0;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
}

.tray-team-name{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  overflow: hidden;

  color: rgba(255,255,255,.97);
  font-weight: 900;
  font-size: 14px;
  line-height: 1.1;
  margin: 0;
  letter-spacing: .1px;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* Derecha */
.tray-team-right{
  margin-left: auto;
  display: flex;
  align-items: center;
  align-self: center;
  flex: 0 0 auto;
  padding-left: 8px;
}

.tray-team-counts{
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.tray-team-count-chip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  color: rgba(255,255,255,0.98);
  font-weight: 900;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  opacity: 1;

  background:
    linear-gradient(180deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.04) 100%);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow:
    0 6px 14px rgba(0,0,0,0.16),
    0 0 0 1px rgba(255,255,255,0.02) inset;
}

.tray-team-row.tray-team-row-btn.is-seen .tray-team-count-chip{
  border-color: rgba(55,242,166,0.18);
  background:
    linear-gradient(180deg, rgba(55,242,166,0.14) 0%, rgba(255,255,255,0.04) 100%);
}

/* Responsive */
@media (max-width: 900px){
  .tray-team-row.tray-team-row-btn{
    min-height: 60px;
    padding: 10px 12px;
    gap: 10px;
  }

  .tray-team-shield-wrap{
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
  }

  .tray-team-shield{
    width: 24px;
    height: 24px;
  }

  .tray-team-name{
    font-size: 13px;
    line-height: 1.08;
  }

  .tray-team-count-chip{
    min-width: 38px;
    height: 26px;
    font-size: 11px;
    padding: 0 8px;
  }
}