/* Zenkai Idle R7.10.77 — Bosses is a TRUE TAB inside #zk63HuntInterior.
   No separate absolute overlay root is allowed. */
#huntModal #zk66BossInterior{display:none!important;visibility:hidden!important;pointer-events:none!important;}

#huntModal .zk63-shell .zk63-interior.zk77-boss-view{
  display:grid!important;
  grid-template-columns:25.3% minmax(0,1fr) 25.3%!important;
  grid-template-rows:minmax(0,1fr) 46px!important;
  gap:7px 8px!important;
}

#huntModal .zk77-boss-list,
#huntModal .zk77-boss-main,
#huntModal .zk77-boss-loot-panel{
  min-width:0!important;
  min-height:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

#huntModal .zk77-boss-list{
  padding:8px 5px!important;
  overflow-y:auto!important;
  scrollbar-width:thin;
  scrollbar-color:#238dc7 transparent;
}
#huntModal .zk77-boss-list::-webkit-scrollbar{width:7px}
#huntModal .zk77-boss-list::-webkit-scrollbar-track{background:transparent}
#huntModal .zk77-boss-list::-webkit-scrollbar-thumb{background:#238dc7;border-radius:6px}

#huntModal .zk77-boss-card{
  width:100%!important;
  min-height:72px!important;
  margin:0 0 7px!important;
  padding:7px 12px!important;
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  border:0!important;
  color:#e9f6ff!important;
  text-align:left!important;
  cursor:pointer!important;
  background:transparent url('assets/ui/hunt_clean_v65/cards/hunt_card_normal.png') center/100% 100% no-repeat!important;
}
#huntModal .zk77-boss-card.active{
  background-image:url('assets/ui/hunt_clean_v65/cards/hunt_card_selected.png')!important;
}
#huntModal .zk77-boss-card img{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  image-rendering:pixelated!important;
}
#huntModal .zk77-boss-card b{display:block!important;font-size:14px!important;line-height:1.05!important;color:#f1f8ff!important}
#huntModal .zk77-boss-card small{display:block!important;margin-top:4px!important;font-size:11px!important;line-height:1.2!important;color:#9fc0d8!important}

#huntModal .zk77-boss-main{
  position:relative!important;
  padding:18px 18px 14px!important;
  border:10px solid transparent!important;
  border-image:url('assets/ui/hunt_clean_v65/panels/details_panel.png') 64 fill stretch!important;
}
#huntModal .zk77-boss-hero{
  display:grid!important;
  grid-template-columns:124px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
}
#huntModal .zk77-boss-hero>img{
  width:116px!important;
  height:116px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  image-rendering:pixelated!important;
}
#huntModal .zk77-boss-hero h2{margin:0 0 4px!important;color:#79b7ff!important;font-size:28px!important;line-height:1!important}
#huntModal .zk77-boss-hero strong{display:block!important;color:#ffd75f!important;font-size:16px!important;margin-bottom:8px!important}
#huntModal .zk77-boss-hero p{margin:0!important;color:#d8e8f5!important;font-size:12px!important;line-height:1.4!important}
#huntModal .zk77-boss-hero em{display:block!important;margin-top:7px!important;color:#7eff9a!important;font-style:normal!important;font-weight:700!important;font-size:11px!important}

#huntModal .zk77-boss-info{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:14px!important;
}
#huntModal .zk77-boss-info span{
  padding:9px 11px!important;
  border:1px solid rgba(38,142,203,.72)!important;
  background:#061b36!important;
  border-radius:6px!important;
  color:#8fb3ce!important;
  font-size:12px!important;
}
#huntModal .zk77-boss-info b{float:right!important;color:#fff!important}
#huntModal .zk77-boss-warning{
  margin-top:11px!important;
  padding:8px!important;
  border:1px solid #a96713!important;
  background:#281506!important;
  color:#ffd47c!important;
  text-align:center!important;
  font-size:10px!important;
}

#huntModal .zk77-boss-loot-panel{
  padding:12px 8px 8px!important;
  display:grid!important;
  grid-template-rows:28px minmax(0,1fr)!important;
  border:10px solid transparent!important;
  border-image:url('assets/ui/hunt_clean_v65/panels/scroll_panel.png') 46 fill stretch!important;
}
#huntModal .zk77-boss-loot-panel h3{margin:0!important;color:#fff!important;font-size:15px!important;line-height:24px!important}
#huntModal .zk77-boss-loot-scroll{min-height:0!important;overflow-y:auto!important;padding-right:3px!important;scrollbar-width:thin;scrollbar-color:#238dc7 transparent}
#huntModal .zk77-boss-loot-scroll::-webkit-scrollbar{width:7px}
#huntModal .zk77-boss-loot-scroll::-webkit-scrollbar-track{background:transparent}
#huntModal .zk77-boss-loot-scroll::-webkit-scrollbar-thumb{background:#238dc7;border-radius:6px}
#huntModal .zk77-boss-loot{
  min-height:56px!important;
  margin-bottom:6px!important;
  padding:7px 9px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  background:transparent url('assets/ui/hunt_clean_v65/cards/loot_row_normal.png') center/100% 100% no-repeat!important;
}
#huntModal .zk77-boss-loot img{width:36px!important;height:36px!important;object-fit:contain!important}
#huntModal .zk77-boss-loot b{display:block!important;color:#edf7ff!important;font-size:12px!important;line-height:1.05!important}
#huntModal .zk77-boss-loot small{display:block!important;color:#9fc0d8!important;font-size:10px!important;margin-top:3px!important}

#huntModal .zk77-boss-footer{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
  padding:0 8px!important;
}
#huntModal .zk77-boss-footer>span{margin-right:auto!important;color:#9fc4dc!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#huntModal .zk77-boss-footer button{height:38px!important;border:0!important;color:#fff!important;font-weight:800!important;cursor:pointer!important;background-color:transparent!important;background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important}
#huntModal .zk77-boss-footer #zk77BossStart{width:178px!important;background-image:url('assets/ui/hunt_clean_v65/buttons/start_hunt.png')!important}
#huntModal .zk77-boss-footer #zk77BossClose{width:90px!important;background-image:url('assets/ui/hunt_clean_v65/buttons/close.png')!important}
#huntModal .zk77-boss-footer button:disabled{filter:grayscale(.68) brightness(.72)!important;opacity:.72!important;cursor:default!important}

/* Placeholder tabs reuse THE SAME content root too, preventing stale boss content. */
#huntModal .zk63-shell .zk63-interior.zk77-placeholder-view{
  display:block!important;
}
#huntModal .zk77-placeholder{
  height:100%!important;
  display:grid!important;
  place-content:center!important;
  text-align:center!important;
  border:10px solid transparent!important;
  border-image:url('assets/ui/hunt_clean_v65/panels/details_panel.png') 64 fill stretch!important;
  color:#9fc0d8!important;
}
#huntModal .zk77-placeholder b{display:block!important;color:#eaf6ff!important;font-size:24px!important;margin-bottom:8px!important}
#huntModal .zk77-placeholder span{font-size:12px!important}

/* Selected tab = clearly larger; inactive tabs are physically smaller inside fixed slots. */
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs button{
  width:74%!important;
  height:66%!important;
  transition:width .12s ease,height .12s ease,filter .12s ease!important;
}
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs button.active{
  width:100%!important;
  height:100%!important;
}
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs button:not(.active):hover{
  width:82%!important;
  height:75%!important;
}

@media (max-height:650px){
  #huntModal .zk77-boss-card{min-height:64px!important;grid-template-columns:54px minmax(0,1fr)!important;padding:5px 9px!important}
  #huntModal .zk77-boss-card img{width:50px!important;height:50px!important}
  #huntModal .zk77-boss-hero{grid-template-columns:96px minmax(0,1fr)!important;gap:10px!important}
  #huntModal .zk77-boss-hero>img{width:90px!important;height:90px!important}
  #huntModal .zk77-boss-hero h2{font-size:23px!important}
  #huntModal .zk77-boss-info span{padding:7px 9px!important}
  #huntModal .zk77-boss-warning{margin-top:7px!important;padding:6px!important}
}