/* ═══════════════════════════════════════════════════════════
   RAJ365 ADMIN — Royal Blue VIP Luxury Casino Theme
   শুধু CSS — কোনো PHP/JS/Class/ID পরিবর্তন হয়নি, শুধু visual style
   ═══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --bg:         #050B18;
  --panel:      rgba(20, 34, 64, .55);
  --panel-solid:#0D1730;
  --panel-2:    #101E3D;
  --border:     rgba(73, 179, 255, .18);
  --border-strong: rgba(73, 179, 255, .35);
  --blue:       #1E90FF;
  --blue-light: #49B3FF;
  --blue-glow:  rgba(30, 144, 255, .45);
  --green:      #1FB979;
  --red:        #FF4D5E;
  --text:       #EAF3FF;
  --text-dim:   #9FB8DC;
  --text-faint: #5E7CA3;
  --radius: 18px;
}

* { transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .2s ease, transform .12s ease; }

body {
  background:
    radial-gradient(circle at 15% 0%, rgba(30,144,255,.10), transparent 40%),
    radial-gradient(circle at 90% 20%, rgba(73,179,255,.08), transparent 45%),
    var(--bg) !important;
  font-family: 'Inter', sans-serif !important;
  color: var(--text) !important;
}

/* ── Navbar ── */
.navbar {
  background: rgba(9, 17, 36, .75) !important;
  backdrop-filter: blur(14px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.35) !important;
}
.navbar .nav-link, .navbar .icon-cog, .navbar .icon-power { color: var(--text-dim) !important; }
.navbar .nav-link:hover { color: var(--blue-light) !important; text-shadow: 0 0 10px var(--blue-glow); }
.navbar-dropdown { background: var(--panel-solid) !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; }
.navbar-dropdown .dropdown-item { color: var(--text) !important; }
.navbar-dropdown .dropdown-item:hover { background: rgba(30,144,255,.12) !important; color: var(--blue-light) !important; }

/* ── Sidebar — Glowing ── */
.sidebar {
  background: linear-gradient(180deg, #081226 0%, #030711 100%) !important;
  box-shadow: inset -1px 0 0 var(--border) !important;
}
.sidebar .nav-item .nav-link {
  color: var(--text-dim) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  border-radius: 12px !important;
  margin: 2px 8px !important;
}
.sidebar .nav-item .nav-link:hover {
  color: var(--blue-light) !important;
  background: rgba(30,144,255,.10) !important;
  box-shadow: 0 0 16px rgba(30,144,255,.15) !important;
}
.sidebar .nav-item .nav-link i { color: var(--blue) !important; }
.sidebar .nav-item .nav-link:hover i { color: var(--blue-light) !important; }
.sidebar .nav-item.active > .nav-link {
  color: #04101F !important;
  background: linear-gradient(120deg, var(--blue-light), var(--blue)) !important;
  font-weight: 700 !important;
  box-shadow: 0 0 22px var(--blue-glow), 0 4px 14px rgba(0,0,0,.4) !important;
}
.sidebar .nav-item.active > .nav-link i { color: #04101F !important; }
.sidebar .sub-menu .nav-link { color: var(--text-faint) !important; font-size: 12.5px !important; }
.sidebar .sub-menu .nav-link:hover { color: var(--blue-light) !important; }
.sidebar .user-profile { border-bottom: 1px solid var(--border) !important; }
.sidebar .user-name { color: var(--text) !important; font-weight: 700 !important; }
.sidebar .user-designation { color: var(--blue-light) !important; font-size: 11px !important; text-transform: uppercase; letter-spacing: .6px; }

/* ── Page canvas ── */
.main-panel, .content-wrapper { background: transparent !important; }
.content-wrapper h1, .content-wrapper h2, .content-wrapper h3, .content-wrapper h4, .content-wrapper h5 { color: var(--text) !important; font-weight: 700 !important; }

/* ── Glassmorphism Cards ── */
.card, .au-card, .coin-card, .ca-card {
  background: var(--panel) !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.card:hover { border-color: var(--border-strong) !important; box-shadow: 0 8px 32px rgba(0,0,0,.4), 0 0 24px rgba(30,144,255,.12) !important; transform: translateY(-2px); }
.card-header { background: transparent !important; border-color: var(--border) !important; color: var(--blue-light) !important; font-weight: 700 !important; }
.card-body { color: var(--text) !important; }
small.text-muted, .text-muted { color: var(--text-faint) !important; }

/* ── Tables ── */
.table { color: var(--text) !important; background: transparent !important; }
.table th { background: rgba(30,144,255,.06) !important; color: var(--text-dim) !important; border-color: var(--border) !important; font-size: 11px; text-transform: uppercase; letter-spacing: .6px; font-weight: 700 !important; }
.table td { border-color: var(--border) !important; background: transparent !important; }
.table-hover tbody tr:hover { background: rgba(30,144,255,.08) !important; }
.thead-dark th { background: var(--panel-2) !important; color: var(--blue-light) !important; }
/* ✅ DataTables/Bootstrap-এর Alternating Row (odd/even, striped) —
   এগুলো নিজস্ব Background বসিয়ে দেয়, যেটা এতক্ষণ Override হয়নি
   এবং কিছু Row সাদা/হালকা দেখাচ্ছিল */
.table-striped tbody tr:nth-of-type(odd),
.table tbody tr.odd,
.table tbody tr.even,
table.dataTable tbody tr,
table.dataTable tbody tr.odd,
table.dataTable tbody tr.even {
  background: transparent !important;
  color: var(--text) !important;
}
table.dataTable tbody td { background: transparent !important; color: var(--text) !important; }

/* ── Premium Forms ── */
.form-control, .form-select {
  background: rgba(13,23,48,.6) !important;
  border: 1.5px solid var(--border) !important;
  color: var(--text) !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
}
.form-control:focus, .form-select:focus {
  border-color: var(--blue) !important;
  box-shadow: 0 0 0 4px rgba(30,144,255,.15), 0 0 18px rgba(30,144,255,.15) !important;
}
.form-control::placeholder { color: var(--text-faint) !important; }
label { color: var(--text-dim) !important; font-weight: 600 !important; font-size: 12px !important; text-transform: uppercase; letter-spacing: .5px; }

/* ── Gradient Glowing Buttons ── */
.btn { border-radius: 12px !important; font-weight: 600 !important; }
.btn:active { transform: scale(.96) !important; }
.btn-primary {
  background: linear-gradient(120deg, var(--blue-light), var(--blue)) !important;
  border: none !important;
  color: #04101F !important;
  box-shadow: 0 4px 18px rgba(30,144,255,.35) !important;
}
.btn-primary:hover { box-shadow: 0 6px 26px rgba(30,144,255,.55) !important; transform: translateY(-1px); }
.btn-success { background: var(--green) !important; border-color: var(--green) !important; }
.btn-danger { background: var(--red) !important; border-color: var(--red) !important; }
.btn-outline { background: transparent !important; border: 1.5px solid var(--border-strong) !important; color: var(--text) !important; }

/* ── Badges & alerts ── */
.badge-active { background: rgba(31,185,121,.15) !important; color: var(--green) !important; }
.badge-inactive { background: rgba(255,77,94,.14) !important; color: var(--red) !important; }
.alert-success { background: var(--panel-solid) !important; color: var(--green) !important; border-left: 4px solid var(--green) !important; border-radius: 12px !important; }
.alert-danger { background: var(--panel-solid) !important; color: var(--red) !important; border-left: 4px solid var(--red) !important; border-radius: 12px !important; }

/* ── Pagination / Modals / Dropdowns ── */
.page-link { background: var(--panel-solid) !important; border-color: var(--border) !important; color: var(--text-dim) !important; border-radius: 8px !important; }
.page-item.active .page-link { background: var(--blue) !important; border-color: var(--blue) !important; color: #04101F !important; box-shadow: 0 0 14px var(--blue-glow); }
.modal-content { background: var(--panel-solid) !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; }
.dropdown-menu { background: var(--panel-solid) !important; border: 1px solid var(--border) !important; border-radius: 14px !important; }
.dropdown-item { color: var(--text) !important; }
.dropdown-item:hover { background: rgba(30,144,255,.1) !important; color: var(--blue-light) !important; }

/* ── DataTables ── */
.dataTables_wrapper { color: var(--text) !important; }
.dataTables_wrapper .dataTables_length select, .dataTables_wrapper .dataTables_filter input {
  background: rgba(13,23,48,.6) !important; border: 1.5px solid var(--border) !important; color: var(--text) !important; border-radius: 10px !important;
}
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter label { color: var(--text-dim) !important; }
.dataTables_wrapper .paginate_button.current { background: var(--blue) !important; color: #04101F !important; border-radius: 8px; box-shadow: 0 0 12px var(--blue-glow); }

/* ── Premium Scrollbar ── */
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: linear-gradient(var(--blue), var(--blue-light)); border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { box-shadow: 0 0 8px var(--blue-glow); }

hr { border-color: var(--border) !important; }
a { color: var(--blue-light); }
::selection { background: var(--blue); color: #04101F; }

/* ── Mobile Responsive ── */
@media (max-width: 768px) {
  .card { border-radius: 14px !important; }
  .content-wrapper { padding: 12px !important; }
}

/* ═══════════════════════════════════════════════════════════
   Dashboard Stat Box (.dashboard_box) — Premium Override
   dashboard.php-এ inline background-color সরাসরি বসানো ছিল,
   তাই এখানে !important দিয়ে জোর করে override করা হচ্ছে
   ═══════════════════════════════════════════════════════════ */
.dashboard_box {
  background: var(--panel) !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04) !important;
  position: relative;
  overflow: hidden;
}
.dashboard_box:hover {
  transform: translateY(-3px);
  border-color: var(--border-strong) !important;
  box-shadow: 0 12px 36px rgba(0,0,0,.4), 0 0 26px rgba(30,144,255,.18) !important;
}
.dashboard_box .text-title {
  color: var(--text-dim) !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-weight: 600 !important;
}
.dashboard_box h3, .dashboard_box h4, .dashboard_box .text-amount, .dashboard_box p:not(.text-title) {
  color: var(--text) !important;
  font-weight: 800 !important;
}
/* Card-এর কোণায় হালকা glow accent */
.dashboard_box::after {
  content: "";
  position: absolute;
  top: -30%; right: -20%;
  width: 100px; height: 100px;
  background: radial-gradient(circle, rgba(30,144,255,.15), transparent 70%);
  pointer-events: none;
}
.dashboard_box a { color: var(--blue-light) !important; font-size: 11.5px !important; }
