@import url('https://fonts.googleapis.com/css2?family=Alata&family=Kumbh+Sans&family=Nunito:wght@200&display=swap');
body,html {
background: url('../img/bg2.jpg') no-repeat center center fixed;
background-size: cover;
-webkit-background-size: cover; 
-moz-background-size: cover;
-ms-background-size: cover; 
-o-background-size: cover;
font-family: "Nunito", sans-serif;
font-size: 1em;
line-height: 1.5;
color: rgb(229, 235, 239);
}


*:focus {
outline: none;
}
::placeholder { 
color: rgba(255, 255, 255, 0.3);
opacity: 1; 
}

.navbar {
font-family: 'Kumbh Sans', sans-serif;
background-color: rgb(14, 23, 38);
}
.navbar-toggler {
color: #fff;
line-height: none;
}
.nav-item a {
color: rgb(121, 134, 163);
margin-left: 30px;
}

.nav-item a:hover {
color: #dc3545;;
}
.form-control {
	background: #142135;
	color: #fff;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,select:active {   
	background: #142135;
	color: #fff;
	border:1px solid #0E1726;

}
.alert {
margin-bottom: 0
}
.alert-primary {
font-family: 'Alata', sans-serif;
background: rgb(32, 43, 67, 0.5);
border:1px solid #0E1726;
border-radius: 2px;
padding: 20px;
color: rgb(187, 201, 224);
}
.alert h4, .alert b {
color: #dc3545;
font-weight: normal;
}
.alert .badge {
font-weight: normal;
font-family: 'Nunito', sans-serif;
}

.filtros {
width: 100%;
margin-top: 15px;
color: rgb(229, 235, 239);
border-radius: 5px
}

.tabelas {
width: 100%;
margin-top: 20px;
padding: 20px;
color: rgb(229, 235, 239);
background: #202B43;
}

.topo {
display: flex;
flex-direction: row;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
height: 50px;
line-height: 1.5;
margin-top: 50px;
}

.pag {
display: flex;
flex-direction: row;
-webkit-box-align: center;
align-items: center;
font-size: 24px;
color: rgb(229, 235, 239);
}

.pag_right {
display: flex;
flex-direction: column;
}

.att_1 {
text-align: right;
font-size: 10px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: rgb(187, 201, 224);
}
.att_2 {
text-align: right;
font-size: 14px;
color: rgb(229, 235, 239);
}

input[type=search] {
width: 300px;
font-family: "Nunito", sans-serif;
margin-right: 10px;
height: 33px;
font-size: 14px;
box-sizing: border-box;
border: none;
border-radius: 2px;
color: white;
background-color: rgb(52, 63, 87);
background-image: url('../img/searchicon.png');
background-position: 10px 6px; 
background-repeat: no-repeat;
padding: 12px 20px 12px 40px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}

input[type=search]:focus  {
width: 400px;
}

.btn-rank{
font-family: "Alata", sans-serif;
height: 35px;
background: rgb(39, 53, 82);
opacity: 1;
padding: 5px 15px 15px 15px;
margin-top: -5px;
border: none;
}

.color1 {
color: rgb(164, 197, 230);
}

.color2 {
color: rgb(214, 156, 170);
}
.color3 {
color: rgb(255, 88, 89);
font-weight: 700;
}
.color4 {
color: rgb(73, 180, 255);
font-weight: 700;
}
.rank_load {
font-family: "Alata", sans-serif;
-webkit-box-align: center;
align-items: center;
margin: 1em;
color: rgb(121, 134, 163);
font-size: 0.75em;
}


table {
border-collapse: collapse;
width: 100%;
text-align: center;
}
table a {
color: #fff;
}
table a:hover, table a:focus {
color: rgb(214, 156, 170);
text-decoration: none;
}

td, th {
padding: 10px;

}
th {
background-color: none;
color: rgb(187, 201, 224);
font-weight: bold;
font-size: 13px;
}
td {
color: #fff;
}
tr {
background-color: #182338;
}
tr:nth-child(odd) {
background-color: #202B43;
}
.pagination {
list-style-type: none;
padding: 10px 0;
margin-top: 25px;
display: inline-flex;
justify-content: space-between;
box-sizing: border-box;
}
.pagination li {
box-sizing: border-box;
padding-right: 10px;
}
.pagination li a {
box-sizing: border-box;
background-color: #182338;
padding: 8px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: rgb(164, 197, 200);
border-radius: 4px;
}
.pagination li a:hover {
background-color: #518acb;
color: #fff;
}
.pagination .next a, .pagination .prev a {
text-transform: uppercase;
font-size: 12px;
}
.pagination .currentpage a {
background-color: #518acb;
color: #fff;
}

a.disabled {
pointer-events: none;
cursor: default;
}

.place-1st {
background: linear-gradient(to right, rgba(238, 189, 105, 0.2), transparent);
}

.place-2st {
background: linear-gradient(to right, rgba(166, 172, 185, 0.2), transparent);
}

.place-3st {
background: linear-gradient(to right, rgba(174, 137, 103, 0.1), transparent);
}

.banido {
background: linear-gradient(to right, rgb(247, 32, 32, 0.1), transparent);
}

.perfil {
text-align: center;
}

.perfil .elo {
margin-bottom: 15px;
}

.perfil .personagem {
font-family: 'Nunito', sans-serif;
font-size: 30px;
}

.perfil .personagem img {
margin-top: -5px;
}

.perfil .kda {
display: flex;
list-style: none;
-webkit-box-pack: center;
justify-content: center;
margin: 0px;
padding: 0px;
margin-top: 15px;
}
.perfil .pd {
margin: 0px 1.5em;
}

.perfil .item {
box-sizing: border-box;
padding-top: 2px;
margin: 0px 0px 0.25em;
display: block;
font-size: 0.625rem;
font-weight: 500;
font-style: normal;
line-height: 1;
letter-spacing: 1.5px;
text-transform: uppercase;
color: rgb(121, 134, 163);
}
.perfil .icon {
margin-right: 5px;
width: 15px;
}

.detalhes-user {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}

.infor_ {
font-family: 'Alata', sans-serif;

color: rgb(187, 201, 224);
font-weight: 700;
box-sizing: border-box;
margin: 0px;
font-size: 1rem;
font-weight: normal;
font-style: normal;
}

.result_ {
flex: 1 1 0%;
text-align: right;
color: rgb(121, 134, 163);
box-sizing: border-box;
padding-top: 2px;
margin: 0px;
font-size: 1rem;
font-style: normal;

}


.header {
margin:0;
padding: 0;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
background: linear-gradient(to top, rgb(39, 54, 82) 0%, rgb(32, 43, 67) 100%);
box-shadow: rgba(229, 235, 239, 0.05) 0px -1px inset;
border-radius: 5px 5px 0px 0px;
padding: 0px 1.5rem;
min-height: 56px;
}

.header h3 {
box-sizing: border-box;
padding-top: 2px;
margin: 0px;
font-size: 1rem;
font-weight: normal;
font-style: normal;
}

.selecionar {
font-family: "Alata", sans-serif;
height: 35px;
background: rgb(39, 53, 82);
color: #fff;
padding-left: 5px;
margin-top: -5px;
border: none;
margin-right: 5px;

}

@keyframes blink {50% { color: transparent }}
.loader__dot { animation: 1s blink infinite }
.loader__dot:nth-child(2) { animation-delay: 250ms }
.loader__dot:nth-child(3) { animation-delay: 500ms }


.wrapper {
padding-top: 35px;
}
.wrapper:focus {
outline: 0;
}


.topclasse_card {
    font-family: 'Kumbh Sans', sans-serif;
background: none;
width: 270px;
height: 300px;
display: inline-block;
margin: auto;
border-radius: 5px;
position: relative;
text-align: center;

-webkit-box-shadow: 0px -1px 14px 3px #0E1726;
-moz-box-shadow: 0px -1px 14px 3px #0E1726;
box-shadow: 0px -1px 14px 3px #0E1726;

padding: 40px 1px 1px 1px;
}

.topclasse_card a {
	color: #fff;
}


.topclasse_player {
font-size: 26px;
color: #fff;
}

.topclasse_cla {
color: #fff;   
font-size: 14px;
}



.topclasse_status {
color: white;
font-weight: 700;
border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
}
.topclasse_status .one-third {
float: left;
margin-left: 6px;
padding: 11px 10px;
}

.topclasse_status .stat {
position: relative;
font-size: 15px;
margin-bottom: 10px;
margin-top: 80px;
}
.topclasse_status .stat-value {
text-transform: uppercase;
font-weight: 400;
font-size: 10px;
}
.topclasse_status .no-border {
border-right: none;
}


.elos_pw {
font-family: 'Alata', sans-serif;
text-align: center;
margin-top: 15px;
}

.elos_pw img {
	margin-bottom: 15px;
}



.elos_pw h3 {
font-family: 'Kumbh Sans', sans-serif;
font-size: 35px;
margin: 0;
padding: 0;
}

.elos_pw .pontos {
margin-top: -20px;
}

.elos_pw .mini {
margin-top: -60px;
margin-right: 20px;
text-align: right;
}

.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
	width: 115px;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '\2715';
  text-indent: .9em;
  color: #C2C2C2;	
  width: 2.5em;
   background: rgb(14, 23, 38, 0.5);
  border-right: 1px solid #ddd;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #fff;
    background: #0E1726;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-rank input[type="radio"]:checked ~ label:before,
.funkyradio-rank input[type="checkbox"]:checked ~ label:before {
  color: rgb(8, 201, 130);
  background-color: #0E1726;
}


.footer {
font-family: 'Alata', sans-serif;
text-transform: uppercase;
text-align: center;
color: #ddd;
font-size: 0.9rem;
line-height: 1rem;
margin-bottom: 2.5rem;  
margin-top: 80px;  
}

.footer #dev {
color: #666;
font-family: 'Alata', sans-serif;
text-transform: none;
font-size: 14px;
margin-top: 5px;
}

.footer #dev a {
color: #666; 
}



/* =========================================================
   Zadock Rank V2 - layout totalmente reformulado
   Mantém as funções originais e muda somente apresentação.
   ========================================================= */
:root{
  --zdk-bg:#070a16;
  --zdk-bg2:#0a1020;
  --zdk-panel:rgba(16,24,43,.82);
  --zdk-panel2:rgba(20,32,56,.92);
  --zdk-line:rgba(124,153,255,.18);
  --zdk-text:#eef5ff;
  --zdk-muted:#8fa2c7;
  --zdk-cyan:#30d8ff;
  --zdk-blue:#5a7dff;
  --zdk-purple:#8d5bff;
  --zdk-danger:#ff3f71;
  --zdk-gold:#ffd45c;
  --zdk-radius:22px;
}

html,body{min-height:100%;}
body,html{
  background:
    radial-gradient(circle at top left, rgba(114,64,255,.27), transparent 34%),
    radial-gradient(circle at top right, rgba(0,213,255,.22), transparent 32%),
    linear-gradient(135deg,#060914 0%,#0a1020 45%,#061520 100%) !important;
  background-attachment:fixed !important;
  color:var(--zdk-text) !important;
  font-family:'Kumbh Sans','Alata',Arial,sans-serif !important;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 85%);
}
a{color:#dbe9ff;transition:.2s ease} a:hover{color:var(--zdk-cyan);text-decoration:none}

/* App shell */
.zdk-shell{display:flex;min-height:100vh;width:100%;}
.zdk-sidebar{
  position:fixed;left:22px;top:22px;bottom:22px;width:286px;z-index:30;
  padding:22px 16px;overflow:auto;
  background:linear-gradient(180deg,rgba(11,16,31,.96),rgba(11,20,36,.9));
  border:1px solid var(--zdk-line);border-radius:30px;
  box-shadow:0 24px 70px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(18px);
}
.zdk-brand{display:flex;align-items:center;gap:13px;padding:5px 8px 24px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:18px;}
.zdk-brand img{width:64px;max-height:58px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(48,216,255,.34));}
.zdk-brand strong{display:block;font-size:17px;line-height:1.1;color:#fff;letter-spacing:.4px;}
.zdk-brand span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--zdk-cyan);margin-top:5px;}
.zdk-menu-label{font-size:11px;text-transform:uppercase;letter-spacing:2.2px;color:#637495;margin:18px 12px 9px;}
.zdk-menu{display:flex;flex-direction:column;gap:8px;}
.zdk-link{
  position:relative;display:flex;align-items:center;gap:12px;
  padding:13px 14px;border-radius:17px;color:#aebee0 !important;
  background:transparent;border:1px solid transparent;font-weight:700;
}
.zdk-link i{width:22px;text-align:center;color:#6881af;font-size:15px;}
.zdk-link:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08);transform:translateX(3px);}
.zdk-link.active{
  color:#fff !important;background:linear-gradient(135deg,rgba(48,216,255,.22),rgba(141,91,255,.24));
  border-color:rgba(48,216,255,.34);box-shadow:0 12px 32px rgba(50,113,255,.22);
}
.zdk-link.active:before{content:"";width:4px;height:28px;border-radius:10px;background:var(--zdk-cyan);position:absolute;left:-2px;box-shadow:0 0 18px var(--zdk-cyan);}
.zdk-link.active i{color:var(--zdk-cyan);}
.zdk-link.danger.active,.zdk-link.danger:hover{border-color:rgba(255,63,113,.35);background:rgba(255,63,113,.13)}
.zdk-link.logout{color:#ffd089 !important;}
.zdk-main{width:100%;padding-left:330px;}
.zdk-content{padding:28px 28px 10px;max-width:1500px;margin:0 auto;}
.zdk-mobile-top{display:none;}

/* Remove aparência antiga do bootstrap nav, caso alguma página injete */
.navbar{background:transparent!important;box-shadow:none!important;}

/* Cabeçalho de página */
.container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}
.topo{
  min-height:120px;height:auto!important;margin:0 0 22px!important;padding:26px 30px!important;
  border-radius:var(--zdk-radius);border:1px solid var(--zdk-line);
  background:
    linear-gradient(135deg,rgba(13,22,42,.94),rgba(14,24,45,.72)),
    radial-gradient(circle at right,rgba(48,216,255,.14),transparent 34%);
  box-shadow:0 20px 55px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06);
  display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative;overflow:hidden;
}
.topo:before{content:"";position:absolute;right:-80px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(141,91,255,.28),transparent 65%);}
.topo:after{content:"PW RANK";position:absolute;right:26px;bottom:10px;font-size:42px;font-weight:900;letter-spacing:7px;color:rgba(255,255,255,.035);}
.pag{font-size:34px!important;font-weight:900!important;letter-spacing:-1px;color:#fff!important;position:relative;}
.pag:before{content:"ARENA OFICIAL";display:block;width:max-content;margin-bottom:8px;padding:7px 12px;border-radius:999px;background:rgba(48,216,255,.12);border:1px solid rgba(48,216,255,.28);font-size:11px;letter-spacing:2px;color:var(--zdk-cyan);}
.pag_right{position:relative;min-width:220px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);}
.att_1{text-align:left!important;color:var(--zdk-muted)!important;font-size:11px!important;}
.att_2{text-align:left!important;color:#fff!important;font-size:15px!important;font-weight:800;}

/* Cards/painéis */
.filtros,.tabelas,.alert-primary,.perfil,.topclasse_card,.elos_pw,.header{
  border:1px solid var(--zdk-line)!important;background:var(--zdk-panel)!important;border-radius:var(--zdk-radius)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(14px);
}
.filtros{padding:18px 20px!important;margin:0 0 18px!important;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.filtros form{width:100%;display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.tabelas{padding:22px!important;margin-top:18px!important;overflow:hidden;}
.alert-primary{padding:18px 20px!important;color:#c9d7ef!important;}
.alert h4,.alert b{color:var(--zdk-cyan)!important;font-weight:800!important;}
.header{min-height:64px!important;padding:0 22px!important;border-radius:var(--zdk-radius) var(--zdk-radius) 0 0!important;background:linear-gradient(135deg,rgba(48,216,255,.11),rgba(141,91,255,.13))!important;}
.header h3{font-weight:900!important;letter-spacing:.3px;color:#fff!important;}

/* Inputs e botões */
.form-control, input, select, textarea, .selecionar{
  background:rgba(7,12,24,.82)!important;color:#fff!important;border:1px solid rgba(143,162,199,.22)!important;border-radius:14px!important;min-height:42px;
}
input[type=search]{
  width:340px!important;height:44px!important;margin:0!important;border-radius:15px!important;
  background-color:rgba(7,12,24,.85)!important;background-position:13px 11px!important;
  border:1px solid rgba(48,216,255,.20)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
input[type=search]:focus{width:420px!important;border-color:rgba(48,216,255,.55)!important;box-shadow:0 0 0 4px rgba(48,216,255,.08)!important;}
.btn,.btn-rank,.btn-danger,.btn-warning,.btn-outline-secondary{
  border-radius:14px!important;border:1px solid rgba(48,216,255,.25)!important;background:linear-gradient(135deg,rgba(48,216,255,.22),rgba(141,91,255,.22))!important;color:#fff!important;font-weight:800!important;box-shadow:0 10px 22px rgba(0,0,0,.22);
}
.btn:hover,.btn-rank:hover{transform:translateY(-1px);filter:brightness(1.08);}
.btn-danger{background:linear-gradient(135deg,rgba(255,63,113,.8),rgba(141,91,255,.55))!important;}
.btn-warning{background:linear-gradient(135deg,#ffd45c,#ff8e3f)!important;color:#171b25!important;}

/* Tabelas */
table{border-collapse:separate!important;border-spacing:0 10px!important;text-align:left!important;}
th{background:transparent!important;color:#7890ba!important;text-transform:uppercase;letter-spacing:1.3px;font-size:11px!important;border:none!important;padding:10px 14px!important;}
td{background:rgba(255,255,255,.045)!important;color:#ecf4ff!important;border-top:1px solid rgba(255,255,255,.07)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;padding:15px 14px!important;vertical-align:middle!important;}
tr{background:transparent!important;transition:.2s ease;}
tr:hover td{background:rgba(48,216,255,.085)!important;border-color:rgba(48,216,255,.20)!important;}
tbody tr td:first-child{border-left:1px solid rgba(255,255,255,.07)!important;border-radius:16px 0 0 16px!important;}
tbody tr td:last-child{border-right:1px solid rgba(255,255,255,.07)!important;border-radius:0 16px 16px 0!important;}
.place-1st td{background:linear-gradient(90deg,rgba(255,212,92,.18),rgba(255,255,255,.045))!important;}
.place-2st td{background:linear-gradient(90deg,rgba(180,197,220,.15),rgba(255,255,255,.045))!important;}
.place-3st td{background:linear-gradient(90deg,rgba(201,130,83,.13),rgba(255,255,255,.045))!important;}
.banido td{background:linear-gradient(90deg,rgba(255,63,113,.16),rgba(255,255,255,.04))!important;}

/* Perfil e top classe */
.perfil{padding:28px!important;text-align:center;}
.perfil .personagem{font-size:30px!important;font-weight:900;color:#fff;}
.perfil .kda{gap:12px!important;flex-wrap:wrap;}
.perfil .pd{margin:0!important;min-width:92px;padding:15px 12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.04);}
.perfil .item{color:var(--zdk-muted)!important;font-weight:900!important;}
.detalhes-user{padding:13px 18px!important;margin:10px 0;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);}
.infor_{font-weight:900!important;color:#fff!important;}.result_{color:#a9bcdf!important;}
.topclasse_card{width:100%!important;max-width:320px;height:auto!important;min-height:330px;margin:12px!important;padding:34px 20px 24px!important;background:linear-gradient(180deg,rgba(19,29,54,.92),rgba(13,20,37,.86))!important;}
.topclasse_card:hover{transform:translateY(-5px);border-color:rgba(48,216,255,.35)!important;}
.topclasse_player{font-weight:900!important;color:#fff!important;}
.topclasse_status .stat{margin-top:35px!important;color:var(--zdk-cyan)!important;}
.elos_pw{padding:24px!important;}
.elos_pw h3{font-weight:900!important;color:#fff!important;}

/* DataTables/paginação */
.dataTables_wrapper{color:#aebee0!important;}
.dataTables_length select,.dataTables_filter input{margin:0 8px!important;}
.pagination{gap:8px!important;justify-content:center!important;display:flex!important;flex-wrap:wrap;}
.pagination li{padding:0!important;}
.pagination li a{display:block;min-width:38px;text-align:center;padding:10px 13px!important;border-radius:14px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important;color:#c7d7f4!important;}
.pagination .currentpage a,.pagination li a:hover{background:linear-gradient(135deg,var(--zdk-cyan),var(--zdk-blue))!important;color:#061020!important;}

/* Footer */
.footer{margin-left:330px;margin-top:28px!important;padding:28px;color:#7e90b1!important;}
.footer #dev a{color:var(--zdk-cyan)!important;font-weight:900;}

@media(max-width:991px){
  .zdk-shell{display:block}.zdk-sidebar{position:relative;left:auto;top:auto;bottom:auto;width:auto;margin:12px;border-radius:24px;max-height:none}.zdk-main{padding-left:0}.zdk-content{padding:12px}.zdk-mobile-top{display:flex;align-items:center;gap:12px;margin:12px;padding:12px 16px;border-radius:18px;background:rgba(11,16,31,.9);border:1px solid var(--zdk-line)}.zdk-mobile-top img{width:45px}.zdk-mobile-top span{font-weight:900}.topo{display:block!important;padding:22px!important}.pag{font-size:28px!important}.pag_right{margin-top:16px;min-width:0}.footer{margin-left:0}.filtros form{display:block}input[type=search],input[type=search]:focus{width:100%!important;margin-bottom:12px!important}table{font-size:13px}.tabelas{overflow-x:auto}.zdk-menu{display:grid;grid-template-columns:1fr 1fr}.zdk-brand{justify-content:center;text-align:left}
}
@media(max-width:560px){.zdk-menu{grid-template-columns:1fr}.pag{font-size:24px!important}td,th{padding:12px 10px!important}.topo:after{display:none}}

/* =========================================================
   Zadock Rank Admin Final - acabamento profissional
   Sidebar fixa colada, menos arredondada, sem efeitos amarelos.
   ========================================================= */
:root{
  --zdk-radius:10px;
  --zdk-panel:rgba(13,20,36,.94);
  --zdk-panel2:rgba(17,27,46,.96);
  --zdk-line:rgba(120,145,190,.16);
  --zdk-cyan:#22d3ee;
  --zdk-blue:#3b82f6;
  --zdk-purple:#7c3aed;
}
body,html{
  background:
    radial-gradient(circle at 12% 0%, rgba(58,49,145,.22), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(20,184,166,.16), transparent 24%),
    linear-gradient(135deg,#060913 0%,#0b1220 48%,#07111f 100%) !important;
}
body:before{opacity:.35;background-size:56px 56px;}

.zdk-sidebar{
  left:0!important;top:0!important;bottom:0!important;width:242px!important;
  border-radius:0!important;padding:16px 12px!important;
  background:#080f1f!important;border:0!important;border-right:1px solid rgba(120,145,190,.20)!important;
  box-shadow:10px 0 32px rgba(0,0,0,.28)!important;backdrop-filter:none!important;
}
.zdk-brand{
  padding:6px 8px 16px!important;margin-bottom:12px!important;gap:10px!important;
  border-bottom:1px solid rgba(120,145,190,.14)!important;
}
.zdk-brand img{width:46px!important;max-height:44px!important;filter:none!important;}
.zdk-brand strong{font-size:14px!important;line-height:1.15!important;letter-spacing:0!important;}
.zdk-brand span{font-size:10px!important;letter-spacing:1.8px!important;color:#38bdf8!important;}
.zdk-menu-label{font-size:10px!important;letter-spacing:2px!important;margin:15px 10px 7px!important;color:#6b7b99!important;}
.zdk-menu{gap:4px!important;}
.zdk-link{
  padding:10px 11px!important;border-radius:8px!important;font-size:14px!important;font-weight:700!important;
  color:#aab8d4!important;border:1px solid transparent!important;background:transparent!important;
  transform:none!important;box-shadow:none!important;
}
.zdk-link i{width:18px!important;font-size:13px!important;color:#7084aa!important;}
.zdk-link:hover{
  background:#101a2e!important;border-color:rgba(120,145,190,.12)!important;transform:none!important;color:#fff!important;
}
.zdk-link.active{
  color:#fff!important;background:#172542!important;border-color:rgba(34,211,238,.24)!important;
  box-shadow:none!important;
}
.zdk-link.active:before{
  left:0!important;width:3px!important;height:22px!important;border-radius:0 4px 4px 0!important;
  background:#22d3ee!important;box-shadow:none!important;
}
.zdk-link.active i{color:#22d3ee!important;}
.zdk-link.danger.active,.zdk-link.danger:hover{background:#1b2233!important;border-color:rgba(244,63,94,.22)!important;}
.zdk-main{padding-left:242px!important;}
.zdk-content{padding:20px 22px 8px!important;max-width:1560px!important;}

.topo{
  min-height:82px!important;padding:18px 20px!important;margin-bottom:16px!important;border-radius:10px!important;
  background:#0d1729!important;border:1px solid rgba(120,145,190,.16)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;overflow:hidden!important;
}
.topo:before,.topo:after{display:none!important;}
.pag{font-size:25px!important;letter-spacing:-.4px!important;}
.pag:before{
  background:transparent!important;border:0!important;padding:0!important;margin-bottom:3px!important;
  color:#7dd3fc!important;font-size:10px!important;letter-spacing:1.8px!important;
}
.pag_right{
  min-width:185px!important;padding:10px 12px!important;border-radius:8px!important;
  background:#111d33!important;border:1px solid rgba(120,145,190,.14)!important;
}
.att_1{font-size:10px!important;}.att_2{font-size:13px!important;}

.filtros,.tabelas,.alert-primary,.perfil,.topclasse_card,.elos_pw,.header{
  border-radius:10px!important;background:#0d1729!important;border:1px solid rgba(120,145,190,.16)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.16)!important;backdrop-filter:none!important;
}
.filtros{padding:14px!important;margin-bottom:14px!important;}
.tabelas{padding:16px!important;margin-top:14px!important;}
.header{border-radius:10px 10px 0 0!important;background:#101b30!important;}

.form-control,input,select,textarea,.selecionar,input[type=search]{
  border-radius:8px!important;background:#0b1324!important;border:1px solid rgba(120,145,190,.18)!important;
  box-shadow:none!important;
}
input[type=search]{height:38px!important;width:300px!important;background-position:12px 8px!important;}
input[type=search]:focus{width:360px!important;box-shadow:0 0 0 3px rgba(34,211,238,.08)!important;}
.btn,.btn-rank,.btn-danger,.btn-warning,.btn-outline-secondary{
  border-radius:8px!important;background:#172542!important;border:1px solid rgba(34,211,238,.22)!important;
  box-shadow:none!important;color:#fff!important;
}
.btn:hover,.btn-rank:hover{transform:none!important;background:#1d3156!important;}
.btn-danger{background:#3a1625!important;border-color:rgba(244,63,94,.26)!important;}
.btn-warning{background:#243047!important;color:#fff!important;border-color:rgba(120,145,190,.22)!important;}

table{border-spacing:0 7px!important;}
th{font-size:10px!important;padding:8px 12px!important;color:#7c8fb3!important;}
td{padding:12px!important;background:#111b2d!important;border-color:rgba(120,145,190,.10)!important;}
tbody tr td:first-child{border-radius:8px 0 0 8px!important;}
tbody tr td:last-child{border-radius:0 8px 8px 0!important;}
tr:hover td{background:#15233b!important;border-color:rgba(34,211,238,.18)!important;}
.place-1st td,.place-2st td,.place-3st td{
  background:#111b2d!important;
}
.place-1st td:first-child{border-left:3px solid #22d3ee!important;}
.place-2st td:first-child{border-left:3px solid #6366f1!important;}
.place-3st td:first-child{border-left:3px solid #a855f7!important;}
.banido td{background:#1b1623!important;}
/* remove brilho/degradê amarelo de nomes, estrelas ou destaques herdados */
table .color2, table .color3, table .color4, table a, .color2, .color3, .color4{
  text-shadow:none!important;filter:none!important;
}

.perfil{padding:20px!important;}.perfil .pd{border-radius:8px!important;background:#111b2d!important;}
.detalhes-user{border-radius:8px!important;background:#111b2d!important;}
.topclasse_card{border-radius:10px!important;min-height:300px!important;max-width:300px!important;background:#0f1a2d!important;}
.topclasse_card:hover{transform:none!important;}
.pagination li a{border-radius:8px!important;box-shadow:none!important;}
.pagination .currentpage a,.pagination li a:hover{background:#172542!important;color:#fff!important;}
.footer{margin-left:242px!important;padding:18px!important;margin-top:18px!important;}

@media(max-width:991px){
  .zdk-sidebar{position:relative!important;width:auto!important;margin:0!important;border-right:0!important;border-bottom:1px solid rgba(120,145,190,.20)!important;}
  .zdk-main{padding-left:0!important}.zdk-content{padding:12px!important}.footer{margin-left:0!important}
  .zdk-mobile-top{display:none!important}.zdk-menu{display:grid!important;grid-template-columns:1fr 1fr!important;}
}
@media(max-width:560px){.zdk-menu{grid-template-columns:1fr!important}.pag{font-size:22px!important}input[type=search],input[type=search]:focus{width:100%!important}}