/* =================================
   WARZONECS DARK THEME
   ================================= */

html, body{
  background:#09090b;
  color:#ffffff;
  font-family:Inter,system-ui,sans-serif;
}

/* GRID BACKGROUND */
body::before{
  content:"";
  position:fixed;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);
  background-size:52px 52px;
  pointer-events:none;
  z-index:0;
}

body > *{
  position:relative;
  z-index:1;
}

/* NAVBAR */
.navbar{
  background:#0f0f12 !important;
  border-bottom:1px solid #27272a !important;
  box-shadow:none !important;
  min-height:56px;
  margin-bottom:18px !important;
}

.navbar-inner{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:8px 14px !important;
}

.navbar .brand,
.warzone-brand{
  color:#ffffff !important;
  font-weight:800;
  font-size:22px;
  text-shadow:none !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
}

.warzone-brand span{
  color:#f97316 !important;
}

.navbar .nav > li > a{
  color:#ffffff !important;
  text-shadow:none !important;
}

.navbar .nav > li > a:hover,
.navbar .nav > li.open > a{
  color:#fb923c !important;
  background:none !important;
}

.navbar-form{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.navbar-form input[type="text"]{
  width:200px !important;
  height:30px !important;
  margin-left:6px !important;
}

/* DROPDOWN */
.dropdown-menu{
  background:#18181b !important;
  border:1px solid #27272a !important;
  box-shadow:none !important;
}

.dropdown-menu a{
  color:#ffffff !important;
}

.dropdown-menu a:hover{
  background:#27272a !important;
  color:#fb923c !important;
}

/* CONTAINER */
.container{
  background:transparent !important;
}

/* BOOST WRAP */
.warzone-boost-wrap{
  max-width:1120px;
  margin:18px auto;
  padding:18px;
  background:rgba(24,24,27,0.94);
  border:1px solid #27272a;
  border-radius:18px;
  box-shadow:0 0 0 1px rgba(255,255,255,0.03) inset, 0 12px 28px rgba(0,0,0,0.18);
}

.warzone-boost-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}

.warzone-boost-title{
  color:#ffffff;
  font-size:22px;
  font-weight:700;
  line-height:1.2;
}

.warzone-boost-status{
  font-size:14px;
  font-weight:600;
}

.warzone-places-ok{ color:#65c466; }
.warzone-places-full{ color:#ef4444; }
.warzone-places-unlimited{ color:#60a5fa; }

.warzone-boost-note{
  margin-bottom:18px;
  padding:14px 16px;
  background:rgba(251,146,60,0.12);
  border:1px solid rgba(251,146,60,0.28);
  color:#fdba74;
  border-radius:12px;
}

/* TABLE */
.warzone-table-wrap{
  border-radius:14px;
  overflow:hidden;
  border:1px solid #27272a;
}

.table.warzone-table{
  margin-bottom:0 !important;
  background:transparent;
  color:#ffffff;
}

.warzone-table thead th{
  background:#18181b !important;
  color:#fb923c !important;
  border:1px solid #27272a !important;
  padding:14px 12px !important;
  font-weight:700;
}

.warzone-table tbody td{
  background:rgba(24,24,27,0.92) !important;
  border:1px solid #27272a !important;
  padding:14px 12px !important;
  color:#ffffff !important;
  vertical-align:middle !important;
}

.warzone-table.table-striped tbody tr:nth-child(even) td{
  background:rgba(39,39,42,0.92) !important;
}

.warzone-table tbody tr:hover td{
  background:rgba(50,50,56,0.96) !important;
}

/* inputs */
input,
select{
  background:#18181b !important;
  border:1px solid #3f3f46 !important;
  color:#ffffff !important;
  border-radius:10px !important;
  box-shadow:none !important;
}

input::placeholder{
  color:#a1a1aa !important;
}

/* buttons */
.btn,
button,
input[type="submit"]{
  background:#f97316 !important;
  border:none !important;
  color:#ffffff !important;
  border-radius:10px !important;
  font-weight:700 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

.btn:hover,
button:hover,
input[type="submit"]:hover{
  background:#ea580c !important;
}

/* progress */
.progress{
  background:#27272a !important;
  border-radius:999px !important;
  overflow:hidden;
  box-shadow:none !important;
  margin-bottom:0 !important;
}

.progress-bar-success{
  background:#65c466 !important;
}

.progress-bar-warning{
  background:#f0aa4a !important;
}

.progress-bar-danger{
  background:#e65b5b !important;
}

/* links */
a{
  color:#f97316;
}

a:hover{
  color:#fdba74;
  text-decoration:none;
}

/* helper to neutralize bootstrap light panels if any remain */
.panel,
.panel-default,
.well,
legend{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  color:#ffffff !important;
  margin-bottom:0 !important;
}

/* MOBILE */
@media(max-width: 900px){
  .warzone-boost-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .navbar-form{
    float:none !important;
    clear:both;
    padding-top:10px;
  }

  .navbar-form input[type="text"]{
    width:160px !important;
  }
}

@media(max-width: 768px){
  .warzone-boost-wrap{
    padding:14px;
    border-radius:14px;
  }

  .warzone-table thead th,
  .warzone-table tbody td{
    padding:10px 8px !important;
    font-size:13px !important;
  }

  .navbar .brand{
    font-size:20px;
  }
}