/* GROUPPY V79 — only /banlist UI */
html body[data-active="banlist"] .tbv55-banlist-wrap,
html body .tbv74-banlist-style{
  width:min(1440px,calc(100% - 70px))!important;
  margin:22px auto 0!important;
  padding:34px 28px 30px!important;
  border-radius:28px!important;
  border:1px solid rgba(126,151,255,.24)!important;
  background:
    radial-gradient(circle at top left,rgba(82,113,255,.10),transparent 34%),
    linear-gradient(180deg,rgba(12,19,42,.88),rgba(5,10,24,.84))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 30px 90px rgba(0,0,0,.26)!important;
  overflow:hidden!important;
}

html body[data-active="banlist"] .tbv55-banlist-title,
html body .tbv74-banlist-style .tbv55-banlist-title{
  margin:0 0 14px!important;
  font-size:58px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:-.03em!important;
  color:#fff!important;
  text-transform:uppercase!important;
}

html body[data-active="banlist"] .tbv55-banlist-note,
html body .tbv74-banlist-style .tbv55-banlist-note{
  margin:0 0 24px!important;
  max-width:960px!important;
  color:rgba(233,241,255,.82)!important;
  font-size:15px!important;
  line-height:1.55!important;
  font-weight:700!important;
}

html body[data-active="banlist"] .tbv55-banlist-tablebox,
html body .tbv74-banlist-style .tbv55-banlist-tablebox{
  margin-top:0!important;
  border-radius:22px!important;
  overflow:auto!important;
  border:1px solid rgba(126,151,255,.18)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}

html body[data-active="banlist"] .tbv55-banlist-table,
html body .tbv74-banlist-style .tbv55-banlist-table{
  width:100%!important;
  min-width:860px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}

html body[data-active="banlist"] .tbv55-banlist-table thead th,
html body .tbv74-banlist-style .tbv55-banlist-table thead th{
  padding:18px 18px!important;
  background:rgba(71,90,189,.13)!important;
  color:#b9c5e6!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  border-bottom:1px solid rgba(126,151,255,.14)!important;
  position:sticky!important;
  top:0!important;
  z-index:1!important;
  white-space:nowrap!important;
}

html body[data-active="banlist"] .tbv55-banlist-table thead th:first-child,
html body .tbv74-banlist-style .tbv55-banlist-table thead th:first-child{
  border-top-left-radius:18px!important;
}

html body[data-active="banlist"] .tbv55-banlist-table thead th:last-child,
html body .tbv74-banlist-style .tbv55-banlist-table thead th:last-child{
  border-top-right-radius:18px!important;
}

html body[data-active="banlist"] .tbv55-banlist-table tbody td,
html body .tbv74-banlist-style .tbv55-banlist-table tbody td{
  padding:18px 18px!important;
  color:#ffffff!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:800!important;
  border-bottom:1px solid rgba(126,151,255,.09)!important;
  vertical-align:middle!important;
}

html body[data-active="banlist"] .tbv55-banlist-table tbody tr,
html body .tbv74-banlist-style .tbv55-banlist-table tbody tr{
  background:transparent!important;
  transition:background .18s ease, transform .18s ease!important;
}

html body[data-active="banlist"] .tbv55-banlist-table tbody tr:hover,
html body .tbv74-banlist-style .tbv55-banlist-table tbody tr:hover{
  background:rgba(90,108,215,.07)!important;
}

html body[data-active="banlist"] .tbv55-banlist-ip,
html body .tbv74-banlist-style .tbv55-banlist-ip{
  color:#dfe7ff!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

html body[data-active="banlist"] .tbv55-banlist-reason,
html body .tbv74-banlist-style .tbv55-banlist-reason{
  color:#ffd8de!important;
  font-weight:850!important;
}

html body[data-active="banlist"] .tbv55-empty,
html body .tbv74-banlist-style .tbv55-empty{
  padding:24px 22px!important;
  border-radius:18px!important;
  border:1px solid rgba(126,151,255,.16)!important;
  background:rgba(255,255,255,.03)!important;
  color:#dbe5ff!important;
  font-size:15px!important;
  font-weight:800!important;
}

@media(max-width:1280px){
  html body[data-active="banlist"] .tbv55-banlist-wrap,
  html body .tbv74-banlist-style{
    width:calc(100% - 40px)!important;
    padding:28px 22px 24px!important;
  }

  html body[data-active="banlist"] .tbv55-banlist-title,
  html body .tbv74-banlist-style .tbv55-banlist-title{
    font-size:48px!important;
  }
}

@media(max-width:860px){
  html body[data-active="banlist"] .tbv55-banlist-wrap,
  html body .tbv74-banlist-style{
    width:calc(100% - 22px)!important;
    padding:22px 16px 18px!important;
    border-radius:22px!important;
  }

  html body[data-active="banlist"] .tbv55-banlist-title,
  html body .tbv74-banlist-style .tbv55-banlist-title{
    font-size:40px!important;
  }

  html body[data-active="banlist"] .tbv55-banlist-note,
  html body .tbv74-banlist-style .tbv55-banlist-note{
    font-size:14px!important;
    margin-bottom:18px!important;
  }

  html body[data-active="banlist"] .tbv55-banlist-table thead th,
  html body .tbv74-banlist-style .tbv55-banlist-table thead th,
  html body[data-active="banlist"] .tbv55-banlist-table tbody td,
  html body .tbv74-banlist-style .tbv55-banlist-table tbody td{
    padding:14px 14px!important;
    font-size:13px!important;
  }
}
