/* v45 — heading colors, history trend by latest move, values header spacing */

/* Sidebar footer should never stretch into a giant panel */
body[data-view='values'] .side-footer,
body[data-view='calculator'] .side-footer{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:8px!important;
  height:auto!important;
  min-height:unset!important;
  max-height:max-content!important;
  flex:0 0 auto!important;
  margin-top:auto!important;
}
body[data-view='values'] .side-footer strong,
body[data-view='calculator'] .side-footer strong{margin:0!important}

/* Values layout spacing + cleaner top bar */
body[data-view='values'] #valuesView{
  display:grid!important;
  gap:18px!important;
}
body[data-view='values'] .page-header{
  padding:22px 26px!important;
  border-radius:30px!important;
  grid-template-columns:minmax(240px,.8fr) minmax(0,1.25fr)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body[data-view='values'] .page-tools{
  gap:14px!important;
}
body[data-view='values'] .search-box,
body[data-view='values'] .custom-sort,
body[data-view='values'] .variant-switch{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 20px rgba(0,0,0,.14)!important;
}
body[data-view='values'] .catalog-card{
  padding:20px!important;
  border-radius:28px!important;
}

/* Section labels */
.rarity-section-exclusive .rarity-section-head h2{
  background:none!important;
  color:#efc7ff!important;
  -webkit-text-fill-color:#efc7ff!important;
  -webkit-text-stroke:1px rgba(17,13,22,.9)!important;
  text-shadow:0 0 8px rgba(224,135,255,.16), 0 2px 0 rgba(0,0,0,.32)!important;
  filter:none!important;
}
.rarity-section-stat .rarity-section-head h2{
  background:none!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  -webkit-text-stroke:1px rgba(17,13,22,.9)!important;
  text-shadow:0 0 8px rgba(255,255,255,.12), 0 2px 0 rgba(0,0,0,.32)!important;
  filter:none!important;
}

/* Also remove the old gradient look if any nested rule leaks in */
.rarity-section-exclusive .rarity-section-head h2,
.rarity-section-stat .rarity-section-head h2{
  background-image:none!important;
}

/* History cards and title a bit cleaner */
.market-summary-v35 .history-stat{
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018))!important;
}
.history-head{
  align-items:start!important;
  gap:10px!important;
}
.history-head h3{font-size:1.24rem!important}
.history-subtitle{max-width:420px; line-height:1.45!important}

/* Make the values cards sit a bit lower from the top bar visually */
body[data-view='values'] .rarity-section:first-child{margin-top:2px!important}

@media(max-width:900px){
  body[data-view='values'] .page-header{
    padding:18px 18px!important;
    border-radius:24px!important;
  }
  body[data-view='values'] #valuesView{gap:14px!important}
}