/* Boss Status layout: stable frame, compact controls and a protected content area. */
html body.rfv-page-boss_stat:not(.rfv-page-home) .rfv-boss-status__panel {
  box-sizing: border-box !important;
  min-height: 560px !important;
  padding: clamp(70px, 6.3vw, 88px) clamp(62px, 6.4vw, 90px) clamp(62px, 5.5vw, 78px) !important;
  overflow: visible !important;
  background: transparent url(../images/rf-assets/panels/supplied/boss-status-panel-v2.png) center / 100% 100% no-repeat !important;
  border: 0 !important;
  border-image: none !important;
  box-shadow: none !important;
}

html body.rfv-page-boss_stat .rfv-boss-status__panel-title,
html body.rfv-page-boss_stat .rfv-boss-status__panel-bottom {
  display: none !important;
}

html body.rfv-page-boss_stat .rfv-boss-status__panel-middle {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

html body.rfv-page-boss_stat .rfv-boss-status__controls {
  display: grid !important;
  grid-template-columns: 142px minmax(0, 1fr) !important;
  grid-template-rows: 62px auto !important;
  align-items: center !important;
  gap: 8px 22px !important;
  min-height: 0 !important;
  padding: 0 0 24px !important;
  border-bottom: 1px solid rgba(221, 22, 120, .28) !important;
}

html body.rfv-page-boss_stat .rfv-boss-status__controls label {
  display: flex !important;
  align-items: center !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #642340 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font: 700 18px/1.25 "Chakra Petch", sans-serif !important;
  letter-spacing: .02em !important;
  text-align: left !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .92) !important;
}

html body.rfv-page-boss_stat .rfv-boss-status__controls select {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 62px !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 0 50px 0 22px !important;
  color: #491433 !important;
  background-color: rgba(255, 252, 254, .88) !important;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(255, 235, 246, .9)) !important;
  border: 2px solid rgba(231, 26, 130, .68) !important;
  border-image: none !important;
  border-radius: 10px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .82), 0 8px 20px rgba(184, 17, 101, .08) !important;
  font: 650 clamp(16px, 1.35vw, 19px)/1.35 "Chakra Petch", sans-serif !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .92) !important;
  cursor: pointer !important;
}

html body.rfv-page-boss_stat .rfv-boss-status__controls select:hover {
  border-color: #e01278 !important;
}

html body.rfv-page-boss_stat .rfv-boss-status__controls select:focus-visible {
  outline: 3px solid rgba(235, 18, 133, .28) !important;
  outline-offset: 3px !important;
}

html body.rfv-page-boss_stat .rfv-boss-status__controls small {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  padding: 0 2px !important;
  color: #73536a !important;
  font: 500 14px/1.5 "Chakra Petch", sans-serif !important;
  letter-spacing: .01em !important;
}

html body.rfv-page-boss_stat .rfv-boss-status__results {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 28px !important;
}

html body.rfv-page-boss_stat .rfv-boss-status__results .rfv-boss-empty,
html body.rfv-page-boss_stat .rfv-boss-status__results .rfv-boss-loading {
  box-sizing: border-box !important;
  display: grid !important;
  place-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 220px !important;
  padding: 44px clamp(34px, 5vw, 72px) !important;
  color: #6e5267 !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(255, 236, 246, .78)) !important;
  border: 1px solid rgba(225, 24, 124, .42) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 0 26px rgba(236, 39, 137, .07), 0 12px 30px rgba(162, 18, 89, .07) !important;
  text-align: center !important;
}

html body.rfv-page-boss_stat .rfv-boss-empty strong {
  color: #b50968 !important;
  font: 700 clamp(20px, 1.8vw, 24px)/1.3 "Chakra Petch", sans-serif !important;
  letter-spacing: .015em !important;
  text-shadow: 0 1px 0 #fff, 0 0 14px rgba(243, 26, 140, .16) !important;
  transform: none !important;
}

html body.rfv-page-boss_stat .rfv-boss-empty span {
  color: #70566a !important;
  font: 500 clamp(14px, 1.15vw, 16px)/1.5 "Chakra Petch", sans-serif !important;
  transform: none !important;
}

@media (max-width: 800px) {
  html body.rfv-page-boss_stat:not(.rfv-page-home) .rfv-boss-status__panel {
    min-height: 500px !important;
    padding: 62px clamp(34px, 7vw, 54px) 56px !important;
    background-size: 100% 100% !important;
  }

  html body.rfv-page-boss_stat .rfv-boss-status__controls {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    gap: 8px !important;
    padding-bottom: 20px !important;
  }

  html body.rfv-page-boss_stat .rfv-boss-status__controls label {
    min-height: 30px !important;
    padding: 0 2px !important;
    font-size: 15px !important;
  }

  html body.rfv-page-boss_stat .rfv-boss-status__controls select {
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 42px 0 16px !important;
    font-size: 15px !important;
  }

  html body.rfv-page-boss_stat .rfv-boss-status__controls small {
    grid-column: auto !important;
    grid-row: auto !important;
    padding: 0 2px !important;
    font-size: 12px !important;
  }

  html body.rfv-page-boss_stat .rfv-boss-status__results {
    margin-top: 22px !important;
  }

  html body.rfv-page-boss_stat .rfv-boss-status__results .rfv-boss-empty,
  html body.rfv-page-boss_stat .rfv-boss-status__results .rfv-boss-loading {
    min-height: 190px !important;
    padding: 34px 26px !important;
  }
}

@media (max-width: 520px) {
  html body.rfv-page-boss_stat:not(.rfv-page-home) .rfv-boss-status__panel {
    min-height: 440px !important;
    padding: 52px 28px 46px !important;
  }

  html body.rfv-page-boss_stat .rfv-boss-status__controls select {
    height: 54px !important;
    min-height: 54px !important;
    font-size: 14px !important;
  }

  html body.rfv-page-boss_stat .rfv-boss-status__results .rfv-boss-empty,
  html body.rfv-page-boss_stat .rfv-boss-status__results .rfv-boss-loading {
    min-height: 170px !important;
    padding: 28px 20px !important;
  }
}