/* Zenkai Idle R7.10.194 — Recruitment wallet asset fix
   Fixes the top Tickets / Obtidos cards using the correct card geometry
   from the approved UI master sheet. No nested/cropped icon assets. */

/* The old wallet was built from the 190x51 STAT frame plus two contaminated
   icon crops. That is intentionally neutralized here. */
#infoModal.recruit-mode .r183-recruit-top{
  height:76px!important;
  min-height:76px!important;
  padding:8px 16px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  column-gap:18px!important;
  align-items:center!important;
}
#infoModal.recruit-mode .r183-wallet{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  margin:0!important;
  overflow:visible!important;
}
#infoModal.recruit-mode .r183-wallet span{
  position:relative!important;
  display:block!important;
  flex:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  background-color:transparent!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
}
#infoModal.recruit-mode .r183-wallet span:first-child{
  width:141px!important;
  min-width:141px!important;
  height:64px!important;
  min-height:64px!important;
  background-image:url('assets/recruitment/r194/ui/ticket_wallet_base.png')!important;
}
#infoModal.recruit-mode .r183-wallet span:last-child{
  width:122px!important;
  min-width:122px!important;
  height:64px!important;
  min-height:64px!important;
  background-image:url('assets/recruitment/r194/ui/obtained_wallet_base.png')!important;
}
#infoModal.recruit-mode .r183-wallet span::before,
#infoModal.recruit-mode .r183-wallet span::after{
  display:none!important;
  content:none!important;
  background:none!important;
}
#infoModal.recruit-mode .r183-wallet b,
#infoModal.recruit-mode .r183-wallet small{
  position:absolute!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-shadow:0 1px 2px #000!important;
  transform:none!important;
}
/* number: right aligned like the source asset */
#infoModal.recruit-mode .r183-wallet b{
  left:47%!important;
  right:9%!important;
  top:17%!important;
  height:28%!important;
  color:#ffd85b!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:right!important;
  letter-spacing:0!important;
}
/* caption: centered in the open lower-right field */
#infoModal.recruit-mode .r183-wallet small{
  left:44%!important;
  right:8%!important;
  top:58%!important;
  height:20%!important;
  color:#9fd7f7!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:500!important;
  text-align:center!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}

/* Keep the title hierarchy vertically centered with the taller wallet. */
#infoModal.recruit-mode .r183-recruit-top small{
  font-size:9px!important;
  line-height:1!important;
}
#infoModal.recruit-mode .r183-recruit-top h2{
  margin:6px 0 0!important;
  font-size:24px!important;
  line-height:1!important;
}

/* Compact notebook mode: preserve the same aspect ratio rather than flattening
   the cards back into the old 190x51 stat-frame silhouette. */
@media (max-height:740px){
  #infoModal.recruit-mode .r183-recruit-top{
    height:58px!important;
    min-height:58px!important;
    padding:5px 12px!important;
  }
  #infoModal.recruit-mode .r183-recruit-top h2{
    margin-top:4px!important;
    font-size:21px!important;
  }
  #infoModal.recruit-mode .r183-wallet{gap:7px!important}
  #infoModal.recruit-mode .r183-wallet span:first-child{
    width:114px!important;
    min-width:114px!important;
    height:52px!important;
    min-height:52px!important;
  }
  #infoModal.recruit-mode .r183-wallet span:last-child{
    width:99px!important;
    min-width:99px!important;
    height:52px!important;
    min-height:52px!important;
  }
  #infoModal.recruit-mode .r183-wallet b{
    font-size:16px!important;
  }
  #infoModal.recruit-mode .r183-wallet small{
    font-size:7.4px!important;
  }
}

@media (max-width:1030px){
  #infoModal.recruit-mode .r183-recruit-top{
    column-gap:10px!important;
  }
  #infoModal.recruit-mode .r183-wallet span:first-child{
    width:116px!important;
    min-width:116px!important;
    height:53px!important;
    min-height:53px!important;
  }
  #infoModal.recruit-mode .r183-wallet span:last-child{
    width:101px!important;
    min-width:101px!important;
    height:53px!important;
    min-height:53px!important;
  }
  #infoModal.recruit-mode .r183-wallet b{font-size:16px!important}
  #infoModal.recruit-mode .r183-wallet small{font-size:7.5px!important}
}