/* BETSLTD Baazi365 reference skin v3.9.0.
   Velki supplies the stable responsive component geometry; this final layer
   applies Baazi365's green, white, black, gold and red visual identity. */
html[data-storefront-template="baazi365"]{
  --baaji-green:#15994f;
  --baaji-green-dark:#08753c;
  --baaji-gold:#967100;
  --baaji-red:#ed0000;
  --baaji-ink:#171a1d;
  --baaji-panel:#eef8ff;
  --vk-yellow:var(--baaji-green);
  --vk-yellow-deep:var(--baaji-green-dark);
  --vkl-yellow:var(--baaji-green);
  --vkl-page:var(--baaji-panel);
  --vkmc-yellow:var(--baaji-green);
  --vkmc-green:var(--baaji-green);
  --vkw-yellow:var(--baaji-green);
  accent-color:var(--baaji-green);
}
html[data-storefront-template="baazi365"] *,html[data-storefront-template="baazi365"] *:before,html[data-storefront-template="baazi365"] *:after{box-sizing:border-box}
html[data-storefront-template="baazi365"] button,html[data-storefront-template="baazi365"] a{-webkit-tap-highlight-color:rgba(21,153,79,.2)}
html[data-storefront-template="baazi365"] .velki-shell{overflow-x:clip;background:var(--baaji-panel)}

/* Header and authentication actions from the supplied Baazi365 reference. */
html[data-storefront-template="baazi365"] .velki-header{background:var(--baaji-green)!important;border-color:rgba(0,0,0,.12)!important}
html[data-storefront-template="baazi365"] .velki-header .velki-signup{background:var(--baaji-gold)!important;color:#fff!important}
html[data-storefront-template="baazi365"] .velki-header .velki-login{background:var(--baaji-red)!important;color:#fff!important}
html[data-storefront-template="baazi365"] .velki-menu-trigger span{background:#fff!important}
html[data-storefront-template="baazi365"] .velki-balance,html[data-storefront-template="baazi365"] .velki-balance button{color:#fff!important}

/* Signed-in account summary: username and balance stay white, currency is gray,
   and the complete exposure value is red. */
html[data-storefront-template="baazi365"] .velki-header-auth .vkmh-username{color:#fff!important}
html[data-storefront-template="baazi365"] .velki-header-auth .vkmh-balance{color:#fff!important}
html[data-storefront-template="baazi365"] .velki-header-auth .vkmh-balance b{color:#c7ced3!important}
html[data-storefront-template="baazi365"] .velki-header-auth .vkmh-balance em{color:#fff!important}
html[data-storefront-template="baazi365"] .velki-header-auth .vkmh-exp,
html[data-storefront-template="baazi365"] .velki-header-auth .vkmh-exp b,
html[data-storefront-template="baazi365"] .velki-header-auth .vkmh-exp em{color:#ff1018!important}

/* Home categories keep the reference charcoal rail; interactive accents use green. */
html[data-storefront-template="baazi365"] .velki-main-categories,html[data-storefront-template="baazi365"] .velki-category-dots{background:#1c2023!important}
html[data-storefront-template="baazi365"] .velki-main-categories button.active{background:#50545a!important;color:#fff!important}
html[data-storefront-template="baazi365"] .velki-category-dots i.active{background:var(--baaji-green)!important}
html[data-storefront-template="baazi365"] .velki-sports-stage,html[data-storefront-template="baazi365"] .velki-game-stage,html[data-storefront-template="baazi365"] .velki-footer{background:var(--baaji-panel)!important}
html[data-storefront-template="baazi365"] .velki-sports-filters button.active,
html[data-storefront-template="baazi365"] .velki-sports-filters .velki-leagues-direct.active{background:var(--baaji-green)!important;color:#fff!important}
html[data-storefront-template="baazi365"] .velki-shell .btn{background:var(--baaji-green)!important;color:#fff!important}
html[data-storefront-template="baazi365"] .velki-shell .input:focus,html[data-storefront-template="baazi365"] .velki-shell input:focus,html[data-storefront-template="baazi365"] .velki-shell select:focus,html[data-storefront-template="baazi365"] .velki-shell textarea:focus{border-color:var(--baaji-green)!important;box-shadow:0 0 0 2px rgba(21,153,79,.18)!important}
html[data-storefront-template="baazi365"] .velki-drawer{background:var(--baaji-panel)!important;color:var(--baaji-ink)!important}
html[data-storefront-template="baazi365"] .velki-drawer-title,
html[data-storefront-template="baazi365"] .velki-drawer-title button{color:var(--baaji-ink)!important}
html[data-storefront-template="baazi365"] .velki-drawer-list{background:#fff!important}
html[data-storefront-template="baazi365"] .velki-drawer-list a,
html[data-storefront-template="baazi365"] .velki-drawer-logout{color:var(--baaji-ink)!important}
html[data-storefront-template="baazi365"] .velki-drawer-list a:hover,
html[data-storefront-template="baazi365"] .velki-drawer-list a:focus-visible,
html[data-storefront-template="baazi365"] .velki-drawer-logout:hover,
html[data-storefront-template="baazi365"] .velki-drawer-logout:focus-visible{background:#e5f5ec!important;outline-color:var(--baaji-green)!important}
html[data-storefront-template="baazi365"] .velki-drawer .velki-menu-icon,
html[data-storefront-template="baazi365"] .velki-drawer .velki-menu-icon-affiliate{color:#111820!important}
html[data-storefront-template="baazi365"] .velki-drawer-list b,
html[data-storefront-template="baazi365"] .velki-drawer-logout b{color:var(--baaji-ink)!important}
html[data-storefront-template="baazi365"] .velki-drawer-list i,
html[data-storefront-template="baazi365"] .velki-drawer-logout i{color:#879da9!important}
html[data-storefront-template="baazi365"] .velki-drawer-list em{background:var(--baaji-green)!important;color:#fff!important}
html[data-storefront-template="baazi365"] .velki-drawer-logout{background:#dce8ef!important}

/* Complete authenticated/member-area color isolation. Velki remains the
   geometry source, but no yellow state is allowed to leak into Baazi365. */
html[data-storefront-template="baazi365"] .vkmc-edit,
html[data-storefront-template="baazi365"] .vkmc-pen,
html[data-storefront-template="baazi365"] .vkmc-balance-hero span,
html[data-storefront-template="baazi365"] .vkmc-actions a,
html[data-storefront-template="baazi365"] .vkmc-filter button,
html[data-storefront-template="baazi365"] .vkmc-edit-actions button,
html[data-storefront-template="baazi365"] .vkmc-primary,
html[data-storefront-template="baazi365"] .vkmc-ref-main-tabs,
html[data-storefront-template="baazi365"] .vkmc-ref-share button,
html[data-storefront-template="baazi365"] .filter-button,
html[data-storefront-template="baazi365"] .vkmc-promotion-toolbar .icon-button,
html[data-storefront-template="baazi365"] .tx-details-btn,
html[data-storefront-template="baazi365"] .promo-tabs a.active,
html[data-storefront-template="baazi365"] .vkmc-shield,
html[data-storefront-template="baazi365"] .vkmc-verify-card.pending em,
html[data-storefront-template="baazi365"] .vkw-method.selected,
html[data-storefront-template="baazi365"] .vkw-presets button,
html[data-storefront-template="baazi365"] .vkw-bonus select,
html[data-storefront-template="baazi365"] .vkw-primary,
html[data-storefront-template="baazi365"] .vkw-detail-row,
html[data-storefront-template="baazi365"] .vkw-modal-actions button,
html[data-storefront-template="baazi365"] .vkw-modal-ok,
html[data-storefront-template="baazi365"] .premium-copy-btn,
html[data-storefront-template="baazi365"] .checkout-submit{background:var(--baaji-green)!important;border-color:var(--baaji-green-dark)!important;color:#fff!important}
html[data-storefront-template="baazi365"] .vkmc-section-title{border-left-color:var(--baaji-green)!important}
html[data-storefront-template="baazi365"] .vkmc-filter input,
html[data-storefront-template="baazi365"] .vkmc-filter select,
html[data-storefront-template="baazi365"] .vkmc-language-card button.active{border-color:var(--baaji-green)!important}
html[data-storefront-template="baazi365"] .vkmc-dark-filter b,
html[data-storefront-template="baazi365"] .vkmc-dark-filter div,
html[data-storefront-template="baazi365"] .period-chip,
html[data-storefront-template="baazi365"] .detail-hero strong,
html[data-storefront-template="baazi365"] .mobile-filter-form h4,
html[data-storefront-template="baazi365"] .promo-category-strip a.active,
html[data-storefront-template="baazi365"] .promo-art,
html[data-storefront-template="baazi365"] .promo-new.joined,
html[data-storefront-template="baazi365"] .vkmc-verify-hero small,
html[data-storefront-template="baazi365"] .vkw-method-fallback,
html[data-storefront-template="baazi365"] .vkw-detail-row>button,
html[data-storefront-template="baazi365"] .vkw-notification-meta b{color:var(--baaji-green)!important}
html[data-storefront-template="baazi365"] .vkmc-password-hero{background:radial-gradient(circle at 70% 20%,#53c985 0,var(--baaji-green) 42%,var(--baaji-green-dark) 100%)!important;color:#fff!important}
html[data-storefront-template="baazi365"] .vkmc-verify-progress>i span{background:linear-gradient(90deg,var(--baaji-green-dark),#34b96f)!important}
html[data-storefront-template="baazi365"] .vkmc-verify-message{border-left-color:var(--baaji-green)!important;background:#e9f8ef!important;color:#24533a!important}
html[data-storefront-template="baazi365"] .vkw-presets button.selected{background:#111820!important;color:#fff!important}
html[data-storefront-template="baazi365"] .vkw-notification-card.unread{border-color:#75cea0!important}
html[data-storefront-template="baazi365"] .vkw-notification-icon{background:#dff4e8!important}
html[data-storefront-template="baazi365"] .vkw-bottom-nav .star{fill:var(--baaji-green)!important}

/* Green filled bottom-navigation selection on mobile and desktop. */
html[data-storefront-template="baazi365"] .vkw-bottom-fixed{border-radius:0!important;background:#fff!important}
html[data-storefront-template="baazi365"] .vkw-bottom-nav{padding:5px 4px 6px!important;gap:4px!important}
html[data-storefront-template="baazi365"] .vkw-bottom-nav .nav-link{height:61px!important;border-radius:10px!important;transition:background-color .18s ease,color .18s ease,transform .12s ease}
html[data-storefront-template="baazi365"] .vkw-bottom-nav .nav-link.active{background:var(--baaji-green)!important;color:#fff!important;box-shadow:0 4px 12px rgba(8,117,60,.22)}
html[data-storefront-template="baazi365"] .vkw-bottom-nav .nav-link.active svg{fill:#fff!important;stroke:#fff!important}
html[data-storefront-template="baazi365"] .vkw-bottom-nav .nav-link.active p{color:#fff!important}
html[data-storefront-template="baazi365"] .vkw-bottom-nav .indicator{display:none!important}
html[data-storefront-template="baazi365"] .vkw-bottom-nav .nav-link:active{transform:scale(.97)}

/* In-page premium sports panel mirrors the supplied Baazi365 sports screen. */
html[data-storefront-template="baazi365"] .vkpm-header{background:var(--baaji-green)!important}
html[data-storefront-template="baazi365"] .vkpm-signup{background:var(--baaji-gold)!important}
html[data-storefront-template="baazi365"] .vkpm-login{background:var(--baaji-red)!important}
html[data-storefront-template="baazi365"] .vkpm-time-tabs label input:checked+i,
html[data-storefront-template="baazi365"] .vkpm-sport-tabs button.active{background:var(--baaji-green)!important;color:#fff!important}
html[data-storefront-template="baazi365"] .vkpm-competition-head{color:#fff!important}
html[data-storefront-template="baazi365"] .vkpm-competition-head span b{background:var(--baaji-green)!important;color:#fff!important}
html[data-storefront-template="baazi365"] .vkpm-odds>header{background:var(--baaji-green)!important;color:#fff!important}
html[data-storefront-template="baazi365"] .vkpm-odds>header span{color:#fff!important}
html[data-storefront-template="baazi365"] .vkpm-score{color:var(--baaji-green-dark)!important}
html[data-storefront-template="baazi365"] .vkpm-bottom .active{background:var(--baaji-green)!important;color:#fff!important}

/* Standalone/seamless Leagues screen. */
html[data-storefront-template="baazi365"] body.velki-leagues-standalone{background:#141a17!important}
html[data-storefront-template="baazi365"] .velki-league-tabs button.active{background:var(--baaji-green)!important;color:#fff!important}
html[data-storefront-template="baazi365"] .velki-league-tabs button.active .velki-sport-tab-icon-cricket circle{fill:#fff!important;stroke:#fff!important}
html[data-storefront-template="baazi365"] .velki-league-tabs button.active .velki-sport-tab-icon-cricket path{stroke:var(--baaji-green)!important}
html[data-storefront-template="baazi365"] .velki-league-row:hover,html[data-storefront-template="baazi365"] .velki-league-match-row:hover{border-color:var(--baaji-green)!important;background:#f5fff9!important}
html[data-storefront-template="baazi365"] .velki-gate-icon,html[data-storefront-template="baazi365"] .velki-gate-actions a{background:var(--baaji-green)!important;color:#fff!important}

/* Login and registration pages use the same green identity. */
html[data-storefront-template="baazi365"] .vkl55-hero,html[data-storefront-template="baazi365"] .vkr-hero{background-color:var(--baaji-green)!important}
html[data-storefront-template="baazi365"] .vkl55-submit,html[data-storefront-template="baazi365"] .vkr-submit{background:var(--baaji-green)!important;color:#fff!important}
html[data-storefront-template="baazi365"] .vkl55-remember span,html[data-storefront-template="baazi365"] .vkr-terms input:checked{background:var(--baaji-green)!important;border-color:var(--baaji-green-dark)!important;color:#fff!important}

/* Category/banner state and defensive responsive behavior. */
html[data-storefront-template="baazi365"] .velki-game-stage[hidden],html[data-storefront-template="baazi365"] .velki-sports-stage[hidden],html[data-storefront-template="baazi365"] .velki-sports-embed[hidden]{display:none!important}
html[data-storefront-template="baazi365"] .velki-category-showcase{isolation:isolate}
html[data-storefront-template="baazi365"] .velki-category-showcase>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
html[data-storefront-template="baazi365"] .baazi365-stage-enter{animation:baazi365StageEnter .22s ease-out both}
html[data-storefront-template="baazi365"] .baazi365-banner-enter{animation:baazi365BannerEnter .28s ease-out both}
@keyframes baazi365StageEnter{from{opacity:.72;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes baazi365BannerEnter{from{opacity:.65;transform:scale(.992)}to{opacity:1;transform:none}}
@media(max-width:520px){html[data-storefront-template="baazi365"] .velki-category-showcase{width:calc(100% - 4px)}html[data-storefront-template="baazi365"] .velki-game-grid{min-width:0}html[data-storefront-template="baazi365"] .vkw-bottom-nav{gap:2px!important;padding-inline:3px!important}}
@media(prefers-reduced-motion:reduce){html[data-storefront-template="baazi365"] .baazi365-stage-enter,html[data-storefront-template="baazi365"] .baazi365-banner-enter{animation:none}html[data-storefront-template="baazi365"] .vkw-bottom-nav .nav-link{transition:none}}
