/* Got Hot Wheels Auctions - Admin Site Stats v59 */
body .ghw-stats-hero {
  background:
    radial-gradient(circle at 18% 20%, rgba(255,157,0,.22), transparent 28%),
    radial-gradient(circle at 82% 10%, rgba(237,17,28,.24), transparent 32%),
    linear-gradient(180deg, #15191f, #07090d) !important;
}

body .ghw-stats-page {
  background: #05070a !important;
}

body .ghw-stats-actions {
  flex-wrap: wrap !important;
}

body .ghw-stats-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 16px !important;
}

body .ghw-stats-grid article,
body .ghw-stats-panel {
  border: 1px solid rgba(255,255,255,.10) !important;
  background: linear-gradient(180deg, rgba(18,24,31,.98), rgba(5,7,10,.98)) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body .ghw-stats-grid article {
  padding: 16px 14px !important;
  min-height: 116px !important;
}

body .ghw-stats-grid article span {
  display: block !important;
  color: #aeb7c2 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

body .ghw-stats-grid article strong {
  display: block !important;
  color: #fff !important;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', Arial, sans-serif !important;
  font-size: clamp(25px, 3vw, 38px) !important;
  line-height: 1 !important;
  letter-spacing: .03em !important;
  text-shadow: 0 0 20px rgba(255,157,0,.20) !important;
}

body .ghw-stats-grid.primary article:nth-child(1) strong,
body .ghw-stats-grid.primary article:nth-child(2) strong,
body .ghw-stats-grid.primary article:nth-child(5) strong {
  color: #ffb22b !important;
}

body .ghw-stats-grid.primary article:nth-child(4) strong,
body .ghw-stats-grid.primary article:nth-child(6) strong {
  color: #ff363b !important;
}

body .ghw-stats-grid article small {
  display: block !important;
  margin-top: 8px !important;
  color: #d8dde5 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

body .ghw-stats-grid.secondary article {
  min-height: 92px !important;
  padding: 13px 14px !important;
}

body .ghw-stats-grid.secondary article strong {
  font-size: 27px !important;
}

body .ghw-stats-panels {
  display: grid !important;
  grid-template-columns: 1.5fr .9fr !important;
  gap: 16px !important;
  margin-top: 16px !important;
}

body .ghw-stats-panels.bottom {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body .ghw-stats-panel {
  padding: 18px !important;
  min-width: 0 !important;
}

body .ghw-stats-panel-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 15px !important;
}

body .ghw-stats-panel-head h2 {
  margin: 0 !important;
  color: #fff !important;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', Arial, sans-serif !important;
  font-style: italic !important;
  font-size: 24px !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body .ghw-stats-panel-head span {
  color: #aeb7c2 !important;
  font-size: 12px !important;
}

body .ghw-stats-bar-row {
  display: grid !important;
  grid-template-columns: 62px 1fr 48px !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 9px 0 !important;
}

body .ghw-stats-bar-row > span,
body .ghw-stats-bar-row > strong {
  color: #dce2ea !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body .ghw-stats-bar-row > strong {
  text-align: right !important;
}

body .ghw-stats-bar-row div {
  height: 12px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.08) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05) !important;
}

body .ghw-stats-bar-row i {
  display: block !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #ed111c, #ff9d00) !important;
  box-shadow: 0 0 12px rgba(255,157,0,.32) !important;
}

body .ghw-stats-health-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body .ghw-stats-health-list div,
body .ghw-stats-row,
body .ghw-stats-recent-grid div {
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(0,0,0,.26) !important;
  border-radius: 10px !important;
  padding: 12px !important;
}

body .ghw-stats-health-list span,
body .ghw-stats-row span,
body .ghw-stats-recent-grid span {
  display: block !important;
  color: #aeb7c2 !important;
  font-size: 12px !important;
}

body .ghw-stats-health-list strong,
body .ghw-stats-row strong,
body .ghw-stats-recent-grid strong {
  display: block !important;
  color: #fff !important;
  font-weight: 900 !important;
  word-break: break-word !important;
}

body .ghw-stats-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 9px !important;
}

body .ghw-stats-row.stack {
  display: block !important;
}

body .ghw-stats-row.stack span {
  color: #fff !important;
  font-weight: 900 !important;
  margin-bottom: 3px !important;
}

body .ghw-stats-row.stack small {
  color: #aeb7c2 !important;
  font-size: 12px !important;
}

body .ghw-stats-recent {
  margin-top: 16px !important;
}

body .ghw-stats-recent-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

@media (max-width: 1100px) {
  body .ghw-stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  body .ghw-stats-panels,
  body .ghw-stats-panels.bottom {
    grid-template-columns: 1fr !important;
  }
  body .ghw-stats-recent-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body .ghw-stats-grid {
    grid-template-columns: 1fr !important;
  }
  body .ghw-stats-bar-row {
    grid-template-columns: 52px 1fr 40px !important;
  }
  body .ghw-stats-health-list,
  body .ghw-stats-recent-grid {
    grid-template-columns: 1fr !important;
  }
}