
/* Four Color Comic v40.31.31
   Collection EMV/card cleanup */

/* Checkbox gets its own very small upper-left gutter; never cover artwork. */
#collectionCards .v403131-card{
  grid-template-columns:22px 124px minmax(0,1fr)!important;
  column-gap:10px!important;
}
#collectionCards .v403131-card .v403131-select-rail{
  grid-column:1!important;
  grid-row:1!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding-top:1px!important;
  min-width:0!important;
}
#collectionCards .v403131-card .v403120-card-left{
  grid-column:2!important;
  grid-row:1!important;
}
#collectionCards .v403131-card .v42-card-main{
  grid-column:3!important;
  grid-row:1!important;
}
#collectionCards .v403131-card .v403131-card-select{
  position:static!important;
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(150,169,196,.38)!important;
  border-radius:5px!important;
  background:rgba(6,14,25,.72)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  cursor:pointer!important;
}
#collectionCards .v403131-card .v403131-card-select:hover{
  border-color:rgba(138,122,255,.82)!important;
  background:rgba(25,27,48,.86)!important;
}
#collectionCards .v403131-card .v403131-card-select span{
  display:none!important;
}
#collectionCards .v403131-card .v403131-card-select input{
  width:14px!important;
  height:14px!important;
  margin:0!important;
  accent-color:#7d6cff!important;
}

/* Neutral loading shell: eliminates broken/colored image artifacts while signed
   cover URLs hydrate in the background. */
.v403131-cover-loading{
  position:relative!important;
  overflow:hidden!important;
  background:rgba(8,17,30,.92)!important;
}
.v403131-cover-skeleton{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.015) 0%,
      rgba(255,255,255,.055) 48%,
      rgba(255,255,255,.015) 100%)!important;
  background-size:220% 100%!important;
  animation:v403131CoverPulse 1.35s ease-in-out infinite!important;
}
@keyframes v403131CoverPulse{
  0%{background-position:100% 0}
  100%{background-position:-100% 0}
}

/* Card View key indicators are quiet text badges, never yellow emoji artwork. */
#collectionCards .v403131-key-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin:6px 0 1px!important;
}
#collectionCards .v403131-key-badges span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:20px!important;
  padding:3px 7px!important;
  border:1px solid rgba(115,136,166,.25)!important;
  border-radius:999px!important;
  background:rgba(9,19,34,.48)!important;
  color:#9cafc7!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
}

/* Keep EMV strongly visible in both Collection modes. */
#collectionTable .v423-suggest-cell .v41-ai,
#collectionCards .v403131-card .v403120-estimated .v41-ai{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
#collectionTable .v423-suggest-cell .v41-ai{
  min-height:16px!important;
}
#collectionCards .v403131-card .v403120-estimated{
  overflow:hidden!important;
}

/* Override v40.31.30's photo-overlay select rules. */
#collectionCards .v403131-card .v403120-card-left>.v403130-card-select{
  display:none!important;
}

@media(max-width:900px){
  #collectionCards .v403131-card{
    grid-template-columns:22px 124px minmax(0,1fr)!important;
  }
}
@media(max-width:520px){
  #collectionCards .v403131-card{
    grid-template-columns:20px 104px minmax(0,1fr)!important;
    column-gap:7px!important;
  }
  #collectionCards .v403131-card .v403131-card-select{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
  }
  #collectionCards .v403131-card .v403131-card-select input{
    width:13px!important;
    height:13px!important;
  }
}
