/* RC18 — premium branch board, stable units and rolling quote transitions */
.smart-price-board{position:relative;isolation:isolate;overflow:hidden;background:
radial-gradient(circle at 12% 12%,rgba(230,194,97,.12),transparent 30%),
radial-gradient(circle at 88% 84%,rgba(95,113,160,.10),transparent 34%),
linear-gradient(145deg,#111217 0%,#1b1c22 56%,#101116 100%)}
.smart-price-board:before{content:"";position:absolute;inset:-35%;z-index:-1;pointer-events:none;background:conic-gradient(from 210deg,transparent,rgba(220,185,91,.055),transparent 25%);animation:spbAmbient 18s linear infinite}
.spb-header{position:relative;z-index:2}.spb-live{box-shadow:0 0 0 1px rgba(79,214,160,.13),0 0 26px rgba(79,214,160,.08)}
.spb-live i{animation:spbLive 1.8s ease-out infinite}.spb-feature{position:relative;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.04)}
.spb-feature:after{content:"";position:absolute;inset:-120% -35%;pointer-events:none;background:linear-gradient(105deg,transparent 43%,rgba(255,255,255,.075) 50%,transparent 57%);transform:translateX(-38%);opacity:0}
.spb-feature.is-switching:after{animation:spbSweep .58s ease-out}
.spb-feature-quote{position:relative}.spb-feature-quote strong{font-variant-numeric:tabular-nums;letter-spacing:-.035em;text-shadow:0 8px 34px rgba(0,0,0,.34)}
.spb-feature-quote small{max-width:15rem;overflow:hidden;text-overflow:ellipsis}
.spb-feature.is-price-updating [data-feature-sell]{animation:spbQuoteRoll .52s cubic-bezier(.2,.85,.25,1)}
.spb-rate-item{position:relative;overflow:hidden;transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease}
.spb-rate-item:hover,.spb-rate-item.is-active{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.18)}
.spb-rate-item.is-quote-updated .spb-rate-price strong{animation:spbMiniQuote .55s cubic-bezier(.2,.85,.25,1)}
.spb-rate-item.direction-up.is-quote-updated{background:linear-gradient(180deg,rgba(79,214,160,.105),rgba(255,255,255,.025))}
.spb-rate-item.direction-down.is-quote-updated{background:linear-gradient(180deg,rgba(242,126,135,.11),rgba(255,255,255,.025))}
.spb-rate-price strong{font-variant-numeric:tabular-nums}.spb-rate-price small{white-space:nowrap;max-width:10.5rem;overflow:hidden;text-overflow:ellipsis}
.spb-chart-shell canvas{filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}.spb-rotation-progress{height:3px;background:rgba(255,255,255,.045);border-radius:99px;overflow:hidden}.spb-rotation-progress i{background:linear-gradient(90deg,#94712b,#ecd27d,#b99037);box-shadow:0 0 16px rgba(236,210,125,.32)}
@keyframes spbAmbient{to{transform:rotate(360deg)}}
@keyframes spbLive{0%{box-shadow:0 0 0 0 rgba(79,214,160,.45)}70%{box-shadow:0 0 0 8px rgba(79,214,160,0)}100%{box-shadow:0 0 0 0 rgba(79,214,160,0)}}
@keyframes spbSweep{0%{opacity:0;transform:translateX(-38%)}35%{opacity:1}100%{opacity:0;transform:translateX(38%)}}
@keyframes spbQuoteRoll{0%{opacity:.2;transform:translateY(18px) scale(.985);filter:blur(5px)}100%{opacity:1;transform:none;filter:none}}
@keyframes spbMiniQuote{0%{opacity:.25;transform:translateY(9px)}100%{opacity:1;transform:none}}
@media(max-width:620px){.spb-feature-quote{display:grid;gap:4px}.spb-feature-quote small{max-width:100%;font-size:10px}.spb-rate-price small{max-width:7rem}.spb-rate-item:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.smart-price-board:before,.spb-live i,.spb-feature.is-switching:after,.spb-feature.is-price-updating [data-feature-sell],.spb-rate-item.is-quote-updated .spb-rate-price strong{animation:none!important}}