/* 888 LOTTO Admin v3.10.67 — notification readability + dashboard rendering polish */

/* Notification preferences: force dark, high-contrast surfaces after all legacy themes. */
#adminNotificationPanel.notification-panel{
  color:#fff5d8!important;
  background:#0e0e10!important;
  border-color:rgba(231,199,94,.28)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.42)!important;
  scrollbar-color:#b88d27 #171719;
  scrollbar-width:thin;
}
#adminNotificationPanel .notification-panel-head{
  color:#fff5d8!important;
  background:#141416!important;
  border-bottom:1px solid rgba(231,199,94,.18)!important;
}
#adminNotificationPanel .notification-panel-head strong{
  color:#fff5d8!important;
  font-size:15px!important;
}
#adminNotificationPanel .notification-panel-head span{
  color:#d3c18d!important;
  font-size:11px!important;
  line-height:1.45!important;
}
#adminNotificationPanel .notification-settings-panel{
  color:#fff5d8!important;
  background:#0e0e10!important;
  border-bottom:1px solid rgba(231,199,94,.18)!important;
  gap:10px!important;
  padding:14px!important;
}
#adminNotificationPanel .notification-settings-panel>strong{
  color:#f3d66f!important;
  font-size:12px!important;
  letter-spacing:.02em!important;
}
#adminNotificationPanel .notification-preference-item{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:start!important;
  gap:11px!important;
  min-width:0!important;
  padding:11px 12px!important;
  color:#fff5d8!important;
  background:linear-gradient(180deg,#18181b,#131315)!important;
  border:1px solid rgba(231,199,94,.18)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  opacity:1!important;
}
#adminNotificationPanel .notification-preference-item:hover{
  color:#fff9e9!important;
  background:#1c1b18!important;
  border-color:rgba(243,214,111,.36)!important;
}
#adminNotificationPanel .notification-preference-item input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  margin:1px 0 0!important;
  accent-color:#e4b93f!important;
  cursor:pointer!important;
}
#adminNotificationPanel .notification-preference-item span{
  min-width:0!important;
  color:#fff5d8!important;
}
#adminNotificationPanel .notification-preference-item b{
  color:#fff5d8!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.35!important;
  -webkit-text-fill-color:#fff5d8!important;
}
#adminNotificationPanel .notification-preference-item small{
  margin-top:4px!important;
  color:#d2bd83!important;
  font-size:10.5px!important;
  line-height:1.45!important;
  -webkit-text-fill-color:#d2bd83!important;
}
#adminNotificationPanel .notification-preference-item.is-unavailable{
  opacity:.62!important;
}
#adminNotificationPanel .notification-preference-divider{
  margin-top:5px!important;
  padding-top:12px!important;
  border-top-color:rgba(231,199,94,.20)!important;
}
#adminNotificationPanel .notification-settings-toggle{
  color:#261b07!important;
  background:linear-gradient(180deg,#f3d66f,#d7aa32)!important;
  border-color:#f0cf67!important;
}
#adminNotificationPanel .notification-settings-toggle:hover,
#adminNotificationPanel .notification-settings-toggle.active{
  color:#160f03!important;
  background:linear-gradient(180deg,#ffe78c,#e0b43c)!important;
}
#adminNotificationPanel #testAdminNotificationSound,
#adminNotificationPanel #saveAdminNotificationSettingsButton{
  min-height:42px!important;
  color:#fff4d0!important;
  background:linear-gradient(180deg,#a71930,#7d1022)!important;
  border:1px solid rgba(243,214,111,.34)!important;
  box-shadow:none!important;
}
#adminNotificationPanel #testAdminNotificationSound:hover,
#adminNotificationPanel #saveAdminNotificationSettingsButton:hover{
  background:linear-gradient(180deg,#bd203b,#911429)!important;
  border-color:rgba(243,214,111,.52)!important;
}
#adminNotificationPanel .notification-item{
  color:#fff5d8!important;
  background:#101012!important;
  border-bottom-color:rgba(231,199,94,.10)!important;
}
#adminNotificationPanel .notification-item:hover,
#adminNotificationPanel .notification-item.unread{
  background:#191713!important;
}
#adminNotificationPanel .notification-item-title{color:#fff5d8!important}
#adminNotificationPanel .notification-item-copy,
#adminNotificationPanel .notification-item-time,
#adminNotificationPanel .notification-empty{color:#c9b57d!important}

/* Faster admin rendering: avoid expensive blur/repaint effects on the live dashboard. */
body.dashboard-active .sidebar,
body.dashboard-active .topbar,
body.dashboard-active .notification-panel,
body.dashboard-active .modal,
body.dashboard-active .ui-dialog-overlay,
body.dashboard-active .cs-modal{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.dashboard-active .view.active{animation:none!important}
body.dashboard-active .panel,
body.dashboard-active .stat-card,
body.dashboard-active .table-wrap,
body.dashboard-active .nested-panel,
body.dashboard-active .admin-game-card,
body.dashboard-active .gateway-wallet-card,
body.dashboard-active .accounting-kpi{
  content-visibility:auto;
  contain-intrinsic-size:1px 260px;
}
body.dashboard-active .button,
body.dashboard-active .nav-button,
body.dashboard-active .tab-button,
body.dashboard-active .notification-button,
body.dashboard-active .notification-settings-toggle,
body.dashboard-active .conversation-item{
  transition-duration:.10s!important;
  transition-property:background-color,border-color,color,opacity,transform!important;
}

/* Prevent notification drawer from becoming a costly full-page layer on smaller screens. */
@media(max-width:720px){
  #adminNotificationPanel.notification-panel{
    top:62px!important;
    right:8px!important;
    bottom:8px!important;
    left:8px!important;
    width:auto!important;
    max-width:none!important;
    max-height:none!important;
    border-radius:14px!important;
  }
  #adminNotificationPanel .notification-settings-panel{
    padding:12px!important;
  }
  #adminNotificationPanel .notification-preference-item{
    padding:10px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #adminNotificationPanel *,
  body.dashboard-active *{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}