/* MaxJogos Panel - Tema Profissional (Dark/Glass) */

:root{
  --brand: #22c55e;
  --brand2:#16a34a;

  --border: rgba(148, 163, 184, .18);
  --surface: rgba(17, 24, 39, .62);
  --surface2: rgba(2, 6, 23, .40);

  --shadow: 0 18px 50px rgba(0,0,0,.35);
}

html, body{ height:100%; }
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background:
    radial-gradient(900px 520px at 12% -10%, rgba(34,197,94,.18), transparent 60%),
    radial-gradient(800px 520px at 115% 10%, rgba(59,130,246,.14), transparent 55%),
    linear-gradient(180deg, #0b1220 0%, #0f172a 45%, #070b12 100%);
}

/* Bootstrap tweaks */
a{ text-decoration: none; }
code{
  padding:.15rem .4rem;
  border-radius:.5rem;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
}

/* Glass navbar */
.navbar-glass{
  background: rgba(15, 23, 42, .58);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border);
}

/* Sidebar */
.sidebar{
  background: rgba(17, 24, 39, .70);
  backdrop-filter: blur(12px);
  border-right: 1px solid var(--border);
}

.sidebar .brand{
  display:flex;
  align-items:center;
  gap:.6rem;
  padding:.25rem .25rem 1rem .25rem;
}

.brand-mark{
  width:38px; height:38px;
  border-radius:14px;
  background: linear-gradient(180deg, rgba(34,197,94,1), rgba(22,163,74,1));
  box-shadow: 0 12px 30px rgba(34,197,94,.25);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#06210f;
  font-weight:800;
}

.sidebar .nav-link{
  border-radius: 14px;
  padding: .65rem .85rem;
  color: rgba(229,231,235,.86);
  display:flex;
  align-items:center;
  gap:.65rem;
}

.sidebar .nav-link:hover{
  background: rgba(255,255,255,.05);
  color: #fff;
}

.sidebar .nav-link.active{
  background: rgba(34,197,94,.14);
  box-shadow: inset 0 0 0 1px rgba(34,197,94,.35);
  color:#fff;
}

.sidebar .sidebar-footer{
  border-top: 1px solid rgba(148, 163, 184, .14);
  padding-top: 1rem;
  margin-top: 1rem;
}

/* Page header */
.page-head{
  padding: .2rem 0 .2rem;
}

/* Cards */
.card-glass{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 20px;
  box-shadow: var(--shadow);
}

.card-glass .card-header{
  background: transparent;
  border-bottom: 1px solid rgba(148, 163, 184, .14);
}

.stat-card{
  position:relative;
  overflow:hidden;
}
.stat-card::after{
  content:"";
  position:absolute;
  inset:-60px -60px auto auto;
  width:160px;
  height:160px;
  border-radius:999px;
  background: rgba(34,197,94,.12);
  filter: blur(2px);
}

/* Forms */
.form-control, .form-select{
  background: var(--surface2);
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 16px;
}
.form-control:focus, .form-select:focus{
  border-color: rgba(34,197,94,.55);
  box-shadow: 0 0 0 .25rem rgba(34,197,94,.15);
}
.form-control::placeholder{ color: rgba(229,231,235,.45); }

/* Buttons */
.btn-brand{
  background: linear-gradient(180deg, var(--brand), var(--brand2));
  border: 0;
}
.btn-brand:hover{ filter: brightness(1.05); }
.btn-outline-brand{
  border-color: rgba(34,197,94,.55);
  color: rgba(229,231,235,.95);
}
.btn-outline-brand:hover{
  background: rgba(34,197,94,.14);
  border-color: rgba(34,197,94,.65);
  color:#fff;
}

/* Table */
.table thead th{
  border-bottom: 1px solid rgba(148, 163, 184, .18);
  color: rgba(229,231,235,.9);
}
.table tbody td{
  border-color: rgba(148, 163, 184, .12);
}
.table-hover tbody tr:hover{
  background: rgba(255,255,255,.03);
}

/* Badges */
.badge-soft-success{
  background: rgba(34,197,94,.16);
  border: 1px solid rgba(34,197,94,.30);
  color: rgba(229,231,235,.95);
}
.badge-soft-warning{
  background: rgba(245,158,11,.16);
  border: 1px solid rgba(245,158,11,.30);
  color: rgba(229,231,235,.95);
}

/* Login */
.login-wrap{
  min-height: 100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 1.5rem;
}

.login-card{
  width: min(440px, 100%);
  background: rgba(17, 24, 39, .68);
  border: 1px solid var(--border);
  border-radius: 22px;
  box-shadow: var(--shadow);
}

.login-hero{
  display:flex;
  align-items:center;
  gap:.8rem;
  margin-bottom: 1rem;
}

.login-sub{
  color: rgba(229,231,235,.7);
  font-size: .95rem;
}