/* FOX BH V8: dark premium theme, mobile sidebar, emoji-only icons */
:root{--fox-bg:#0C102D;--fox-blue:#263286;--fox-red:#D13800;--fox-orange:#FF7400;--fox-yellow:#FFDE00;--fox-white:#FFFFFF;--fox-card:#12193A;--fox-card2:#171F47;--fox-muted:#AEB7D5}
html,body{width:100%;max-width:100%;min-height:100%;overflow-x:hidden}
body{font-family:Poppins,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;background:var(--fox-bg)!important;color:var(--fox-white)!important}
body *:not(.fox-emoji-icon):not(.fox-login-icon){font-family:Poppins,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
#content-wrapper,#content,.container-fluid,.container,.row{background:transparent!important;color:var(--fox-white)!important}
#content-wrapper{min-height:100vh!important}
/* Dark page surfaces */
.bg-white,.bg-light,.bg-gray-100{background:var(--fox-bg)!important}
.card{background:linear-gradient(145deg,var(--fox-card),#0f1633)!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;box-shadow:0 14px 36px rgba(0,0,0,.24)!important}
.card-header{background:linear-gradient(180deg,#151d43,#11183a)!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.card-body,.card-footer{background:transparent!important;color:#fff!important}
.table{color:#fff!important;background:transparent!important}
.table td,.table th{color:#f4f7ff!important;border-color:rgba(255,255,255,.08)!important}
.table thead th{color:#FFDE00!important}
.text-dark,.text-secondary,.text-muted{color:#d3d9ef!important}
.text-primary{color:#FFDE00!important}
a{color:#FF7400}
a:hover{color:#FFDE00}
.form-control,.custom-select,select,textarea{background:#fff!important;color:#172044!important;border:1px solid #cbd3e6!important}
.form-control::placeholder,textarea::placeholder{color:#7b849f!important}
label,.col-form-label{color:#fff!important}
.alert{color:#fff!important;background:#171f47!important;border-color:rgba(255,255,255,.12)!important}
.modal-content{background:#12193A!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important}
.modal-header,.modal-footer{border-color:rgba(255,255,255,.08)!important}
.dropdown-menu{background:#12193A!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important}
.dropdown-item{color:#fff!important}
.dropdown-item:hover{background:#1b2553!important;color:#FFDE00!important}
.sticky-footer{background:#0A0E24!important;color:#dce2f8!important;border-top:1px solid rgba(255,255,255,.08)!important}
.sticky-footer a{color:#FFDE00!important;font-weight:700;text-decoration:none}
/* Sidebar */
#accordionSidebar.sidebar{background:linear-gradient(180deg,#080c21 0%,#0C102D 48%,#263286 100%)!important;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;transition:transform .22s ease,box-shadow .22s ease}
#accordionSidebar.sidebar::-webkit-scrollbar{width:0;height:0}
.sidebar .nav-link{display:flex!important;align-items:center!important;gap:.55rem!important;color:#fff!important;font-weight:700!important;padding:.8rem 1rem!important}
.sidebar .nav-link:hover,.sidebar .nav-item.active .nav-link{color:#FFDE00!important;background:rgba(255,255,255,.06)!important}
.sidebar .collapse{display:none}
.sidebar .collapse.show{display:block}
.sidebar .collapse-inner{margin:.25rem .75rem .75rem;padding:.45rem;background:#f6f8ff!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(0,0,0,.24)}
.sidebar .collapse-item{display:flex;align-items:center;gap:.65rem;border-radius:8px;padding:.55rem .75rem;color:#263286!important;font-weight:700}
.sidebar .collapse-item:hover{background:rgba(38,50,134,.08);color:#D13800!important}
.fox-emoji-icon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;font-style:normal!important;font-weight:400!important;display:inline-flex!important;align-items:center;justify-content:center;line-height:1;min-width:1.25em!important;margin-right:.48rem!important;flex:0 0 auto}
.sidebar .nav-link .fox-emoji-icon{width:1.35rem;margin-right:.1rem!important}
.sidebar .collapse-item .fox-emoji-icon{width:1.2rem;margin-right:.05rem!important}
/* Topbar */
.topbar{background:#0C102D!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:#fff!important}
.topbar .text-primary{color:#FFDE00!important}
.topbar .nav-link{color:#fff!important}
.topbar-live-fox{background:linear-gradient(135deg,#151d43,#263286);color:#fff;border-radius:999px;padding:.4rem .75rem;gap:.4rem;box-shadow:0 8px 24px rgba(0,0,0,.22);align-items:center}
.topbar-live-fox strong{font-size:.83rem;letter-spacing:.04em;color:#fff}
.topbar-live-fox span{font-size:.68rem;color:#dce1ff}
/* Buttons */
.btn{border-radius:10px!important;font-weight:700!important;letter-spacing:.01em}
.btn-success{background:linear-gradient(135deg,#263286,#3b4fb9)!important;border-color:#263286!important}
.btn-primary{background:linear-gradient(135deg,#0C102D,#263286)!important;border-color:#263286!important}
.btn-danger{background:linear-gradient(135deg,#D13800,#ff5a21)!important;border-color:#D13800!important}
.btn-warning{color:#0C102D!important;background:#FFDE00!important;border-color:#FFDE00!important}
/* Remove legacy icon glyphs; JS replaces them with spans */
i[class*="fa-"]{font-size:0!important;line-height:1!important;display:inline-flex!important;width:1.25em!important;min-width:1.25em!important;height:1em!important;overflow:hidden!important}
/* Mobile sidebar */
#fox-sidebar-overlay{display:none}
@media(max-width:767.98px){
  body{font-size:.92rem!important}
  #accordionSidebar.sidebar{position:fixed!important;left:0;top:0;bottom:0;width:16rem!important;z-index:1041!important;transform:translateX(-105%)!important;box-shadow:none!important}
  body.fox-sidebar-open #accordionSidebar.sidebar{transform:translateX(0)!important;box-shadow:18px 0 45px rgba(0,0,0,.38)!important}
  body.fox-sidebar-open #fox-sidebar-overlay{display:block!important;position:fixed!important;inset:0!important;background:rgba(3,6,18,.62)!important;backdrop-filter:blur(2px);z-index:1040!important}
  #content-wrapper{width:100%!important;margin-left:0!important}
  #content{width:100%!important}
  .topbar{position:sticky!important;top:0!important;z-index:1030!important}
  .topbar-live-fox{display:none!important}
  .container-fluid{padding-left:.75rem!important;padding-right:.75rem!important}
  .table-responsive{overflow-x:hidden!important}
  .table-responsive>.table{min-width:0!important}
  .table thead{display:none!important}
  .table tbody,.table tbody tr{display:block!important;width:100%!important}
  .table tbody tr{margin:0 0 .8rem!important;padding:.75rem!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;background:#101737!important;box-shadow:0 10px 26px rgba(0,0,0,.2)!important}
  .table tbody td,.table tbody th{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:.6rem!important;width:100%!important;padding:.5rem 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important;white-space:normal!important;text-align:right!important;color:#fff!important}
  .table tbody td:last-child,.table tbody th:last-child{border-bottom:0!important}
  .table tbody td:before,.table tbody th:before{content:attr(data-label);display:block;flex:0 0 38%;max-width:38%;text-align:left;color:#AEB7D5;font-size:.66rem;font-weight:800;text-transform:uppercase}
  .table tbody td>*{max-width:60%}
  .btn{white-space:normal!important}
  .modal-dialog{max-width:calc(100% - 1rem)!important;margin:.5rem auto!important}
  .card-body{padding:.9rem!important}
  .fox-footer-support{display:inline-block;line-height:1.5}
}
/* Login */
body.fox-login{min-height:100vh!important;background:#0C102D!important;color:#fff!important}
body.fox-login .fox-login-card{width:min(440px,calc(100vw - 28px))!important;padding:34px!important;border-radius:24px!important;background:#11183A!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 30px 80px rgba(0,0,0,.35)!important}
body.fox-login .fox-login-title{color:#fff!important;font-size:1.55rem!important;letter-spacing:.01em}
body.fox-login .fox-login-sub{color:#AEB7D5!important}
body.fox-login .fox-login-field{margin-bottom:16px!important}
body.fox-login .fox-login-field label{color:#fff!important}
body.fox-login .fox-login-field input{height:50px!important;min-height:50px!important;padding-left:44px!important;border-radius:12px!important;background:#fff!important;border:1px solid #cbd3e6!important;color:#1a2345!important}
body.fox-login .fox-login-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:2;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important}
body.fox-login .fox-login-btn{min-height:50px!important;border-radius:12px!important;background:linear-gradient(135deg,#0C102D,#263286 58%,#FF7400)!important;color:#fff!important;font-size:.9rem!important;display:flex!important;align-items:center;justify-content:center;gap:.5rem}
body.fox-login .fox-login-meta{color:#AEB7D5!important}
body.fox-login .fox-login-alert{color:#fff!important}
/* Footer and legacy bootstrap background overrides */
body .bg-primary,body .bg-info,body .bg-secondary{background:#263286!important}
body .bg-dark{background:#090d22!important}
body .border{border-color:rgba(255,255,255,.1)!important}
body .shadow{box-shadow:0 12px 32px rgba(0,0,0,.22)!important}
.fox-footer-support{color:#FFDE00!important;font-weight:800}