/* Final Intuitopup-only brand layer. It intentionally overrides legacy fixed
   purple values without changing shared layout selectors or semantic colours. */
:root { --brand-blue-strong: #1e78d5; --brand-blue-soft: rgba(77, 163, 255, .18); --brand-blue-border: rgba(123, 186, 255, .34); }
.theme-violet { background: linear-gradient(135deg, #0a3977, #4da3ff) !important; }
.game-card-main { background: linear-gradient(145deg, #0b3b7a, var(--primary)) !important; }
.hero-banner-carousel__viewport { border-color: var(--brand-blue-border); background: linear-gradient(145deg, #0a2856, #06172f); }
.hero-banner-carousel__overlay { background: linear-gradient(90deg, rgba(4, 22, 49, .8), rgba(7, 27, 61, .25) 65%, rgba(4, 22, 49, .55)), linear-gradient(0deg, rgba(3, 17, 38, .7), transparent 60%); }
.hero-banner-carousel__eyebrow,.hero-banner-carousel__dot:hover { color: var(--primary-strong); }
.hero-banner-carousel__control:focus-visible,.hero-banner-carousel__dot:focus-visible,.hero-banner-carousel:focus-visible { outline-color: var(--focus-ring); }
.detail-panel { border-color: var(--brand-blue-border); }
.section-number { border-color: var(--primary-strong); color: var(--primary-strong); }
.selection-card:hover { border-color: var(--primary); }
.payment-category-title { color: var(--text); }
.dashboard-button { box-shadow: 0 8px 18px rgba(25, 110, 205, .24); }
.dashboard-button:hover { background: #4599ee; box-shadow: 0 12px 24px rgba(25, 110, 205, .32); }
.dashboard-button.secondary:hover { border-color: var(--brand-blue-border); }
.dashboard-sidebar:active { scrollbar-color: var(--brand-blue-border) transparent; }
.dashboard-sidebar:active::-webkit-scrollbar-thumb { background: var(--brand-blue-border); }
.nav-link.is-active { border-color: var(--brand-blue-border); background: linear-gradient(90deg, rgba(40, 127, 214, .38), rgba(20, 81, 151, .22)); }
.user-avatar { background: linear-gradient(145deg, #8fc9ff, #1e78d5); }
.stat-card-orders { background: linear-gradient(135deg, #0a3977, #14549b); }
.chart-range button:hover:not(.is-active) { background: var(--brand-blue-soft); }
.chart-range button:focus-visible { box-shadow: 0 0 0 2px var(--focus-ring); }
.chart-range button.is-active { background: linear-gradient(135deg, #1769bc, #4da3ff 52%, #0e4d94); box-shadow: 0 .3rem .75rem rgba(25, 110, 205, .34); }
.chart-card::before { background: radial-gradient(circle, var(--brand-blue-soft), transparent 68%); }
.quick-stat-card__icon,.quick-stat-card--purple .quick-stat-card__icon { background: var(--brand-blue-soft); border-color: var(--brand-blue-border); color: var(--primary-strong); }
.payment-waiting_payment { background: var(--brand-blue-soft); color: var(--primary-strong); }