/*
 * SBOTOTO TOTO display polish
 * Pure visual override. Does not mutate structure, logic, or any audited token.
 * Loaded last so it can accentuate the number/market presentation.
 */

/* ===== Prelogin pool cards (index.html) ===== */
body.reference-portal.page-home .pool-card{
  border:1px solid rgba(244,197,95,.22)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.30),0 0 0 1px rgba(0,0,0,.25)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
body.reference-portal.page-home .pool-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(244,197,95,.55)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.42),0 0 0 1px rgba(244,197,95,.25)!important;
}
body.reference-portal.page-home .pool-result-number{
  font-family:var(--font-accent,sans-serif)!important;
  background:linear-gradient(180deg, rgba(26,7,10,.80), rgba(12,2,5,.92))!important;
  border:1px solid rgba(255,224,139,.34)!important;
  box-shadow:0 0 12px rgba(244,197,95,.18), inset 0 1px rgba(255,255,255,.06)!important;
  border-radius:8px!important;
}
body.reference-portal.page-home .pool-result-number:not(:empty):before{
  content:"" !important;
}
body.reference-portal.page-home .pool-card:not(.is-pending) .pool-result-number{
  color:#ffe9a8!important;
  text-shadow:0 0 10px rgba(255,214,110,.55), 0 1px 2px #000!important;
}
body.reference-portal.page-home .pool-card-copy{
  border-top:1px solid rgba(244,197,95,.16);
}

/* ===== Number-history page ===== */
body.page-number-history .history-hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#1c0509 0%,#3a0a12 48%,#4d1214 100%)!important;
  border:1px solid rgba(244,197,95,.28)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.34)!important;
}
body.page-number-history .history-hero .hero-grid{
  opacity:.5!important;
}
body.page-number-history .latest-panel{
  border:1px solid rgba(255,224,139,.30)!important;
  background:rgba(22,6,9,.72)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05)!important;
}
body.page-number-history .latest-digits i{
  background:radial-gradient(circle at 34% 27%,#fff6d2 0 9%,#e8bc4a 16%,#a05a14 60%,#4a1f06 100%)!important;
  color:#fff6df!important;
  border:1px solid rgba(255,236,180,.45)!important;
  box-shadow:0 0 14px rgba(244,197,95,.40), inset -2px -3px 5px rgba(30,6,0,.45)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.55)!important;
}
body.page-number-history .metric-grid article{
  border:1px solid rgba(244,197,95,.14)!important;
  background:linear-gradient(180deg, rgba(36,8,13,.88), rgba(18,4,7,.96))!important;
}
body.page-number-history .metric-grid article strong{
  color:#ffe9a8!important;
}
body.page-number-history .history-card table tbody tr:nth-child(even){
  background:rgba(255,255,255,.022)!important;
}
body.page-number-history .history-card table tbody tr:hover{
  background:rgba(244,197,95,.06)!important;
}
body.page-number-history .history-card table td:nth-child(5){
  font-weight:900;
  color:#ffe9a8;
  letter-spacing:1.5px;
  font-variant-numeric:tabular-nums;
}
body.page-number-history .detail-number{
  font-weight:950;
  color:#ffe9a8;
  letter-spacing:2px;
  text-shadow:0 0 12px rgba(255,214,110,.45);
}
body.page-number-history .refresh-button,
body.page-number-history #exportButton{
  border-color:rgba(244,197,95,.45)!important;
  background:linear-gradient(180deg, rgba(120,32,38,.85), rgba(74,15,20,.95))!important;
}
body.page-number-history #marketSelect,
body.page-number-history #pageSize{
  background-color:#140507!important;
  border:1px solid rgba(244,197,95,.28)!important;
}

@media (max-width:640px){
  body.page-number-history .latest-digits i{
    min-width:34px;height:42px;font-size:24px;padding:0 4px;
  }
}