.srm-item,.srm-item *,.srm-data{box-sizing:border-box}
.srm-data{display:none}

.srm-item{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
  display:flex;align-items:center;gap:10px;
  padding:10px 11px;border-radius:12px;
  border:1px solid rgba(15,22,33,.10);background:#fff;
  text-decoration:none!important;
  margin-bottom:7px;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .18s,background .18s;
  position:relative;overflow:hidden;
}
.srm-item::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:#169A47;opacity:0;transition:opacity .18s;
}
.srm-item:hover{
  transform:translateY(-2px);
  border-color:rgba(22,154,71,.30);
  background:#F9FBFA;
}
.srm-item:hover::before{opacity:1}

/* Logos */
.srm-logos{display:flex;align-items:center;flex-shrink:0;width:38px;height:32px;position:relative}
.srm-logo{
  width:22px;height:22px;object-fit:contain;
  border-radius:50%;background:#fff;
  border:1px solid rgba(15,22,33,.10);
  transition:transform .25s cubic-bezier(.34,1.56,.64,1);
}
.srm-logo-home{position:absolute;left:0;top:2px;z-index:2}
.srm-logo-away{position:absolute;left:14px;top:2px;z-index:1}
.srm-item:hover .srm-logo-home{transform:translateX(-2px) scale(1.05)}
.srm-item:hover .srm-logo-away{transform:translateX(2px) scale(1.05)}

/* Info */
.srm-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.srm-names{display:flex;align-items:baseline;gap:5px;min-width:0;overflow:hidden}
.srm-name{
  font-family:'Poppins',sans-serif;
  font-size:12.5px;font-weight:600;color:#0F1621;line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.srm-names .srm-name:first-child{flex-shrink:1;max-width:48%}
.srm-names .srm-name:last-child{flex-shrink:1;max-width:48%}
.srm-name-sep{font-size:11px;color:#B6BEC5;font-weight:600;flex-shrink:0}

.srm-meta{display:flex;align-items:center;gap:5px}
.srm-meta-icon{font-size:9px;opacity:.55}
.srm-meta-txt{
  font-family:'Poppins',sans-serif;font-size:10.5px;font-weight:600;
  color:#7A8792;line-height:1.3;font-variant-numeric:tabular-nums;
}

/* Arrow */
.srm-arr{font-size:13px;color:#B6BEC5;flex-shrink:0;transition:transform .2s,color .2s}
.srm-item:hover .srm-arr{transform:translateX(3px);color:#12833D}

/* Responsive */
@media(max-width:480px){
  .srm-item{padding:9px 10px;gap:8px}
  .srm-logos{width:34px;height:28px}
  .srm-logo{width:20px;height:20px}
  .srm-logo-away{left:12px}
  .srm-name{font-size:12px}
  .srm-meta-txt{font-size:9.5px}
}
@media(max-width:360px){
  .srm-names{flex-direction:column;align-items:flex-start;gap:0}
  .srm-name-sep{display:none}
  .srm-names .srm-name{max-width:100%}
}