/*
 * SBOTOTO R6.9.0.23 — Pre-login Results & Category Visual Fix V7
 * Scope: public homepage only.
 * No page background replacement. No layout/engine/feed mutation.
 */

/* 1) Sidebar latest-result panel: remove over-density and make every result readable. */
body.reference-portal.page-home .draw-results{
  min-height:205px;
}
body.reference-portal.page-home .draw-results .panel-heading{
  min-height:34px;
  padding:7px 9px;
}
body.reference-portal.page-home .draw-results .panel-heading-title h2{
  font-size:11px!important;
  line-height:1.15!important;
  letter-spacing:.15px!important;
}
body.reference-portal.page-home .draw-results .panel-status{
  padding:3px 7px!important;
  font-size:8px!important;
  font-weight:900;
  letter-spacing:.4px;
}
body.reference-portal.page-home .draw-results .result-toolbar{
  min-height:31px!important;
  padding:5px 8px!important;
  border-bottom:1px solid rgba(244,201,95,.13);
}
body.reference-portal.page-home .draw-results .result-toolbar time{
  color:#e8d8cf;
  font-size:8.5px!important;
  font-weight:750;
}
body.reference-portal.page-home .draw-results .result-controls button{
  width:25px!important;
  height:24px!important;
  border-radius:6px!important;
}
body.reference-portal.page-home .draw-results .result-slider{
  max-height:none!important;
  padding:5px 8px 8px!important;
  overflow:hidden!important;
}
body.reference-portal.page-home .draw-results .result-page{
  display:none!important;
  color:#f0e4df!important;
  font-size:9.5px!important;
}
body.reference-portal.page-home .draw-results .result-page.active{
  display:block!important;
}
body.reference-portal.page-home .draw-results .result-row{
  min-height:34px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  padding:6px 2px!important;
  border-bottom:1px solid rgba(255,255,255,.07);
}
body.reference-portal.page-home .draw-results .result-row>span{
  min-width:0;
  overflow:hidden;
  color:#f3e9e5;
  font-size:9.4px!important;
  font-weight:780;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.reference-portal.page-home .draw-results .result-number{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:2px;
  min-width:76px;
  color:#ffe59d!important;
  font-size:12px!important;
  letter-spacing:0!important;
  font-variant-numeric:tabular-nums;
}
body.reference-portal.page-home .draw-results .result-number .ball{
  width:17px;
  height:17px;
  display:inline-grid;
  place-items:center;
  flex:0 0 17px;
  border:1px solid rgba(255,237,188,.28);
  border-radius:50%;
  background:radial-gradient(circle at 34% 27%,#fff7d6 0 8%,#e5b53e 10%,#9b5611 58%,#502207 100%);
  box-shadow:inset -2px -3px 4px rgba(35,7,0,.38),inset 1px 1px 3px rgba(255,255,255,.28),0 2px 5px rgba(0,0,0,.35);
  color:#fff8e5;
  font-style:normal;
  font-size:8.5px;
  font-weight:950;
  line-height:1;
  text-shadow:0 1px 2px rgba(0,0,0,.68);
}
body.reference-portal.page-home .draw-results .result-number .ball.green{
  background:radial-gradient(circle at 34% 27%,#d8ffe8 0 8%,#39c77b 13%,#0d7647 62%,#073a27 100%);
}
body.reference-portal.page-home .draw-results .result-number .ball.brown{
  background:radial-gradient(circle at 34% 27%,#fff0ce 0 8%,#d99649 13%,#8e4719 62%,#4f230b 100%);
}
body.reference-portal.page-home .draw-results .result-number .ball.pink{
  background:radial-gradient(circle at 34% 27%,#ffe2ec 0 8%,#ee5c8f 13%,#a81850 62%,#5d0b2c 100%);
}
body.reference-portal.page-home .draw-results .result-number .ball.purple{
  background:radial-gradient(circle at 34% 27%,#eee3ff 0 8%,#a476eb 13%,#5b3299 62%,#2e174f 100%);
}

/* 2) Category cards: use actual category imagery instead of plain abstract backgrounds. */
body.reference-portal.page-home .pg22-public-showcase .pg22-feature{
  background:#160508!important;
  box-shadow:0 10px 24px rgba(0,0,0,.30),inset 0 0 0 1px rgba(255,231,165,.025)!important;
}
body.reference-portal.page-home .pg22-public-showcase .pg22-feature>img{
  opacity:1!important;
  filter:saturate(1.13) contrast(1.07) brightness(.94)!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.01);
}
body.reference-portal.page-home .pg22-public-showcase .pg22-feature::after{
  background:
    linear-gradient(180deg,rgba(7,2,4,.00) 0%,rgba(7,2,4,.04) 42%,rgba(7,2,4,.68) 72%,rgba(7,2,4,.96) 100%)!important,
    linear-gradient(100deg,rgba(8,2,4,.18),transparent 62%)!important;
}
body.reference-portal.page-home .pg22-public-showcase .pg22-feature:hover>img{
  transform:scale(1.055)!important;
  filter:saturate(1.18) contrast(1.08) brightness(1.01)!important;
}
body.reference-portal.page-home .pg22-public-showcase .pg22-feature-content{
  text-shadow:0 2px 8px rgba(0,0,0,.72);
}
body.reference-portal.page-home .pg22-public-showcase .pg22-feature h3{
  font-size:19px!important;
}
body.reference-portal.page-home .pg22-public-showcase .pg22-feature small,
body.reference-portal.page-home .pg22-public-showcase .pg22-feature a{
  backdrop-filter:blur(7px);
}

/* 3) Latest Results: consistent market artwork + readable live result hierarchy. */
body.reference-portal.page-home .latest-pools-section{
  border-color:rgba(236,192,82,.42)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.32),inset 0 1px rgba(255,238,193,.045)!important;
}
body.reference-portal.page-home .latest-pools-heading{
  min-height:46px!important;
  padding:8px 11px!important;
}
body.reference-portal.page-home .latest-pools-heading>div>span{
  font-size:7.5px!important;
  letter-spacing:1px!important;
}
body.reference-portal.page-home .latest-pools-heading h2{
  margin-top:2px!important;
  font-size:15px!important;
  line-height:1.1!important;
}
body.reference-portal.page-home .pools-status-row{
  min-height:31px;
  padding:6px 10px!important;
  justify-content:flex-end!important;
  flex-direction:row!important;
  color:#d1c1bc!important;
  font-size:7.8px!important;
}
body.reference-portal.page-home .pools-status-row>span{
  flex:0 0 auto;
  font-size:7.8px!important;
  font-weight:850;
}
body.reference-portal.page-home .pools-status-row>span.is-stale{
  border-color:rgba(235,178,67,.24)!important;
  background:rgba(144,91,19,.13)!important;
  color:#f2ca72!important;
}
body.reference-portal.page-home .pools-status-row>span.is-stale i{
  background:#eab145!important;
  box-shadow:0 0 10px rgba(234,177,69,.45)!important;
}
body.reference-portal.page-home .pools-track{
  gap:8px!important;
  padding:0 9px 10px!important;
}
body.reference-portal.page-home .pool-card{
  position:relative;
  min-height:142px;
  border:1px solid rgba(235,192,83,.44)!important;
  border-radius:8px!important;
  background:linear-gradient(160deg,#22080d,#0c0305)!important;
  box-shadow:0 7px 17px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,235,177,.025)!important;
}
body.reference-portal.page-home .pool-card::before{
  content:"";
  position:absolute;
  z-index:4;
  left:8px;right:8px;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,220,127,.65),transparent);
  pointer-events:none;
}
body.reference-portal.page-home .pool-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,218,116,.72)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.34),0 0 14px rgba(186,30,47,.11)!important;
}
body.reference-portal.page-home .pool-card-image{
  aspect-ratio:16/8.9!important;
  background:#150509!important;
}
body.reference-portal.page-home .pool-card-image>img:not(.pool-market-logo){
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:.92!important;
  filter:saturate(1.08) contrast(1.07) brightness(.77)!important;
}
body.reference-portal.page-home .pool-card-image::after{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(8,2,4,.64) 0%,rgba(8,2,4,.17) 52%,rgba(8,2,4,.22) 100%),
    linear-gradient(180deg,transparent 34%,rgba(8,2,4,.80) 100%)!important;
}
body.reference-portal.page-home .pool-market-logo{
  position:absolute!important;
  z-index:3!important;
  left:9px!important;
  top:9px!important;
  width:45px!important;
  height:45px!important;
  padding:4px!important;
  border:1px solid rgba(255,221,130,.34)!important;
  border-radius:10px!important;
  background:rgba(17,4,7,.78)!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.48))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 4px 10px rgba(0,0,0,.26)!important;
}
body.reference-portal.page-home .pool-result-number{
  z-index:3!important;
  left:9px!important;
  bottom:7px!important;
  padding:3px 6px!important;
  border:1px solid rgba(255,224,139,.18);
  border-radius:6px!important;
  background:rgba(17,4,7,.72)!important;
  color:#ffe8a8!important;
  font-size:21px!important;
  font-weight:950!important;
  letter-spacing:2px!important;
  line-height:1!important;
}
body.reference-portal.page-home .pool-card.is-pending .pool-result-number{
  color:#bfaeaa!important;
  letter-spacing:1px!important;
}
body.reference-portal.page-home .pool-result-date{
  z-index:3!important;
  right:7px!important;
  bottom:8px!important;
  color:#eadcd8!important;
  font-size:6.8px!important;
  font-weight:750;
  text-shadow:0 1px 4px #000;
}
body.reference-portal.page-home .pool-card-copy{
  min-height:39px;
  padding:7px 9px!important;
  background:linear-gradient(180deg,rgba(49,9,15,.72),rgba(17,4,7,.96));
}
body.reference-portal.page-home .pool-card-copy strong{
  color:#fff3e9!important;
  font-size:8.7px!important;
  line-height:1.15;
}
body.reference-portal.page-home .pool-card-copy small{
  margin-top:3px!important;
  color:#d3b9b4!important;
  font-size:6.8px!important;
  letter-spacing:.3px;
}
body.reference-portal.page-home .pool-card-copy b{
  width:25px!important;
  height:25px!important;
}

@media(max-width:900px){
  body.reference-portal.page-home .draw-results .result-row>span{font-size:10px!important}
  body.reference-portal.page-home .draw-results .result-number .ball{width:18px;height:18px;flex-basis:18px}
}

@media(max-width:640px){
  body.reference-portal.page-home .latest-pools-heading h2{font-size:17px!important}
  body.reference-portal.page-home .pools-status-row{font-size:9px!important}
  body.reference-portal.page-home .pool-card{min-height:160px}
  body.reference-portal.page-home .pool-market-logo{width:50px!important;height:50px!important}
  body.reference-portal.page-home .pool-result-number{font-size:24px!important}
  body.reference-portal.page-home .pool-card-copy strong{font-size:10px!important}
  body.reference-portal.page-home .pool-card-copy small{font-size:8px!important}
}