@charset "UTF-8";

.menu_mob {
    position: absolute;
    top: 0;
    right: -10px;
    z-index: 5;
    display: none;
}

.hamburger {
    position: absolute;
    top: 15px;
    right: 19px;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 5px;
    border-radius: 8px;
    cursor: pointer;
}

.left_blesx_mobile {
    /* Ваш остальной CSS-код для этого блока */
    width: 100%;
    border-radius: 4px;
    min-height: 330px;
    height: fit-content;
    overflow: hidden;
}

.right_blesx_mobile {
    /* Ваш остальной CSS-код для этого блока */
    width: 100%;
    border-radius: 4px;
    min-height: 330px;
    height: fit-content;
    overflow: hidden;
}

.btn__hamb {
  position: relative;
  display: block;
  width: 100%;
  height: 4px;
  background: #000;
  cursor: pointer; }

.btn__hamb div {
    width: 100%;
    height: 100%; }

.btn__hamb:before, .btn__hamb:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background: #000; }

.btn__hamb:before {
    top: -8px; }

.btn__hamb:after {
    top: 8px; }

.mobile-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
 
  z-index: 100; }

@media (min-width: 768px) {
    .mobile-menu {
      padding-top: 0; } }

.mobile-menu .mm__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 1000%;
    height: 100%;
    z-index: 100; }

.mobile-menu .mm__wrapper {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: all .4s ease-in-out;
   overflow-y: auto;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 200;
    touch-action: auto;
    -ms-touch-action: auto;
    background: #fff; }

@media (min-width: 768px) {
      .mobile-menu .mm__wrapper {
        width: 35%; } }

@media (min-width: 1200px) {
      .mobile-menu .mm__wrapper {
        width: 25%; } }

.mobile-menu .h__logo {
    padding-left: 40px;
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    line-height: 1.25;
    margin-left: 20px;
    margin-top: 15px; }

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

h1, h3{
    
    font-weight: normal;
    margin-bottom: 4px;
    text-shadow: #7b7b7b 0px 1px 2px;
}

input, select, textarea{
    width: 100%;
    outline: none;
    text-align: left;
    font-size: 13px;
    box-sizing: border-box;
    padding: 10px 14px;
    border-radius: 16px;
    border: 1px solid rgba(173,188,216,0.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), inset 0 -1px 0 rgba(0,0,0,0.16);
    background: rgba(255,255,255,0.04);
    color: #edf3ff;
}

input[type="checkbox"], input[type="radio"], input[type="file"]{
  width: auto;
}

#info{text-align: left;}

button{border:0;padding:0;margin:0;background:transparent;outline: none;}

.tocg22{
	background: url(img/blue-pixel.png);
	display: inline-block;
    width: 16px;
    height: 16px;
	vertical-align: text-top;
}

.kont23 {

}

a.s_staj, a.s_rab, a.s_brig, a.s_mast, a.s_pror, a.s_biz, a.s_dep, a.s_olig {background: url(img/star_status.png); display: block; margin-bottom: 2px; width: 156px; height: 16px;}

a.s_rab{background-position: 0 -16px;}

a.s_brig {background-position: 0 -32px;}

a.s_mast{background-position: 0 -48px;}

a.s_pror {background-position: 0 -64px;}

a.s_biz{background-position: 0 -80px;}

a.s_dep {background-position: 0 -96px;}

a.s_olig {background-position: 0 -112px;}

a.star_gold {background: url(img/01m.png); display: block; margin-top: 22px; width: 16px; height: 16px;}

a.star_silver {background: url(img/02m.png); display: block; margin-top: 22px; width: 16px; height: 16px;}

a.star_bronze {background: url(img/03m.png); display: block; margin-top: 22px; width: 16px; height: 16px;}

a.rating{width:85px;height:62px;display:block;border:none;outline:none;cursor:pointer;margin-bottom:1px;margin-right:0px;line-height: 5.0;color: #fff;text-shadow: 1px 1px 1px #246c1e;background: url(img/rating.png) no-repeat;}

ul.usermenu {
    list-style:none;
    padding-left:0;
    margin:0 0px 0px 0;
}

ul.usermenu li a,ul.usermenu li.active a {
    text-decoration:none;
    display:block;
    border-bottom:1px dotted #BFD3AA;
    width:100%;
    padding:4px 0 4px 12px;
}

ul.usermenu li a:hover {
    text-decoration:none;
    display:block;
    border-bottom:1px dotted #BFD3AA;
    width:100%;
    padding:4px 0 4px 12px;
}

ul.usermenu li.active a {
    background:#ffffff;
}

.usermnublock {
    text-align : left;
}

.usermnutitle-g {
    line-height: 1.4;
    color: #edf3ff;
    text-decoration: none;
    display: block;
    text-align: left;
    padding: 12px 16px;
    font-size: 14px;
    cursor: pointer;
    background: linear-gradient(180deg, rgba(18,28,45,0.84), rgba(12,20,34,0.94));
    border: 1px solid rgba(173,188,216,0.08);
    border-radius: 14px;
}

.usermnutitle-g:first-of-type {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.usermnutitle-g:last-of-type {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border: 0;
}

.usermnutitle-g::before {
    content: "";
    background-image: url(img/menuico2.png);
    background-size: 20px 18px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    width: 20px;
    transition: all 300ms 0s ease-in-out;
    vertical-align: top;
}

.usermnutitle-c::before {
    transform: rotate(180deg);
}

.usermnuline {
    color:#014844;
    text-decoration:none;
    display:block;
    padding:3px 0 4px 15px;
    cursor: pointer;
    border-bottom: 1px dotted #009688;
	border-right: 1px solid #FFFFFF;
}

.usermnuline:hover {
    color:#147af0;
    background: #F3F3F3;
	padding:3px 0 4px 15px;
    border-bottom: 1px dotted #009688;
}

.user_menuline {
    color: #edf3ff;
    display: block;
    padding: 12px 16px;
    cursor: pointer;
    border-left: none;
    font-size: 14px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(18,28,45,0.78), rgba(12,20,34,0.92));
    border: 1px solid rgba(173,188,216,0.08);
}

.user_menuline:hover {
    background: #f5f5f5;
    border-color: #87ceeb;
}

.usermnuline-act, .usermnuline-act:hover {
    padding: 5px 0 5px 12px;
    background: #f5f5f5;
    cursor: pointer;
    display: block;
    border-color: #87ceeb;
    border-left: 4px solid #87ceeb;
}

.cashback-money-add {
    text-align: center;
    border-radius: 2px;
    padding: 10px 22px;
    margin-bottom: 20px;
    color: #009688;
    background-color: #e8f3fe;
    border: 1px solid #C7E5AE;
}

.members_new_block22 {
    width: 100%;
    border: 3px solid #eee;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
}

.cashback-gift {
    background: url(img/gift2.png);
    width: 75px;
    height: 75px;
    opacity: 1;
    background-size: 75px 75px;
    background-repeat: no-repeat;
}

.cashback-text {
    text-align: left;
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-bottom: 10px;
}

.cashback-list {
    text-align: left;
}

.cashback-info {
    padding-left: 30px;
}

#moder-ob-num {
    padding: 5px 0;
    margin-left: -2px;
    text-align: center;
}

#moder-ob-num a{
  display: inline-block;
  padding:3px 4px;
  color:#000;
  font-weight: bold;
}

a.active_red{
  color:#D67676 !important;
  text-shadow: none;
}

.online-friends{color:#009688;}

.offline-friends{color:#DCDCDC;}

.status{border-bottom:1px solid #fafafa;color:#006699;font-size:12px;text-shadow:0 1px 0 #fff,1px 2px 2px #aaa;font-weight:bold;float:center}

.btn.greenr {background:#607d8b;}

.btn.greenr:hover {background:#4d90fe;}

.btn.greend {background:#009688;}

.btn.greend:hover {background:#4d90fe;}

.msg-warning{
  display: block;
  text-align: center;
  padding:10px;
  background:#12e07d;
  color: #FFF;
  text-shadow: 1px 1px 2px #000;
}

.msg-error{
  display: block;
  text-align: center;
  padding:10px;
  background:#FA8072;
  color: #FFF;
  text-shadow: 1px 1px 2px #000;
}

.msg-ok{
  display: block;
  text-align: center;
  padding:10px;
  background:#B3D3A5;
  color: #FFF;
  text-shadow: 1px 1px 2px #000;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

table{
		width: 100%;
		border-collapse: collapse;
	}

.table th{
    background: linear-gradient(180deg, rgba(12,22,38,0.98), rgba(10,18,32,0.98));
    padding: 10px;
    color:#f3d18d;
    font-weight: 500;
    border-bottom: 1px solid rgba(173,188,216,0.08);
}

#load-pages:hover, #load-pages-dop:hover{background: #E2E2E2;}

#load{position: fixed;top:0;left:0;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.7);z-index:999;display:none;}

#error-footer{position: fixed;left:0;bottom:0;right:0;display:none;z-index:9999;}

#tiptip_holder {display: none;position: absolute;top: 0;left: 0;z-index: 99999;}

#tiptip_holder.tip_top {padding-bottom: 5px;}

#tiptip_holder.tip_bottom {padding-top: 5px;}

#tiptip_holder.tip_right {padding-left: 5px;}

#tiptip_holder.tip_left {padding-right: 5px;}

#tiptip_content {font-size: 12px;color: #fff;padding: 5px 8px;border: 1px solid rgba(0,0,0,0.25);background: rgba(0,0,0,0.8);border-radius: 3px;box-shadow: 0 0 3px #555;}

#tiptip_arrow, #tiptip_arrow_inner {position: absolute;border-color: transparent;border-style: solid;border-width: 6px;height: 0;width: 0;}

#tiptip_holder.tip_top #tiptip_arrow {border-top-color: #fff;border-top-color: rgba(0,0,0,0.35);}

#tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: #fff;border-bottom-color: rgba(0,0,0,0.35);}

#tiptip_holder.tip_right #tiptip_arrow {border-right-color: #fff;border-right-color: rgba(0,0,0,0.35);}

#tiptip_holder.tip_left #tiptip_arrow {border-left-color: #fff;border-left-color: rgba(0,0,0,0.35);}

#tiptip_holder.tip_top #tiptip_arrow_inner {margin-top: -7px;margin-left: -6px;border-top-color: rgba(0,0,0,0.8);}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top: -5px;margin-left: -6px;border-bottom-color: rgba(0,0,0,0.8);}

#tiptip_holder.tip_right #tiptip_arrow_inner {margin-top: -6px;margin-left: -5px;border-right-color: rgba(0,0,0,0.8);}

#tiptip_holder.tip_left #tiptip_arrow_inner {margin-top: -6px;margin-left: -7px;border-left-color: rgba(0,0,0,0.8);}

hr {clear: both; border: 0; height: 1px; background-color: #CCC; margin-bottom: 5px;	}

#popup{background:#26767b;min-width: 400px;display:none;position: absolute;z-index:999;top:-700px;left:0;font-size:12px;border-radius: 6px;overflow: hidden;}

#popup table{font-size:12px;}

#popup .title-popup{background:#009688;color:#FFF;line-height: 40px;padding:0;padding-left:10px;cursor:move;font-size:14px;}

#popup .closed-popup{position: absolute;top:0;right:0;font-size:12px;line-height: 40px;text-align:center;display:inline-block;width:70px;cursor:pointer;color:#FFF;cursor:pointer;}

#popup .closed-popup:hover{opacity:0.9}

#popup .text-popup{overflow: hidden;overflow-y: auto;}

#popup .text-popup .load-popup{display:block;width:128px;height:15px;margin:20px auto;}

.pop-up-footer{
  background:#C0C0C0;
  padding: 1px 0 1px 0;
  text-align: center;
}

td.pop-up-footer{
  border-bottom: 0;
  background:#272626;
}

.load-pages{
background: #f5f5f5;
    border: 1px solid #007F0E;
    color: #007F0E;
    padding:5px 0;
    text-align:center;
    margin:10px auto;
    width: 400px;
    border-radius:3px;
    cursor:pointer;
}

.load-pages:hover{background: #E2E2E2;}

.da-del, .net-del{display:inline-block;font-size:13px;line-height: 24px;border:1px solid #CCC;padding:0;margin:5px 10px;text-align:center;width: 60px;cursor:pointer;background:transparent;border-radius:3px;}

.da-del{background:#00AE00;border:1px solid #008000;color:#FFF;}

.net-del{background:#D70000;border:1px solid #B70000;color:#FFF;}

.da-del:hover{background:#007700;}

.net-del:hover{background:#930000;}

#load-site-img{
  position: fixed; right:5px;top:140px;display:none;
}

#load-site-img img{
  width: 70px;
}

.аllbaner {text-align:center;margin-top:10px; display: inline-block;}

.аllbaner a {border: none;outline: none;text-decoration:none;}

.аllbaner div {font-size: 12px;}

.аllbaner img {padding:3px;border:1px solid #ccc;}

.all-banner-200{
     width: 190px;
 }

.all-banner-100{
     width: 110px;
 }

span.select {
  background: url(img/select_bg.png) no-repeat;
  display: inline-block;
  position: relative;
  width: 100px;
  height: 19px;
  padding: 1px 0 0 5px;
  font-size: 11px;
  cursor: pointer;
  margin-right: 4px;
  z-index: 998;
  font-size: 13px; }

span.select:hover .options {
    display: block; }

span.select .options {
    background: url(img/select_options_bg.png) no-repeat;
    display: inline-block;
    position: absolute;
    width: 100px;
    height: 40px;
    font-size: 13px;
    cursor: pointer;
    display: none;
    top: 15px;
    left: 0;
    z-index: 998 !important;
    padding-top: 4px; }

span.select .options .option {
      display: block;
      padding: 0 0 0 5px;
      line-height: 17px;
      text-decoration: none;
      color: #545454;
      -webkit-transition: 0.2s ease;
      -o-transition: 0.2s ease;
      transition: 0.2s ease; }

span.select .options .option:hover {
        background: #5d9bec;
        color: #fff;
        -webkit-transition: 0.2s ease;
        -o-transition: 0.2s ease;
        transition: 0.2s ease; }

span.select .options .active {
      background: #5d9bec;
      color: #fff; }

.support_panel{
    height: 12px;
    top: 385px;
	z-index: 998;
	position: fixed;
	left: -72px;
	width: 153px;
	padding: 9px;
	opacity:0.7;
	font-size:18px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	text-align: center;
	border-radius: 23px 5px 0 0;
	border: 1px solid #009688;
}

.support_panel:hover{opacity:0.9;}

.on_line{
    box-sizing: border-box;
    background-color: #009688;
	color: #ffffff;
	width: 74px;
	height: 30px;
	text-align: center;
	line-height: 30px;
    border: 2px solid #ffffff;
	opacity:0.8;
	border-bottom: none;
	position: fixed;
	z-index: 998;
	right: -21px;
	top: 250px;
	border-radius: 12px 12px 0 0;
	cursor: help;

	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	-ms-transform: rotate(270deg);
}

.onpovorot{
	font-size:18px;
}

.onpovorot img{
		display: inline-block;
	}

.on_chat{
    top: 330px;
    cursor: default;
}

.logo-wrapper {
  display: block;
  background: url(img/logonew.png) no-repeat;
  width: 350px;
  height: 109px;
  position: absolute;
  top: -5px;
}

.top-text {
  position: absolute;
  top: 9px;
  left: 172px;
  font-size: 25px;
  line-height: 1.4;
}

#baner-serf{
  
  height: 60px;
  overflow: hidden;
  float: right;
  margin-top: 9px;
  padding-right: 15px;
}

#header{
	height: 90px;
}

#menu{
	display: inline-block;
	background: url(img/menu_bg.png) no-repeat;
	width: 855px;
  -webkit-background-size: 100%;
  background-size: 100%;
	white-space: nowrap;
	height: 40px;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	text-align: center;
	margin: 0;
	padding: 3px;
}

#menu .li{
	display: inline-block;
	vertical-align: middle;
	margin-top: 7px;
	color: #fff;
	text-decoration: none;
	padding: 2px 9px 5px 0px;
	line-height: 14px;
}

#menu .li b{
	padding: 2px 0 8px 10px;
	margin-top: 7px;
}

#menu .li:hover, #menu .active{
	color: #176c9b;
	text-decoration: none;
	background: url(img/menu_h2.png) right top no-repeat;
}

#menu .li:hover b, #menu .active b{
	color: #01498E;
	text-decoration: none;
	background: url(img/menu_h.png) left top no-repeat;
}

#menu-control{
	display: none;
}

.button-login {
 display: inline-block;
 vertical-align: middle;
 margin-top:7px;
}

.button-login .button {
  background: url(img/login-bg.png) no-repeat;
  width: 129px;
  height: 26px;
  cursor: pointer;
  line-height: 26px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}

.button-login .button:hover {
  opacity: 0.8;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}

#main-navigation-wrapper {

}

.main-navigation {
    background: transparent;
    border-radius: 20px;
    padding: 0;
    margin-bottom: 0;
}

.main-navigation__link {
    display: block;
    padding: 0 18px;
    height: 44px;
    line-height: 44px;
    color: #edf3ff;
    text-align: center;
    font-size: 13px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)), rgba(10,18,34,0.74);
    border: 1px solid rgba(173,188,216,0.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 10px 24px rgba(0,0,0,0.16);
}

.main-navigation__link:hover, .main-navigation__link_active {
    background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01)), rgba(13,21,38,0.82);
    color: #ffffff;
    border-color: rgba(216,177,115,0.38);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 0 0 1px rgba(216,177,115,0.14), 0 12px 28px rgba(0,0,0,0.18);
}

.main-navigation__link_regard {
    background-color: #143a77;
}

.main-navigation__link_regarda {
    background-color: #e7675e;
}

.main-navigation__link_regard:hover, .main-navigation__link_active.main-navigation__link_regard {
    background-color: #fff;
}

.main-navigation__link_bf {
    background-color: #000;
}

.main-navigation__link_bf:hover, .main-navigation__link_active.main-navigation__link_bf {
    background-color: #fffafa;
}

.flex-item {
    flex: 1 0 auto;
	text-decoration:none;
}

.title {
  font-size: 18px;
  margin-bottom: 10px;
}

.titles {
    color: #fff;
    background: #009688;
    font-size: 16px;
    text-align: center;
    border-radius: 2px;
    padding: 6px 0;
    width:605px;
    margin-top: -10px;
    margin-bottom: 20px;
  }

.titles2 {
    color: #fff;
    background: #009688;
    font-size: 14px;
    text-align: center;
    border-radius: 7px;
    padding: 4px 0;


    margin-bottom: 20px;
  }

.t1 {
  background: #8AC858;
  display: inline-block;
  padding: 5px 2px 0px 2px;
  color: #fff;
  font-size: 20px;
  line-height: 1.2; }

.t2 {
 font-size: 17px;
}

.t3 {
  font-size: 15px;
  margin-top: 5px;
  display: inline-block;
}

.bord {
  background: #e9694b;
  height: 1px }

.button-left {
  display: block;
  margin: 10px auto;
  margin-top: 10px;
}

.i-button {
    background-image: url('img/reg-on.png');
    background-repeat: no-repeat;
    width: 193px;
    height: 43px;
    border: none;
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease; }

.i-button:hover {
      background-image: url('img/reg-off.png');
      -webkit-transition: 0.2s ease;
      -o-transition: 0.2s ease;
      transition: 0.2s ease; }

.button2 {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
    padding: .5em;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid transparent;
    transition: all .25s;
    line-height: normal;
}

.button_size_xs {
    font-size: 12px;
    padding: .5em;
}

.button_size_s {
    font-size: 14px;
    padding: .5em;
}

.button_size_m {
    font-size: 16px;
    padding: .5em;
}

.button_size_l {
    font-size: 18px;
    padding: .5em;
}

.button_size_xs .button__title {
    margin: 0 .3em;
}

.button_size_s .button__title {
    margin: 0 .6em;
}

.button_size_m .button__title {
    margin: 0 1.20em;
}

.button_size_l .button__title {
    margin: 0 2em;
}

.button__title {
    position: relative;
    display: inline-block;
    resize: none;
    white-space: nowrap;
    pointer-events: none;
    line-height: normal;
}

.button_theme_blue {
    color: #fff;
    background-color: #009688;
    cursor: pointer;
    
}

.button_theme_green {
    color: #fff;
    background-color: #009688;
    cursor: pointer;
    
}

.button_theme_white {
    color: #009688;
    background-color: transparent;
    border-color: #009688;
    cursor: pointer; 
    
}

.button_theme_red {
    color: #fff;
    background-color: #ce6457;
    cursor: pointer;
    
}

.button_theme_sale {
    box-shadow: 0 0 40px 40px #ff4d4d inset, 0 0 0 0 #ff4d4d;
    transition: .15s ease-in-out;
    color: #fff;
    -webkit-animation: button_sale 1.7s infinite; /* Safari 4.0 - 8.0 */
    animation: button_sale 1.7s infinite;
    cursor: pointer;
    
}

.button_theme_blue:hover {
    color: #fff;
    background-color: #009688;
}

.button_theme_green:hover {
    color: #fff;
    background-color: #e9694b;
}

.button_theme_white:hover {
    color: #009688;
    background-color: rgba(74,118,168, 0.1);
}

.button_theme_red:hover {
    color: #fff;
    background-color: #ca5648;
    cursor: pointer;
    
}

.button_theme_sale:hover {
    box-shadow: 0 0 10px 0 #ff4d4d inset, 0 0 10px 4px #ff4d4d;
    color: #ff4d4d;
}

.button_margin_bottom {
    margin-bottom: 10px;
}

.button_margin_tb {
    margin: 10px 0;
}

.button_margin_right {
    margin-right: 10px;
}

.button_border_transparent {
    border: 1px solid transparent;
}

.button_border_blue {
    border: 1px solid #009688;
}

.button_display_block {
    display: block;
}

.button_style_big {
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.left-banner {
  width: 198px;
  height:146px;
  background: url("img/ba100.png") center no-repeat;

}

.titles333 {
    color: #fff;
    background: #009688;
    font-size: 16px;
    text-align: center;
    border-radius: 2px;
    padding: 6px 0;


    margin-bottom: 20px;
  }

.banners {
  width: 198px;
  border-radius: 5px;
  padding: 2px 2px 2px 2px;
  margin-top: -11px;
  border: 1px dashed #009688;
}

.banners2 {
  width: 198px;
  border-radius: 3px;
  padding: 6px 6px 6px 6px;
  margin-top: -11px;
  border: 1px solid #009688;
}

.contextlink
{

  padding: 0 6px 0 6px;


}

.left-banner .img-banner-left {
    display: block;
    margin: auto;
    padding-top: 52px; }

.button-group>.progress-circle>svg,button>.progress-circle>svg,.button>.progress-circle>svg {
color:var(--color--button_default__text);
stroke:var(--color--button__stroke);
}

.button-group_success>.progress-circle>svg,.button-group_success>button>.progress-circle>svg,.button-group_success>button:last-of-type>.progress-circle>svg,.button_success>.progress-circle>svg,.button_danger>.progress-circle>svg,.button_warning>.progress-circle>svg,.button_dark>.progress-circle>svg {
color:var(--color--button__text_contrast);
stroke:var(--color--button__stroke);
}

.button-group_success>button,.button_success {
background-color:var(--color--button_success__bg);
color:var(--color--button__text_contrast);
}

button::-moz-focus-inner,.button::-moz-focus-inner,input::-moz-focus-inner,textarea::-moz-focus-inner,.input-buffer::-moz-focus-inner,.input_comment-reply,.adr-schedule table tr,.story-save__add-input:focus {
border:0;
}

button.button_active,button:active,.button.button_active,.button:active,.smm-copy-tool__action:active,.story-editor-block__adding-before:active {
-webkit-filter:brightness(85%);
filter:brightness(85%);
}

.button_animation,.button-group_animation>button,.button-group_animation>button span,.button-group_animation>button:before,.items-list__more_loading {
color:transparent;
}

.button_width_100,.mt__btn {
width:100%;
text-align:center;
}

.button_add:hover svg,.scroll-up-button_active svg,.menu__item_open .menu__expand-button .icon,.adr-entity_selected .fa-angle-down {
transform:rotate(180deg);
}

.button-group_little[data-role=subscribe]>button:first-of-type,.tm-small-search__find .input {
padding:0 10px;
}

.button-group_width_100 button:first-child,.security-option__fields {
flex-grow:1;
}

.auth,.community-info-block__content,.stories-similar__controls,.story__description {
margin:15px 25px;
}

.auth__captcha,.stories-search__feed-panel br {
clear:both;
}

#contentwrapper{
	padding:0 7px 120px 7px;
}

.block1 {
  float: left;
  width: 49%; }

ul.bl1 {
    padding-top: 22px;
  }

ul.bl2 {
   margin-top: -5px;
  }

.block1 h3 {
    width: 88%;
    border-bottom: 2px solid #8e8e8e; }

.block1 .img1 {
    float: left;
    background: url(img/youtobe-icon.png);
    width: 65px;
    height: 65px;
    margin-right: 20px; }

.block1 ul img, .block2 ul img, .block3 ul img, .block4 ul img .block5 ul img{
      width: 13px;
      margin-right: 8px;
      margin-bottom: 3px; }

.block2 {
  float: right;
  width: 49%; }

.block2 h3 {
    width: 88%;
    border-bottom: 2px solid #8e8e8e; }

.block2 .img2 {
    float: left;
    background: url(img/vk-icon.png);
    width: 65px;
    height: 65px;
    margin-right: 20px; }

.block3 .img3 {
	  background: url(img/users3.png) no-repeat;
	      width: 170px;
    height: 170px;
    float: right; }

.block4 .img4 {
	  background: url(img/reklamon.png) no-repeat;
	      width: 128px;
    height: 128px;
    float: left; }

.block4 h3 {
  text-align: center; }

.block4 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 2;
  padding-top: 10px; }

.block4 ul li {
    padding-left: 105px; }

.block4 ul img {
    width: 13px;
    margin-right: 8px;
    margin-bottom: 3px; }

.block4 {
	margin-top: 10px;
	text-align: justify;

}

.block5 .img5 {
	background: url(img/users3.png) no-repeat;
	width: 128px;
    height: 128px;
    float: right; }

.block5 h3 {
  text-align: center; }

.block5 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 2;
  padding-top: 10px; }

.block5 ul li {
    padding-left: 105px; }

.block5 ul img {
    width: 13px;
    margin-right: 8px;
    margin-bottom: 3px; }

.block5 {
	margin-top: 10px;
	text-align: justify;

}

.block3 {
	margin-top: 10px;
	text-align: justify;

}

.rb-title span {
    font-size: 12px; }

.rb-text {
    margin-top: 2px;
    margin-bottom: 1px;
    color: #3E4D5C;
    font-size: 12px;
    word-break: break-word;  }

.rb-title a {
    color: #4e5c7f;

     }

.rb-title a:hover {

	  border-bottom: 1px dashed #4e5c7f;
     }

#velik505{
	display: none;
	z-index: 999;
	opacity: 0.8;
	position: fixed;
	top: 100%;
	width: 50px;
	line-height: 11px;
	height: 11px;
	padding: 10px;
	background: #f2ffff;
	font-size: 12px;
	text-align: center;
	top: 2%;
}

.serf-stat a{
	display: block;
	font-size: 12px;
	padding:2px 10px;
}

.serf-stat a:hover{
	background: #e7e7e7;
}

.ico{
	display: inline-block;
	width: 16px;
	height: 16px;
	opacity: 0.8;
	vertical-align: middle;
	cursor: pointer;
	margin-right:5px;
}

.ico:hover{opacity: 1;}

.ico-vir{background: url('img/ico/vir.png') no-repeat;}

.ico-act{background: url('img/ico/act.png') no-repeat;}

.ico-abuse{background: url('img/ico/abuse.png') no-repeat;}

.ico-search{background: url('img/ico/search.png') no-repeat;}

.ico-help{background: url('img/ico/help.png') no-repeat;}

.ico-ok, .task-del-act{background: url('img/ico/ok.png') no-repeat;}

.ico-del, .task-del{background: url('img/ico/del.png') no-repeat;}

.ico-edit{background: url('img/ico/edit.png') no-repeat;}

.ico-replace{background: url('img/ico/replace.png') no-repeat;}

.ico-while{background: url('img/ico/while.png') no-repeat;}

.ico-lock{background: url('img/ico/kabinet/lock_16.png') no-repeat;}

.task-favorite {background: url('img/ico/pin.png') no-repeat;}

.task-favoriteout {background: url(img/ico/pin-disable.png) no-repeat;}

.task-rating {
    direction: ltr;
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
}

.task-rating_margin {
    margin-bottom: 2px;
}

.task-rating_5 span {
    background-image: url(img/ico/star_full.svg)
}

.task-rating_4 span:nth-child(1)~span {
    background-image: url(img/ico/star_full.svg)
}

.task-rating_3 span:nth-child(2)~span {
    background-image: url(img/ico/star_full.svg)
}

.task-rating_2 span:nth-child(3)~span {
    background-image: url(img/ico/star_full.svg)
}

.task-rating_1 span:nth-child(4)~span {
    background-image: url(img/ico/star_full.svg)
}

.work-serf{
  width: 100%;
  margin-bottom:10px;
  border-bottom: 1px solid #CCC;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
}

.work-serf td{
  padding:5px 5px 5px 2px;
}

.work-serff{
  width: 100%;
  margin-bottom:10px;
  border-bottom: 1px solid #CCC;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
}

.work-serff td{
  padding:5px 5px 5px 3px;
}

.serf-text{
	color: #555;
}

.serf-text-ob{
	border: 1px dashed #009688;
	padding:10px;
	position: relative;
}

.serf-text-ob-title{
	text-decoration: none;
	color: #0500bf;
	font-weight: 600;
	font-size:13px;
}

.serf-text-ob-title:hover{
	text-decoration: underline;
}

.serf-text-ob-url-pars{
  color: #1fb300;
}

.serf-text-ob-ico{
	position: absolute;
	top:2px;
	right: 2px;
}

.serf-text-ob-add{
	position: absolute;
	right:2px;
	bottom: 2px;
	font-size: 11px;
	color:#555;
	text-decoration: none;
}

.menu-kabinet{
	text-align: center;
	margin: 10px 0;
}

.menu-kabinet a{
	display: inline-block;
	width: 36px;
	height: 36px;
	margin: 0 5px;
	border: 0 solid #009688;
	background: #009688;
	border-radius: 50px;
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.4);
	vertical-align: top;
	background-position: center;
}

.menu-kabinet a:hover, .menu-kabinet a.active{ background: #009688; }

.menu-kabinet a.menu-serf{ background-image: url('img/ico/menu/serf_kab.png');	}

.menu-kabinet a.menu-mail{ background-image: url('img/ico/menu/mail_kab.png');	}

.menu-kabinet a.menu-youtube{ background-image: url('img/ico/menu/youtube_kab.png');	}

.menu-kabinet a.menu-vk{ background-image: url('img/ico/menu/vk_kab.png');	}

.menu-kabinet a.menu-task{ background-image: url('img/ico/menu/task_kab.png');	}

.menu-kabinet a.menu-test{ background-image: url('img/ico/menu/test_kab.png');	}

.menu-kabinet a.menu-banner{ background-image: url('img/ico/menu/banner_kab.png');	}

.menu-kabinet a.menu-text{ background-image: url('img/ico/menu/text_kab.png');	}

.menu-kabinet a.menu-kontext{ background-image: url('img/ico/menu/kontext_kab.png');	}

.menu-kabinet a.menu-statlink{ background-image: url('img/ico/menu/statlink_kab.png');	}

.menu-kabinet a.menu-fraim{ background-image: url('img/ico/menu/fraim_kab.png');	}

.menu-earnings{
	text-align: center;
	margin: 10px 0;
}

.menu-earnings a{
	display: inline-block;
	width: 56px;
	height: 56px;
	margin: 0 5px;
	border: 0 solid #009688;
	background: #009688;
	border-radius: 50px;
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.4);
	vertical-align: top;
	background-position: center;
}

.menu-earnings a:hover, .menu-earnings a.active{ background: #009688; }

.menu-earnings a.menu-serf{ background-image: url('img/ico/menu/serf.png');	}

.menu-earnings a.menu-mail{ background-image: url('img/ico/menu/mail.png');	}

.menu-earnings a.menu-youtube{ background-image: url('img/ico/menu/youtube.png');	}

.menu-earnings a.menu-vk{ background-image: url('img/ico/menu/vk.png');	}

.menu-earnings a.menu-task{ background-image: url('img/ico/menu/task.png');	}

.menu-earnings a.menu-test{ background-image: url('img/ico/menu/test.png');	}

.start-yes-serf, .start-error-serf{
  display: block;
  width: 240px;
  padding:8px 20px;
  background:#009688;
  color:#FFF;
  margin:0 auto;
  text-align: center;
  margin-top:3px;
}

.start-yes-serf:hover{
	opacity: 0.8;
}

.start-error-serf{
  background:#cc0000;
}

.comm-replace{
  padding:10px;
  font-size: 12px;
  border:1px dashed #60cbff;
  background:	#f0faff;
  margin-top: 10px;
}

.menu-zacaz-dop{
	text-align:center;
	margin: 5px 0 10px 0;
    padding: 10px 0 10px 0;
    border-top: 2px solid #eee;
}

.menu-zacaz-dop a{
	display: inline-block;
	min-width: 165px;
	vertical-align: top;
	background: #e35000;
	padding:15px 10px;
	margin:1px 0;
	border-radius: 3px;
	color:#FFF;
	text-shadow: 0 0 1px #000;
}

.menu-zacaz-dop a:hover, .menu-zacaz-dop a.active{
	background: #cc4700;
}

.add-infa{
  padding:10px;
  background: #272626;
  margin-bottom: 15px;
  box-shadow:0px 0px 3px 1px rgb(21 221 212 / 26%);
}

.add-infa-red{
  padding:10px;
  background: #fff9f9;
  margin-bottom: 15px;
  background: #fcf8e3;
  color:#c80000;
  border: 1px solid #faebcc;
}

.infa-red{
  background: #87ceeb;
  border:1px dashed #009688;
}

.footer {
    margin-top: -72px;
    height: 1px;
    position: relative;
    background: #696969;
  }

.footer__container {
    width: 1100px;
    margin: 0 auto;
}

.foot-left {
  float: left; }

.foot-left span {
    color: #009688;
    display: block;
    padding-left: 10px;
    padding-top: 15px;
	}

.foot-left ul {
    padding-left: 2px;
    padding-top: 15px; }

.foot-left ul li {
      display: inline-block;
      padding-left: 2px;
      opacity: 0.7; }

.foot-left ul li:hover {
        opacity: 1; }

.foot-right {
  float: right; }

.foot-right span {
    padding-top: 20px; }

.foot-right img {
    width: 100px; }

.foot-right ul li {
    position: absolute; }

.foot-right .copyr {
    padding-top: 8px;
    font-size: 14px;
    padding-right: 20px;
    color: #45a7f0; }

.wm1 {
  right: 20px;
  top: 35px;
  opacity: 0.5;  }

.wm1:hover {
    opacity: 1; }

.wm2 {
  right: 140px;
  top: 35px;
  opacity: 0.5; }

.wm2:hover {
    opacity: 1; }

.f01 {
   background: url(img/1yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f02 {
   background: url(img/2yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f03 {
   background: url(img/3yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f04 {
   background: url(img/4yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f05 {
   background: url(img/5yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f06 {
   background: url(img/6yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f07 {
   background: url(img/7yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f08 {
   background: url(img/8yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f09 {
   background: url(img/9yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f010 {
   background: url(img/10yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f011 {
   background: url(img/11yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.foot-center {
  color: #009688;
  margin: 5px 5px 0 5px;
  padding-top: 8px;
  text-align: right; }

.foot-center .str {
    padding: 0 1px; }

.foot-center a {
    color: #009688;
    text-decoration: underline; }

.foot-center a:hover {
      color: #A0A0A0;
      text-decoration: none; }

.cash-az1, .cash-wm1, .cash-mb1, .cash-pm1, .cash-yd1, .cash-qw1, .cash-os1, .cash-rs1, .cash-vs1, .cash-rb1, .cash-pr1, .cash-ik1, .cash-lp1, .cash-mg1, .cash-mt1 , .cash-faucetpay ,
.cash-bl1, .cash-ok1, .cash-sb1, .cash-zp1, .cash-pv1, .cash-wo1, .cash-ak1, .cash-bt1, .cash-lt1, .cash-ah1, .cash-fr1, .cash-pp1, .cash-tl1, .cash-p2m1, .cash-volet1 ,
.cash-oopayl, .cash-ethl, .cash-unpayl, .cash-enot, .cash-yk, .cash-ydpay1, .cash-gpay1, cash-wm1
{ border: 1px solid #f0f1f1; display: inline-block; margin: 3px 1px; }

.cash-az1 div, .cash-wm1 div, .cash-mb1 div, .cash-pm1 div, .cash-yd1 div, .cash-qw1 div, .cash-os1 div, .cash-rs1 div, .cash-vs1 div, .cash-rb1 div, .cash-pr1 div, .cash-ik1 div,
.cash-lp1 div, .cash-mg1 div, .cash-mt1 div, .cash-bl1 div, .cash-ok1 div, .cash-sb1 div, .cash-zp1 div, .cash-pv1 div, .cash-wo1 div, .cash-ak1 div, .cash-bt1 div, .cash-faucetpay div,
.cash-lt1 div, .cash-ah1 div, .cash-fr1 div, .cash-pp1 div, .cash-tl1 div, .cash-p2m1 div, .cash-oopayl div, .cash-ethl div, .cash-unpayl div, .cash-enot div, .cash-volet1 div ,
.cash-yk div, .cash-ydpay1 div, .cash-gpay1 div
{ border: 1px solid #e9eaea; display: block; }

.cash-az1 div div, .cash-wm1 div div, .cash-mb1 div div, .cash-pm1 div div, .cash-yd1 div div, .cash-qw1 div div, .cash-os1 div div, .cash-rs1 div div, .cash-vs1 div div, .cash-rb1 div div,
.cash-pr1 div div, .cash-ik1 div div, .cash-lp1 div div, .cash-mg1 div div, .cash-mt1 div div, .cash-bl1 div div, .cash-ok1 div div, .cash-sb1 div div, .cash-zp1 div div, .cash-faucetpay div div,
.cash-pv1 div div, .cash-wo1 div div, .cash-ak1 div div, .cash-bt1 div div, .cash-lt1 div div, .cash-ah1 div div, .cash-fr1 div div, .cash-pp1 div div, .cash-tl1 div div, .cash-volet1 div div ,
.cash-p2m1 div div, .cash-oopayl div div, .cash-ethl div div, .cash-unpayl div div, .cash-enot div div, .cash-yk div div, .cash-ydpay1 div div, .cash-gpay1 div div
{ border: 1px solid #e2e4e5; display: block; }

.cash-az1 div div div, .cash-wm1 div div div, .cash-mb1 div div div, .cash-pm1 div div div, .cash-yd1 div div div, .cash-qw1 div div div, .cash-os1 div div div, .cash-rs1 div div div,
.cash-vs1 div div div, .cash-rb1 div div div, .cash-pr1 div div div, .cash-ik1 div div div, .cash-lp1 div div div, .cash-mg1 div div div, .cash-mt1 div div div, .cash-volet1 div div div,
.cash-bl1 div div div, .cash-ok1 div div div, .cash-sb1 div div div, .cash-zp1 div div div, .cash-pv1 div div div, .cash-wo1 div div div, .cash-ak1 div div div, .cash-faucetpay div div div,
.cash-bt1 div div div, .cash-lt1 div div div, .cash-ah1 div div div, .cash-fr1 div div div, .cash-pp1 div div div, .cash-tl1 div div div, .cash-p2m1 div div div,
.cash-oopayl div div div, .cash-ethl div div div, .cash-unpayl div div div, .cash-enot div div div, .cash-yk div div div, .cash-ydpay1 div div div, .cash-gpay1 div div div
{border: 1px solid #9CADBA; display: block; width: 160px; height: 67px; }

.cash-wm1 div div div { background:url(img/eps/icon-wm.png) no-repeat center 5px; }
.cash-volet1 div div div {
    background: url('/statica/img/eps/icon-volet.png') no-repeat center 5px;
    background-size: 50px auto;
}

.cash-faucetpay div div div { background:url(img/eps/icon-faucetpay.jpg) no-repeat center 5px; }
.cash-mb1 div div div { background:url(img/eps/icon-mb.png) no-repeat center 5px; }

.cash-pm1 div div div { background:url(img/eps/icon-pm.png) no-repeat center 5px; }

.cash-qw1 div div div { background:url(img/eps/icon-qw.png) no-repeat center 5px; }

.cash-az1 div div div {	background: url(azvox/icon-az.png) no-repeat center 5px;}

.cash-yd1 div div div { background:url(img/eps/icon-yd.png) no-repeat center 5px; }

.cash-yk div div div { background:url(img/eps/icon-yk.png) no-repeat center 5px; }

.cash-ydpay1 div div div { background:url(img/eps/icon-ypay.png) no-repeat center 5px; }

.cash-gpay1 div div div { background:url(img/eps/icon-gpay.png) no-repeat center 5px; }

.cash-os1 div div div { background:url(img/eps/icon-os.jpg) no-repeat center 5px; }

.cash-rs1 div div div { background:url(img/eps/icon-rs.jpg) no-repeat center 5px; }

.cash-vs1 div div div { background:url(img/eps/icon-vs.png) no-repeat center 5px; }

.cash-usdt-trc-20 div div div { background:url(img/eps/icon-usdt-trc20.png) no-repeat center 5px; }

.cash-vs1-enot div div div { background:url(img/eps/icon-vs-enot.png) no-repeat center 5px; }

.cash-vs1-unitpay div div div { background:url(img/eps/icon-vs-rf-unitpay.png) no-repeat center 5px; }

.cash-vs1-norf div div div { background:url(img/eps/icon-vs-norf.png) no-repeat center 5px; }

.cash-vs1-norf-any div div div { background:url(img/eps/icon-vs-norf-any.png) no-repeat center 5px; }

.cash-rb1 div div div { background:url(img/eps/icon-rb.png) no-repeat center 5px; }

.cash-pr1 div div div { background:url(img/eps/icon-pr.png) no-repeat center 5px; }

.cash-ik1 div div div { background:url(img/eps/icon-ik.png) no-repeat center 5px; }

.cash-lp1 div div div { background:url(img/eps/icon-lp.png) no-repeat center 5px; }

.cash-mg1 div div div { background:url(img/eps/icon-mg.png) no-repeat center 5px; }

.cash-mt1 div div div { background:url(img/eps/icon-mt.png) no-repeat center 5px; }

.cash-bl1 div div div { background:url(img/eps/icon-bl.png) no-repeat center 5px; }

.cash-ok1 div div div { background:url(img/eps/icon-ok.png) no-repeat center 5px; }

.cash-sb1 div div div { background:url(img/eps/icon-sb.png) no-repeat center 5px; }

.cash-zp1 div div div { background:url(img/eps/icon-zp.png) no-repeat center 5px; }

.cash-pv1 div div div { background:url(img/eps/icon-pv.png) no-repeat center 5px; }

.cash-wo1 div div div { background:url(img/eps/icon-wo.png) no-repeat center 5px; }

.cash-ak1 div div div { background:url(img/eps/icon-ak.png) no-repeat center 5px; }

.cash-fr1 div div div { background:url(img/eps/icon-fr.png) no-repeat center 5px; }

.cash-bt1 div div div { background:url(img/eps/icon-bt.png) no-repeat center 5px; }

.cash-lt1 div div div { background:url(img/eps/icon-lt.png) no-repeat center 5px; }

.cash-ah1 div div div { background:url(img/eps/icon-ah.png) no-repeat center 5px; }

.cash-pp1 div div div { background:url(img/eps/icon-pp.png) no-repeat center 5px; }

.cash-tl1 div div div { background:url(img/eps/icon-tl.png) no-repeat center 5px; }

.cash-p2m1 div div div { background:url(img/eps/icon-p2m.png) no-repeat center 5px; }

.cash-oopayl div div div { background:url(img/eps/icon-ooopay.png) no-repeat center 5px; }

.cash-ethl div div div { background:url(img/eps/icon-eth.png) no-repeat center 5px; }

.cash-unpayl div div div { background:url(img/eps/icon-unpay.png) no-repeat center 5px; }

.cash-enot div div div { background:url(img/eps/icon-enot.png) no-repeat center 5px; }

.cash-roskassa div div div { background:url(img/eps/icon-roskassa.png) no-repeat center 5px; }

.cash-card div div div { background:url(img/eps/icon-card.png) no-repeat center 5px; }

.cash-sbp div div div { background:url(img/eps/icon-sbp.png) no-repeat center 5px; }

.cash-anypay div div div { background:url(img/eps/icon-anypay.png) no-repeat center 5px; }

.cash-bch div div div { background:url(img/eps/icon-bch.png) no-repeat center 5px; }

.cash-rs-out div div div { background:url(img/eps/icon-rs-out.png) no-repeat center 5px; }

.cash-az1 div div div:hover, .cash-wm1 div div div:hover, .cash-mb1 div div div:hover, .cash-pm1 div div div:hover, .cash-yd1 div div div:hover, .cash-qw1 div div div:hover,
.cash-os1 div div div:hover, .cash-rs1 div div div:hover, .cash-vs1 div div div:hover, .cash-rb1 div div div:hover, .cash-pr1 div div div:hover, .cash-volet1 div div div:hover,
.cash-ik1 div div div:hover , .cash-lp1 div div div:hover, .cash-mg1 div div div:hover, .cash-mt1 div div div:hover , .cash-bl1 div div div:hover, .cash-faucetpay div div div:hover,
.cash-ok1 div div div:hover , .cash-sb1 div div div:hover , .cash-zp1 div div div:hover, .cash-pv1 div div div:hover, .cash-wo1 div div div:hover,
.cash-ak1 div div div:hover, .cash-bt1 div div div:hover, .cash-lt1 div div div:hover, .cash-ah1 div div div:hover, .cash-fr1 div div div:hover,
.cash-pp1 div div div:hover, .cash-tl1 div div div:hover, .cash-p2m1 div div div:hover, .cash-oopayl div div div:hover, .cash-ethl div div div:hover,
.cash-unpayl div div div:hover, .cash-enot div div div:hover, .cash-yk div div div:hover, .cash-ydpay1 div div div:hover, .cash-gpay1 div div div:hover
{ border: 5px solid #E2D447; display: inline-block; margin: -4px; cursor: pointer; }

.line-blue, .line-gray, .line-green, .line-red, .line-orange {display: block; font-size:12px; color:#fff; padding: 2px 2px 3px;  margin: 45px 1px 0 1px;}

.line-blue { background:#009688; }

.line-gray { background:#9CADBA; }

.line-green { background:#587d99; }

.line-orange { background:#E88523; }

.line-red { background:#009688; }

.new-cash-crypt{
    display: inline-block;
    width: 95px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    margin:10px 5px;
}

.new-cash-crypt:hover .img-crypt{
    opacity: 1;
}

.img-crypt{
    opacity: 0.7;
    width: 60px;
    height: 60px;
    margin: 0 auto 10px auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.new-btc .img-crypt{ background-image: url('img/eps/n-btc.png'); }

.new-ltc .img-crypt{ background-image: url('img/eps/n-ltc.png'); }

.new-eth .img-crypt{ background-image: url('img/eps/n-eth.png'); }

.new-bch .img-crypt{ background-image: url('img/eps/n-bch.png'); }

.new-trc20 .img-crypt{ background-image: url('img/eps/n-trc20.png'); }

.new-erc20 .img-crypt{ background-image: url('img/eps/n-erc20.png'); }

.new-trx .img-crypt{ background-image: url('img/eps/n-trx.png'); }

.new-ton .img-crypt{ background-image: url('img/eps/n-ton.png'); }

.new-busd .img-crypt{ background-image: url('img/eps/n-busd.png'); }

.new-matic .img-crypt{ background-image: url('img/eps/n-matic.png'); }

.new-usdc .img-crypt{ background-image: url('img/eps/n-usdc.png'); }

.new-dai .img-crypt{ background-image: url('img/eps/n-dai.png'); }

.new-bnb .img-crypt{ background-image: url('img/eps/n-bnb.png'); }

.new-xmr .img-crypt{ background-image: url('img/eps/n-xmr.png'); }

.new-cgpt .img-crypt{ background-image: url('img/eps/n-cgpt.png'); }

.new-verse .img-crypt{ background-image: url('img/eps/n-verse.png'); }

.new-sol .img-crypt{ background-image: url('img/eps/n-sol.png'); }

.new-doge .img-crypt{ background-image: url('img/eps/n-doge.png'); }

.new-dash .img-crypt{ background-image: url('img/eps/n-dash.png'); }

.hint-quest {background: url(img/ico/help-add.png) no-repeat center center; height: 16px; width: 16px; display: inline-block; margin:0 3px 0 3px; border: none; outline: none; cursor: help;border-radius: 2px;vertical-align: middle;}

.hint-quest:hover div{position: absolute; display: inherit;}

.tooltip {
    position: absolute;
    padding: 10px 13px;
    z-index: 2;
    background-color: rgb(20%,20%,20%);
    color: #f7f7f7;
    border-radius: 2px;
    font: 12px/1.46 arial, sans-serif;
    text-align: left;
    width: 450px;
}

.cattitle-open, .cattitle-close{
  display: block;
  background: url(img/ud.png) no-repeat right #009688;
	padding: 5px;
	color:#FFF;
	cursor: pointer;
	border-bottom: 1px solid #CCC;
}

.cattitle-close{
  background: url(img/ud.png) no-repeat right #0099CC;
}

.vopros4, .vopros5{display:none;}

.plus, .minus{cursor:pointer;}

.reflink {color: #1C8619;font: 13px Tahoma, Arial;text-align: center;background: #F7F7DF;border: solid 1px #006291;display: block;width: 464px;height: 16px;margin: 2px;font-weight:bold; }

.scount{
	border:0;
	width: auto;
	font-size: 11px;
	color:#555;
	float:right;
}

.bb-code{
	display: inline-block;
	min-width: 10px;
	font: 12px Arial;
	line-height: 20px;
	background: #009688;
	border-radius: 3px;
	color:#FFF;
	text-align: center;
	padding:0 5px;
	cursor: pointer;
}

.bb-code:hover{
  background: #0099CC;
}

.bb-code.bold{font-weight: bold;}

.bb-code.italic{font-style: italic;}

.bb-code.uline{text-decoration: underline;}







































.butt_good{
    position: absolute;
    bottom: 5px;
    left: 50%;
    width: 120px;
    margin-left: -65px !important;
    font-size:11px !important;
    cursor:pointer;
    padding:5px !important;
    background: #009688 !important;
}

.tooltipgo {color: #000000; outline: none;font-size:13px;line-height: 18px;cursor: help; text-decoration: none;position: relative;}

.tooltipgo span {margin-left: -999em;position: absolute;}

.tooltipgo:hover span {text-decoration: none; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);font-family: Calibri, Tahoma, Geneva, sans-serif;position: absolute; right: 1em; top: 2em;; z-index: 99;margin-left: 0; width: 250px;}

.classicgo {background: #ADD38D; border: 1px dotted #009688; }

.tooltipgo_dop {font-size:14px;line-height: 18px;text-align:left;}

.tooltipgo_dop:hover span {width: 450px;}





.scan-friends, .scan-faq{padding:10px 10px;background:#DCE0E4;margin-top:-5px;}

.scan-friends input, .scan-faq input{padding:3px 10px;}

.scan-friends{
	margin-top:-10px;
}

.login-wm{
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url('img/ico/wm32.png') center center no-repeat;
	vertical-align: top;
}

.login-wm:hover{
	opacity: 0.7;
}

.block-faq{border-bottom:1px solid #DBDBDB;padding:10px;
}

.block-faq:hover{background:#f9f9f9;}

.activ-faq{margin-top: 1px;background:#f9f9f9;	}

.title-faq{cursor:pointer;}

.title-faq:before {content: 'O';opacity: 0.4;margin-right:5px}

.name-faq{padding:10px 24px;background:#eee;color:#696969;font-weight:bold;margin-top:5px;}

.activ-title-faq{margin: -12px -11px 0px -11px;font-weight:normal;padding:10px 0px 10px 12px;background:#009688;border:1px solid #fff;font-size: 13px;color:#fff;text-shadow: 1px 1px 1px #376603;}

.activ-title-faq:hover{background:#009688;}

.activ-title-faq:before {content: 'Х';opacity: 0;}

.text-faq{display:none;padding:10px 0 0 0;color:#444444;line-height: 1.4;}

.butt-faq{display:block;text-align:center;font-size: 11px;}

.butt-faq span, .butt-faq a{display:inline-block;width:200px;margin:20px auto 10px auto;background:#f0f0f0;border:0px solid #CCC;border-radius:3px;text-align:center;cursor:pointer;padding:5px 0;color:#006699;font-size: 11px; }

.butt-faq span:hover{background:#e3e3e3;}

.butt-faq span:first-child {background: #f0f0f0 url('img/cool.png') 12px 5px no-repeat;}

.butt-faq span:first-child:hover{background:#e3e3e3;}

.butt-faq div{background:#f0f0f0;padding:5px 20px;margin:20px auto 10px auto;text-align:left;}

.menu-balance{
	display: block;
	margin: 9px auto 0 auto;
	border-radius: 4px;
	padding: 0 5px;
	position: relative;
	height: 35px;
	width: 180px;
}

.b-green{
  border: 1px solid #7FAD5A;

}

.b-red{
  border: 1px solid #D67676;
  background: #fff;
}

.menu-balance a{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 35px;
	color:#424242 ;
	text-shadow: 0 0 1px #000;
}

.menu-balance a .uved-m{
	display: block;
	text-align: center;
	width: 80px;
	position: absolute;
	top: -12px;
	left: 50%;
	line-height: 15px;
	margin-left: -40px;
	z-index: 1;
}

.b-green a .uved-m, .b-red a .uved-m{
  background: #A9A9A9;
  font-size: 11px;
  line-height: 18px;
  border-radius:7px
}

.b-red a .uved-m{
	background: #009688;
}

.menu-balance:hover{
	opacity: 0.7;
}

.dispnone{display:none;}

.menu-support{text-align:center;}

.no-akk{text-align:center;}

.tiket{
    height: 38px;
    background: #87ceeb;
    border-bottom: solid 1px #DAE2E6;
    font-size: 14px;

	color: #696969;
    text-align:center;
	line-height: 38px;
    display: block;
    cursor: default;
}

.mail-sample, .mail-sample-active {
    font-size: 11px;
    color: #135566;
    display: block;
    border-bottom: solid 1px #DAE2E6;
    margin: 1px 0;
    /*height: 39px;*/
    outline: none;
    cursor: pointer;
    overflow: hidden;
    padding: 5px 0;
}

.mail-sample:hover {
    background: #F5F5F5;
}

.mail-sample-active {
    background: #E0FFFF;
    color: #fff;
}

.mail-sample .mail-mailer, .mail-sample-active .mail-mailer {
    display: block;
    width: 170px;
    margin-top: 3px;
    padding-top: 1px;
    float: left;
}

.mail-mailer img {
    background:url(img/avbg-36.png) no-repeat left top;
    padding:4px;
    border: none;
    width: 28px;
    height: 28px;
    display: inline-block;
    margin: -3px 8px -3px 0;
    float: left;
}

#support-scrin{
	text-align: center;
}

#support-scrin .img-scrin-support{
  display: inline-block;
  width: 130px;
  height: 130px;
  position: relative;
  opacity: 0.7;
  margin:5px 10px;
}

#support-scrin .img-scrin-support:hover{
  opacity: 1;
}

#support-scrin .img-scrin-support:hover .del-scrin-support{
  display: block;
}

#support-scrin .img-scrin-support .scrin-img{
  width: 130px;
  height: 130px;
  box-shadow: 1px 1px 2px #000;
}

#support-scrin .img-scrin-support .del-scrin-support{
  display: none;
  position: absolute;
  right:0;
  top:0;
  cursor:pointer;
}

#support-scrin .img-scrin-support .del-scrin-support img{
  width: 20px;
  height: 20px;
}

.scrin-support-users{
	text-align: center;
	padding: 5px;
}

.scrin-support-users img{
	width: 50px;
	height: 50px;
	margin:0 10px;
	box-shadow: 0 0 5px #000;
}

.menu-dop-site{
	text-align: center;
}

.menu-dop-site a{
	display: inline-block;
	min-width: 60px;
	padding:0 10px;
	line-height: 25px;
	color:#FFF;
	background: #009688;
	text-shadow: 1px 1px 1px #375612;
	border: 1px solid #4b7518;
}

.menu-task-work{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin: 0 0 12px;
    padding: 8px;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(18,27,42,0.78), rgba(10,17,28,0.92));
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 12px 28px rgba(0,0,0,0.16);
    color: #cfd8e8;
    font-size: 12px;
    line-height: 1.2;
}

.menu_link_comp {
    padding: 10px 12px 10px;
    margin: 0 6px -1px;
}

.activ-menu{
	cursor: pointer;
	text-align: center;
}

.activ-menu:hover{
  background:#009acd;
}

.user-block-control__rating {
    display: block;
    text-align: center;
    border: 2px solid #009688;
    color: #009688;
    border-radius: 20px;
    padding: 8px 8px 8px 8px;
    margin-right:5px;
    font-size: 14px;
    font-weight: bold;
    width: 60px;
}

.user-block-control .user-block-control__item {
    margin-right: 10px;
}

#task-sort{
	text-align: center;
}

#task-sort a{
  display: inline-block;
  width: 180px;
  text-align: center;
  padding:3px 0;
  border: 1px solid #CCC;
  margin:2px 2px;
}

#task-sort a:hover, #task-sort a.active{
  background:#dfdfdf;
}

.supptitle0, .supptitle1 {text-align: right; font-size: 11px; display: block; margin-top: 10px; padding: 3px 4px;}

.supptitle0 { color: #fff; background: #D3D3D3; border-top: 1px solid #A9A9A9;}

.supptitle1 { color: #696969; background: #B0E0E6; border-top: 1px solid #A9A9A9;}

.supptext0, .supptext1 {text-align: left; font-size: 12px; display: block; margin: -40px 0 10px 36px; padding: 1px; }

.supptext0 { background: #F5F5F5; border: 1px solid #D3D3D3; color: #114C5B; }

.supptext1 { background: #F0FFFF; border: 1px solid #A9A9A9; color: #114C5B; }

.linktext0 { color: #fff; border-bottom: 1px dotted #fff;}

.linktext1 { color: #696969; border-bottom: 1px dotted #696969;}

.suppcontent {padding: 10px 15px 10px 22px; display: block;}

.avatar-smoll {margin-top:5px; background:url(img/avbg.png) no-repeat right bottom; padding:2px 9px 9px 2px; border: none;  width: 40px; height: 40px;}

.support-cit{
	display: inline-block;
	cursor:pointer;
  border:1px solid #555;
  width: 80px;
  text-align: center;
  font-size: 11px;
  line-height: 16px;
  color:#555;
  margin-right: 20px;
  margin-bottom: 5px;
border-radius: 4px;
}

.support-cit:hover{
  background: #555;
  color:#fff;
}

.blok-quote{
  width:97%;
  margin:10px auto 0 auto;
  font-size:11px;
  color:#555;
}

.blok-quote .title_quote, .blok-quote .quote{
  background:#f9f9f9;
  border:1px dashed #ccc;
}

.blok-quote .title_quote{
  display: inline-block;
  border-bottom:1px solid #f9f9f9;
  padding:0 20px;
  margin-left:0;
  text-align: center;
  line-height: 20px;
border-radius: 6px 6px 0 0;
}

.blok-quote .quote{
  padding:10px;
  margin-top:-1px;
    border-radius: 0 6px 6px 6px;
}

.mails-otvet-new{width: 70%;margin: 0 auto;}

.mails-otvet-new a{display: block;margin: 3px 0;padding: 10px;background: #009688;color: #fff;text-align: center;}

.mails-otvet-new a:hover{background: #0b5b8c;}

.mails-otvet-url{text-align: center;font-size: 11px;color: #777777;margin: 10px auto;}

.taskimg,
.taskimg-ok, .taskimg-work,.taskimg-work2, .taskimg-fail, .serfimggo, .taskimg-vip, .ico-super-ad,
.img_top_1, .img_top_2, .img_top_3{
    width: 39px;
    height: 38px;
    display: block;
    margin-bottom: -2px;
}

.taskims { background: url(img/ico/ad-taskworks.png) no-repeat 2px 1px; }

.taskimg-ok { background: url(img/ico/ad-task-ok.png) no-repeat 2px 1px; }

.taskimg-work { background: url(img/ico/ad-task-work.png) no-repeat 2px 1px; }

.taskimg-work2 { background: url(img/ico/ad-task-work2.png) no-repeat 2px 1px; }

.taskimg-vip { background: url(img/ico/ad-vips.png) no-repeat 2px 1px; }

.ico-super-ad { background: url(img/ico/ad-vips.png) no-repeat 2px 1px; }

.taskimg-fail { background: url(img/ico/ad-task-fail.png) no-repeat 2px 1px; }

.serfimggo { background: url(img/ico/ad-task-hod.png) no-repeat 2px 1px; }

.rating0, .rating1, .rating2, .rating3, .rating4, .rating5 {
    width: 82px;
    height: 16px;
    display: block;
}

.rating0 { background: url(img/ico/rating0.png) no-repeat left top; }

.rating1 { background: url(img/ico/rating1.png) no-repeat left top; }

.rating2 { background: url(img/ico/rating2.png) no-repeat left top; }

.rating3 { background: url(img/ico/rating3.png) no-repeat left top; }

.rating4 { background: url(img/ico/rating4.png) no-repeat left top; }

.rating5 { background: url(img/ico/rating5.png) no-repeat left top; }

a#navi-start, a#navi-end{border:0;display:none;}

#task-navi .scroll-menu{background: rgba(0, 0, 0, 0.8);padding:10px;position: fixed;top:10px;left:50%;border-radius:3px;z-index:99;margin:0;}

#load-scrin{position: relative;height: 49px;border:3px solid #B1C3CA;border-top:0;width: 94%;padding:7px 5px 5px 5px;background: #eee;margin-top:-3px;}

.act-scrin{cursor:pointer;}

.vkgrvel{background: url(img/ico/vk-groups.png);width:32px;height:32px;cursor:help}

.vklkvel{background: url(img/ico/vk-like.png);width:32px;height:32px;cursor:help}

.vkrepvel{background: url(img/ico/vk-repost.png);width:32px;height:32px;cursor:help}

.ybrvel{background: url(img/ico/youtube-podp.png);width:32px;height:32px;cursor:help}

.yblkvel{background: url(img/ico/youtube-like.png);width:32px;height:32px;cursor:help}

.refpodvelg{background: url(img/ico/gift_ref.png);width:40px;height:40px;cursor:pointer}

.ratingvelm{background: url(img/ico/rating16.png);width:16px;height:16px;border:none;margin:0;padding:0;vertical-align:middle;cursor:help}

.wallvels{background: url(img/ico/wall.png);width:22px;height:13px;border:none;vertical-align:middle}

.wallvelgift{background: url(img/ico/gift.png);width:21px;height:21px;vertical-align:middle;border:none}

.scrin-img{width: 300px;margin:10px auto;position: relative;}

.scrin-img .view-scrin{position: absolute;right:0;top:0;left:0;bottom:0;display:none;background: rgba(0, 0, 0, 0.6);text-align:center;color:#FFF;padding-top:55px;	}

#img-loag-scrin .scrin-img .view-scrin a, #img-loag-scrin .scrin-img .view-scrin span{display:block;color:#000;cursor:pointer;text-align:center;width: 150px;padding:3px 0;margin:5px auto;background: rgba(255, 255, 255, 0.9);border-radius:3px;}

#img-loag-scrin .scrin-img .view-scrin a{color:#3e9f28;}

#img-loag-scrin .scrin-img .view-scrin a:hover{background: #3e9f28;color:#FFF;}

#img-loag-scrin .scrin-img .view-scrin span{color:#c80000;}

#img-loag-scrin .scrin-img .view-scrin span:hover{background: #c80000;color:#FFF;}

.scrin-img:hover .view-scrin{display:block;	}

.block-task-read{
    font-size: 14px;
    display: block;
    padding-left: 60px;
    width: 400px;
    margin: 40px auto;
    color: #00649E;
    min-height: 45px;
}

.task-read-wait{background: url(img/ico/task-wait.png) no-repeat left center;}

.task-read-good{background: url(img/ico/task-good.png) no-repeat left center;}

.task-read-no{background: url(img/ico/task-no.png) no-repeat left center;}

.block-vopros{text-align:left;margin:5px 10px;}

.block-vopros .vopros{border:1px dashed #AE5151;padding:5px 10px;margin:15px 0 5px 0;background:#F9F2F2;}

.block-vopros .otvet span{margin:3px 0 3px 20px;color:#006699;display:block;width: 300px;padding:5px 10px;background:#fff;margin:4px 0;cursor:pointer;border:1px solid #CCC;border-radius:3px;}

.block-vopros .otvet span:hover, .block-vopros .otvet span.active{background:#eee;border:1px solid #006699;}

.youtube-load{
  background: url('img/load-offers1.gif') center center no-repeat;
  height: 35px;
}

.youtube-button{
  min-height: 35px;
  text-align:center;
}

.youtube-button .go-link-youtube, .youtube-button .status-link-youtube, .youtube-button .youtube-error
{display: inline-block;padding:5px 10px;margin:5px auto;text-align:center;border-radius: 2px;color:#FFF;text-shadow:1px 1px 3px #000;cursor:pointer;}

.youtube-button .go-link-youtube{background: #009688;}

.youtube-button .go-link-youtube:hover{opacity: 0.8;}

.youtube-button .status-link-youtube{background: #FA8072;}

.youtube-button .youtube-error{background: #cc0000;}

.youtube-help{color:#C80000;cursor: pointer;float:right;}

.youtube-help:hover{color:#ff0000;}

.serfcontrol-play, .serfcontrol-pause, .serfcontrol-block, .serfcontrol-moder, .serfcontrol-postmoder, .refkonkurs-play, .refkonkurs-stop  {
    height: 26px;
    width: 26px;
    display: block;
    border: none;
    outline: none;
    margin: 2px 0px 2px 3px;
}

.serfcontrol-play { background: url(img/ico/kabinet/kab-pause.png) no-repeat left top; cursor: pointer;}

.serfcontrol-pause { background: url(img/ico/kabinet/kab-play.png) no-repeat left top; cursor: pointer;}

.serfcontrol-block { background: url(img/ico/kabinet/kab-block.png) no-repeat left top; cursor: defalt;}

.serfcontrol-moder { background: url(img/ico/kabinet/kab-moder.png) no-repeat left top; cursor: defalt;}

.serfcontrol-postmoder { background: url(img/ico/kabinet/kab-postmoder.png) no-repeat left top; cursor: defalt;}

.ip_reply {
    background:url(img/info-ip.png) no-repeat 0 0;
    color: #4a7191;
    font-size: 11px;
    display: block;
    padding-left: 20px;
    text-align: left;
    height: 16px;
    margin-bottom: 5px;
    cursor: help;
}

a.scon-edit, a.scon-view, a.scon-delete,a.scon-backmoney2, a.scon-pay, a.scon-backmoney, a.scon-lock, a.scon-ulock, a.scon-editno,
a.scon-url, a.scon-money, a.scon-stat, .scon-upok,.scon-up, .scon-down, .scon-gray , .scon-vip, .scon-vipno, .scon-color, .scon-colorno,
.scon-upno, .scon-erase, .scon-delete, .scon-erase, .scon-speed-1, .scon-speed-2, .scon-speed-3, .scon-speed-4, .scon-speed-5,
.scon-speed-6, .scon-speed-7, .scon-top {
    height: 16px;
    width: 16px;
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
    float: right;
    margin-right: 3px;
    margin-top: 3px;
}

a.scon-edit { background: url(img/ico/kabinet/edit.png) no-repeat left top; margin-right: 5px; }

a.scon-money { background: url(img/ico/kabinet/many.gif) no-repeat left top; margin-right: 5px; }

a.scon-editno { background: url(img/ico/kabinet/editno.png) no-repeat left top; margin-right: 5px; }

a.scon-view { background: url(img/ico/kabinet/taskyes.png) no-repeat left top; margin-right: 5px;}

a.scon-url { background: url(img/ico/kabinet/url_task.png) no-repeat left top; margin-right: 5px;}

a.scon-lock { background: url(img/ico/kabinet/lock_16.png) no-repeat left top; margin-right: 5px;}

a.scon-ulock { background: url(img/ico/kabinet/ulock_16.png) no-repeat left top; margin-right: 5px;}

.scon-up { background: url(img/ico/kabinet/taskup.png) no-repeat left top; margin-right: 5px; }

.scon-top { background: url(img/ico/kabinet/taskup_top.png) no-repeat left top; margin-right: 5px; }

.scon-upno { background: url(img/ico/kabinet/taskupno.png) no-repeat left top; margin-right: 5px; }

.scon-vip { background: url(img/ico/kabinet/viptask.png) no-repeat left top; margin-right: 5px; }

.scon-vipno { background: url(img/ico/kabinet/viptaskno.png) no-repeat left top; margin-right: 5px; }

.scon-color { background: url(img/ico/kabinet/colortask.png) no-repeat left top; margin-right: 5px; }

.scon-colorno { background: url(img/ico/kabinet/colortaskno.png) no-repeat left top; margin-right: 5px; }

.scon-delete { background: url(img/ico/kabinet/cross.png) no-repeat left top;}

a.scon-delete { background: url(img/ico/kabinet/cross.png) no-repeat left top;}

a.scon-backmoney { background: url(img/ico/kabinet/mbudget.png) no-repeat left top;}

a.scon-stat { background: url(img/ico/kabinet/stat.png) no-repeat left top; margin-right: 5px;}

a.scon-backmoney2 { background: url(img/ico/kabinet/movebudget2.png) no-repeat left top; }

.scon-erase { background: url(img/ico/kabinet/switch.png) no-repeat left top; }

.budget{
	text-align: center;
}

.add-budget, a.add-budgetnone {
    text-align: center;
    display: block;
    border: none;
    background: url(img/ico/kabinet/gold.png) no-repeat top center;
	cursor: pointer;
    font-size: 12px;
    padding-top: 30px;
    color: #5B9F00;
}

#verx {display: none;position: fixed;bottom:30px;width: 50px;height: 50px;right: 20px;z-index: 997;background: url(ico/verx.png);transition:all 0.3s ease;opacity: 0.6;cursor:pointer;}

#verx:hover {opacity: 1;outline:0;}

.scon-speed-1 { background: url(img/ico/kabinet/advspeed.png) no-repeat 0 0; margin-right: 5px; }

.scon-speed-2 { background: url(img/ico/kabinet/advspeed.png) no-repeat 0 -16px; margin-right: 5px; }

.scon-speed-3 { background: url(img/ico/kabinet/advspeed.png) no-repeat 0 -32px; margin-right: 5px; }

.scon-speed-4 { background: url(img/ico/kabinet/advspeed.png) no-repeat 0 -48px; margin-right: 5px; }

.scon-speed-5 { background: url(img/ico/kabinet/advspeed.png) no-repeat 0 -64px; margin-right: 5px; }

.scon-speed-6 { background: url(img/ico/kabinet/advspeed.png) no-repeat 0 -80px; margin-right: 5px; }

.scon-speed-7 { background: url(img/ico/kabinet/advspeed.png) no-repeat 0 -96px; margin-right: 5px; }

.expanding {
    font: 12px tahoma, arial, sans-serif;
    width: 90%;
    height: 150px;
    padding: 2px 6px;
    margin: 5px 0;
    border: 3px solid #B1C3CA;
}

.go-task-start{
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2e853a;
  width: 100%;
  height: 100%;
}

.task-blok-error{
  text-align: center;
  position: absolute;
  border:1px solid #8e0000;
  background: #d70000;
  padding:15px;
  color:#FFF;
  font: 16px tahoma, arial, sans-serif;
  top: 30%;
  left: 50%;
  width: 450px;
  margin: 0 0 0 -225px;
  box-shadow: 1px 1px 10px  rgba(0,0,0,0.7)
}

a.add-budget:hover {
    border: none;
    background: #F5F5F5 url(img/ico/kabinet/gold-act.png) no-repeat top center;
    outline: none;
    color: #EF6A00;
	cursor: pointer;
}

.transport-go_moder {
    text-align: center;
    display: block;
    border: none;
    background: url(img/ico/kabinet/gomoder.png) no-repeat top center;
    font-size: 11px;
    padding-top: 25px;
    color: #5B9F00;
    cursor: pointer;
}

.transport-go_moder:hover {
    border: none;
    background: url(img/ico/kabinet/gomoder-act.png) no-repeat top center;
    outline: none;
    color: #EF6A00;
}

.transport-moder {
    text-align: center;
    display: block;
    border: none;
    background: url(img/ico/kabinet/gomoder-act.png) no-repeat top center;
    font-size: 11px;
    padding-top: 25px;
    color: #EF6A00;
}

a.btn-blue, a.btn-blue136, a.btn-red136 {font-size: 13px; text-align: center; margin: 16px 5px; line-height: 2.1em; display: block; height: 26px; color: #ffffff; outline: none; border: none; clear:left; text-decoration: none;}

a.btn-blue { background: url(img/ico/kabinet/btn-blue.png) no-repeat left top; width: 104px; }

a.btn-blue136 { background: url(img/ico/kabinet/btn-blue136.png) no-repeat left top; width: 136px; }

a.btn-red136 { background: url(img/ico/kabinet/btn-red136.png) no-repeat left top; width: 136px; }

a.btn-blue:hover, a.btn-blue136:hover , a.btn-red136:hover {background-position: left bottom;}

a.fbtn-green, a.fbtn-red, a.fbtn-black, a.fbtn-org {font-size:11px; text-align:center; line-height:2em; height:25px; width:92px; color:#fff; text-shadow:1px 1px 1px #292929; outline:none; border:none; display:block; float:right;}

a.fbtn-green {background:url(img/ico/kabinet/btn-green.png) no-repeat left top;}

a.fbtn-blue160 {/* background:url(img/ico/kabinet/btn-blue160.png) no-repeat left top; */background: #4a594f;font-size: 13px;}

a.fbtn-red {/* background:url(img/ico/kabinet/btn-red.png) no-repeat left top; */background: #ad1a1a;font-size: 13px;}

a.fbtn-org {background:url(img/ico/kabinet/btn-orange.png) no-repeat left top;}

a.fbtn-black { background:url(img/ico/kabinet/btn-black.png) no-repeat left top;}

a.fbtn-bl {background:url(img/ico/kabinet/btn-bl.png) no-repeat left top;}

.job-note input.fbtn-green, .job-note input.fbtn-red, .job-note input.fbtn-black, .job-note input.fbtn-org, .job-note input.fbtn-blue160 {
    font-size: 11px;
    text-align: center;
    line-height: 0em;
    height: 25px;
    width: 92px;
    color: #fff;
    text-shadow: 1px 1px 1px #292929;
    outline: none;
    border: none;
    display: block;
    float: right;
    cursor: pointer;
}

.job-note input.fbtn-green {/* background:url(img/ico/kabinet/btn-green.png) no-repeat left top; */font-size: 13px;background: #38937a;}

a.workstatus-yes, a.workstatus-no, a.workstatus-wait, a.workstatus-otziv, a.workstatus-izbr {
    color: #ffffff;
    text-shadow: 1px 1px 1px #555555;
    float: left;
    font-size: 11px;
    text-align: center;
    display: block;
    outline: none;
    padding: 3px 6px 3px 6px;
    margin: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; 
}

a.task-ballans {
    color: #ffffff;
    background: #22A82c;
    text-shadow: 1px 1px 1px #555555;
    float: left;
    font-size: 11px;
    text-align: center;
    display: block;
    outline: none;
    padding: 3px 7px 3px 7px;
    margin: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
}

a.task-ballans:hover { background: #fe8710; }

a.workstatus-yes { background: #22A82c; }

a.workstatus-no { background: #c80000; }

a.workstatus-wait { background: #BFBFBF; }

a.workstatus-otziv { background: #2c7fb8; }

a.workstatus-izbr { background: #B200FF; }

td.ext-viptask{
	background: #26767b;
	padding: 10px;
	border-top:1px solid #CCC;
}

.kab-text{
  color: #000000;
  font-size: 11px;
}

.refdel, .refdel_no, .ref_birj, .ref_birj_es, .ref_birj_no{
    float: right;
    display: block;
    height: 16px;
    width: 16px;
    outline: none;
    border: none;
    margin: 0 3px;
    cursor: pointer;
}

.ref_birj { background: url(img/ico/ref_birj.png) no-repeat left top; }

.ref_birj_es { background: url(img/ico/box.png) no-repeat left top;}

.ref_birj_no { background: url(img/ico/ref_birj.png) no-repeat left bottom; }

.refdel:hover, .refdel_no:hover, .ref_birj:hover, .ref_birj_es:hover, .ref_birj_no:hover{border: none;}

.refbonus{font-size:11px;text-align:center;color:#fff;line-height:2;display:block;background:url(img/rbonus.png) no-repeat left top;width:40px;height:23px;border:none;text-shadow:1px 1px 1px #438216;cursor:pointer;margin-top:1px;margin-bottom:-1px;}

.refbonus-no{font-size:11px;text-align:center;color:#fff;line-height:2;display:block;background:url(img/rbonus-no.png) no-repeat left top;width:40px;height:23px;border:none;text-shadow:1px 1px 1px #438216;cursor:pointer;margin-top:1px;margin-bottom:-1px;}

.refdel{float: right; display: block; height: 16px; width: 16px; outline: none; border: none; margin: 0 1px; cursor: pointer; background: url(img/ico/icon-comp.png) no-repeat left top;}

.refdel_no{float: right; display: block; height: 16px; width: 16px; outline: none; border: none; margin: 0 1px; cursor: help; background: url(img/ico/icon-comp.png) no-repeat left bottom;}

.refdel:hover, .refdel_no:hover{border: none;}

#referals-new th span{cursor: pointer;font-size:11px;}

#referals-new th span.active-ASC, th span.active-DESC{font-weight: bold;border-bottom: 1px dashed #fff;}

#referals-new th span.active-ASC:after, #referals-new th span.active-DESC:after, #birja-rating th a.active-DESC:after{font-size:10px;vertical-align: top;}

#referals-new th span.active-ASC:after, #birja-rating th a.active-ASC:after { content:' \2191';}

#referals-new th span.active-DESC:after, #birja-rating th a.active-DESC:after { content: ' \2193';}

.mesto span{
	display:inline-block;
	text-align:center;
	width:25px;
	height:25px;
	border:2px solid #FFF;
	border-radius:5px;
	background: #cbb7a1;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
	line-height:25px;
	color:#FFF;
	box-shadow: 0 1px 8px rgba(0,0,0,0.7);
	margin:5px 10px 5px 0;
}

.mesto .priz1{ background: #02b258; }

.mesto .priz2{ background: #9bce55; }

.mesto .priz3{ background: #96cc4e; }

a.konkurs-start{
	background: url(img/ico/cont-start.png) no-repeat top center;
	text-align: center;
    display: block;
    border: none;
    font-size: 11px;
    padding-top: 30px;
    cursor:pointer;
    color:#C80000;
}

a.konkurs-start:hover {color:#FF7979;}

a.konkurs-start-1{background: url(img/ico/finish.png) no-repeat top center;cursor:default;}

.period{
  color: #0079B8;
  padding: 1px 4px;
  border: 1px solid #BEE8EB;
  background: #D5EFF1;
  cursor: pointer;
  display:inline-block;
  margin:0 5px;
}

.mnogo{background: #F7E4DA;color: #E66900;border: 1px solid #F7DACB;}

.top-mesto{background: url(img/ico/trophys.png) no-repeat top left;display: inline-block;padding-left:30px;width: 70px;}

.top-mesto-no{display: inline-block;padding-left:30px;width: 70px;}

.top-priz{color:#ffffff;}

.n-box-find{padding:7px 0;text-align:center;position: relative;}

#seach-wall{
    position: absolute;
    top:29px;
    left:50%;
    width: 345px;
    border:1px solid #ccc;
    background: rgba(255, 255, 255, 1);
    max-height: 240px;
    overflow-y: auto;
    display:none;
    z-index: 100;
    margin-left: -173px;
}

#seach-wall-table{width: 100%;color:#575757;text-shadow: none;font-size:11px;border-collapse: collapse;border-spacing:0;}

#seach-wall-table tr:hover td{background:#eee;cursor:pointer;}

#seach-wall-table tr td{border-bottom:1px dashed #CCC;}

#seach-wall-table .seach-wall-ava{width: 50px;padding:5px 0;}

#seach-wall-table .seach-wall-ava img{width: 35px;height: 35px;border-radius:5px;border:1px solid #ccc;}

#seach-wall-table .seach-wall-login{width: 110px;text-align:left;padding:5px;}

#seach-wall-table .seach-wall-online{text-align:right;padding:5px 10px 5px 5px;}

#seach-wall-table .onli{color:#009F00;}

#seach-wall-table .sego{color:#009688;}

#seach-wall-table .vche{color:#00009F;}

#seach-wall-table .novxod{color:#FF5555;}

.wall-chs-button{width:30px; text-align:center; border: 0px;display: inline-block; padding: 2px; margin: -2px 5px -2px 0px; color:#fff;}

.wall-chs-t{cursor:pointer;}

.wall-chs-green .wall-chs-button{background: #007F0E;border-radius:14px}

.wall-chs-green .wall-chs-t{color: #007F0E;}

.wall-chs-red .wall-chs-button{background: #C80000;border-radius:14px}

.wall-chs-red .wall-chs-t{color: #C80000;}

.wall-chs-gray .wall-chs-button{background: #999999;border-radius:14px}

.wall-chs-gray .wall-chs-t{color: #999999;}

.signature {
    font-size:11px;
    display:block;
    color: #A06150;
    text-shadow:0px 1px 0px #fff;
    padding:5px 10px;
    margin:10px 30px 0 0;
    background: #F5F5F5;
}

.search-history {
    background-color: #e2e2e2;
    text-align: center;
    padding: 5px 0;
}

.new-task-stata {
    padding: 10px 10px;
    text-align: left;
    border-bottom: 1px solid #CCC;
    font-size: 11px;
    color: #114c5b;
}

.new-task-stata .line-b {
    display: inline-block;
    width: 130px;
}

.new-task-stata .line-b1 {
    display: inline-block;
    width: 40px;
    text-align: right;
}

.new-task-stata .text-otchet {
    margin-top: 10px;
    width: 580px;
    word-wrap: break-word;
}

.search-history .inp-ser-arch {
    width: 150px;
    padding: 2px 5px;
}

.menu-arr{float:right;display:block;width:150px;border:1px dotted #000;margin-top:-5px;border-top:0;text-align:center;background:#DCDCDC;margin-bottom:5px;padding:3px 0;cursor:pointer;margin-right:10px;}

#block-friends-menu{display:none;}

#us-friends-wall{position: relative;}

.us-friends-wall{position: absolute;top:auto;left:auto;width: 100%;display:none;}

.us-friends-wall div{border-bottom:1px solid #CCC;font-size:11px;height: 30px;padding:3px 0px 3px 0px;margin:0 3px;}

.us-friends-wall div .name{color:#019FB6;cursor:pointer;}

.us-friends-wall div .name_0{color:#696969;cursor:pointer;}

.us-friends-wall div .name_1{color:#019FB6;cursor:pointer;}

.us-friends-wall div .name_2{color:#F5A9A9;cursor:pointer;}

.us-friends-wall div .mod{color:#088A08;font-weight: normal;}

.us-friends-wall div .fio{color:#019FB6;font-size: 11px;}

.us-friends-wall div .fio_0{color:#696969;font-size: 11px;}

.us-friends-wall div .fio_1{color:#019FB6;font-size: 11px;}

.us-friends-wall div .fio_2{color:#F5A9A9;font-size: 11px;}

.us-friends-wall .avatar_chat{float:left;width:30px;height:30px;vertical-align:middle;margin-right:5px;border:1px solid #CCC;border-radius:30px;}

.butt-friends-next{display:none;margin:10px auto;text-align:center;background:#eee;border:1px solid #ccc;width: 130px;font-size:11px;border-radius:3px;padding:4px 10px;cursor:pointer;color:#585858;}

.butt-friends-next:hover{background:#DADADA;}

.tables-refkon{font-size:12px;}

.block_podarok{display:inline-block;padding:5px;position: relative;}

.block_podarok .infa_podarok{display: none;width:250px;position: absolute;top: 69px;left: 50%;margin-left:-125px;background: rgba(0, 0, 0, 0.9);color:#FFF;text-align:left;z-index:1;border-radius: 5px; font-size:11px;}

.block_podarok .infa_podarok .user_w_podarok{background:rgba(0, 0, 0, 0.4);padding:4px 10px;}

.block_podarok .infa_podarok .comm_w_podarok{padding:5px 10px;}

.block_podarok:hover .infa_podarok{display: block;}

.block_podarok img{cursor:pointer;width:64px;height: 64px;}

.all-forma-new-p{background: #EEE;padding:12px 10px;text-align:right;}

#all-podarok{width:600px;max-height:600px;overflow-y:auto;}

.pluspodarok:hover{opacity:0.8}

.all-block-podarok{border-bottom:1px solid #CCC;padding:10px 10px 10px 10px;text-align:center;position: relative;}

.all-block-podarok .all-name{float:left;width:100%;text-align:left;}

.all-block-podarok .all-name img{float:left;width:45px;height: 45px;margin:0 10px;border-radius:45px;border: 1px solid #CCC;}

.all-block-podarok .all-name b{color:#546873;}

.all-block-podarok .all-name .all-date{float:right;color:#CCC;}

.all-block-podarok .im-pod{margin:10px 0;}

.all-block-podarok .all-text{margin-bottom:10px;}

#vse-podarki{display:block;width:700px;}

#user-podarki{text-align:center;line-height: 16px;}

#user-podarki img{display:block;width:128px;height: 128px;margin:40px auto 30px auto;}

.p-mess{width:300px;margin:20px auto;text-align:left;}

.p-mess b{display:block;}

.p-mess textarea{width:290px;height: 90px;padding:5px;resize: none;}

.p-ser{padding:10px 0;}

.p_block{border-bottom:1px solid #CCC;margin:10px 0;}

.p_block .p_name_cat{padding:10px 10px;color:#546873;font-size:12px;}

.p_block .p_name_cat b{display:inline-block;width:250px;}

.p_scroll{margin-bottom:10px;height: 172px;}

.p_img{display:inline-block;margin:3px 7px;position: relative;width:80px;height: 80px;cursor:pointer;}

.p_img .p_cena{position: absolute;bottom: 0;left: 50%;margin-left:-35px;width:70px;background:rgba(190, 190, 190, 0.6);text-align:center;padding:3px 0;color:#FFF;display:none;border-radius:3px;}

.p_img .p_cena b{color:#1E3D1D;}

.p_img img{width:80px;height: 80px;position: absolute;top: 0;left: 0;}

.p_img:hover .p_cena{display:block;}

.p_plaginat{margin-left:0px;}

.p_plaginat span{display:inline-block;color:#009688;margin:0 2px;border:1px solid #CCC;padding:2px 5px;border-radius:3px;cursor:pointer;}

.p_plaginat span.activ, .p_plaginat span:hover{background: #009688;color:#FFF;border:1px solid #009688;}

.scrol_page{display:none;height: 172px;}

#offers-menu a.filterlineactive{color:#ff8000;}

.offers-img-butt{width:16px;height:16px;border:0;vertical-align: middle;cursor: pointer;}

.mail-sample{position: relative;}

.mail-sample .uved{position: absolute;top: 11px;right: 30px;color:red;}

.mail-sample:hover .inp-del{display:block;}

.avatar-mail{width: 40px;height: 40px;border-radius: 40px;box-shadow: 0px 0px 1px 1px #f5f5f5;margin: -14px 0px 0px -20px;}

.mail_mess{overflow: auto;max-height:500px;}

.mess_dial{padding: 0 0 0 5px;min-height:60px;border:1px solid #F5F5F5;margin:20px 2px 0 15px;color:#8a6d3b;border-radius: 5px;background: #F0FFFF;}

.data-us{background:#F0F8FF;padding:3px 15px;border:1px solid #F5F5F5;border-top:0;border-right:0;font-size:11px;border-radius: 0px 5px 0px 5px;}

.supp-title {
    display: block;
    margin-top: 3px;
    margin-left: 14px;
    padding-top: 1px;
    float: left;
}

.supp-title .d-a-p{
	padding: 4px;
    border: none;
    width: 28px;
    height: 28px;
    display: inline-block;
    margin: -3px 8px -3px 0;
    float: left;
}

.taskcut {color: #fff; text-shadow: 1px 1px 1px #608630; font-size: 11px; margin-top: -15px; padding: 0px 4px 2px 10px; border-right: 1px solid #8fbd54; display: block; float: right; background: #abd378 url(imgk/cut.png) no-repeat left center;}

.mess_autor{border:1px solid #D3D3D3;background: #F5F5F5;}

.mess_autor .data-us{border-color:#D3D3D3;background:#DCDCDC; color:#8a6d3b;}

.mess_autor .text-us{background: #F5F5F5;}

.status-mess{font-size:11px;color:#D50000;}

.date_mail{font-size:11px;color:#999999;float:right;}

.text-us{padding:10px 0px 10px 0px;width:293px;word-wrap:break-word;color:#555555;background: #F0FFFF;}

.dop-m-tite .supp-title{width:320px;display:inline-block; line-height:27px;}

.inp-del{float:right;margin-top:10px;margin-right:5px;display:none;}

.block-users{padding:5px 10px;border-bottom:1px dashed #eee;}

.people_cell {width: 69px;overflow: hidden;padding: 2px 4px;text-align: center;float: left;}

.name_field {width: 300px;margin: 0px -117px;}

.dialog-del {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(img/ico/del.png) no-repeat;
    opacity:0.3;
    cursor:pointer;
}

.dialog-del:hover{opacity:1;}

.mail-sample .mail-postcount, .mail-sample .mail-postcount-read, .mail-sample .mail-postcount-send, .mail-sample-active .mail-postcount, .mail-sample-active .mail-postcount-read, .mail-sample .mail-postcount-send, .mail-sample-active .mail-postcount-send {
    color: #fff;
    background: #FDF5E6;
    text-shadow:1px 1px 1px #009688;
    text-align: center;
    display: block;
    float: left;
    padding: 1px 0 2px;
    margin-top: 10px;
    width: 23px;
}

.mail-sample-active .mail-postcount, .mail-sample-active .mail-postcount-read, .mail-sample-active .mail-postcount-send { border: 1px solid #fff; }

.mail-sample .mail-postcount-read {
    background: #009688;
    text-shadow:1px 1px 1px #958753;
}

.mail-sample .mail-postcount-send, .mail-sample-active .mail-postcount-send {
    background: #7995BC;
    text-shadow:1px 1px 1px #4C6688;
}

.mail-sample .mail-title, .mail-sample-active .mail-title {
    line-height: 3.4;
    margin-left: 180px;
    display: block;
}

.all-del-uved{background: #FFF;position: absolute;bottom: 30px;left: 0;right:0;top:50px;display:none;text-align:center;}

.all-del-uved .text-uved{margin-top:50px;}

.all-del-uved .text-uved .da-del, .net-del{display:inline-block;font-size:13px;line-height: 24px;border:1px solid #CCC;padding:0;margin:5px 10px;text-align:center;width: 60px;cursor:pointer;background-color:transparent;border-radius:3px;}

.all-del-uved .text-uved .da-del{background-color:#00AE00;border:1px solid #008000;color:#FFF;}

.all-del-uved .text-uved .net-del{background-color:#D70000;border:1px solid #B70000;color:#FFF;}

.all-del-uved .text-uved .da-del:hover{background-color:#007700;}

.all-del-uved .text-uved .net-del:hover{background-color:#930000;}

.dialog-smail{vertical-align: middle;margin-bottom: 1px; display:inline-block;width: 20px;height: 20px;border-radius:3px;cursor:pointer;line-height: 20px;background: #009688 url(img/ico/smail.png) center center no-repeat;position:relative;}

.dialog-smail div{display:none;width:450px;position: absolute;top:10px;left:-110px;background:rgba(255,255,255, 0.8);z-index:2;border:2px solid #CCC;text-align:left;}

.dialog-smail div img{cursor:pointer;margin:2px;}

.dialog-smail:hover div{display:block;opacity:0.7}

.cash-moneyadd{font-size:13px;margin:20px auto;width:550px;text-align:left;line-height: 18px;}

.cash-moneyadd div{border-bottom:1px solid #CCC;padding:5px 10px;}

.cash-moneyadd div b{font-size:13px;}

.cash-moneyadd div span{display:inline-block;width:150px;margin-left:10px;font-size:13px;}

.cash-pred{font-size:15px;margin:20px auto;width:300px;text-align:left;line-height: 18px;}

.cash-pred div{border-bottom:1px solid #CCC;padding:5px 10px;}

.cash-pred div b{font-size:16px;}

.cash-pred div span{display:inline-block;width:100px;margin-left:30px;font-size:13px;}

.moder-test, .moder-test-u, .moder-test-o{display:inline-block;background:url(img/ico/kabinet/gomoder.png) center center no-repeat;height: 75px;width: 37px;cursor:pointer;}

.moder-test-u{background:url(img/ico/kabinet/gomoder-u.png) center center no-repeat;float:right;margin-right:20px;}

.moder-test-o{background:url(img/ico/kabinet/exit.png) center center no-repeat;float:right;margin-right:10px;}

.new-select{position: relative;margin-right:4px;text-align:left;}

.new-select .select-text{position: relative;border:1px solid #a7a7a7;color:#333333;background: white;padding:5px 3px;border-radius:2px;cursor:default;}

.new-select .select-text:after{content:'\25bc'; position: absolute;bottom:5px;right:5px;display:inline-block;color:#333333;font-size:9px;}

.new-select .select-list{display:none;position:absolute;left:0;right:0;top:22px;background: white;border:1px solid #899aaa;z-index:2;}

.new-select .select-list div{padding:1px 5px;color:#333333;cursor:default;}

.new-select .select-list div:hover, .new-select .select-list .active-list{color:#FFF;background: #1d91ff;}

.otcaz-moder{display:inline-block;background:url(img/ico/kabinet/no-moder.png) center center no-repeat;height: 65px;width: 100px;position: absolute;top:10px;right:90px;cursor:pointer;}

.moder-test{display:inline-block;background:url(img/ico/kabinet/gomoder.png) center center no-repeat;height: 75px;width: 37px;cursor:pointer;}

.del-mess{cursor: pointer;display: inline-block;margin-left:20px;}

.del-mess:hover{color:red;}

#dialog-moder .avatar-mail{width: 40px;height: 40px;border-radius: 40px;box-shadow: 0px 0px 1px 1px #f5f5f5;margin: -14px 0px 0px -20px;}

#dialog-moder .mail_mess{width: 550px;text-align:left;}

#dialog-moder .mess_dial{padding: 0 0 0 5px;min-height:60px;border:1px solid #F5F5F5;background: #F0FFFF;margin:20px 2px 0 15px;color:#8a6d3b;border-radius: 5px;}

#dialog-moder .data-us{background-color:#F0F8FF; color:#8a6d3b;padding:3px 15px;border:1px solid #F5F5F5;border-top:0;border-right:0;font-size:11px;border-radius: 0px 5px 0px 5px;}

#dialog-moder .date_mail{font-size:11px;color:#999999;float:right;}

#dialog-moder .text-us{padding:10px 0px 10px 0px;width:470px;word-wrap:break-word;color:#555555;background: #F0FFFF;}

.img_task{display:none;cursor:pointer;}

.show-img:hover .img_task{display: inline-block;}

#aj-content input[type=range] {
  -webkit-appearance: none;
  outline: 1px solid #666;
}

#aj-content input[type=range]::-webkit-slider-thumb {
  height:20px;
  width:39px;
  background: #009688;
  -webkit-appearance: none;
  cursor:pointer
}

.moderimgm {
background: url(img/lupa.png) no-repeat 2px 1px;
width: 39px;
height: 38px;
display: block;
margin-bottom: -2px;
}

#zamer{position: fixed;left:5px;bottom:5px;color:#fff;display:block;background:rgba(0,0,0, 0.7);font-size:11px;padding:10px;}

.bonus_add{
    text-align: left;
    width: 280px;
    margin: 0 auto 20px auto;
}

.bonus_add b{color:red;}

.bonus_add b i{font-weight: 400;}

.ajaxchat{width:100%;position:relative;}

.ajaxchat .height-chat{height: 500px;}

.ajaxchat .message{overflow-y:auto;height: 500px;padding:0 5px;position: absolute;top:0;left:0;right:0;}

.ajaxchat .message .chat-text{border-bottom:1px solid #F5F5F5;padding:4px 0;font-size:12px;word-wrap: break-word;}

.ajaxchat .message .red{color:#FF0000;}

.ajaxchat .message .chat-text .time{color:#A8A8A8;}

.ajaxchat .message .chat-text .name{color:#7A7876;cursor:pointer;}

.ajaxchat .message .chat-text .komu b{color:#F7942A;font-weight: normal;}

.ajaxchat .tos-chat{position: absolute; top:0; left:0; right:0; bottom:0;z-index: 998;background: rgba(193, 255, 193, 0.85);color:#222222;padding:10px;display:none;}

.ajaxchat .message .chat-text .del-chat-mess{position: relative;cursor:pointer; color:#A4A4A4;}

.ajaxchat .message .chat-text .del-chat-mess .menu-chat-mess{display: none;position: absolute;top:0;left:0;padding-top:20px;width: 140px;z-index: 1;}

.ajaxchat .message .chat-text .del-chat-mess .menu-chat-mess .ahref-chat{display: block;background-color: #505050;padding:3px 5px;color:#fff;font-size: 10px;margin-top: -34px;}

.ajaxchat .message .chat-text .del-chat-mess .menu-chat-mess .ahref-chat:hover{background-color: #6c6c6c;}

.ajaxchat .message .chat-text .del-chat-mess:hover .menu-chat-mess{display: block;}

.chat-panel-mess .panel{background:#009688;padding:5px;height: 17px;}

.chat-panel-mess .panel span{display:inline-block;width: 18px;height: 18px;margin:0 4px;cursor:pointer;line-height: 18px;}

.chat-panel-mess .panel .c-b{background: url(chat/b.png) 0 0 no-repeat;}

.chat-panel-mess .panel .c-i{background: url(chat/i.png) 0 0 no-repeat;}

.chat-panel-mess .panel .c-u{background: url(chat/u.png) 0 0 no-repeat;}

.chat-panel-mess .panel .sound{background: url(chat/sound_on.png) 0 0 no-repeat;}

.chat-panel-mess .panel .so_active{background: url(chat/sound_off.png) 0 0 no-repeat;}

.chat-panel-mess .panel .smail{background: url(chat/simple1.gif) 0 0 no-repeat;position:relative;}

.chat-panel-mess .panel .smail div{display:none;width:710px;position: absolute;top:-310px;left:-110px;background-color:rgba(255,255,255, 0.8);z-index:2;border:2px solid #CCC;text-align:left;}

.chat-panel-mess .panel .smail div img{cursor:pointer;margin:2px;}

.chat-panel-mess .panel .smail:hover div{display:block;}

.chat-panel-mess .panel .scroll{background: url(chat/scroll.png) 0 0 no-repeat;}

.chat-panel-mess .panel .s_active{opacity: 0.6;}

.chat-panel-mess .panel span.len{float:right;width: 40px;text-align:right;color:#FFF;}

.chat-panel-mess .chat-users{font-size:12px;display:none;color:#FFF;text-shadow: 0 1px 1px rgba(0,0,0,0.56);}

.chat-panel-mess .chat-users #delit{display:inline-block;background:#585858;cursor:pointer; padding: 0px 3px 2px 2px; line-height: 18px; border-radius: 5px;}

#message_moder{display:none;}

.block-online{width: 190px;border:0px solid #CCC;}

.block-online .title{background:#4Eb056;padding:5px; margin:0px;color:#FFF;}

.block-online .title span{float:right;}

.block-online #us-online{overflow-y:auto;height: auto;min-height: 200px;max-height: 700px;}

.block-online #us-online div{border-bottom:1px solid #CCC;font-size:11px;height: 30px;padding:3px 0px 3px 0px;}

.block-online #us-online div .name{color:#019FB6;cursor:pointer;}

.block-online #us-online div .name_0{color:#CCCCCC;cursor:pointer;}

.block-online #us-online div .name_1{color:#019FB6;cursor:pointer;}

.block-online #us-online div .name_2{color:#FF637A;cursor:pointer;}

.block-online #us-online div .mod{color:#088A08;font-weight: normal;}

.block-online #us-online div .fio{color:#019FB6;font-size: 11px;}

.block-online #us-online div .fio_0{color:#CCCCCC;font-size: 11px;}

.block-online #us-online div .fio_1{color:#019FB6;font-size: 11px;}

.block-online #us-online div .fio_2{color:#FF637A;font-size: 11px;}

.block-online .avatar_chat{float:left;width:30px;height:30px;vertical-align:middle;margin-right:5px;border:1px solid #CCC;border-radius:30px;}

a.chat-mail {background: url(chat/chat-mail.png); display: block; width: 15px; height: 11px;float:right;}

a.chat-mail:hover {background-position: 0 -11px;}

.li-bb{position:relative;width:50px;}

.li-bb .v-color{display:none;position: absolute;bottom:10px;left:-60px;border:2px solid #CCC;width: 180px;background-color:rgba(255,255,255, 0.8);}

.li-bb .v-color span{display:inline-block;border:1px solid #CCC;width: 15px;height: 15px;float:left;margin:1px;}

.li-bb:hover div{display:block;}

.cvet-vid{width: 12px;height: 12px;background-color:#128720;border:1px solid #4E4E4E;}

#bg-color-aj{width: 15px;height: 15px;background-color:#128720;display:inline-block;border:1px solid #414141;}

#tabs-chat{border-bottom:1px solid #CCC;padding-top:4px;}

#tabs-chat span{border:1px solid #CCC;border-bottom:0;padding:3px;text-align:center;display:inline-block;margin:0 0 0 10px;font-size:12px;border-radius:5px 5px 0 0;cursor:pointer;}

#tabs-chat span.active{background-color:#FE9A2E;color:#FFF;}

#menu-moder {border:1px solid rgba(255,0,0,1); -webkit-animation: menu-moder 1s linear infinite; animation: menu-moder 1s linear infinite;}

@-webkit-keyframes menu-moder { 100% { border:1px solid rgba(255,0,0,1);background-color:#FE9A2E;} }

@keyframes menu-moder{ 100% { border:1px solid rgba(255,0,0,1);background-color:#FE9A2E;} }

#user-bann-chat{height: 100%;width: 100%;background: url(chat/ban_gerl.jpg) center center no-repeat;background-size: auto;position:relative;}

.ban-chat-block{position: absolute;top:20px;left:21%;width:220px;border:5px solid rgba(204,204,204,0.5);background-color:rgba(255,255,255,0.7);}

.ban-chat-block .title{text-align:center;font-size:17px;font-weight: bold;}

.ban-chat-block .text{text-align:center;font-size:12px;color:red;}

.ban-chat-block .clock-ban{font-size:20px;width: 200px;margin:0 auto;}

.ban-chat-block .clock-ban .block-clock{display:inline-block;width: 40px;line-height: 40px;background:#000;text-align:center;border-radius:60px;color:#FFF;font-weight: 700;box-shadow: 0 0 7px 5px rgba(255, 255, 255, 0.4);position: relative;margin:10px 0;}

.ban-chat-block .clock-ban .block-clock .line{display: none;top:52%;left:2px;width: 90%;height: 1px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);background: #000;}

#chat-text-reklama{position:relative;margin:3px 0px 5px 0px;height: 17px; background:#009688;padding:5px 0px 5px 10px;}

#chat-text-reklama a.text-norm{color:#FFFFFF;text-shadow: 1px 1px 1px #206704;font-weight: bold;}

#chat-text-reklama a.text-norm:hover{color:#FFE419;text-shadow: 1px 1px 1px #206704;font-weight: bold;}

#chat-text-reklama a.text-active{color:#FFE419;text-shadow: 1px 1px 1px #206704;font-weight: bold;}

#chat-text-reklama a.text-active:hover{color:#FFFFFF;text-shadow: 1px 1px 1px #206704;font-weight: bold;}

#chat-text-reklama .chat-panel-reklama{position: absolute;top:3px;right:2px;width: 40px;}

#chat-text-reklama .ico_rek{background: url(chat/ico_rek3.png) 0px 0px no-repeat;display:inline-block;width: 16px;height: 16px; cursor:pointer;margin:3px 0;opacity:0.9;}

#chat-text-reklama .ico_rek:hover{opacity:1;}

#chat-text-reklama .ico_edit_c{background: url(chat/ico_rek2.png) -0px 0px no-repeat;display:inline-block;width: 18px;height: 16px; cursor:pointer;margin:3px 0;opacity:0.9;}

#chat-text-reklama .ico_info_c{background-position: -22px 0px;}

.dop_panel .dop_title{background:#009688;padding:5px 10px;height: 17px;color:#FFF;text-align:left;}

.dop_panel span{float:left;width: 50%;padding:5px 0 5px 0px;text-align:left;border-bottom:1px dashed #CCC;cursor:pointer;background: url(chat/left-menu.png) no-repeat 5px 8px;color:#135b11;}

.dop_panel span:hover{background-color: #F3F3F3;}

.dop_panel span:before {content: ' ';margin:0 10px;color:#CCC;}

.exit-chat{float:right;}

.banners-all {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    padding: 20px 0px;
}

.banner-item {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding-bottom: 4px;
}

.banner-item_200-300, .banner-item_200-200 {
    width: 192px;
}

.banner-item_100-100 {
    width: 100px;
}

.banner-item_468-60 {
    width: 292px;
}

.banner-item__info {
    text-align: center;
    font-size: 11px;
}

.rating-purchase {
    display: flex;
    width: 590px;
    flex-wrap: wrap;
    margin: auto;
}

.rating-purchase__item {
    text-align: center;
    font-weight: bold;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    min-width: 180px;
    box-sizing: border-box;
    margin-right: 18px;
    padding-bottom: 20px;
    background-size: 186px auto;
    background-repeat: no-repeat;
    background-position: center top;
}

.rating-purchase__item:nth-child(3n) {
    margin: 0;
}

.rating-purchase__item:nth-child(-n+3) {
    margin-bottom: 20px;
}

.rating-purchase__item-header-img {
    height: 62px;
    width: 86px;
    display: block;
    margin: 10px auto;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 18px;
    background-image: url('img/rating.png');
    color: #FFF;
    line-height: 70px;
    text-align: center;
    font-size: 15px;
}

.rating-purchase__item-header-title {
    text-transform: uppercase;
}

.rating-purchase__item-price {
    font-weight: bold;
    padding: 10px 0;
}

.rating-purchase__item-button span {
    font-weight: 500;
}

.rating-purchase__item-button {
    padding: 0.5em 1.6em;
    cursor: pointer;
}

.td-chain{
    text-align: center;
    padding-bottom: 30px;
}

.link-chain{
    display: inline-grid;
    width:213px;
    height: 50px;
    border:1px solid #ccc;
    border-radius:3px;
    padding:0 5px;
    vertical-align: top;
    font-size: 12px;
    opacity:0.7;
    position: relative;
    font-weight: 800;
    border-radius: 5px;
    font-family: monospace;
}

.link-chain:hover{
    opacity:1;
}

.link-chain:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.link-chain span{
    display: inline-block;
    vertical-align: middle;
}

.color-chain-red{border: 1px solid #be0c0c;color: #ff0000;background: #b2c2db;}

.color-chain-red:hover{ border:1px solid #c80000; color: #c80000; }

.color-chain-green{border:1px solid #008000;color: #126230;background: #bbc9df;font-weight: 800;}

.color-chain-green:hover{ border:1px solid #005100; color: #005100; }

.color-chain-blue{border: 1px solid #006aff;color: #0f5693;background: #bbc9df;}

.color-chain-blue:hover{ border:1px solid #00009b; color: #0095fff7; }

.color-chain-black{ border:1px solid #000000; color: #000000; }

.color-chain-black:hover{ border:1px solid #3f3f3f; color: #3f3f3f; }

.color-chain-orange{ border:1px solid #ffa500; color: #ffa500; }

.color-chain-orange:hover{ border:1px solid #d28900; color: #d28900; }

.color-chain-aqua{ border:1px solid #00ffff; color: #00ffff; }

.color-chain-aqua:hover{ border:1px solid #00c1c1; color: #00c1c1; }

.color-chain-brown{ border:1px solid #a52a2a; color: #a52a2a; }

.color-chain-brown:hover{ border:1px solid #751e1e; color: #751e1e; }

.add-chain{
    display: inline-block;
    line-height: 50px;
    width: 45px;
    text-align: center;
    font-size: 30px;
    border: 1px solid #0c55be;
    border-radius: 5px;
    background: #4d90fe;
}

.add-chain:hover{
    background: #4b8564;
    color: #FFF;
}

.out-capcha{text-align: center;}

.out-capcha-title{margin-bottom:5px;font-size:13px;}

.out-reload{display: inline-block; width: 16px; height: 16px;background-position: center center;background-repeat: no-repeat;vertical-align: middle;margin-left: 10px;cursor: pointer;}

.out-capcha-inp {display: none;}

.out-capcha-lab{position: relative;display: inline-block;width: 75px;height: 75px;border:2px solid #CCC; cursor: pointer;margin:0 1px;
background-position: center center;background-size:cover;background-repeat: no-repeat;	}

.label-pel:after{content: "";position: absolute;bottom: 5px; left: 5px;border-radius: 100%;}

.label-pel:before{content: "";position: absolute;top:0; left: 0; right:0; bottom:0;}

.out-capcha-lab input[type=checkbox]:nth-child(1):checked + .label-pel:after{background-color: #25d025;width: 15px; height: 15px;}

.out-capcha-lab input[type=checkbox]:nth-child(1):checked + .label-pel:before{background-color: rgba(0, 0, 0, 0.65);}

.api-table{border-spacing: 0;margin: 0;padding: 0;border-collapse: collapse;width: 100%;}

.api-table td{padding:3px;border: 1px solid #CCC;vertical-align: top;}

.api-table td.data{width: 150px;}

.api-post td.data{width: 130px;}

.api-post td.data-2{width: 60px;}

.api-table tr.api-head td{padding:3px;background-color: #f4f4f4;font-weight: bold;}

.api-table tr.api-ob td{background-color: #ffecec;}

.api-code{background-color: #fdefcc;}

.api-code-title{margin: 0;padding:3px;font-size: 11px;background-color: #fad87e;}

.api-code-text{padding:15px;}

.api-code-4{display: inline-block;width: 15px}

.api-code-8{display: inline-block;width: 30px}

.api-code-12{display: inline-block;width: 45px}

.api-gr{color:#b2b2b2;}

.block-up-top {
    display: inline-block;
    width: 140px;
    vertical-align: top;
    border: 1px solid #ccc;
    margin: 10px;
    border-radius: 4px;
    padding: 10px 10px 20px 10px;
}

.block-up-top a, .a_up_top a{
        cursor: pointer;
    }

.block-up-top .up-top-text {
        margin:5px 0 15px 0;
        font-weight: bold;
    }

.adv-company__vip {
    cursor:pointer;
    float:right;
    margin-right: 10px;
    margin-top: 1px;
    padding: 0 5px;
    border-radius: 4px;
	font-size: 11px;
    color: #8e8e8e;
    border: solid 1px #8c8c8c;
    line-height: 16px;
    height: 16px;
}

.adv-company__vip_active {
        background-color: #FC8000;
        color:#fff;
        border: 1px solid #dd6f00;
    }

.polytask {
    border: none;
    background: url(img/ico/kabinet/polytask.png) no-repeat;
    width: 22px;
    height: 15px;
    display: block;
    float: right;
    cursor: help;
}

.data_stat_new table td{
    text-align: center;
    font-size:13px;
}

.members_link_ref{
    text-align: center;
    background: #ffffdd; 
    color: #CF580A;
    padding: 10px;
    margin: 10px 0;
}

.members_link_ref input{
    border: 0;
    background: #ffffdd;
}

.wall_new{
    display: flex;
    align-self: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
}

.wall_new_block{
    width: 45%;
    border: 3px solid #eee;
    padding:10px;
    border-radius: 10px;
    margin-top:10px;
}

@media(max-width: 1600px) {
    .wall_new_block{
        width: 95%;
    }        
}

.wall_new_infa{
    display: flex;
    padding: 10px 10px 0 10px;
}

.wall_new_title{
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
}

.wall_new_avatar{
    width: 30%;
}

.wall_new_avatar img{
    width: 95%;
    border-radius: 85px;
    border: 1px solid #cccccc;
}

.wall_new_data{
    margin-top: 10px; 
}

.wall_new_infa .wall_new_data{
    margin-top: 0;
    padding-left: 10px;
    width: 70%;  
}

.wall_new_data table{
    
}

.wall_new_data table td{
    padding:5px 0;    
}

.wall_new_users_botton{
    text-align:center;
    margin-left: -10px;
}

.wall_new_users_botton .btn{
    width: 130px;
    border-radius: 5px;
}

.crypto_s{
    display: inline-block;
    width: 128px;
    text-align: center;
    padding:6px 0;
    border:1px solid #f5f5f5;
    margin:10px 3px 0 3px;
    cursor: pointer; 
    border-radius: 5px;
    background-color: #f5f5f5;
    font-size: 13px;
}

.crypto_s:hover{
    background-color: #eee;
    border:1px solid #eee;
    border-radius: 5px;
}

.crypto_s img, .crypto_t img{
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

.crypto_t img{
    display: inline-block;
    text-align: center;
    padding:10px;
    margin:10px 3px 0 3px;
    cursor: pointer; 
    border-radius: 10px;
    background-color: #f5f5f5;
    width: 40px;
    height: 40px;
}

.crypto_dop_s{
    display: block;
    width: 160px;
    text-align: center;
    padding:6px 0;
    border:1px solid #f5f5f5;
    margin:10px auto -10px auto;
    cursor: pointer; 
    border-radius: 5px;
    background-color: #f5f5f5;
    cursor: default;
    font-size: 13px;
}

.crypto_dop_s img{
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    padding:0;
    margin:0 5px 0 0;
}

.pay_review{
    text-align: center;
}

.pay_review .pay_review_link{
    display: inline-block;
    width: 230px;
    height: 78px;
    margin: 3px 1px;
    vertical-align: top;
    border: 1px solid #9CADBA;
    border-radius: 5px;
    transition: all .5s;
}

.pay_review .pay_review_link:hover{
    border: 1px solid #009688;
    opacity: 0.7;  
}

.pay_review .pay_review_link img{
    width: 100%;
    border-radius: 5px; 
}

.lang_g{
    cursor:pointer;
    color: #fff;
    opacity: 1;
    font-size: 26px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 30px;
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    border: 2px solid rgb(0 0 0 / 50%);
    background-image: url(img/flags/lang/ru.png);
}

#open_lang{
    position: absolute;
    top:22px;
    right:100px;
    display: none;
}

@media (max-width: 600px){
    #open_lang{
        display: block;
    }    
}

.lang_g:hover{
    opacity: 0.5;
}

.lang_menu{
    position: absolute;
    background: #607d8b9c;
    box-shadow: -4px 2px 5px 3px rgba(0, 0, 0, 0.59);
    left: 0;
    right: 0;
    top:68px;
    text-align: center;
    z-index: 2;
    padding: 5px 0;
}

.lang_menu .lang-select{
    display: inline-block;
    width: 40px;
    height: 27px;
    text-align: center;
    cursor: pointer;
    margin:3px 20px;
    border-radius: 5px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    background-repeat: no-repeat;
    background-position: center center;  
}

.lang_menu .lang-select:hover{
    border: 2px solid rgba(255, 255, 255, 0.9);
}

.lang_menu .lang-sel{
    border: 2px solid rgba(255, 255, 255, 0.9);
}

.lang-ru{ background-image: url('img/flags/lang/ru.png'); }

.lang-en{ background-image: url('img/flags/lang/en.png'); }

.lang-pt{ background-image: url('img/flags/lang/pt.png'); }

.lang-fr{ background-image: url('img/flags/lang/fr.png'); }

.lang-hi{ background-image: url('img/flags/lang/hi.png'); }

.lang-it{ background-image: url('img/flags/lang/it.png'); }

.lang-ko{ background-image: url('img/flags/lang/ko.png'); }

.lang-th{ background-image: url('img/flags/lang/th.png'); }

.lang-tr{ background-image: url('img/flags/lang/tr.png'); }

.lang-zh{ background-image: url('img/flags/lang/zh.png'); }

.lang-az{ background-image: url('img/flags/lang/az.png'); }

.skiptranslate {display: none !important;height: 0;}

#goog-gt-tt {display:none !important;}

.goog-te-banner-frame {display:none !important;}

.goog-te-menu-value:hover {text-decoration:none !important;}

#google_translate_element2 {display:none!important;}

.new_footer{
    color: #FFFFFF;
    margin-left: 10px;
    padding-top: 12px;    
}

.new_footer .fb_link{
    margin-left: 30px;
    display: inline-block;    
}

.new_footer a{
    color: #bbb;
    display: inline-block;
    margin:5px 10px;    
}

.new_footer a:hover{
    color: #A0A0A0;
    text-decoration: none;    
}

.footer_flex{
                    display: block;
                    position: relative;   
                }

.footer_img_flex{
                    margin-top: 15px;    
                }

.footer_img_flex a{
                    border: 0;
                }

.footer_img_flex img{
                    border: 0;
                    width: 88px;
                    height: 31px;
                }

.footer_link_flex{
                    padding: 5px 10px 0 10px;
                }

.footer_url_flex a{
                    color: #bbb;
                    display: inline-block;
                    margin:5px 0 5px 0;    
                }

.footer_url_flex a:hover{
                    color: #A0A0A0;
                    text-decoration: none;    
                }

.footer_url_line{
                    display: inline-block;
                    height: 10px;
                    width: 1px;
                    background-color: #ccc;
                    vertical-align: middle;
                    margin: 0 20px;
                    color: #bbb;
                }

.footer_copy_flex{
                    color:#FFF;
                    font-size: 12px;
                    margin-top: 15px;
                }

.footer_soc_flex{
                    position: absolute;
                    right: 10px;
                    bottom: 0;
                }

.footer_soc_flex a{ 
                    display: inline-block;
                    margin: 0 3px;
                }

.trustpilot{
        width: 220px;
        margin: 40px auto 0 auto;    
    }

.trustpilot h1{
        color:#000;    
    }

.trustpilot_rayt{
        display:flex;
    }

.trustpilot_svg_rayt{
        width: 190px;
    }

.trustpilot_rt_rayt{
        line-height:40px;
        font-size: 17px;
        margin-left:5px;
        color: #000;    
    }

.trustpilot_verif{
        background-color: #b1f2d0;
        padding: 4px;
        border-radius: 2px;
        margin-top: 8px;    
    }

.ico_verif_flex{
        display: flex;
        align-items: center;
        font-weight: 700;
        font-size: 10px;
        background-color: #b1f2d0;
        padding: 4px;
        border-radius: 2px;
        display: inline-block;
        color:#000;  
    }

.ico_verif{
        fill: #0e7946;
        margin-right:1px;
        vertical-align: middle;    
    }

.ico_verif_check{
        fill: #fff;    
    }

.format-price-lite{
    opacity: 0.7;
    font-size: 11px;
}

.taskimg,.task-premium-pin-img,
.taskimg-ok,  .taskimg-work,.taskimg-work2, .taskimg-fail, .serfimggo, .taskimg-vip, .test-icon ,
.img_top_1, .img_top_2, .img_top_3{
    width: 46px;
    height: 42px;
    display: block;
    margin-bottom: -2px;
}

.test-icon {
    background-image: url(img/ico/test-icon.svg)
}

.surf-icon {
    background-image: url(img/ico/surf-icon.svg)
}

.taskimg,.taskimg-ok,.task-icon,.task-icon-vip,.task-icon-work,.task-icon-ok,.task-icon-fail,.surf-icon,.surf-icon-vip,.test-icon,.test-icon-vip,.pin-task-service.taskimg-work,.taskimg-work2,.taskimg-fail,.serfimggo,.taskimg-vip,.task-pin-img {
    width: 42px;
    height: 40px;
    display: block;
    margin-bottom: 0px;
    -webkit-background-size: 38px 38px;
    background-size: 42px 40px
}

.surf-icon-vip {
    background-image: url(img/ico/ad-vip-icon.svg)
}

.img_top_1{ background: url(img/ico/gold-medal.svg) no-repeat 2px 0px; }

.img_top_2{ background: url(img/ico/second.svg) no-repeat 2px 0px; }

.img_top_3{ background: url(img/ico/third.svg) no-repeat 2px 0px; }

.taskimg { background: url(img/ico/ad-taskstatushigh.png) no-repeat 2px 1px; }

.task-premium-pin-img { background: url(img/ico/task-premium-pin.png) no-repeat 2px 1px; background-size: 42px 41px;}

#task-navi{float:right;}

.task-navi-test{font-size:13px;margin-top:4px;display:inline-block;margin-right:10px;}

.task-navi-test a{color:#000064;display:inline-block;border-bottom:3px solid #FFF;padding:0 5px;margin:0 2px;}

.task-navi-test .activ{border-bottom:3px solid #006699;font-weight:bold;color:#006699;}

#task-navi .scroll-menu a{color:#CFCFCF;border:0;}

#task-navi .scroll-menu a:hover{color:#FFF;}

#task-navi .scroll-menu .activ{border-bottom:3px solid #FFF;color:#FFF;}

#load-scrin .text-scrin{padding-top:8px;text-align: center;position: absolute;right:0;top:0;left:0;bottom:0;z-index:0;}

.act-scrin .text-scrin{padding-top:11px;}

#contenteditable{margin:0;padding:0;resize: none;overflow: hidden;}

#img-loag-scrin{display:none;}

.ybprosm{background: url(img/ico/youtube.svg);width:40px;height:40px;cursor:help}

.rutube{background: url(img/ico/rutube.png);width:32px;height:32px;cursor:help}

.rutprosm{background: url(img/ico/rutube-ads.png);width:32px;height:32px;cursor:help}

.tik_video{background: url(img/ico/tik_likes.png);width:32px;height:32px;cursor:help}
.tik_podp{background: url(img/ico/tik_podp.png);width:32px;height:32px;cursor:help}

.tik_likes{background: url(img/ico/tik_likes.png);width:32px;height:32px;cursor:help}

.imgb {

padding: 2px 0px 0px 5px; 
width:18px;

}

.imgb:hover {
opacity: .9;
}

.btn {display:inline-block;color:#fff;text-align:center;padding:4px 15px 5px 15px;margin:5px;border-radius: 3px;font-size:13px;border: 1px dotted #000000;cursor:pointer;outline:none;}

.btn.greenlight {background: #90b185; border: 1px dotted #85a37b;}

.btn.greenlight:hover {background:#85a37b;}

.btn.graylight {background:#8f8f8f; border: 1px dotted #878787;}

.btn.graylight:hover {background:#878787;}

.btn.green {background: #4d90fe;}

.btn.green:hover {background:#4d90febf;}

.btn.blue {background:#4b8564;}

.btn.blue:hover {background:#0E5072;}

.btn.red {background:#CD5C5C;}

.btn.red:hover {background:#BC2D20;}

.btn.gray {background:#9CADBA;}

.btn.gray:hover {background:#8FA9B7;}

.btn.orange {background:#FF9800;}

.btn.orange:hover {background:#607d8b;}

.btn.black {background:#666666;}

.btn.black:hover {background:#444444;}

.btn_sp, .btn_sp_green, .btn_sp_blue, .btn_sp_red, .btn_sp_gray, .btn_sp_orange{display:inline-block;color:#fff;padding:4px 12px 5px 12px;margin:-7px 3px -8px 18px;border-radius:0px 0px 0px 0px;font-size:13px;border: 0px solid #E0E0E0;cursor:pointer;outline:none;}

.btn_sp{background:#a4d3ee;}

.btn_sp_green{background:#78BC47;}

.btn_sp_blue{background:#3F91CC;}

.btn_sp_red{background:#E05E53;}

.btn_sp_gray{background:#ADC3CE;}

.btn_sp_orange{background:#F4A653;}

.btn_big_green, .btn_big_red, .btn_big_orange, .btn_big_blue {display: block;font-size: 14px;color: #fff;padding: 6px;cursor: pointer;outline: none;margin: 2px;border: 1px dashed #ccc; width: 100%; float:center;border-radius: 10px;}

.btn_big_green {background: #0E5072}

.btn_big_red {background: #CD5C5C;text-shadow: 1px 1px 1px #91332A;}

.btn_big_orange {background: #FC8000;text-shadow: 1px 1px 1px #91332A;}

.btn_big_blue {background: #4b8564;text-shadow: 1px 1px 1px #91332A;}

.btn_big_green:hover {border: 1px dashed #ccc;opacity:0.8}

.btn_big_red:hover {border: 1px dashed #ccc;opacity:0.8}

.btn_big_orange:hover {border: 1px dashed #ccc;opacity:0.8}

.btn_big_blue :hover {border: 1px dashed #ccc;opacity:0.8}

.tabl td {
    padding: 8px;
    background:var(--card-2) !important;
}

.avatar-upload{position:relative;cursor:pointer}

.avatar-upload img,
.avatar-upload{width:100px;height:100px;display:block}

.avatar-upload__filter{display:none;position:absolute;right:0;left:0;bottom:0;background:rgba(0,0,0,.7);z-index:2;color:#fff;font-size:14px;height:50px;border-radius:0 0 50px 50px;text-align:center;line-height:40px}

.avatar-upload:hover .avatar-upload__filter{display:block}

.bind-tg-account{padding:15px 25px}

.bind-tg-account__text{padding-left:8%;font-size:13px;margin-bottom:30px}

.settings td{border:none;}

.settings-tab_theme_cloud{background:#272626;box-shadow:0 1px 0 0 #d7d8db,0 0 0 1px #e3e4e8;border-radius:2px;margin-bottom:10px}

.settings__control{text-align:center;padding:10px 0}

.settings__block-header{display:block;padding:0 20px;height:30px;line-height:27px;border-radius:2px 2px 0 0;font-size:16px;outline:none;color:#ffffff}

.settings__block-content{padding:10px;background:#272626;}

.dialogs-wrap{border:1px solid #e7e8ec}

.dialog-im{height:62px!important;box-sizing:border-box}

.dialog-im__link{padding:6px 10px}

.dialog-im__link:hover .dialog-del{opacity:.3}

.dialog-im__link:hover .dialog-im__control-checkbox-im{opacity:1}

.dialog-im__control-remove:hover .dialog-del{opacity:1}

.dialog-im__avatar{align-self:center}

.dialog-im__avatar img{width:48px;height:48px;display:block;border-radius:50%;border:none}

.dialog-user-online{position:relative}

.dialog-user-online:after{content:'';position:absolute;background-color:#8ac176;border-radius:50%;bottom:2%;right:2%;border:2px solid #fff;height:8px;width:8px}

.dialog-im__content{flex:2 1 400px;padding:0 8px}

.dialog-im__content-name{margin-bottom:5px;font-size:13px}

.dialog-im__content-who img{border-radius:50%;border:none;width:22px;height:22px}

.dialog-im__control{width:20px;padding-left:6px;align-items:center}

.dialog-im__content-text-preview{width:360px}

.dialog-im__content-inner-text{font-size:13px;white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden;padding:4px 10px;border-radius:4px;margin-left:6px;padding-right:10px;height:28px;box-sizing:border-box;line-height:21px;width:360px}

.dialog-im__content-inner-text_status_unread-out{background:#f0f2f5}

img.avatar-akk {
    margin-top: 0;
    border-radius: 50%;
    display: block;
    border: none;
    width: 100px;
    height: 100px;
    box-sizing: border-box
}

.toggle_disabled{opacity:.5}

.toggle_disabled label{cursor:not-allowed!important}

#toggle,#toggle_yt,#toggle_vk,#toggle_tg,#toggle_ip,#toggle_2fa{display:none;}

.toggle label,.toggle_yt label,.toggle_vk label,.toggle_tg label,.toggle_ip label,
.toggle_2fa label{width:55px;height:30px;display:inline-block;border-radius:40px;cursor:pointer;background:#ce6457;transition:background .15s}

.toggle .slide,.toggle_yt .slide,.toggle_vk .slide,.toggle_tg .slide,.toggle_ip .slide,
.toggle_2fa .slide{width:30px;height:30px;background:#fff;border-radius:50%;transform:scale(.9);transition:all .15s;box-shadow:inset -3px 0 0 #ddd}

#toggle:checked~label,#toggle_yt:checked~label,#toggle_vk:checked~label,#toggle_tg:checked~label,#toggle_ip:checked~label,#toggle_2fa:checked~label{background:#608ab9}

#toggle:checked~label .slide,#toggle_yt:checked~label .slide,#toggle_vk:checked~label .slide,#toggle_tg:checked~label .slide,#toggle_ip:checked~label .slide,#toggle_2fa:checked~label .slide{transform:translateX(25px) scale(.9);box-shadow:inset 3px 0 0 #ddd}

.smile-chata {
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    right: 28px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url(img/ico/smile.svg) 20px/20px;
    opacity: .7
}

.smile-chata div {
    display: none;
    width: 259px;
    overflow: auto;
    height: 259px;
    position: absolute;
    top: 8px;
    left: -260px;
    background-color: #fff;
    z-index: 2;
    border: 1px solid #ccc;
    text-align: justify;
    padding: 4px 10px;
    box-sizing: border-box
}

.smile-chata div img {
    cursor: pointer;
    margin: 2px
}

.smile-chata:hover div {
    display: block
}

.smile-chat {
    position: absolute;
    top: 90%;
    transform: translateY(-50%);
    right: 28px;
    width: 20px;
    cursor: pointer;
    height: 20px;
    background: url(img/ico/smile.svg) 20px/20px;
    opacity: .7
}

.smile-chat div {
    display: none;
    width: 290px;
    overflow: auto;
    height: 244px;
    position: absolute;
    top: -244px;
    left: -272px;
    background-color: #fff;
    z-index: 2;
    border: 1px solid #ccc;
    text-align: justify;
    padding: 4px 10px;
    box-sizing: border-box
}

.smile-chat div img {
    cursor: pointer;
    margin: 2px
}

.smile-chat:hover div {
    display: block
}

.smile-chat:hover {
    opacity: 1
}

.chat-panel-mess .mess textarea {
    width: 96%;
    resize: none;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
    font-size: 13px;
    border: 1px solid #c9d0d6;
    padding-right: 30px
}

body::-webkit-scrollbar {
  width: 15px;               /* ширина scrollbar */
}

body::-webkit-scrollbar-track {
  background: rgb(255, 255, 255);        /* цвет дорожки */
}

body::-webkit-scrollbar-thumb {
  background-color: rgb(77, 144, 254);    /* цвет плашки */
  border-radius: 20px;       /* закругления плашки */
  border: 3px solid rgb(255, 255, 255);  /* padding вокруг плашки */
}

.faq-section{margin-bottom:10px}

.faq-section input,
.faq-section p{display:none;}

.faq-section label~p,
.faq-section label~div{display:none;padding:0 14px;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.faq-section input[type=checkbox]:checked~p,
.faq-section input[type=checkbox]:checked~div{display:block;text-overflow:clip;white-space:normal;overflow:visible}

.faq-section label{cursor:pointer;background:#fff;display:block;color:#608ab9;position:relative;padding:7px 10px;font-weight:700;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-left:3px solid #608ab9;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}

.faq-section label::-moz-selection{background:0 0}

.faq-section label::selection{background:0 0}

.faq-section label:hover{background:rgba(74,118,168,.1);border-color:#608ab9;color:#4a76a8}

.faq-section input[type=checkbox]:checked~label{background:rgba(74,118,168,.1);border-color:#608ab9;color:#4a76a8}

.faq-section label::before{content:'';position:absolute;right:4px;top:50%;margin-top:-6px;border:6px solid transparent;border-left-color:inherit}

span.ntnet {
    background: linear-gradient(327deg, #0c8325 21%, #000000);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    cursor: pointer;
}

.rtn_tab{
        font-size:13px;    
    }

.rtn_tab td{
        padding: 4px 0;
        border-bottom:1px dashed #ccc;
        color: #000000;
    }

.rtn_tab td:nth-child(2){
        text-align: right;
        width: 80px;
        color: #4d90fe;
        font-weight: bold;
    }

.job-not {
    font-size: 12px;
    color: #0058ff;
    line-height: 2.2;
    margin-left: 5px
}

a.job-exist {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 2.2;
    color: #028ac1;
    background: url(img/ico/kabinet/w.gif) no-repeat 5px 6px;
    padding-left: 24px;
    height: 24px
}

a.job-exist:hover {
    color: #e57c00
}

.job-reply {
    border: 1px dashed #608ab9;
    padding: 4px 6px;
    margin: 5px 0;
    display: block
}

.job-reply-btns {
    display: block;
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 6px;
    background-color: #f5f5f5
}

.job-reply-btns div:first-of-type,.num-report-task>div:first-of-type {
    display: flex;
    flex-flow: row-reverse nowrap;
    justify-content: space-around
}

.job-reply-btns>div:not(:first-of-type),.num-report-task>div:not(:first-of-type) {
    padding: 10px 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between
}

a.scon-edit, a.scon-view, a.scon-delete,a.scon-backmoney2,.company-pin, a.scon-pay, a.scon-pay, a.scon-backmoney, a.scon-lock, a.scon-ulock, a.scon-editno, a.scon-url, a.scon-money, a.scon-stat, .scon-upok,.scon-up, .scon-down, .scon-gray , .scon-vip, .scon-vipno, .scon-color, .scon-colorno, .scon-upno, .scon-erase, .scon-delete, .scon-erase, .scon-speed-1, .scon-speed-2, .scon-speed-3, .scon-speed-4, .scon-speed-5, .scon-speed-6, .scon-speed-7, .scon-copy, .icon-link, .scon-top  {
    height: 16px;
    width: 16px;
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
    float: right;
    margin-right: 3px;
    margin-top: 3px;
}

.countdown-timer-task-report-container{/* text-align:center; *//* margin-top:14px; */}

.countdown-number-task-report{padding:4px;display:inline-block;}

.countdown-time-task-report{color:green;display:inline-block;}

.countdown-text-task-report{display:inline-block}

.rating0,.rating1,.rating2,.rating3,.rating4,.rating5 {
    height: 16px;
    display: block
}

.rb_money_box, .rb_happy_us { 
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    cursor: pointer;
    margin: 2px;
    padding: 7px;
    text-align: center;
}

.rb_money_box{background: #4d90fe;}

.rb_money_box:hover, .rb_happy_us:hover{ opacity: 0.8; }

.rb_happy_us{ background: #3b9dff; }

.btn29 {
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    cursor: pointer;
    margin: 2px;
    padding: 5px;
    text-align: center;
    display: inline-block;
}

.btn29_big {
    margin: 20px !important;
    font-size: 18px;
    padding: 10px;
}

.btn29.green {background:#00cc99;}

.btn29.green:hover {background:#00a57c;}

.btn29.blue {background: #779cb6;}

.btn29.blue:hover {background: #4e7591;}

.btn29.red {background:#CD5C5C;}

.btn29.red:hover {background:#BC2D20;}

.btn29.gray {background:#9CADBA;}

.btn29.gray:hover {background:#8FA9B7;}

.btn29.orange {background:#ff5415;}

.btn29.orange:hover {background:#ff5415;}

.btn29.purple {background: #9966cc}

.btn29.purple:hover {background: #7c3eb9}

.btn29.black {background:#666666;}

.btn29.black:hover {background:#444444;}

.btn29_sp, .btn29_sp_green, .btn29_sp_blue, .btn29_sp_red, .btn29_sp_gray, .btn29_sp_orange{display:inline-block;color:#fff;padding:4px 12px 5px 12px;margin:-7px -18px -8px 18px;border-radius:0px 0px 0px 0px;text-shadow:0 1px 1px rgba(0,0,0,0.56);font-size:13px;border: 0px solid #E0E0E0;cursor:pointer;outline:none;}

.btn29_sp{background:#a4d3ee;}

.btn29_sp_green{background:#78BC47;}

.btn29_sp_blue{background:#3F91CC;}

.btn29_sp_red{background:#E05E53;}

.btn29_sp_gray{background:#ADC3CE;}

.btn29_sp_orange{background:#F4A653;}

.btn29_big_green, .btn29_big_red, .btn29_big_orange, .btn29_big_blue {display: block;font-size: 14px;color: #fff;padding: 6px;cursor: pointer;outline: none;margin: 2px;border: 1px dashed #ccc; width: 100%; float:center;border-radius: 10px;}

.btn29_big_green {background: #228B22}

.btn29_big_red {background: #CD5C5C;text-shadow: 1px 1px 1px #91332A;}

.btn29_big_orange {background: #FC8000;text-shadow: 1px 1px 1px #91332A;}

.btn29_big_blue {background: #9bb784;text-shadow: 1px 1px 1px #91332A;}

.btn29_big_green:hover {border: 1px dashed #ccc;opacity:0.8}

.btn29_big_red:hover {border: 1px dashed #ccc;opacity:0.8}

.btn29_big_orange:hover {border: 1px dashed #ccc;opacity:0.8}

.btn29_big_blue :hover {border: 1px dashed #ccc;opacity:0.8}

.sf_button{
	background: #779cb6;
}

.sf_button_red{
	background: #ff3e6b;
}

.sf_button_green, #load-pages{
	background: #00cc99;
}

.sf_button_blue{
	background: #779CB6;
}

.sf_button_10{
	background: #547cd5;
}

.sf_button_bitcoin{
	background: #F7931A;
}

.sf_button_purple{
	background: #9966cc;
}

.sf_button_orange{
	background: #ff7f50;
}

.sf_button_gray{
	background: #848482;
}

.sf_button, .sf_button_red, .sf_button_green, .sf_button_blue, .sf_button_10, .sf_button_bitcoin, .sf_button_purple, .sf_button_orange, .sf_button_gray{
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    cursor: pointer;
    margin: 2px;
    padding: 5px;
    text-align: center;
    display: inline-block;
}

.sf_button:hover, .sf_button:active{
	background: #4e7591;
}

.sf_button_red:hover, .sf_button_red:active{
	background: #ff033e;
}

.sf_button_green:hover, .sf_button_green:active{
	background: #00a57c;
}

.sf_button_blue:hover, .sf_button_blue:active{
	background: #5d89a8;
}

.sf_button_10:hover, .sf_button_10:active{
	background: #2b54af;
}

.sf_button_bitcoin:hover, .sf_button_bitcoin:active{
	background: #f18807;
}

.sf_button_purple:hover, .sf_button_purple:active{
	background: #7c3eb9;
}

.sf_button_orange:hover, .sf_button_orange:active{
	background: #ff5415;
}

.sf_button_gray:hover, .sf_button_gray:active{
	background: #5d5d5b;
}

table.table_all {width: 100%;margin: 10px 0 10px;line-height: 1.4;border: none;border-spacing: 0;padding: 0;}

table.table_all thead {text-align: center;background: #607D8B;}

table.table_all caption { text-align: center; background: #9bb784;background: -o-linear-gradient(top, #94b27b 0px, #9bb784 100%);background: -moz-linear-gradient(top, #94b27b 0px, #9bb784 100%);       background: -webkit-linear-gradient(top, #94b27b 0px, #9bb784 100%);background: -ms-linear-gradient(top, #94b27b 0px, #9bb784 100%);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);color: #ffffff; outline: none;font-weight: bold;}

table.table_all thead th { color: #ffffff; outline: none; padding: 3px; }

table.table_all .thtr { background: #83a6bd; color: #ffffff; outline: none; padding: 3px; }

table.table_all td { color: #114C5B; text-align: center; font-size: 12px; padding: 6px 5px 2px 3px; border-bottom: solid 1px #aac1d1; }

table.table_all td.left { color: #114C5B; text-align: left; font-size: 12px; padding: 6px 5px 2px; border-bottom: solid 1px #aac1d1; }

table.table_all td.center { color: #114C5B; text-align: center; font-size: 12px; padding: 6px 5px 2px; border-bottom: solid 1px #aac1d1; }

table.table_all td.hed { background: #f7f7f7; color: #617265; text-align: center; font-size: 13px; font-weight: bold; padding: 1px; }

table.table_all td.rating_proc{ background:#f5f9ea; border-top:solid 1px #d7e4c8; border-bottom:solid 1px #d7e4c8; }

table.table_all td.rating_text{ text-align: left; font-weight: solid ; background:#dae8af ; border-top:solid 1px #d7e4c8; border-bottom:solid 1px #d7e4c8; }

table.table_all td.rating_name_column{ background:#f5f9ea; border-top:solid 1px #d7e4c8; border-bottom:solid 1px #d7e4c8; }

.info_text_count_task_youtube {
    font-family: arial;
    font-size: 11px;
    background-color: #65bd5f;
    color: #fff;
    padding: 2px 4px 2px 6px;
    border-radius: 24px;
    gap: 3px;
    justify-content: space-between;
    align-items: center
}

.info_text_count_task_youtube__span {
    position: relative;
    display: inline-grid;
    top: .15em;
    cursor: pointer;
    height: 11px;
    margin-left: 1px
}

.crypto-invoice .payout-data td {
    text-align: left
}

.crypto-payment-error,.sbp-payment-error {
    text-align: center;
    font-size: 14px;
    color: #a94442;
    padding: 20px
}

.crypto-invoice-success {
    text-align: center;
    padding: 20px 20%
}

.crypto-invoice-success__img,.crypto-invoice-success__head,.crypto-invoice-success__msg {
    margin-bottom: 20px
}

.crypto-invoice-success__head {
    font-weight: 700;
    font-size: 14px
}

.crypto-invoice-success__msg {
    font-size: 12px
}

.crypto-invoice,.sbp-invoice {
    text-align: center;
    padding: 20px;
    font-size: 12px;
}

.crypto-invoice__qr-code {
    margin-bottom: 10px
}

@keyframes pulse {
    0% {
        transform: scale(0.85);
        background-color: #12FF00;
    }
    50% {
        transform: scale(1.05);
        background-color: #00FF90;
    }
    100% {
        transform: scale(0.85);
        background-color: #12FF00;
    }
}

.fixedtab {
    right: -25px;
    top: 50%;
    position: fixed;
    z-index: 2;
    padding: 11px 18px 11px 18px;
    
    border-radius: 20px 20px 0px 0px;
    transform: rotate(-90deg);
    transition: background-color 0.3s;
}

.fixedtab i {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(https://minebux.ru/statica/img/lk.svg) center no-repeat;
    margin-right: 10px;
}

.fixedtab span {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}

.wall-ad {
    padding: 5px 10px;
    position: relative;
    border: 2px solid #608ab9;
    min-height: 47px;
    margin-top: -3px
}

.wall-ad a.ad-title {
    font-size: 15px;
    font-weight: 700
}

.wall-ad .newdoskars {
    color: #000
}

.wall-ad .ad-ico {
    position: absolute;
    right: 10px;
    top: 5px;
    background: url(chat/ico_rek3.png) -22px 0 no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.wall-ad .ad-add {
    bottom: 5px
}

.wall-ad .ad-out,.wall-ad .ad-moder-out,.wall-ad .ad-add {
    position: absolute;
    right: 10px;
    font-size: 11px;
    cursor: pointer
}

.wall-ad .ad-url-pars {
    color: #47a447
}

.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}

.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}

.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}

.fa-1x{font-size:1em}

.fa-2x{font-size:2em}

.fa-3x{font-size:3em}

.fa-4x{font-size:4em}

.fa-5x{font-size:5em}

.fa-6x{font-size:6em}

.fa-7x{font-size:7em}

.fa-8x{font-size:8em}

.fa-9x{font-size:9em}

.fa-10x{font-size:10em}

.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}

.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}

.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}

.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}

.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}

.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}

.fa-fw{text-align:center;width:1.25em}

.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}

.fa-ul>li{position:relative}

.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}

.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}

.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}

.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}

.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}

.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}

.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}

.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}

.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}

.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}

.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}

.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}

.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}

.fa-spin-reverse{--fa-animation-direction:reverse}

.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}

@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}

@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}

@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}

@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}

@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}

@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}

@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}

@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}

@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}

@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}

@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}

@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}

@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}

@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}

@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}

.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}

.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}

.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}

.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}

.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}

.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}

.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}

.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}

.fa-stack-1x{line-height:inherit}

.fa-stack-2x{font-size:2em}

.fa-inverse{color:var(--fa-inverse,#fff)}

.fa-0:before{content:"\30"}

.fa-1:before{content:"\31"}

.fa-2:before{content:"\32"}

.fa-3:before{content:"\33"}

.fa-4:before{content:"\34"}

.fa-5:before{content:"\35"}

.fa-6:before{content:"\36"}

.fa-7:before{content:"\37"}

.fa-8:before{content:"\38"}

.fa-9:before{content:"\39"}

.fa-fill-drip:before{content:"\f576"}

.fa-arrows-to-circle:before{content:"\e4bd"}

.fa-chevron-circle-right:before,.fa-circle-chevron-right:before{content:"\f138"}

.fa-at:before{content:"\40"}

.fa-trash-alt:before,.fa-trash-can:before{content:"\f2ed"}

.fa-text-height:before{content:"\f034"}

.fa-user-times:before,.fa-user-xmark:before{content:"\f235"}

.fa-stethoscope:before{content:"\f0f1"}

.fa-comment-alt:before,.fa-message:before{content:"\f27a"}

.fa-info:before{content:"\f129"}

.fa-compress-alt:before,.fa-down-left-and-up-right-to-center:before{content:"\f422"}

.fa-explosion:before{content:"\e4e9"}

.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:"\f15c"}

.fa-wave-square:before{content:"\f83e"}

.fa-ring:before{content:"\f70b"}

.fa-building-un:before{content:"\e4d9"}

.fa-dice-three:before{content:"\f527"}

.fa-calendar-alt:before,.fa-calendar-days:before{content:"\f073"}

.fa-anchor-circle-check:before{content:"\e4aa"}

.fa-building-circle-arrow-right:before{content:"\e4d1"}

.fa-volleyball-ball:before,.fa-volleyball:before{content:"\f45f"}

.fa-arrows-up-to-line:before{content:"\e4c2"}

.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}

.fa-circle-minus:before,.fa-minus-circle:before{content:"\f056"}

.fa-door-open:before{content:"\f52b"}

.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:"\f2f5"}

.fa-atom:before{content:"\f5d2"}

.fa-soap:before{content:"\e06e"}

.fa-heart-music-camera-bolt:before,.fa-icons:before{content:"\f86d"}

.fa-microphone-alt-slash:before,.fa-microphone-lines-slash:before{content:"\f539"}

.fa-bridge-circle-check:before{content:"\e4c9"}

.fa-pump-medical:before{content:"\e06a"}

.fa-fingerprint:before{content:"\f577"}

.fa-hand-point-right:before{content:"\f0a4"}

.fa-magnifying-glass-location:before,.fa-search-location:before{content:"\f689"}

.fa-forward-step:before,.fa-step-forward:before{content:"\f051"}

.fa-face-smile-beam:before,.fa-smile-beam:before{content:"\f5b8"}

.fa-flag-checkered:before{content:"\f11e"}

.fa-football-ball:before,.fa-football:before{content:"\f44e"}

.fa-school-circle-exclamation:before{content:"\e56c"}

.fa-crop:before{content:"\f125"}

.fa-angle-double-down:before,.fa-angles-down:before{content:"\f103"}

.fa-users-rectangle:before{content:"\e594"}

.fa-people-roof:before{content:"\e537"}

.fa-people-line:before{content:"\e534"}

.fa-beer-mug-empty:before,.fa-beer:before{content:"\f0fc"}

.fa-diagram-predecessor:before{content:"\e477"}

.fa-arrow-up-long:before,.fa-long-arrow-up:before{content:"\f176"}

.fa-burn:before,.fa-fire-flame-simple:before{content:"\f46a"}

.fa-male:before,.fa-person:before{content:"\f183"}

.fa-laptop:before{content:"\f109"}

.fa-file-csv:before{content:"\f6dd"}

.fa-menorah:before{content:"\f676"}

.fa-truck-plane:before{content:"\e58f"}

.fa-record-vinyl:before{content:"\f8d9"}

.fa-face-grin-stars:before,.fa-grin-stars:before{content:"\f587"}

.fa-bong:before{content:"\f55c"}

.fa-pastafarianism:before,.fa-spaghetti-monster-flying:before{content:"\f67b"}

.fa-arrow-down-up-across-line:before{content:"\e4af"}

.fa-spoon:before,.fa-utensil-spoon:before{content:"\f2e5"}

.fa-jar-wheat:before{content:"\e517"}

.fa-envelopes-bulk:before,.fa-mail-bulk:before{content:"\f674"}

.fa-file-circle-exclamation:before{content:"\e4eb"}

.fa-circle-h:before,.fa-hospital-symbol:before{content:"\f47e"}

.fa-pager:before{content:"\f815"}

.fa-address-book:before,.fa-contact-book:before{content:"\f2b9"}

.fa-strikethrough:before{content:"\f0cc"}

.fa-k:before{content:"\4b"}

.fa-landmark-flag:before{content:"\e51c"}

.fa-pencil-alt:before,.fa-pencil:before{content:"\f303"}

.fa-backward:before{content:"\f04a"}

.fa-caret-right:before{content:"\f0da"}

.fa-comments:before{content:"\f086"}

.fa-file-clipboard:before,.fa-paste:before{content:"\f0ea"}

.fa-code-pull-request:before{content:"\e13c"}

.fa-clipboard-list:before{content:"\f46d"}

.fa-truck-loading:before,.fa-truck-ramp-box:before{content:"\f4de"}

.fa-user-check:before{content:"\f4fc"}

.fa-vial-virus:before{content:"\e597"}

.fa-sheet-plastic:before{content:"\e571"}

.fa-blog:before{content:"\f781"}

.fa-user-ninja:before{content:"\f504"}

.fa-person-arrow-up-from-line:before{content:"\e539"}

.fa-scroll-torah:before,.fa-torah:before{content:"\f6a0"}

.fa-broom-ball:before,.fa-quidditch-broom-ball:before,.fa-quidditch:before{content:"\f458"}

.fa-toggle-off:before{content:"\f204"}

.fa-archive:before,.fa-box-archive:before{content:"\f187"}

.fa-person-drowning:before{content:"\e545"}

.fa-arrow-down-9-1:before,.fa-sort-numeric-desc:before,.fa-sort-numeric-down-alt:before{content:"\f886"}

.fa-face-grin-tongue-squint:before,.fa-grin-tongue-squint:before{content:"\f58a"}

.fa-spray-can:before{content:"\f5bd"}

.fa-truck-monster:before{content:"\f63b"}

.fa-w:before{content:"\57"}

.fa-earth-africa:before,.fa-globe-africa:before{content:"\f57c"}

.fa-rainbow:before{content:"\f75b"}

.fa-circle-notch:before{content:"\f1ce"}

.fa-tablet-alt:before,.fa-tablet-screen-button:before{content:"\f3fa"}

.fa-paw:before{content:"\f1b0"}

.fa-cloud:before{content:"\f0c2"}

.fa-trowel-bricks:before{content:"\e58a"}

.fa-face-flushed:before,.fa-flushed:before{content:"\f579"}

.fa-hospital-user:before{content:"\f80d"}

.fa-tent-arrow-left-right:before{content:"\e57f"}

.fa-gavel:before,.fa-legal:before{content:"\f0e3"}

.fa-binoculars:before{content:"\f1e5"}

.fa-microphone-slash:before{content:"\f131"}

.fa-box-tissue:before{content:"\e05b"}

.fa-motorcycle:before{content:"\f21c"}

.fa-bell-concierge:before,.fa-concierge-bell:before{content:"\f562"}

.fa-pen-ruler:before,.fa-pencil-ruler:before{content:"\f5ae"}

.fa-people-arrows-left-right:before,.fa-people-arrows:before{content:"\e068"}

.fa-mars-and-venus-burst:before{content:"\e523"}

.fa-caret-square-right:before,.fa-square-caret-right:before{content:"\f152"}

.fa-cut:before,.fa-scissors:before{content:"\f0c4"}

.fa-sun-plant-wilt:before{content:"\e57a"}

.fa-toilets-portable:before{content:"\e584"}

.fa-hockey-puck:before{content:"\f453"}

.fa-table:before{content:"\f0ce"}

.fa-magnifying-glass-arrow-right:before{content:"\e521"}

.fa-digital-tachograph:before,.fa-tachograph-digital:before{content:"\f566"}

.fa-users-slash:before{content:"\e073"}

.fa-clover:before{content:"\e139"}

.fa-mail-reply:before,.fa-reply:before{content:"\f3e5"}

.fa-star-and-crescent:before{content:"\f699"}

.fa-house-fire:before{content:"\e50c"}

.fa-minus-square:before,.fa-square-minus:before{content:"\f146"}

.fa-helicopter:before{content:"\f533"}

.fa-compass:before{content:"\f14e"}

.fa-caret-square-down:before,.fa-square-caret-down:before{content:"\f150"}

.fa-file-circle-question:before{content:"\e4ef"}

.fa-laptop-code:before{content:"\f5fc"}

.fa-swatchbook:before{content:"\f5c3"}

.fa-prescription-bottle:before{content:"\f485"}

.fa-bars:before,.fa-navicon:before{content:"\f0c9"}

.fa-people-group:before{content:"\e533"}

.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}

.fa-heart-broken:before,.fa-heart-crack:before{content:"\f7a9"}

.fa-external-link-square-alt:before,.fa-square-up-right:before{content:"\f360"}

.fa-face-kiss-beam:before,.fa-kiss-beam:before{content:"\f597"}

.fa-film:before{content:"\f008"}

.fa-ruler-horizontal:before{content:"\f547"}

.fa-people-robbery:before{content:"\e536"}

.fa-lightbulb:before{content:"\f0eb"}

.fa-caret-left:before{content:"\f0d9"}

.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:"\f06a"}

.fa-school-circle-xmark:before{content:"\e56d"}

.fa-arrow-right-from-bracket:before,.fa-sign-out:before{content:"\f08b"}

.fa-chevron-circle-down:before,.fa-circle-chevron-down:before{content:"\f13a"}

.fa-unlock-alt:before,.fa-unlock-keyhole:before{content:"\f13e"}

.fa-cloud-showers-heavy:before{content:"\f740"}

.fa-headphones-alt:before,.fa-headphones-simple:before{content:"\f58f"}

.fa-sitemap:before{content:"\f0e8"}

.fa-circle-dollar-to-slot:before,.fa-donate:before{content:"\f4b9"}

.fa-memory:before{content:"\f538"}

.fa-road-spikes:before{content:"\e568"}

.fa-fire-burner:before{content:"\e4f1"}

.fa-flag:before{content:"\f024"}

.fa-hanukiah:before{content:"\f6e6"}

.fa-feather:before{content:"\f52d"}

.fa-volume-down:before,.fa-volume-low:before{content:"\f027"}

.fa-comment-slash:before{content:"\f4b3"}

.fa-cloud-sun-rain:before{content:"\f743"}

.fa-compress:before{content:"\f066"}

.fa-wheat-alt:before,.fa-wheat-awn:before{content:"\e2cd"}

.fa-ankh:before{content:"\f644"}

.fa-hands-holding-child:before{content:"\e4fa"}

.fa-asterisk:before{content:"\2a"}

.fa-check-square:before,.fa-square-check:before{content:"\f14a"}

.fa-peseta-sign:before{content:"\e221"}

.fa-header:before,.fa-heading:before{content:"\f1dc"}

.fa-ghost:before{content:"\f6e2"}

.fa-list-squares:before,.fa-list:before{content:"\f03a"}

.fa-phone-square-alt:before,.fa-square-phone-flip:before{content:"\f87b"}

.fa-cart-plus:before{content:"\f217"}

.fa-gamepad:before{content:"\f11b"}

.fa-circle-dot:before,.fa-dot-circle:before{content:"\f192"}

.fa-dizzy:before,.fa-face-dizzy:before{content:"\f567"}

.fa-egg:before{content:"\f7fb"}

.fa-house-medical-circle-xmark:before{content:"\e513"}

.fa-campground:before{content:"\f6bb"}

.fa-folder-plus:before{content:"\f65e"}

.fa-futbol-ball:before,.fa-futbol:before,.fa-soccer-ball:before{content:"\f1e3"}

.fa-paint-brush:before,.fa-paintbrush:before{content:"\f1fc"}

.fa-lock:before{content:"\f023"}

.fa-gas-pump:before{content:"\f52f"}

.fa-hot-tub-person:before,.fa-hot-tub:before{content:"\f593"}

.fa-map-location:before,.fa-map-marked:before{content:"\f59f"}

.fa-house-flood-water:before{content:"\e50e"}

.fa-tree:before{content:"\f1bb"}

.fa-bridge-lock:before{content:"\e4cc"}

.fa-sack-dollar:before{content:"\f81d"}

.fa-edit:before,.fa-pen-to-square:before{content:"\f044"}

.fa-car-side:before{content:"\f5e4"}

.fa-share-alt:before,.fa-share-nodes:before{content:"\f1e0"}

.fa-heart-circle-minus:before{content:"\e4ff"}

.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}

.fa-microscope:before{content:"\f610"}

.fa-sink:before{content:"\e06d"}

.fa-bag-shopping:before,.fa-shopping-bag:before{content:"\f290"}

.fa-arrow-down-z-a:before,.fa-sort-alpha-desc:before,.fa-sort-alpha-down-alt:before{content:"\f881"}

.fa-mitten:before{content:"\f7b5"}

.fa-person-rays:before{content:"\e54d"}

.fa-users:before{content:"\f0c0"}

.fa-eye-slash:before{content:"\f070"}

.fa-flask-vial:before{content:"\e4f3"}

.fa-hand-paper:before,.fa-hand:before{content:"\f256"}

.fa-om:before{content:"\f679"}

.fa-worm:before{content:"\e599"}

.fa-house-circle-xmark:before{content:"\e50b"}

.fa-plug:before{content:"\f1e6"}

.fa-chevron-up:before{content:"\f077"}

.fa-hand-spock:before{content:"\f259"}

.fa-stopwatch:before{content:"\f2f2"}

.fa-face-kiss:before,.fa-kiss:before{content:"\f596"}

.fa-bridge-circle-xmark:before{content:"\e4cb"}

.fa-face-grin-tongue:before,.fa-grin-tongue:before{content:"\f589"}

.fa-chess-bishop:before{content:"\f43a"}

.fa-face-grin-wink:before,.fa-grin-wink:before{content:"\f58c"}

.fa-deaf:before,.fa-deafness:before,.fa-ear-deaf:before,.fa-hard-of-hearing:before{content:"\f2a4"}

.fa-road-circle-check:before{content:"\e564"}

.fa-dice-five:before{content:"\f523"}

.fa-rss-square:before,.fa-square-rss:before{content:"\f143"}

.fa-land-mine-on:before{content:"\e51b"}

.fa-i-cursor:before{content:"\f246"}

.fa-stamp:before{content:"\f5bf"}

.fa-stairs:before{content:"\e289"}

.fa-i:before{content:"\49"}

.fa-hryvnia-sign:before,.fa-hryvnia:before{content:"\f6f2"}

.fa-pills:before{content:"\f484"}

.fa-face-grin-wide:before,.fa-grin-alt:before{content:"\f581"}

.fa-tooth:before{content:"\f5c9"}

.fa-v:before{content:"\56"}

.fa-bangladeshi-taka-sign:before{content:"\e2e6"}

.fa-bicycle:before{content:"\f206"}

.fa-rod-asclepius:before,.fa-rod-snake:before,.fa-staff-aesculapius:before,.fa-staff-snake:before{content:"\e579"}

.fa-head-side-cough-slash:before{content:"\e062"}

.fa-ambulance:before,.fa-truck-medical:before{content:"\f0f9"}

.fa-wheat-awn-circle-exclamation:before{content:"\e598"}

.fa-snowman:before{content:"\f7d0"}

.fa-mortar-pestle:before{content:"\f5a7"}

.fa-road-barrier:before{content:"\e562"}

.fa-school:before{content:"\f549"}

.fa-igloo:before{content:"\f7ae"}

.fa-joint:before{content:"\f595"}

.fa-angle-right:before{content:"\f105"}

.fa-horse:before{content:"\f6f0"}

.fa-q:before{content:"\51"}

.fa-g:before{content:"\47"}

.fa-notes-medical:before{content:"\f481"}

.fa-temperature-2:before,.fa-temperature-half:before,.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}

.fa-dong-sign:before{content:"\e169"}

.fa-capsules:before{content:"\f46b"}

.fa-poo-bolt:before,.fa-poo-storm:before{content:"\f75a"}

.fa-face-frown-open:before,.fa-frown-open:before{content:"\f57a"}

.fa-hand-point-up:before{content:"\f0a6"}

.fa-money-bill:before{content:"\f0d6"}

.fa-bookmark:before{content:"\f02e"}

.fa-align-justify:before{content:"\f039"}

.fa-umbrella-beach:before{content:"\f5ca"}

.fa-helmet-un:before{content:"\e503"}

.fa-bullseye:before{content:"\f140"}

.fa-bacon:before{content:"\f7e5"}

.fa-hand-point-down:before{content:"\f0a7"}

.fa-arrow-up-from-bracket:before{content:"\e09a"}

.fa-folder-blank:before,.fa-folder:before{content:"\f07b"}

.fa-file-medical-alt:before,.fa-file-waveform:before{content:"\f478"}

.fa-radiation:before{content:"\f7b9"}

.fa-chart-simple:before{content:"\e473"}

.fa-mars-stroke:before{content:"\f229"}

.fa-vial:before{content:"\f492"}

.fa-dashboard:before,.fa-gauge-med:before,.fa-gauge:before,.fa-tachometer-alt-average:before{content:"\f624"}

.fa-magic-wand-sparkles:before,.fa-wand-magic-sparkles:before{content:"\e2ca"}

.fa-e:before{content:"\45"}

.fa-pen-alt:before,.fa-pen-clip:before{content:"\f305"}

.fa-bridge-circle-exclamation:before{content:"\e4ca"}

.fa-user:before{content:"\f007"}

.fa-school-circle-check:before{content:"\e56b"}

.fa-dumpster:before{content:"\f793"}

.fa-shuttle-van:before,.fa-van-shuttle:before{content:"\f5b6"}

.fa-building-user:before{content:"\e4da"}

.fa-caret-square-left:before,.fa-square-caret-left:before{content:"\f191"}

.fa-highlighter:before{content:"\f591"}

.fa-key:before{content:"\f084"}

.fa-bullhorn:before{content:"\f0a1"}

.fa-globe:before{content:"\f0ac"}

.fa-synagogue:before{content:"\f69b"}

.fa-person-half-dress:before{content:"\e548"}

.fa-road-bridge:before{content:"\e563"}

.fa-location-arrow:before{content:"\f124"}

.fa-c:before{content:"\43"}

.fa-tablet-button:before{content:"\f10a"}

.fa-building-lock:before{content:"\e4d6"}

.fa-pizza-slice:before{content:"\f818"}

.fa-money-bill-wave:before{content:"\f53a"}

.fa-area-chart:before,.fa-chart-area:before{content:"\f1fe"}

.fa-house-flag:before{content:"\e50d"}

.fa-person-circle-minus:before{content:"\e540"}

.fa-ban:before,.fa-cancel:before{content:"\f05e"}

.fa-camera-rotate:before{content:"\e0d8"}

.fa-air-freshener:before,.fa-spray-can-sparkles:before{content:"\f5d0"}

.fa-star:before{content:"\f005"}

.fa-repeat:before{content:"\f363"}

.fa-cross:before{content:"\f654"}

.fa-box:before{content:"\f466"}

.fa-venus-mars:before{content:"\f228"}

.fa-arrow-pointer:before,.fa-mouse-pointer:before{content:"\f245"}

.fa-expand-arrows-alt:before,.fa-maximize:before{content:"\f31e"}

.fa-charging-station:before{content:"\f5e7"}

.fa-shapes:before,.fa-triangle-circle-square:before{content:"\f61f"}

.fa-random:before,.fa-shuffle:before{content:"\f074"}

.fa-person-running:before,.fa-running:before{content:"\f70c"}

.fa-mobile-retro:before{content:"\e527"}

.fa-grip-lines-vertical:before{content:"\f7a5"}

.fa-spider:before{content:"\f717"}

.fa-hands-bound:before{content:"\e4f9"}

.fa-file-invoice-dollar:before{content:"\f571"}

.fa-plane-circle-exclamation:before{content:"\e556"}

.fa-x-ray:before{content:"\f497"}

.fa-spell-check:before{content:"\f891"}

.fa-slash:before{content:"\f715"}

.fa-computer-mouse:before,.fa-mouse:before{content:"\f8cc"}

.fa-arrow-right-to-bracket:before,.fa-sign-in:before{content:"\f090"}

.fa-shop-slash:before,.fa-store-alt-slash:before{content:"\e070"}

.fa-server:before{content:"\f233"}

.fa-virus-covid-slash:before{content:"\e4a9"}

.fa-shop-lock:before{content:"\e4a5"}

.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}

.fa-blender-phone:before{content:"\f6b6"}

.fa-building-wheat:before{content:"\e4db"}

.fa-person-breastfeeding:before{content:"\e53a"}

.fa-right-to-bracket:before,.fa-sign-in-alt:before{content:"\f2f6"}

.fa-venus:before{content:"\f221"}

.fa-passport:before{content:"\f5ab"}

.fa-heart-pulse:before,.fa-heartbeat:before{content:"\f21e"}

.fa-people-carry-box:before,.fa-people-carry:before{content:"\f4ce"}

.fa-temperature-high:before{content:"\f769"}

.fa-microchip:before{content:"\f2db"}

.fa-crown:before{content:"\f521"}

.fa-weight-hanging:before{content:"\f5cd"}

.fa-xmarks-lines:before{content:"\e59a"}

.fa-file-prescription:before{content:"\f572"}

.fa-weight-scale:before,.fa-weight:before{content:"\f496"}

.fa-user-friends:before,.fa-user-group:before{content:"\f500"}

.fa-arrow-up-a-z:before,.fa-sort-alpha-up:before{content:"\f15e"}

.fa-chess-knight:before{content:"\f441"}

.fa-face-laugh-squint:before,.fa-laugh-squint:before{content:"\f59b"}

.fa-wheelchair:before{content:"\f193"}

.fa-arrow-circle-up:before,.fa-circle-arrow-up:before{content:"\f0aa"}

.fa-toggle-on:before{content:"\f205"}

.fa-person-walking:before,.fa-walking:before{content:"\f554"}

.fa-l:before{content:"\4c"}

.fa-fire:before{content:"\f06d"}

.fa-bed-pulse:before,.fa-procedures:before{content:"\f487"}

.fa-shuttle-space:before,.fa-space-shuttle:before{content:"\f197"}

.fa-face-laugh:before,.fa-laugh:before{content:"\f599"}

.fa-folder-open:before{content:"\f07c"}

.fa-heart-circle-plus:before{content:"\e500"}

.fa-code-fork:before{content:"\e13b"}

.fa-city:before{content:"\f64f"}

.fa-microphone-alt:before,.fa-microphone-lines:before{content:"\f3c9"}

.fa-pepper-hot:before{content:"\f816"}

.fa-unlock:before{content:"\f09c"}

.fa-colon-sign:before{content:"\e140"}

.fa-headset:before{content:"\f590"}

.fa-store-slash:before{content:"\e071"}

.fa-road-circle-xmark:before{content:"\e566"}

.fa-user-minus:before{content:"\f503"}

.fa-mars-stroke-up:before,.fa-mars-stroke-v:before{content:"\f22a"}

.fa-champagne-glasses:before,.fa-glass-cheers:before{content:"\f79f"}

.fa-clipboard:before{content:"\f328"}

.fa-house-circle-exclamation:before{content:"\e50a"}

.fa-file-arrow-up:before,.fa-file-upload:before{content:"\f574"}

.fa-wifi-3:before,.fa-wifi-strong:before,.fa-wifi:before{content:"\f1eb"}

.fa-bath:before,.fa-bathtub:before{content:"\f2cd"}

.fa-underline:before{content:"\f0cd"}

.fa-user-edit:before,.fa-user-pen:before{content:"\f4ff"}

.fa-signature:before{content:"\f5b7"}

.fa-stroopwafel:before{content:"\f551"}

.fa-bold:before{content:"\f032"}

.fa-anchor-lock:before{content:"\e4ad"}

.fa-building-ngo:before{content:"\e4d7"}

.fa-manat-sign:before{content:"\e1d5"}

.fa-not-equal:before{content:"\f53e"}

.fa-border-style:before,.fa-border-top-left:before{content:"\f853"}

.fa-map-location-dot:before,.fa-map-marked-alt:before{content:"\f5a0"}

.fa-jedi:before{content:"\f669"}

.fa-poll:before,.fa-square-poll-vertical:before{content:"\f681"}

.fa-mug-hot:before{content:"\f7b6"}

.fa-battery-car:before,.fa-car-battery:before{content:"\f5df"}

.fa-gift:before{content:"\f06b"}

.fa-dice-two:before{content:"\f528"}

.fa-chess-queen:before{content:"\f445"}

.fa-glasses:before{content:"\f530"}

.fa-chess-board:before{content:"\f43c"}

.fa-building-circle-check:before{content:"\e4d2"}

.fa-person-chalkboard:before{content:"\e53d"}

.fa-mars-stroke-h:before,.fa-mars-stroke-right:before{content:"\f22b"}

.fa-hand-back-fist:before,.fa-hand-rock:before{content:"\f255"}

.fa-caret-square-up:before,.fa-square-caret-up:before{content:"\f151"}

.fa-cloud-showers-water:before{content:"\e4e4"}

.fa-bar-chart:before,.fa-chart-bar:before{content:"\f080"}

.fa-hands-bubbles:before,.fa-hands-wash:before{content:"\e05e"}

.fa-less-than-equal:before{content:"\f537"}

.fa-train:before{content:"\f238"}

.fa-eye-low-vision:before,.fa-low-vision:before{content:"\f2a8"}

.fa-crow:before{content:"\f520"}

.fa-sailboat:before{content:"\e445"}

.fa-window-restore:before{content:"\f2d2"}

.fa-plus-square:before,.fa-square-plus:before{content:"\f0fe"}

.fa-torii-gate:before{content:"\f6a1"}

.fa-frog:before{content:"\f52e"}

.fa-bucket:before{content:"\e4cf"}

.fa-image:before{content:"\f03e"}

.fa-microphone:before{content:"\f130"}

.fa-cow:before{content:"\f6c8"}

.fa-caret-up:before{content:"\f0d8"}

.fa-screwdriver:before{content:"\f54a"}

.fa-folder-closed:before{content:"\e185"}

.fa-house-tsunami:before{content:"\e515"}

.fa-square-nfi:before{content:"\e576"}

.fa-arrow-up-from-ground-water:before{content:"\e4b5"}

.fa-glass-martini-alt:before,.fa-martini-glass:before{content:"\f57b"}

.fa-rotate-back:before,.fa-rotate-backward:before,.fa-rotate-left:before,.fa-undo-alt:before{content:"\f2ea"}

.fa-columns:before,.fa-table-columns:before{content:"\f0db"}

.fa-lemon:before{content:"\f094"}

.fa-head-side-mask:before{content:"\e063"}

.fa-handshake:before{content:"\f2b5"}

.fa-gem:before{content:"\f3a5"}

.fa-dolly-box:before,.fa-dolly:before{content:"\f472"}

.fa-smoking:before{content:"\f48d"}

.fa-compress-arrows-alt:before,.fa-minimize:before{content:"\f78c"}

.fa-monument:before{content:"\f5a6"}

.fa-snowplow:before{content:"\f7d2"}

.fa-angle-double-right:before,.fa-angles-right:before{content:"\f101"}

.fa-cannabis:before{content:"\f55f"}

.fa-circle-play:before,.fa-play-circle:before{content:"\f144"}

.fa-tablets:before{content:"\f490"}

.fa-ethernet:before{content:"\f796"}

.fa-eur:before,.fa-euro-sign:before,.fa-euro:before{content:"\f153"}

.fa-chair:before{content:"\f6c0"}

.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}

.fa-circle-stop:before,.fa-stop-circle:before{content:"\f28d"}

.fa-compass-drafting:before,.fa-drafting-compass:before{content:"\f568"}

.fa-plate-wheat:before{content:"\e55a"}

.fa-icicles:before{content:"\f7ad"}

.fa-person-shelter:before{content:"\e54f"}

.fa-neuter:before{content:"\f22c"}

.fa-id-badge:before{content:"\f2c1"}

.fa-marker:before{content:"\f5a1"}

.fa-face-laugh-beam:before,.fa-laugh-beam:before{content:"\f59a"}

.fa-helicopter-symbol:before{content:"\e502"}

.fa-universal-access:before{content:"\f29a"}

.fa-chevron-circle-up:before,.fa-circle-chevron-up:before{content:"\f139"}

.fa-lari-sign:before{content:"\e1c8"}

.fa-volcano:before{content:"\f770"}

.fa-person-walking-dashed-line-arrow-right:before{content:"\e553"}

.fa-gbp:before,.fa-pound-sign:before,.fa-sterling-sign:before{content:"\f154"}

.fa-viruses:before{content:"\e076"}

.fa-square-person-confined:before{content:"\e577"}

.fa-user-tie:before{content:"\f508"}

.fa-arrow-down-long:before,.fa-long-arrow-down:before{content:"\f175"}

.fa-tent-arrow-down-to-line:before{content:"\e57e"}

.fa-certificate:before{content:"\f0a3"}

.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}

.fa-suitcase:before{content:"\f0f2"}

.fa-person-skating:before,.fa-skating:before{content:"\f7c5"}

.fa-filter-circle-dollar:before,.fa-funnel-dollar:before{content:"\f662"}

.fa-camera-retro:before{content:"\f083"}

.fa-arrow-circle-down:before,.fa-circle-arrow-down:before{content:"\f0ab"}

.fa-arrow-right-to-file:before,.fa-file-import:before{content:"\f56f"}

.fa-external-link-square:before,.fa-square-arrow-up-right:before{content:"\f14c"}

.fa-box-open:before{content:"\f49e"}

.fa-scroll:before{content:"\f70e"}

.fa-spa:before{content:"\f5bb"}

.fa-location-pin-lock:before{content:"\e51f"}

.fa-pause:before{content:"\f04c"}

.fa-hill-avalanche:before{content:"\e507"}

.fa-temperature-0:before,.fa-temperature-empty:before,.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}

.fa-bomb:before{content:"\f1e2"}

.fa-registered:before{content:"\f25d"}

.fa-address-card:before,.fa-contact-card:before,.fa-vcard:before{content:"\f2bb"}

.fa-balance-scale-right:before,.fa-scale-unbalanced-flip:before{content:"\f516"}

.fa-subscript:before{content:"\f12c"}

.fa-diamond-turn-right:before,.fa-directions:before{content:"\f5eb"}

.fa-burst:before{content:"\e4dc"}

.fa-house-laptop:before,.fa-laptop-house:before{content:"\e066"}

.fa-face-tired:before,.fa-tired:before{content:"\f5c8"}

.fa-money-bills:before{content:"\e1f3"}

.fa-smog:before{content:"\f75f"}

.fa-crutch:before{content:"\f7f7"}

.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-cloud-upload:before{content:"\f0ee"}

.fa-palette:before{content:"\f53f"}

.fa-arrows-turn-right:before{content:"\e4c0"}

.fa-vest:before{content:"\e085"}

.fa-ferry:before{content:"\e4ea"}

.fa-arrows-down-to-people:before{content:"\e4b9"}

.fa-seedling:before,.fa-sprout:before{content:"\f4d8"}

.fa-arrows-alt-h:before,.fa-left-right:before{content:"\f337"}

.fa-boxes-packing:before{content:"\e4c7"}

.fa-arrow-circle-left:before,.fa-circle-arrow-left:before{content:"\f0a8"}

.fa-group-arrows-rotate:before{content:"\e4f6"}

.fa-bowl-food:before{content:"\e4c6"}

.fa-candy-cane:before{content:"\f786"}

.fa-arrow-down-wide-short:before,.fa-sort-amount-asc:before,.fa-sort-amount-down:before{content:"\f160"}

.fa-cloud-bolt:before,.fa-thunderstorm:before{content:"\f76c"}

.fa-remove-format:before,.fa-text-slash:before{content:"\f87d"}

.fa-face-smile-wink:before,.fa-smile-wink:before{content:"\f4da"}

.fa-file-word:before{content:"\f1c2"}

.fa-file-powerpoint:before{content:"\f1c4"}

.fa-arrows-h:before,.fa-arrows-left-right:before{content:"\f07e"}

.fa-house-lock:before{content:"\e510"}

.fa-cloud-arrow-down:before,.fa-cloud-download-alt:before,.fa-cloud-download:before{content:"\f0ed"}

.fa-children:before{content:"\e4e1"}

.fa-blackboard:before,.fa-chalkboard:before{content:"\f51b"}

.fa-user-alt-slash:before,.fa-user-large-slash:before{content:"\f4fa"}

.fa-envelope-open:before{content:"\f2b6"}

.fa-handshake-alt-slash:before,.fa-handshake-simple-slash:before{content:"\e05f"}

.fa-mattress-pillow:before{content:"\e525"}

.fa-guarani-sign:before{content:"\e19a"}

.fa-arrows-rotate:before,.fa-refresh:before,.fa-sync:before{content:"\f021"}

.fa-fire-extinguisher:before{content:"\f134"}

.fa-cruzeiro-sign:before{content:"\e152"}

.fa-greater-than-equal:before{content:"\f532"}

.fa-shield-alt:before,.fa-shield-halved:before{content:"\f3ed"}

.fa-atlas:before,.fa-book-atlas:before{content:"\f558"}

.fa-virus:before{content:"\e074"}

.fa-envelope-circle-check:before{content:"\e4e8"}

.fa-layer-group:before{content:"\f5fd"}

.fa-arrows-to-dot:before{content:"\e4be"}

.fa-archway:before{content:"\f557"}

.fa-heart-circle-check:before{content:"\e4fd"}

.fa-house-chimney-crack:before,.fa-house-damage:before{content:"\f6f1"}

.fa-file-archive:before,.fa-file-zipper:before{content:"\f1c6"}

.fa-square:before{content:"\f0c8"}

.fa-glass-martini:before,.fa-martini-glass-empty:before{content:"\f000"}

.fa-couch:before{content:"\f4b8"}

.fa-cedi-sign:before{content:"\e0df"}

.fa-italic:before{content:"\f033"}

.fa-church:before{content:"\f51d"}

.fa-comments-dollar:before{content:"\f653"}

.fa-democrat:before{content:"\f747"}

.fa-z:before{content:"\5a"}

.fa-person-skiing:before,.fa-skiing:before{content:"\f7c9"}

.fa-road-lock:before{content:"\e567"}

.fa-a:before{content:"\41"}

.fa-temperature-arrow-down:before,.fa-temperature-down:before{content:"\e03f"}

.fa-feather-alt:before,.fa-feather-pointed:before{content:"\f56b"}

.fa-p:before{content:"\50"}

.fa-snowflake:before{content:"\f2dc"}

.fa-newspaper:before{content:"\f1ea"}

.fa-ad:before,.fa-rectangle-ad:before{content:"\f641"}

.fa-arrow-circle-right:before,.fa-circle-arrow-right:before{content:"\f0a9"}

.fa-filter-circle-xmark:before{content:"\e17b"}

.fa-locust:before{content:"\e520"}

.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}

.fa-list-1-2:before,.fa-list-numeric:before,.fa-list-ol:before{content:"\f0cb"}

.fa-person-dress-burst:before{content:"\e544"}

.fa-money-check-alt:before,.fa-money-check-dollar:before{content:"\f53d"}

.fa-vector-square:before{content:"\f5cb"}

.fa-bread-slice:before{content:"\f7ec"}

.fa-language:before{content:"\f1ab"}

.fa-face-kiss-wink-heart:before,.fa-kiss-wink-heart:before{content:"\f598"}

.fa-filter:before{content:"\f0b0"}

.fa-question:before{content:"\3f"}

.fa-file-signature:before{content:"\f573"}

.fa-arrows-alt:before,.fa-up-down-left-right:before{content:"\f0b2"}

.fa-house-chimney-user:before{content:"\e065"}

.fa-hand-holding-heart:before{content:"\f4be"}

.fa-puzzle-piece:before{content:"\f12e"}

.fa-money-check:before{content:"\f53c"}

.fa-star-half-alt:before,.fa-star-half-stroke:before{content:"\f5c0"}

.fa-code:before{content:"\f121"}

.fa-glass-whiskey:before,.fa-whiskey-glass:before{content:"\f7a0"}

.fa-building-circle-exclamation:before{content:"\e4d3"}

.fa-magnifying-glass-chart:before{content:"\e522"}

.fa-arrow-up-right-from-square:before,.fa-external-link:before{content:"\f08e"}

.fa-cubes-stacked:before{content:"\e4e6"}

.fa-krw:before,.fa-won-sign:before,.fa-won:before{content:"\f159"}

.fa-virus-covid:before{content:"\e4a8"}

.fa-austral-sign:before{content:"\e0a9"}

.fa-f:before{content:"\46"}

.fa-leaf:before{content:"\f06c"}

.fa-road:before{content:"\f018"}

.fa-cab:before,.fa-taxi:before{content:"\f1ba"}

.fa-person-circle-plus:before{content:"\e541"}

.fa-chart-pie:before,.fa-pie-chart:before{content:"\f200"}

.fa-bolt-lightning:before{content:"\e0b7"}

.fa-sack-xmark:before{content:"\e56a"}

.fa-file-excel:before{content:"\f1c3"}

.fa-file-contract:before{content:"\f56c"}

.fa-fish-fins:before{content:"\e4f2"}

.fa-building-flag:before{content:"\e4d5"}

.fa-face-grin-beam:before,.fa-grin-beam:before{content:"\f582"}

.fa-object-ungroup:before{content:"\f248"}

.fa-poop:before{content:"\f619"}

.fa-location-pin:before,.fa-map-marker:before{content:"\f041"}

.fa-kaaba:before{content:"\f66b"}

.fa-toilet-paper:before{content:"\f71e"}

.fa-hard-hat:before,.fa-hat-hard:before,.fa-helmet-safety:before{content:"\f807"}

.fa-eject:before{content:"\f052"}

.fa-arrow-alt-circle-right:before,.fa-circle-right:before{content:"\f35a"}

.fa-plane-circle-check:before{content:"\e555"}

.fa-face-rolling-eyes:before,.fa-meh-rolling-eyes:before{content:"\f5a5"}

.fa-object-group:before{content:"\f247"}

.fa-chart-line:before,.fa-line-chart:before{content:"\f201"}

.fa-mask-ventilator:before{content:"\e524"}

.fa-arrow-right:before{content:"\f061"}

.fa-map-signs:before,.fa-signs-post:before{content:"\f277"}

.fa-cash-register:before{content:"\f788"}

.fa-person-circle-question:before{content:"\e542"}

.fa-h:before{content:"\48"}

.fa-tarp:before{content:"\e57b"}

.fa-screwdriver-wrench:before,.fa-tools:before{content:"\f7d9"}

.fa-arrows-to-eye:before{content:"\e4bf"}

.fa-plug-circle-bolt:before{content:"\e55b"}

.fa-heart:before{content:"\f004"}

.fa-mars-and-venus:before{content:"\f224"}

.fa-home-user:before,.fa-house-user:before{content:"\e1b0"}

.fa-dumpster-fire:before{content:"\f794"}

.fa-house-crack:before{content:"\e3b1"}

.fa-cocktail:before,.fa-martini-glass-citrus:before{content:"\f561"}

.fa-face-surprise:before,.fa-surprise:before{content:"\f5c2"}

.fa-bottle-water:before{content:"\e4c5"}

.fa-circle-pause:before,.fa-pause-circle:before{content:"\f28b"}

.fa-toilet-paper-slash:before{content:"\e072"}

.fa-apple-alt:before,.fa-apple-whole:before{content:"\f5d1"}

.fa-kitchen-set:before{content:"\e51a"}

.fa-r:before{content:"\52"}

.fa-temperature-1:before,.fa-temperature-quarter:before,.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}

.fa-cube:before{content:"\f1b2"}

.fa-bitcoin-sign:before{content:"\e0b4"}

.fa-shield-dog:before{content:"\e573"}

.fa-solar-panel:before{content:"\f5ba"}

.fa-lock-open:before{content:"\f3c1"}

.fa-elevator:before{content:"\e16d"}

.fa-money-bill-transfer:before{content:"\e528"}

.fa-money-bill-trend-up:before{content:"\e529"}

.fa-house-flood-water-circle-arrow-right:before{content:"\e50f"}

.fa-poll-h:before,.fa-square-poll-horizontal:before{content:"\f682"}

.fa-circle:before{content:"\f111"}

.fa-backward-fast:before,.fa-fast-backward:before{content:"\f049"}

.fa-recycle:before{content:"\f1b8"}

.fa-user-astronaut:before{content:"\f4fb"}

.fa-plane-slash:before{content:"\e069"}

.fa-trademark:before{content:"\f25c"}

.fa-basketball-ball:before,.fa-basketball:before{content:"\f434"}

.fa-satellite-dish:before{content:"\f7c0"}

.fa-arrow-alt-circle-up:before,.fa-circle-up:before{content:"\f35b"}

.fa-mobile-alt:before,.fa-mobile-screen-button:before{content:"\f3cd"}

.fa-volume-high:before,.fa-volume-up:before{content:"\f028"}

.fa-users-rays:before{content:"\e593"}

.fa-wallet:before{content:"\f555"}

.fa-clipboard-check:before{content:"\f46c"}

.fa-file-audio:before{content:"\f1c7"}

.fa-burger:before,.fa-hamburger:before{content:"\f805"}

.fa-wrench:before{content:"\f0ad"}

.fa-bugs:before{content:"\e4d0"}

.fa-rupee-sign:before,.fa-rupee:before{content:"\f156"}

.fa-file-image:before{content:"\f1c5"}

.fa-circle-question:before,.fa-question-circle:before{content:"\f059"}

.fa-plane-departure:before{content:"\f5b0"}

.fa-handshake-slash:before{content:"\e060"}

.fa-book-bookmark:before{content:"\e0bb"}

.fa-code-branch:before{content:"\f126"}

.fa-hat-cowboy:before{content:"\f8c0"}

.fa-bridge:before{content:"\e4c8"}

.fa-phone-alt:before,.fa-phone-flip:before{content:"\f879"}

.fa-truck-front:before{content:"\e2b7"}

.fa-cat:before{content:"\f6be"}

.fa-anchor-circle-exclamation:before{content:"\e4ab"}

.fa-truck-field:before{content:"\e58d"}

.fa-route:before{content:"\f4d7"}

.fa-clipboard-question:before{content:"\e4e3"}

.fa-panorama:before{content:"\e209"}

.fa-comment-medical:before{content:"\f7f5"}

.fa-teeth-open:before{content:"\f62f"}

.fa-file-circle-minus:before{content:"\e4ed"}

.fa-tags:before{content:"\f02c"}

.fa-wine-glass:before{content:"\f4e3"}

.fa-fast-forward:before,.fa-forward-fast:before{content:"\f050"}

.fa-face-meh-blank:before,.fa-meh-blank:before{content:"\f5a4"}

.fa-parking:before,.fa-square-parking:before{content:"\f540"}

.fa-house-signal:before{content:"\e012"}

.fa-bars-progress:before,.fa-tasks-alt:before{content:"\f828"}

.fa-faucet-drip:before{content:"\e006"}

.fa-cart-flatbed:before,.fa-dolly-flatbed:before{content:"\f474"}

.fa-ban-smoking:before,.fa-smoking-ban:before{content:"\f54d"}

.fa-terminal:before{content:"\f120"}

.fa-mobile-button:before{content:"\f10b"}

.fa-house-medical-flag:before{content:"\e514"}

.fa-basket-shopping:before,.fa-shopping-basket:before{content:"\f291"}

.fa-tape:before{content:"\f4db"}

.fa-bus-alt:before,.fa-bus-simple:before{content:"\f55e"}

.fa-eye:before{content:"\f06e"}

.fa-face-sad-cry:before,.fa-sad-cry:before{content:"\f5b3"}

.fa-audio-description:before{content:"\f29e"}

.fa-person-military-to-person:before{content:"\e54c"}

.fa-file-shield:before{content:"\e4f0"}

.fa-user-slash:before{content:"\f506"}

.fa-pen:before{content:"\f304"}

.fa-tower-observation:before{content:"\e586"}

.fa-file-code:before{content:"\f1c9"}

.fa-signal-5:before,.fa-signal-perfect:before,.fa-signal:before{content:"\f012"}

.fa-bus:before{content:"\f207"}

.fa-heart-circle-xmark:before{content:"\e501"}

.fa-home-lg:before,.fa-house-chimney:before{content:"\e3af"}

.fa-window-maximize:before{content:"\f2d0"}

.fa-face-frown:before,.fa-frown:before{content:"\f119"}

.fa-prescription:before{content:"\f5b1"}

.fa-shop:before,.fa-store-alt:before{content:"\f54f"}

.fa-floppy-disk:before,.fa-save:before{content:"\f0c7"}

.fa-vihara:before{content:"\f6a7"}

.fa-balance-scale-left:before,.fa-scale-unbalanced:before{content:"\f515"}

.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}

.fa-comment-dots:before,.fa-commenting:before{content:"\f4ad"}

.fa-plant-wilt:before{content:"\e5aa"}

.fa-diamond:before{content:"\f219"}

.fa-face-grin-squint:before,.fa-grin-squint:before{content:"\f585"}

.fa-hand-holding-dollar:before,.fa-hand-holding-usd:before{content:"\f4c0"}

.fa-bacterium:before{content:"\e05a"}

.fa-hand-pointer:before{content:"\f25a"}

.fa-drum-steelpan:before{content:"\f56a"}

.fa-hand-scissors:before{content:"\f257"}

.fa-hands-praying:before,.fa-praying-hands:before{content:"\f684"}

.fa-arrow-right-rotate:before,.fa-arrow-rotate-forward:before,.fa-arrow-rotate-right:before,.fa-redo:before{content:"\f01e"}

.fa-biohazard:before{content:"\f780"}

.fa-location-crosshairs:before,.fa-location:before{content:"\f601"}

.fa-mars-double:before{content:"\f227"}

.fa-child-dress:before{content:"\e59c"}

.fa-users-between-lines:before{content:"\e591"}

.fa-lungs-virus:before{content:"\e067"}

.fa-face-grin-tears:before,.fa-grin-tears:before{content:"\f588"}

.fa-phone:before{content:"\f095"}

.fa-calendar-times:before,.fa-calendar-xmark:before{content:"\f273"}

.fa-child-reaching:before{content:"\e59d"}

.fa-head-side-virus:before{content:"\e064"}

.fa-user-cog:before,.fa-user-gear:before{content:"\f4fe"}

.fa-arrow-up-1-9:before,.fa-sort-numeric-up:before{content:"\f163"}

.fa-door-closed:before{content:"\f52a"}

.fa-shield-virus:before{content:"\e06c"}

.fa-dice-six:before{content:"\f526"}

.fa-mosquito-net:before{content:"\e52c"}

.fa-bridge-water:before{content:"\e4ce"}

.fa-person-booth:before{content:"\f756"}

.fa-text-width:before{content:"\f035"}

.fa-hat-wizard:before{content:"\f6e8"}

.fa-pen-fancy:before{content:"\f5ac"}

.fa-digging:before,.fa-person-digging:before{content:"\f85e"}

.fa-trash:before{content:"\f1f8"}

.fa-gauge-simple-med:before,.fa-gauge-simple:before,.fa-tachometer-average:before{content:"\f629"}

.fa-book-medical:before{content:"\f7e6"}

.fa-poo:before{content:"\f2fe"}

.fa-quote-right-alt:before,.fa-quote-right:before{content:"\f10e"}

.fa-shirt:before,.fa-t-shirt:before,.fa-tshirt:before{content:"\f553"}

.fa-cubes:before{content:"\f1b3"}

.fa-divide:before{content:"\f529"}

.fa-tenge-sign:before,.fa-tenge:before{content:"\f7d7"}

.fa-headphones:before{content:"\f025"}

.fa-hands-holding:before{content:"\f4c2"}

.fa-hands-clapping:before{content:"\e1a8"}

.fa-republican:before{content:"\f75e"}

.fa-arrow-left:before{content:"\f060"}

.fa-person-circle-xmark:before{content:"\e543"}

.fa-ruler:before{content:"\f545"}

.fa-align-left:before{content:"\f036"}

.fa-dice-d6:before{content:"\f6d1"}

.fa-restroom:before{content:"\f7bd"}

.fa-j:before{content:"\4a"}

.fa-users-viewfinder:before{content:"\e595"}

.fa-file-video:before{content:"\f1c8"}

.fa-external-link-alt:before,.fa-up-right-from-square:before{content:"\f35d"}

.fa-table-cells:before,.fa-th:before{content:"\f00a"}

.fa-file-pdf:before{content:"\f1c1"}

.fa-bible:before,.fa-book-bible:before{content:"\f647"}

.fa-o:before{content:"\4f"}

.fa-medkit:before,.fa-suitcase-medical:before{content:"\f0fa"}

.fa-user-secret:before{content:"\f21b"}

.fa-otter:before{content:"\f700"}

.fa-female:before,.fa-person-dress:before{content:"\f182"}

.fa-comment-dollar:before{content:"\f651"}

.fa-briefcase-clock:before,.fa-business-time:before{content:"\f64a"}

.fa-table-cells-large:before,.fa-th-large:before{content:"\f009"}

.fa-book-tanakh:before,.fa-tanakh:before{content:"\f827"}

.fa-phone-volume:before,.fa-volume-control-phone:before{content:"\f2a0"}

.fa-hat-cowboy-side:before{content:"\f8c1"}

.fa-clipboard-user:before{content:"\f7f3"}

.fa-child:before{content:"\f1ae"}

.fa-lira-sign:before{content:"\f195"}

.fa-satellite:before{content:"\f7bf"}

.fa-plane-lock:before{content:"\e558"}

.fa-tag:before{content:"\f02b"}

.fa-comment:before{content:"\f075"}

.fa-birthday-cake:before,.fa-cake-candles:before,.fa-cake:before{content:"\f1fd"}

.fa-envelope:before{content:"\f0e0"}

.fa-angle-double-up:before,.fa-angles-up:before{content:"\f102"}

.fa-paperclip:before{content:"\f0c6"}

.fa-arrow-right-to-city:before{content:"\e4b3"}

.fa-ribbon:before{content:"\f4d6"}

.fa-lungs:before{content:"\f604"}

.fa-arrow-up-9-1:before,.fa-sort-numeric-up-alt:before{content:"\f887"}

.fa-litecoin-sign:before{content:"\e1d3"}

.fa-border-none:before{content:"\f850"}

.fa-circle-nodes:before{content:"\e4e2"}

.fa-parachute-box:before{content:"\f4cd"}

.fa-indent:before{content:"\f03c"}

.fa-truck-field-un:before{content:"\e58e"}

.fa-hourglass-empty:before,.fa-hourglass:before{content:"\f254"}

.fa-mountain:before{content:"\f6fc"}

.fa-user-doctor:before,.fa-user-md:before{content:"\f0f0"}

.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}

.fa-cloud-meatball:before{content:"\f73b"}

.fa-camera-alt:before,.fa-camera:before{content:"\f030"}

.fa-square-virus:before{content:"\e578"}

.fa-meteor:before{content:"\f753"}

.fa-car-on:before{content:"\e4dd"}

.fa-sleigh:before{content:"\f7cc"}

.fa-arrow-down-1-9:before,.fa-sort-numeric-asc:before,.fa-sort-numeric-down:before{content:"\f162"}

.fa-hand-holding-droplet:before,.fa-hand-holding-water:before{content:"\f4c1"}

.fa-water:before{content:"\f773"}

.fa-calendar-check:before{content:"\f274"}

.fa-braille:before{content:"\f2a1"}

.fa-prescription-bottle-alt:before,.fa-prescription-bottle-medical:before{content:"\f486"}

.fa-landmark:before{content:"\f66f"}

.fa-truck:before{content:"\f0d1"}

.fa-crosshairs:before{content:"\f05b"}

.fa-person-cane:before{content:"\e53c"}

.fa-tent:before{content:"\e57d"}

.fa-vest-patches:before{content:"\e086"}

.fa-check-double:before{content:"\f560"}

.fa-arrow-down-a-z:before,.fa-sort-alpha-asc:before,.fa-sort-alpha-down:before{content:"\f15d"}

.fa-money-bill-wheat:before{content:"\e52a"}

.fa-cookie:before{content:"\f563"}

.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before{content:"\f0e2"}

.fa-hard-drive:before,.fa-hdd:before{content:"\f0a0"}

.fa-face-grin-squint-tears:before,.fa-grin-squint-tears:before{content:"\f586"}

.fa-dumbbell:before{content:"\f44b"}

.fa-list-alt:before,.fa-rectangle-list:before{content:"\f022"}

.fa-tarp-droplet:before{content:"\e57c"}

.fa-house-medical-circle-check:before{content:"\e511"}

.fa-person-skiing-nordic:before,.fa-skiing-nordic:before{content:"\f7ca"}

.fa-calendar-plus:before{content:"\f271"}

.fa-plane-arrival:before{content:"\f5af"}

.fa-arrow-alt-circle-left:before,.fa-circle-left:before{content:"\f359"}

.fa-subway:before,.fa-train-subway:before{content:"\f239"}

.fa-chart-gantt:before{content:"\e0e4"}

.fa-indian-rupee-sign:before,.fa-indian-rupee:before,.fa-inr:before{content:"\e1bc"}

.fa-crop-alt:before,.fa-crop-simple:before{content:"\f565"}

.fa-money-bill-1:before,.fa-money-bill-alt:before{content:"\f3d1"}

.fa-left-long:before,.fa-long-arrow-alt-left:before{content:"\f30a"}

.fa-dna:before{content:"\f471"}

.fa-virus-slash:before{content:"\e075"}

.fa-minus:before,.fa-subtract:before{content:"\f068"}

.fa-chess:before{content:"\f439"}

.fa-arrow-left-long:before,.fa-long-arrow-left:before{content:"\f177"}

.fa-plug-circle-check:before{content:"\e55c"}

.fa-street-view:before{content:"\f21d"}

.fa-franc-sign:before{content:"\e18f"}

.fa-volume-off:before{content:"\f026"}

.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before,.fa-hands-american-sign-language-interpreting:before,.fa-hands-asl-interpreting:before{content:"\f2a3"}

.fa-cog:before,.fa-gear:before{content:"\f013"}

.fa-droplet-slash:before,.fa-tint-slash:before{content:"\f5c7"}

.fa-mosque:before{content:"\f678"}

.fa-mosquito:before{content:"\e52b"}

.fa-star-of-david:before{content:"\f69a"}

.fa-person-military-rifle:before{content:"\e54b"}

.fa-cart-shopping:before,.fa-shopping-cart:before{content:"\f07a"}

.fa-vials:before{content:"\f493"}

.fa-plug-circle-plus:before{content:"\e55f"}

.fa-place-of-worship:before{content:"\f67f"}

.fa-grip-vertical:before{content:"\f58e"}

.fa-arrow-turn-up:before,.fa-level-up:before{content:"\f148"}

.fa-u:before{content:"\55"}

.fa-square-root-alt:before,.fa-square-root-variable:before{content:"\f698"}

.fa-clock-four:before,.fa-clock:before{content:"\f017"}

.fa-backward-step:before,.fa-step-backward:before{content:"\f048"}

.fa-pallet:before{content:"\f482"}

.fa-faucet:before{content:"\e005"}

.fa-baseball-bat-ball:before{content:"\f432"}

.fa-s:before{content:"\53"}

.fa-timeline:before{content:"\e29c"}

.fa-keyboard:before{content:"\f11c"}

.fa-caret-down:before{content:"\f0d7"}

.fa-clinic-medical:before,.fa-house-chimney-medical:before{content:"\f7f2"}

.fa-temperature-3:before,.fa-temperature-three-quarters:before,.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}

.fa-mobile-android-alt:before,.fa-mobile-screen:before{content:"\f3cf"}

.fa-plane-up:before{content:"\e22d"}

.fa-piggy-bank:before{content:"\f4d3"}

.fa-battery-3:before,.fa-battery-half:before{content:"\f242"}

.fa-mountain-city:before{content:"\e52e"}

.fa-coins:before{content:"\f51e"}

.fa-khanda:before{content:"\f66d"}

.fa-sliders-h:before,.fa-sliders:before{content:"\f1de"}

.fa-folder-tree:before{content:"\f802"}

.fa-network-wired:before{content:"\f6ff"}

.fa-map-pin:before{content:"\f276"}

.fa-hamsa:before{content:"\f665"}

.fa-cent-sign:before{content:"\e3f5"}

.fa-flask:before{content:"\f0c3"}

.fa-person-pregnant:before{content:"\e31e"}

.fa-wand-sparkles:before{content:"\f72b"}

.fa-ellipsis-v:before,.fa-ellipsis-vertical:before{content:"\f142"}

.fa-ticket:before{content:"\f145"}

.fa-power-off:before{content:"\f011"}

.fa-long-arrow-alt-right:before,.fa-right-long:before{content:"\f30b"}

.fa-flag-usa:before{content:"\f74d"}

.fa-laptop-file:before{content:"\e51d"}

.fa-teletype:before,.fa-tty:before{content:"\f1e4"}

.fa-diagram-next:before{content:"\e476"}

.fa-person-rifle:before{content:"\e54e"}

.fa-house-medical-circle-exclamation:before{content:"\e512"}

.fa-closed-captioning:before{content:"\f20a"}

.fa-hiking:before,.fa-person-hiking:before{content:"\f6ec"}

.fa-venus-double:before{content:"\f226"}

.fa-images:before{content:"\f302"}

.fa-calculator:before{content:"\f1ec"}

.fa-people-pulling:before{content:"\e535"}

.fa-n:before{content:"\4e"}

.fa-cable-car:before,.fa-tram:before{content:"\f7da"}

.fa-cloud-rain:before{content:"\f73d"}

.fa-building-circle-xmark:before{content:"\e4d4"}

.fa-ship:before{content:"\f21a"}

.fa-arrows-down-to-line:before{content:"\e4b8"}

.fa-download:before{content:"\f019"}

.fa-face-grin:before,.fa-grin:before{content:"\f580"}

.fa-backspace:before,.fa-delete-left:before{content:"\f55a"}

.fa-eye-dropper-empty:before,.fa-eye-dropper:before,.fa-eyedropper:before{content:"\f1fb"}

.fa-file-circle-check:before{content:"\e5a0"}

.fa-forward:before{content:"\f04e"}

.fa-mobile-android:before,.fa-mobile-phone:before,.fa-mobile:before{content:"\f3ce"}

.fa-face-meh:before,.fa-meh:before{content:"\f11a"}

.fa-align-center:before{content:"\f037"}

.fa-book-dead:before,.fa-book-skull:before{content:"\f6b7"}

.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}

.fa-dedent:before,.fa-outdent:before{content:"\f03b"}

.fa-heart-circle-exclamation:before{content:"\e4fe"}

.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before{content:"\f015"}

.fa-calendar-week:before{content:"\f784"}

.fa-laptop-medical:before{content:"\f812"}

.fa-b:before{content:"\42"}

.fa-file-medical:before{content:"\f477"}

.fa-dice-one:before{content:"\f525"}

.fa-kiwi-bird:before{content:"\f535"}

.fa-arrow-right-arrow-left:before,.fa-exchange:before{content:"\f0ec"}

.fa-redo-alt:before,.fa-rotate-forward:before,.fa-rotate-right:before{content:"\f2f9"}

.fa-cutlery:before,.fa-utensils:before{content:"\f2e7"}

.fa-arrow-up-wide-short:before,.fa-sort-amount-up:before{content:"\f161"}

.fa-mill-sign:before{content:"\e1ed"}

.fa-bowl-rice:before{content:"\e2eb"}

.fa-skull:before{content:"\f54c"}

.fa-broadcast-tower:before,.fa-tower-broadcast:before{content:"\f519"}

.fa-truck-pickup:before{content:"\f63c"}

.fa-long-arrow-alt-up:before,.fa-up-long:before{content:"\f30c"}

.fa-stop:before{content:"\f04d"}

.fa-code-merge:before{content:"\f387"}

.fa-upload:before{content:"\f093"}

.fa-hurricane:before{content:"\f751"}

.fa-mound:before{content:"\e52d"}

.fa-toilet-portable:before{content:"\e583"}

.fa-compact-disc:before{content:"\f51f"}

.fa-file-arrow-down:before,.fa-file-download:before{content:"\f56d"}

.fa-caravan:before{content:"\f8ff"}

.fa-shield-cat:before{content:"\e572"}

.fa-bolt:before,.fa-zap:before{content:"\f0e7"}

.fa-glass-water:before{content:"\e4f4"}

.fa-oil-well:before{content:"\e532"}

.fa-vault:before{content:"\e2c5"}

.fa-mars:before{content:"\f222"}

.fa-toilet:before{content:"\f7d8"}

.fa-plane-circle-xmark:before{content:"\e557"}

.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen-sign:before,.fa-yen:before{content:"\f157"}

.fa-rouble:before,.fa-rub:before,.fa-euro-sign:before,.fa-euro:before{content:"\f158"}

.fa-sun:before{content:"\f185"}

.fa-guitar:before{content:"\f7a6"}

.fa-face-laugh-wink:before,.fa-laugh-wink:before{content:"\f59c"}

.fa-horse-head:before{content:"\f7ab"}

.fa-bore-hole:before{content:"\e4c3"}

.fa-industry:before{content:"\f275"}

.fa-arrow-alt-circle-down:before,.fa-circle-down:before{content:"\f358"}

.fa-arrows-turn-to-dots:before{content:"\e4c1"}

.fa-florin-sign:before{content:"\e184"}

.fa-arrow-down-short-wide:before,.fa-sort-amount-desc:before,.fa-sort-amount-down-alt:before{content:"\f884"}

.fa-less-than:before{content:"\3c"}

.fa-angle-down:before{content:"\f107"}

.fa-car-tunnel:before{content:"\e4de"}

.fa-head-side-cough:before{content:"\e061"}

.fa-grip-lines:before{content:"\f7a4"}

.fa-thumbs-down:before{content:"\f165"}

.fa-user-lock:before{content:"\f502"}

.fa-arrow-right-long:before,.fa-long-arrow-right:before{content:"\f178"}

.fa-anchor-circle-xmark:before{content:"\e4ac"}

.fa-ellipsis-h:before,.fa-ellipsis:before{content:"\f141"}

.fa-chess-pawn:before{content:"\f443"}

.fa-first-aid:before,.fa-kit-medical:before{content:"\f479"}

.fa-person-through-window:before{content:"\e5a9"}

.fa-toolbox:before{content:"\f552"}

.fa-hands-holding-circle:before{content:"\e4fb"}

.fa-bug:before{content:"\f188"}

.fa-credit-card-alt:before,.fa-credit-card:before{content:"\f09d"}

.fa-automobile:before,.fa-car:before{content:"\f1b9"}

.fa-hand-holding-hand:before{content:"\e4f7"}

.fa-book-open-reader:before,.fa-book-reader:before{content:"\f5da"}

.fa-mountain-sun:before{content:"\e52f"}

.fa-arrows-left-right-to-line:before{content:"\e4ba"}

.fa-dice-d20:before{content:"\f6cf"}

.fa-truck-droplet:before{content:"\e58c"}

.fa-file-circle-xmark:before{content:"\e5a1"}

.fa-temperature-arrow-up:before,.fa-temperature-up:before{content:"\e040"}

.fa-medal:before{content:"\f5a2"}

.fa-bed:before{content:"\f236"}

.fa-h-square:before,.fa-square-h:before{content:"\f0fd"}

.fa-podcast:before{content:"\f2ce"}

.fa-temperature-4:before,.fa-temperature-full:before,.fa-thermometer-4:before,.fa-thermometer-full:before{content:"\f2c7"}

.fa-bell:before{content:"\f0f3"}

.fa-superscript:before{content:"\f12b"}

.fa-plug-circle-xmark:before{content:"\e560"}

.fa-star-of-life:before{content:"\f621"}

.fa-phone-slash:before{content:"\f3dd"}

.fa-paint-roller:before{content:"\f5aa"}

.fa-hands-helping:before,.fa-handshake-angle:before{content:"\f4c4"}

.fa-location-dot:before,.fa-map-marker-alt:before{content:"\f3c5"}

.fa-file:before{content:"\f15b"}

.fa-greater-than:before{content:"\3e"}

.fa-person-swimming:before,.fa-swimmer:before{content:"\f5c4"}

.fa-arrow-down:before{content:"\f063"}

.fa-droplet:before,.fa-tint:before{content:"\f043"}

.fa-eraser:before{content:"\f12d"}

.fa-earth-america:before,.fa-earth-americas:before,.fa-earth:before,.fa-globe-americas:before{content:"\f57d"}

.fa-person-burst:before{content:"\e53b"}

.fa-dove:before{content:"\f4ba"}

.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}

.fa-socks:before{content:"\f696"}

.fa-inbox:before{content:"\f01c"}

.fa-section:before{content:"\e447"}

.fa-gauge-high:before,.fa-tachometer-alt-fast:before,.fa-tachometer-alt:before{content:"\f625"}

.fa-envelope-open-text:before{content:"\f658"}

.fa-hospital-alt:before,.fa-hospital-wide:before,.fa-hospital:before{content:"\f0f8"}

.fa-wine-bottle:before{content:"\f72f"}

.fa-chess-rook:before{content:"\f447"}

.fa-bars-staggered:before,.fa-reorder:before,.fa-stream:before{content:"\f550"}

.fa-dharmachakra:before{content:"\f655"}

.fa-hotdog:before{content:"\f80f"}

.fa-blind:before,.fa-person-walking-with-cane:before{content:"\f29d"}

.fa-drum:before{content:"\f569"}

.fa-ice-cream:before{content:"\f810"}

.fa-heart-circle-bolt:before{content:"\e4fc"}

.fa-fax:before{content:"\f1ac"}

.fa-paragraph:before{content:"\f1dd"}

.fa-check-to-slot:before,.fa-vote-yea:before{content:"\f772"}

.fa-star-half:before{content:"\f089"}

.fa-boxes-alt:before,.fa-boxes-stacked:before,.fa-boxes:before{content:"\f468"}

.fa-chain:before,.fa-link:before{content:"\f0c1"}

.fa-assistive-listening-systems:before,.fa-ear-listen:before{content:"\f2a2"}

.fa-tree-city:before{content:"\e587"}

.fa-play:before{content:"\f04b"}

.fa-font:before{content:"\f031"}

.fa-rupiah-sign:before{content:"\e23d"}

.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}

.fa-ping-pong-paddle-ball:before,.fa-table-tennis-paddle-ball:before,.fa-table-tennis:before{content:"\f45d"}

.fa-diagnoses:before,.fa-person-dots-from-line:before{content:"\f470"}

.fa-trash-can-arrow-up:before,.fa-trash-restore-alt:before{content:"\f82a"}

.fa-naira-sign:before{content:"\e1f6"}

.fa-cart-arrow-down:before{content:"\f218"}

.fa-walkie-talkie:before{content:"\f8ef"}

.fa-file-edit:before,.fa-file-pen:before{content:"\f31c"}

.fa-receipt:before{content:"\f543"}

.fa-pen-square:before,.fa-pencil-square:before,.fa-square-pen:before{content:"\f14b"}

.fa-suitcase-rolling:before{content:"\f5c1"}

.fa-person-circle-exclamation:before{content:"\e53f"}

.fa-chevron-down:before{content:"\f078"}

.fa-battery-5:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}

.fa-skull-crossbones:before{content:"\f714"}

.fa-code-compare:before{content:"\e13a"}

.fa-list-dots:before,.fa-list-ul:before{content:"\f0ca"}

.fa-school-lock:before{content:"\e56f"}

.fa-tower-cell:before{content:"\e585"}

.fa-down-long:before,.fa-long-arrow-alt-down:before{content:"\f309"}

.fa-ranking-star:before{content:"\e561"}

.fa-chess-king:before{content:"\f43f"}

.fa-person-harassing:before{content:"\e549"}

.fa-brazilian-real-sign:before{content:"\e46c"}

.fa-landmark-alt:before,.fa-landmark-dome:before{content:"\f752"}

.fa-arrow-up:before{content:"\f062"}

.fa-television:before,.fa-tv-alt:before,.fa-tv:before{content:"\f26c"}

.fa-shrimp:before{content:"\e448"}

.fa-list-check:before,.fa-tasks:before{content:"\f0ae"}

.fa-jug-detergent:before{content:"\e519"}

.fa-circle-user:before,.fa-user-circle:before{content:"\f2bd"}

.fa-user-shield:before{content:"\f505"}

.fa-wind:before{content:"\f72e"}

.fa-car-burst:before,.fa-car-crash:before{content:"\f5e1"}

.fa-y:before{content:"\59"}

.fa-person-snowboarding:before,.fa-snowboarding:before{content:"\f7ce"}

.fa-shipping-fast:before,.fa-truck-fast:before{content:"\f48b"}

.fa-fish:before{content:"\f578"}

.fa-user-graduate:before{content:"\f501"}

.fa-adjust:before,.fa-circle-half-stroke:before{content:"\f042"}

.fa-clapperboard:before{content:"\e131"}

.fa-circle-radiation:before,.fa-radiation-alt:before{content:"\f7ba"}

.fa-baseball-ball:before,.fa-baseball:before{content:"\f433"}

.fa-jet-fighter-up:before{content:"\e518"}

.fa-diagram-project:before,.fa-project-diagram:before{content:"\f542"}

.fa-copy:before{content:"\f0c5"}

.fa-volume-mute:before,.fa-volume-times:before,.fa-volume-xmark:before{content:"\f6a9"}

.fa-hand-sparkles:before{content:"\e05d"}

.fa-grip-horizontal:before,.fa-grip:before{content:"\f58d"}

.fa-share-from-square:before,.fa-share-square:before{content:"\f14d"}

.fa-child-combatant:before,.fa-child-rifle:before{content:"\e4e0"}

.fa-gun:before{content:"\e19b"}

.fa-phone-square:before,.fa-square-phone:before{content:"\f098"}

.fa-add:before,.fa-plus:before{content:"\2b"}

.fa-expand:before{content:"\f065"}

.fa-computer:before{content:"\e4e5"}

.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:"\f00d"}

.fa-arrows-up-down-left-right:before,.fa-arrows:before{content:"\f047"}

.fa-chalkboard-teacher:before,.fa-chalkboard-user:before{content:"\f51c"}

.fa-peso-sign:before{content:"\e222"}

.fa-building-shield:before{content:"\e4d8"}

.fa-baby:before{content:"\f77c"}

.fa-users-line:before{content:"\e592"}

.fa-quote-left-alt:before,.fa-quote-left:before{content:"\f10d"}

.fa-tractor:before{content:"\f722"}

.fa-trash-arrow-up:before,.fa-trash-restore:before{content:"\f829"}

.fa-arrow-down-up-lock:before{content:"\e4b0"}

.fa-lines-leaning:before{content:"\e51e"}

.fa-ruler-combined:before{content:"\f546"}

.fa-copyright:before{content:"\f1f9"}

.fa-equals:before{content:"\3d"}

.fa-blender:before{content:"\f517"}

.fa-teeth:before{content:"\f62e"}

.fa-ils:before,.fa-shekel-sign:before,.fa-shekel:before,.fa-sheqel-sign:before,.fa-sheqel:before{content:"\f20b"}

.fa-map:before{content:"\f279"}

.fa-rocket:before{content:"\f135"}

.fa-photo-film:before,.fa-photo-video:before{content:"\f87c"}

.fa-folder-minus:before{content:"\f65d"}

.fa-store:before{content:"\f54e"}

.fa-arrow-trend-up:before{content:"\e098"}

.fa-plug-circle-minus:before{content:"\e55e"}

.fa-sign-hanging:before,.fa-sign:before{content:"\f4d9"}

.fa-bezier-curve:before{content:"\f55b"}

.fa-bell-slash:before{content:"\f1f6"}

.fa-tablet-android:before,.fa-tablet:before{content:"\f3fb"}

.fa-school-flag:before{content:"\e56e"}

.fa-fill:before{content:"\f575"}

.fa-angle-up:before{content:"\f106"}

.fa-drumstick-bite:before{content:"\f6d7"}

.fa-holly-berry:before{content:"\f7aa"}

.fa-chevron-left:before{content:"\f053"}

.fa-bacteria:before{content:"\e059"}

.fa-hand-lizard:before{content:"\f258"}

.fa-notdef:before{content:"\e1fe"}

.fa-disease:before{content:"\f7fa"}

.fa-briefcase-medical:before{content:"\f469"}

.fa-genderless:before{content:"\f22d"}

.fa-chevron-right:before{content:"\f054"}

.fa-retweet:before{content:"\f079"}

.fa-car-alt:before,.fa-car-rear:before{content:"\f5de"}

.fa-pump-soap:before{content:"\e06b"}

.fa-video-slash:before{content:"\f4e2"}

.fa-battery-2:before,.fa-battery-quarter:before{content:"\f243"}

.fa-radio:before{content:"\f8d7"}

.fa-baby-carriage:before,.fa-carriage-baby:before{content:"\f77d"}

.fa-traffic-light:before{content:"\f637"}

.fa-thermometer:before{content:"\f491"}

.fa-vr-cardboard:before{content:"\f729"}

.fa-hand-middle-finger:before{content:"\f806"}

.fa-percent:before,.fa-percentage:before{content:"\25"}

.fa-truck-moving:before{content:"\f4df"}

.fa-glass-water-droplet:before{content:"\e4f5"}

.fa-display:before{content:"\e163"}

.fa-face-smile:before,.fa-smile:before{content:"\f118"}

.fa-thumb-tack:before,.fa-thumbtack:before{content:"\f08d"}

.fa-trophy:before{content:"\f091"}

.fa-person-praying:before,.fa-pray:before{content:"\f683"}

.fa-hammer:before{content:"\f6e3"}

.fa-hand-peace:before{content:"\f25b"}

.fa-rotate:before,.fa-sync-alt:before{content:"\f2f1"}

.fa-spinner:before{content:"\f110"}

.fa-robot:before{content:"\f544"}

.fa-peace:before{content:"\f67c"}

.fa-cogs:before,.fa-gears:before{content:"\f085"}

.fa-warehouse:before{content:"\f494"}

.fa-arrow-up-right-dots:before{content:"\e4b7"}

.fa-splotch:before{content:"\f5bc"}

.fa-face-grin-hearts:before,.fa-grin-hearts:before{content:"\f584"}

.fa-dice-four:before{content:"\f524"}

.fa-sim-card:before{content:"\f7c4"}

.fa-transgender-alt:before,.fa-transgender:before{content:"\f225"}

.fa-mercury:before{content:"\f223"}

.fa-arrow-turn-down:before,.fa-level-down:before{content:"\f149"}

.fa-person-falling-burst:before{content:"\e547"}

.fa-award:before{content:"\f559"}

.fa-ticket-alt:before,.fa-ticket-simple:before{content:"\f3ff"}

.fa-building:before{content:"\f1ad"}

.fa-angle-double-left:before,.fa-angles-left:before{content:"\f100"}

.fa-qrcode:before{content:"\f029"}

.fa-clock-rotate-left:before,.fa-history:before{content:"\f1da"}

.fa-face-grin-beam-sweat:before,.fa-grin-beam-sweat:before{content:"\f583"}

.fa-arrow-right-from-file:before,.fa-file-export:before{content:"\f56e"}

.fa-shield-blank:before,.fa-shield:before{content:"\f132"}

.fa-arrow-up-short-wide:before,.fa-sort-amount-up-alt:before{content:"\f885"}

.fa-house-medical:before{content:"\e3b2"}

.fa-golf-ball-tee:before,.fa-golf-ball:before{content:"\f450"}

.fa-chevron-circle-left:before,.fa-circle-chevron-left:before{content:"\f137"}

.fa-house-chimney-window:before{content:"\e00d"}

.fa-pen-nib:before{content:"\f5ad"}

.fa-tent-arrow-turn-left:before{content:"\e580"}

.fa-tents:before{content:"\e582"}

.fa-magic:before,.fa-wand-magic:before{content:"\f0d0"}

.fa-dog:before{content:"\f6d3"}

.fa-carrot:before{content:"\f787"}

.fa-moon:before{content:"\f186"}

.fa-wine-glass-alt:before,.fa-wine-glass-empty:before{content:"\f5ce"}

.fa-cheese:before{content:"\f7ef"}

.fa-yin-yang:before{content:"\f6ad"}

.fa-music:before{content:"\f001"}

.fa-code-commit:before{content:"\f386"}

.fa-temperature-low:before{content:"\f76b"}

.fa-biking:before,.fa-person-biking:before{content:"\f84a"}

.fa-broom:before{content:"\f51a"}

.fa-shield-heart:before{content:"\e574"}

.fa-gopuram:before{content:"\f664"}

.fa-earth-oceania:before,.fa-globe-oceania:before{content:"\e47b"}

.fa-square-xmark:before,.fa-times-square:before,.fa-xmark-square:before{content:"\f2d3"}

.fa-hashtag:before{content:"\23"}

.fa-expand-alt:before,.fa-up-right-and-down-left-from-center:before{content:"\f424"}

.fa-oil-can:before{content:"\f613"}

.fa-t:before{content:"\54"}

.fa-hippo:before{content:"\f6ed"}

.fa-chart-column:before{content:"\e0e3"}

.fa-infinity:before{content:"\f534"}

.fa-vial-circle-check:before{content:"\e596"}

.fa-person-arrow-down-to-line:before{content:"\e538"}

.fa-voicemail:before{content:"\f897"}

.fa-fan:before{content:"\f863"}

.fa-person-walking-luggage:before{content:"\e554"}

.fa-arrows-alt-v:before,.fa-up-down:before{content:"\f338"}

.fa-cloud-moon-rain:before{content:"\f73c"}

.fa-calendar:before{content:"\f133"}

.fa-trailer:before{content:"\e041"}

.fa-bahai:before,.fa-haykal:before{content:"\f666"}

.fa-sd-card:before{content:"\f7c2"}

.fa-dragon:before{content:"\f6d5"}

.fa-shoe-prints:before{content:"\f54b"}

.fa-circle-plus:before,.fa-plus-circle:before{content:"\f055"}

.fa-face-grin-tongue-wink:before,.fa-grin-tongue-wink:before{content:"\f58b"}

.fa-hand-holding:before{content:"\f4bd"}

.fa-plug-circle-exclamation:before{content:"\e55d"}

.fa-chain-broken:before,.fa-chain-slash:before,.fa-link-slash:before,.fa-unlink:before{content:"\f127"}

.fa-clone:before{content:"\f24d"}

.fa-person-walking-arrow-loop-left:before{content:"\e551"}

.fa-arrow-up-z-a:before,.fa-sort-alpha-up-alt:before{content:"\f882"}

.fa-fire-alt:before,.fa-fire-flame-curved:before{content:"\f7e4"}

.fa-tornado:before{content:"\f76f"}

.fa-file-circle-plus:before{content:"\e494"}

.fa-book-quran:before,.fa-quran:before{content:"\f687"}

.fa-anchor:before{content:"\f13d"}

.fa-border-all:before{content:"\f84c"}

.fa-angry:before,.fa-face-angry:before{content:"\f556"}

.fa-cookie-bite:before{content:"\f564"}

.fa-arrow-trend-down:before{content:"\e097"}

.fa-feed:before,.fa-rss:before{content:"\f09e"}

.fa-draw-polygon:before{content:"\f5ee"}

.fa-balance-scale:before,.fa-scale-balanced:before{content:"\f24e"}

.fa-gauge-simple-high:before,.fa-tachometer-fast:before,.fa-tachometer:before{content:"\f62a"}

.fa-shower:before{content:"\f2cc"}

.fa-desktop-alt:before,.fa-desktop:before{content:"\f390"}

.fa-m:before{content:"\4d"}

.fa-table-list:before,.fa-th-list:before{content:"\f00b"}

.fa-comment-sms:before,.fa-sms:before{content:"\f7cd"}

.fa-book:before{content:"\f02d"}

.fa-user-plus:before{content:"\f234"}

.fa-check:before{content:"\f00c"}

.fa-battery-4:before,.fa-battery-three-quarters:before{content:"\f241"}

.fa-house-circle-check:before{content:"\e509"}

.fa-angle-left:before{content:"\f104"}

.fa-diagram-successor:before{content:"\e47a"}

.fa-truck-arrow-right:before{content:"\e58b"}

.fa-arrows-split-up-and-left:before{content:"\e4bc"}

.fa-fist-raised:before,.fa-hand-fist:before{content:"\f6de"}

.fa-cloud-moon:before{content:"\f6c3"}

.fa-briefcase:before{content:"\f0b1"}

.fa-person-falling:before{content:"\e546"}

.fa-image-portrait:before,.fa-portrait:before{content:"\f3e0"}

.fa-user-tag:before{content:"\f507"}

.fa-rug:before{content:"\e569"}

.fa-earth-europe:before,.fa-globe-europe:before{content:"\f7a2"}

.fa-cart-flatbed-suitcase:before,.fa-luggage-cart:before{content:"\f59d"}

.fa-rectangle-times:before,.fa-rectangle-xmark:before,.fa-times-rectangle:before,.fa-window-close:before{content:"\f410"}

.fa-baht-sign:before{content:"\e0ac"}

.fa-book-open:before{content:"\f518"}

.fa-book-journal-whills:before,.fa-journal-whills:before{content:"\f66a"}

.fa-handcuffs:before{content:"\e4f8"}

.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:"\f071"}

.fa-database:before{content:"\f1c0"}

.fa-arrow-turn-right:before,.fa-mail-forward:before,.fa-share:before{content:"\f064"}

.fa-bottle-droplet:before{content:"\e4c4"}

.fa-mask-face:before{content:"\e1d7"}

.fa-hill-rockslide:before{content:"\e508"}

.fa-exchange-alt:before,.fa-right-left:before{content:"\f362"}

.fa-paper-plane:before{content:"\f1d8"}

.fa-road-circle-exclamation:before{content:"\e565"}

.fa-dungeon:before{content:"\f6d9"}

.fa-align-right:before{content:"\f038"}

.fa-money-bill-1-wave:before,.fa-money-bill-wave-alt:before{content:"\f53b"}

.fa-life-ring:before{content:"\f1cd"}

.fa-hands:before,.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}

.fa-calendar-day:before{content:"\f783"}

.fa-ladder-water:before,.fa-swimming-pool:before,.fa-water-ladder:before{content:"\f5c5"}

.fa-arrows-up-down:before,.fa-arrows-v:before{content:"\f07d"}

.fa-face-grimace:before,.fa-grimace:before{content:"\f57f"}

.fa-wheelchair-alt:before,.fa-wheelchair-move:before{content:"\e2ce"}

.fa-level-down-alt:before,.fa-turn-down:before{content:"\f3be"}

.fa-person-walking-arrow-right:before{content:"\e552"}

.fa-envelope-square:before,.fa-square-envelope:before{content:"\f199"}

.fa-dice:before{content:"\f522"}

.fa-bowling-ball:before{content:"\f436"}

.fa-brain:before{content:"\f5dc"}

.fa-band-aid:before,.fa-bandage:before{content:"\f462"}

.fa-calendar-minus:before{content:"\f272"}

.fa-circle-xmark:before,.fa-times-circle:before,.fa-xmark-circle:before{content:"\f057"}

.fa-gifts:before{content:"\f79c"}

.fa-hotel:before{content:"\f594"}

.fa-earth-asia:before,.fa-globe-asia:before{content:"\f57e"}

.fa-id-card-alt:before,.fa-id-card-clip:before{content:"\f47f"}

.fa-magnifying-glass-plus:before,.fa-search-plus:before{content:"\f00e"}

.fa-thumbs-up:before{content:"\f164"}

.fa-user-clock:before{content:"\f4fd"}

.fa-allergies:before,.fa-hand-dots:before{content:"\f461"}

.fa-file-invoice:before{content:"\f570"}

.fa-window-minimize:before{content:"\f2d1"}

.fa-coffee:before,.fa-mug-saucer:before{content:"\f0f4"}

.fa-brush:before{content:"\f55d"}

.fa-mask:before{content:"\f6fa"}

.fa-magnifying-glass-minus:before,.fa-search-minus:before{content:"\f010"}

.fa-ruler-vertical:before{content:"\f548"}

.fa-user-alt:before,.fa-user-large:before{content:"\f406"}

.fa-train-tram:before{content:"\e5b4"}

.fa-user-nurse:before{content:"\f82f"}

.fa-syringe:before{content:"\f48e"}

.fa-cloud-sun:before{content:"\f6c4"}

.fa-stopwatch-20:before{content:"\e06f"}

.fa-square-full:before{content:"\f45c"}

.fa-magnet:before{content:"\f076"}

.fa-jar:before{content:"\e516"}

.fa-note-sticky:before,.fa-sticky-note:before{content:"\f249"}

.fa-bug-slash:before{content:"\e490"}

.fa-arrow-up-from-water-pump:before{content:"\e4b6"}

.fa-bone:before{content:"\f5d7"}

.fa-user-injured:before{content:"\f728"}

.fa-face-sad-tear:before,.fa-sad-tear:before{content:"\f5b4"}

.fa-plane:before{content:"\f072"}

.fa-tent-arrows-down:before{content:"\e581"}

.fa-exclamation:before{content:"\21"}

.fa-arrows-spin:before{content:"\e4bb"}

.fa-print:before{content:"\f02f"}

.fa-try:before,.fa-turkish-lira-sign:before,.fa-turkish-lira:before{content:"\e2bb"}

.fa-dollar-sign:before,.fa-dollar:before,.fa-usd:before{content:"\24"}

.fa-x:before{content:"\58"}

.fa-magnifying-glass-dollar:before,.fa-search-dollar:before{content:"\f688"}

.fa-users-cog:before,.fa-users-gear:before{content:"\f509"}

.fa-person-military-pointing:before{content:"\e54a"}

.fa-bank:before,.fa-building-columns:before,.fa-institution:before,.fa-museum:before,.fa-university:before{content:"\f19c"}

.fa-umbrella:before{content:"\f0e9"}

.fa-trowel:before{content:"\e589"}

.fa-d:before{content:"\44"}

.fa-stapler:before{content:"\e5af"}

.fa-masks-theater:before,.fa-theater-masks:before{content:"\f630"}

.fa-kip-sign:before{content:"\e1c4"}

.fa-hand-point-left:before{content:"\f0a5"}

.fa-handshake-alt:before,.fa-handshake-simple:before{content:"\f4c6"}

.fa-fighter-jet:before,.fa-jet-fighter:before{content:"\f0fb"}

.fa-share-alt-square:before,.fa-square-share-nodes:before{content:"\f1e1"}

.fa-barcode:before{content:"\f02a"}

.fa-plus-minus:before{content:"\e43c"}

.fa-video-camera:before,.fa-video:before{content:"\f03d"}

.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}

.fa-hand-holding-medical:before{content:"\e05c"}

.fa-person-circle-check:before{content:"\e53e"}

.fa-level-up-alt:before,.fa-turn-up:before{content:"\f3bf"}

.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-brands-400.woff2) format("woff2"),url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-brands-400.ttf) format("truetype")}

.fa-brands,.fab{font-weight:400}

.fa-monero:before{content:"\f3d0"}

.fa-hooli:before{content:"\f427"}

.fa-yelp:before{content:"\f1e9"}

.fa-cc-visa:before{content:"\f1f0"}

.fa-lastfm:before{content:"\f202"}

.fa-shopware:before{content:"\f5b5"}

.fa-creative-commons-nc:before{content:"\f4e8"}

.fa-aws:before{content:"\f375"}

.fa-redhat:before{content:"\f7bc"}

.fa-yoast:before{content:"\f2b1"}

.fa-cloudflare:before{content:"\e07d"}

.fa-ups:before{content:"\f7e0"}

.fa-wpexplorer:before{content:"\f2de"}

.fa-dyalog:before{content:"\f399"}

.fa-bity:before{content:"\f37a"}

.fa-stackpath:before{content:"\f842"}

.fa-buysellads:before{content:"\f20d"}

.fa-first-order:before{content:"\f2b0"}

.fa-modx:before{content:"\f285"}

.fa-guilded:before{content:"\e07e"}

.fa-vnv:before{content:"\f40b"}

.fa-js-square:before,.fa-square-js:before{content:"\f3b9"}

.fa-microsoft:before{content:"\f3ca"}

.fa-qq:before{content:"\f1d6"}

.fa-orcid:before{content:"\f8d2"}

.fa-java:before{content:"\f4e4"}

.fa-invision:before{content:"\f7b0"}

.fa-creative-commons-pd-alt:before{content:"\f4ed"}

.fa-centercode:before{content:"\f380"}

.fa-glide-g:before{content:"\f2a6"}

.fa-drupal:before{content:"\f1a9"}

.fa-hire-a-helper:before{content:"\f3b0"}

.fa-creative-commons-by:before{content:"\f4e7"}

.fa-unity:before{content:"\e049"}

.fa-whmcs:before{content:"\f40d"}

.fa-rocketchat:before{content:"\f3e8"}

.fa-vk:before{content:"\f189"}

.fa-untappd:before{content:"\f405"}

.fa-mailchimp:before{content:"\f59e"}

.fa-css3-alt:before{content:"\f38b"}

.fa-reddit-square:before,.fa-square-reddit:before{content:"\f1a2"}

.fa-vimeo-v:before{content:"\f27d"}

.fa-contao:before{content:"\f26d"}

.fa-square-font-awesome:before{content:"\e5ad"}

.fa-deskpro:before{content:"\f38f"}

.fa-sistrix:before{content:"\f3ee"}

.fa-instagram-square:before,.fa-square-instagram:before{content:"\e055"}

.fa-battle-net:before{content:"\f835"}

.fa-the-red-yeti:before{content:"\f69d"}

.fa-hacker-news-square:before,.fa-square-hacker-news:before{content:"\f3af"}

.fa-edge:before{content:"\f282"}

.fa-threads:before{content:"\e618"}

.fa-napster:before{content:"\f3d2"}

.fa-snapchat-square:before,.fa-square-snapchat:before{content:"\f2ad"}

.fa-google-plus-g:before{content:"\f0d5"}

.fa-artstation:before{content:"\f77a"}

.fa-markdown:before{content:"\f60f"}

.fa-sourcetree:before{content:"\f7d3"}

.fa-google-plus:before{content:"\f2b3"}

.fa-diaspora:before{content:"\f791"}

.fa-foursquare:before{content:"\f180"}

.fa-stack-overflow:before{content:"\f16c"}

.fa-github-alt:before{content:"\f113"}

.fa-phoenix-squadron:before{content:"\f511"}

.fa-pagelines:before{content:"\f18c"}

.fa-algolia:before{content:"\f36c"}

.fa-red-river:before{content:"\f3e3"}

.fa-creative-commons-sa:before{content:"\f4ef"}

.fa-safari:before{content:"\f267"}

.fa-google:before{content:"\f1a0"}

.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before{content:"\f35c"}

.fa-atlassian:before{content:"\f77b"}

.fa-linkedin-in:before{content:"\f0e1"}

.fa-digital-ocean:before{content:"\f391"}

.fa-nimblr:before{content:"\f5a8"}

.fa-chromecast:before{content:"\f838"}

.fa-evernote:before{content:"\f839"}

.fa-hacker-news:before{content:"\f1d4"}

.fa-creative-commons-sampling:before{content:"\f4f0"}

.fa-adversal:before{content:"\f36a"}

.fa-creative-commons:before{content:"\f25e"}

.fa-watchman-monitoring:before{content:"\e087"}

.fa-fonticons:before{content:"\f280"}

.fa-weixin:before{content:"\f1d7"}

.fa-shirtsinbulk:before{content:"\f214"}

.fa-codepen:before{content:"\f1cb"}

.fa-git-alt:before{content:"\f841"}

.fa-lyft:before{content:"\f3c3"}

.fa-rev:before{content:"\f5b2"}

.fa-windows:before{content:"\f17a"}

.fa-wizards-of-the-coast:before{content:"\f730"}

.fa-square-viadeo:before,.fa-viadeo-square:before{content:"\f2aa"}

.fa-meetup:before{content:"\f2e0"}

.fa-centos:before{content:"\f789"}

.fa-adn:before{content:"\f170"}

.fa-cloudsmith:before{content:"\f384"}

.fa-pied-piper-alt:before{content:"\f1a8"}

.fa-dribbble-square:before,.fa-square-dribbble:before{content:"\f397"}

.fa-codiepie:before{content:"\f284"}

.fa-node:before{content:"\f419"}

.fa-mix:before{content:"\f3cb"}

.fa-steam:before{content:"\f1b6"}

.fa-cc-apple-pay:before{content:"\f416"}

.fa-scribd:before{content:"\f28a"}

.fa-debian:before{content:"\e60b"}

.fa-openid:before{content:"\f19b"}

.fa-instalod:before{content:"\e081"}

.fa-expeditedssl:before{content:"\f23e"}

.fa-sellcast:before{content:"\f2da"}

.fa-square-twitter:before,.fa-twitter-square:before{content:"\f081"}

.fa-r-project:before{content:"\f4f7"}

.fa-delicious:before{content:"\f1a5"}

.fa-freebsd:before{content:"\f3a4"}

.fa-vuejs:before{content:"\f41f"}

.fa-accusoft:before{content:"\f369"}

.fa-ioxhost:before{content:"\f208"}

.fa-fonticons-fi:before{content:"\f3a2"}

.fa-app-store:before{content:"\f36f"}

.fa-cc-mastercard:before{content:"\f1f1"}

.fa-itunes-note:before{content:"\f3b5"}

.fa-golang:before{content:"\e40f"}

.fa-kickstarter:before{content:"\f3bb"}

.fa-grav:before{content:"\f2d6"}

.fa-weibo:before{content:"\f18a"}

.fa-uncharted:before{content:"\e084"}

.fa-firstdraft:before{content:"\f3a1"}

.fa-square-youtube:before,.fa-youtube-square:before{content:"\f431"}

.fa-wikipedia-w:before{content:"\f266"}

.fa-rendact:before,.fa-wpressr:before{content:"\f3e4"}

.fa-angellist:before{content:"\f209"}

.fa-galactic-republic:before{content:"\f50c"}

.fa-nfc-directional:before{content:"\e530"}

.fa-skype:before{content:"\f17e"}

.fa-joget:before{content:"\f3b7"}

.fa-fedora:before{content:"\f798"}

.fa-stripe-s:before{content:"\f42a"}

.fa-meta:before{content:"\e49b"}

.fa-laravel:before{content:"\f3bd"}

.fa-hotjar:before{content:"\f3b1"}

.fa-bluetooth-b:before{content:"\f294"}

.fa-sticker-mule:before{content:"\f3f7"}

.fa-creative-commons-zero:before{content:"\f4f3"}

.fa-hips:before{content:"\f452"}

.fa-behance:before{content:"\f1b4"}

.fa-reddit:before{content:"\f1a1"}

.fa-discord:before{content:"\f392"}

.fa-chrome:before{content:"\f268"}

.fa-app-store-ios:before{content:"\f370"}

.fa-cc-discover:before{content:"\f1f2"}

.fa-wpbeginner:before{content:"\f297"}

.fa-confluence:before{content:"\f78d"}

.fa-mdb:before{content:"\f8ca"}

.fa-dochub:before{content:"\f394"}

.fa-accessible-icon:before{content:"\f368"}

.fa-ebay:before{content:"\f4f4"}

.fa-amazon:before{content:"\f270"}

.fa-unsplash:before{content:"\e07c"}

.fa-yarn:before{content:"\f7e3"}

.fa-square-steam:before,.fa-steam-square:before{content:"\f1b7"}

.fa-500px:before{content:"\f26e"}

.fa-square-vimeo:before,.fa-vimeo-square:before{content:"\f194"}

.fa-asymmetrik:before{content:"\f372"}

.fa-font-awesome-flag:before,.fa-font-awesome-logo-full:before,.fa-font-awesome:before{content:"\f2b4"}

.fa-gratipay:before{content:"\f184"}

.fa-apple:before{content:"\f179"}

.fa-hive:before{content:"\e07f"}

.fa-gitkraken:before{content:"\f3a6"}

.fa-keybase:before{content:"\f4f5"}

.fa-apple-pay:before{content:"\f415"}

.fa-padlet:before{content:"\e4a0"}

.fa-amazon-pay:before{content:"\f42c"}

.fa-github-square:before,.fa-square-github:before{content:"\f092"}

.fa-stumbleupon:before{content:"\f1a4"}

.fa-fedex:before{content:"\f797"}

.fa-phoenix-framework:before{content:"\f3dc"}

.fa-shopify:before{content:"\e057"}

.fa-neos:before{content:"\f612"}

.fa-square-threads:before{content:"\e619"}

.fa-hackerrank:before{content:"\f5f7"}

.fa-researchgate:before{content:"\f4f8"}

.fa-swift:before{content:"\f8e1"}

.fa-angular:before{content:"\f420"}

.fa-speakap:before{content:"\f3f3"}

.fa-angrycreative:before{content:"\f36e"}

.fa-y-combinator:before{content:"\f23b"}

.fa-empire:before{content:"\f1d1"}

.fa-envira:before{content:"\f299"}

.fa-gitlab-square:before,.fa-square-gitlab:before{content:"\e5ae"}

.fa-studiovinari:before{content:"\f3f8"}

.fa-pied-piper:before{content:"\f2ae"}

.fa-wordpress:before{content:"\f19a"}

.fa-product-hunt:before{content:"\f288"}

.fa-firefox:before{content:"\f269"}

.fa-linode:before{content:"\f2b8"}

.fa-goodreads:before{content:"\f3a8"}

.fa-odnoklassniki-square:before,.fa-square-odnoklassniki:before{content:"\f264"}

.fa-jsfiddle:before{content:"\f1cc"}

.fa-sith:before{content:"\f512"}

.fa-themeisle:before{content:"\f2b2"}

.fa-page4:before{content:"\f3d7"}

.fa-hashnode:before{content:"\e499"}

.fa-react:before{content:"\f41b"}

.fa-cc-paypal:before{content:"\f1f4"}

.fa-squarespace:before{content:"\f5be"}

.fa-cc-stripe:before{content:"\f1f5"}

.fa-creative-commons-share:before{content:"\f4f2"}

.fa-bitcoin:before{content:"\f379"}

.fa-keycdn:before{content:"\f3ba"}

.fa-opera:before{content:"\f26a"}

.fa-itch-io:before{content:"\f83a"}

.fa-umbraco:before{content:"\f8e8"}

.fa-galactic-senate:before{content:"\f50d"}

.fa-ubuntu:before{content:"\f7df"}

.fa-draft2digital:before{content:"\f396"}

.fa-stripe:before{content:"\f429"}

.fa-houzz:before{content:"\f27c"}

.fa-gg:before{content:"\f260"}

.fa-dhl:before{content:"\f790"}

.fa-pinterest-square:before,.fa-square-pinterest:before{content:"\f0d3"}

.fa-xing:before{content:"\f168"}

.fa-blackberry:before{content:"\f37b"}

.fa-creative-commons-pd:before{content:"\f4ec"}

.fa-playstation:before{content:"\f3df"}

.fa-quinscape:before{content:"\f459"}

.fa-less:before{content:"\f41d"}

.fa-blogger-b:before{content:"\f37d"}

.fa-opencart:before{content:"\f23d"}

.fa-vine:before{content:"\f1ca"}

.fa-paypal:before{content:"\f1ed"}

.fa-gitlab:before{content:"\f296"}

.fa-typo3:before{content:"\f42b"}

.fa-reddit-alien:before{content:"\f281"}

.fa-yahoo:before{content:"\f19e"}

.fa-dailymotion:before{content:"\e052"}

.fa-affiliatetheme:before{content:"\f36b"}

.fa-pied-piper-pp:before{content:"\f1a7"}

.fa-bootstrap:before{content:"\f836"}

.fa-odnoklassniki:before{content:"\f263"}

.fa-nfc-symbol:before{content:"\e531"}

.fa-ethereum:before{content:"\f42e"}

.fa-speaker-deck:before{content:"\f83c"}

.fa-creative-commons-nc-eu:before{content:"\f4e9"}

.fa-patreon:before{content:"\f3d9"}

.fa-avianex:before{content:"\f374"}

.fa-ello:before{content:"\f5f1"}

.fa-gofore:before{content:"\f3a7"}

.fa-bimobject:before{content:"\f378"}

.fa-facebook-f:before{content:"\f39e"}

.fa-google-plus-square:before,.fa-square-google-plus:before{content:"\f0d4"}

.fa-mandalorian:before{content:"\f50f"}

.fa-first-order-alt:before{content:"\f50a"}

.fa-osi:before{content:"\f41a"}

.fa-google-wallet:before{content:"\f1ee"}

.fa-d-and-d-beyond:before{content:"\f6ca"}

.fa-periscope:before{content:"\f3da"}

.fa-fulcrum:before{content:"\f50b"}

.fa-cloudscale:before{content:"\f383"}

.fa-forumbee:before{content:"\f211"}

.fa-mizuni:before{content:"\f3cc"}

.fa-schlix:before{content:"\f3ea"}

.fa-square-xing:before,.fa-xing-square:before{content:"\f169"}

.fa-bandcamp:before{content:"\f2d5"}

.fa-wpforms:before{content:"\f298"}

.fa-cloudversify:before{content:"\f385"}

.fa-usps:before{content:"\f7e1"}

.fa-megaport:before{content:"\f5a3"}

.fa-magento:before{content:"\f3c4"}

.fa-spotify:before{content:"\f1bc"}

.fa-optin-monster:before{content:"\f23c"}

.fa-fly:before{content:"\f417"}

.fa-aviato:before{content:"\f421"}

.fa-itunes:before{content:"\f3b4"}

.fa-cuttlefish:before{content:"\f38c"}

.fa-blogger:before{content:"\f37c"}

.fa-flickr:before{content:"\f16e"}

.fa-viber:before{content:"\f409"}

.fa-soundcloud:before{content:"\f1be"}

.fa-digg:before{content:"\f1a6"}

.fa-tencent-weibo:before{content:"\f1d5"}

.fa-symfony:before{content:"\f83d"}

.fa-maxcdn:before{content:"\f136"}

.fa-etsy:before{content:"\f2d7"}

.fa-facebook-messenger:before{content:"\f39f"}

.fa-audible:before{content:"\f373"}

.fa-think-peaks:before{content:"\f731"}

.fa-bilibili:before{content:"\e3d9"}

.fa-erlang:before{content:"\f39d"}

.fa-x-twitter:before{content:"\e61b"}

.fa-cotton-bureau:before{content:"\f89e"}

.fa-dashcube:before{content:"\f210"}

.fa-42-group:before,.fa-innosoft:before{content:"\e080"}

.fa-stack-exchange:before{content:"\f18d"}

.fa-elementor:before{content:"\f430"}

.fa-pied-piper-square:before,.fa-square-pied-piper:before{content:"\e01e"}

.fa-creative-commons-nd:before{content:"\f4eb"}

.fa-palfed:before{content:"\f3d8"}

.fa-superpowers:before{content:"\f2dd"}

.fa-resolving:before{content:"\f3e7"}

.fa-xbox:before{content:"\f412"}

.fa-searchengin:before{content:"\f3eb"}

.fa-tiktok:before{content:"\e07b"}

.fa-facebook-square:before,.fa-square-facebook:before{content:"\f082"}

.fa-renren:before{content:"\f18b"}

.fa-linux:before{content:"\f17c"}

.fa-glide:before{content:"\f2a5"}

.fa-linkedin:before{content:"\f08c"}

.fa-hubspot:before{content:"\f3b2"}

.fa-deploydog:before{content:"\f38e"}

.fa-twitch:before{content:"\f1e8"}

.fa-ravelry:before{content:"\f2d9"}

.fa-mixer:before{content:"\e056"}

.fa-lastfm-square:before,.fa-square-lastfm:before{content:"\f203"}

.fa-vimeo:before{content:"\f40a"}

.fa-mendeley:before{content:"\f7b3"}

.fa-uniregistry:before{content:"\f404"}

.fa-figma:before{content:"\f799"}

.fa-creative-commons-remix:before{content:"\f4ee"}

.fa-cc-amazon-pay:before{content:"\f42d"}

.fa-dropbox:before{content:"\f16b"}

.fa-instagram:before{content:"\f16d"}

.fa-cmplid:before{content:"\e360"}

.fa-facebook:before{content:"\f09a"}

.fa-gripfire:before{content:"\f3ac"}

.fa-jedi-order:before{content:"\f50e"}

.fa-uikit:before{content:"\f403"}

.fa-fort-awesome-alt:before{content:"\f3a3"}

.fa-phabricator:before{content:"\f3db"}

.fa-ussunnah:before{content:"\f407"}

.fa-earlybirds:before{content:"\f39a"}

.fa-trade-federation:before{content:"\f513"}

.fa-autoprefixer:before{content:"\f41c"}

.fa-whatsapp:before{content:"\f232"}

.fa-slideshare:before{content:"\f1e7"}

.fa-google-play:before{content:"\f3ab"}

.fa-viadeo:before{content:"\f2a9"}

.fa-line:before{content:"\f3c0"}

.fa-google-drive:before{content:"\f3aa"}

.fa-servicestack:before{content:"\f3ec"}

.fa-simplybuilt:before{content:"\f215"}

.fa-bitbucket:before{content:"\f171"}

.fa-imdb:before{content:"\f2d8"}

.fa-deezer:before{content:"\e077"}

.fa-raspberry-pi:before{content:"\f7bb"}

.fa-jira:before{content:"\f7b1"}

.fa-docker:before{content:"\f395"}

.fa-screenpal:before{content:"\e570"}

.fa-bluetooth:before{content:"\f293"}

.fa-gitter:before{content:"\f426"}

.fa-d-and-d:before{content:"\f38d"}

.fa-microblog:before{content:"\e01a"}

.fa-cc-diners-club:before{content:"\f24c"}

.fa-gg-circle:before{content:"\f261"}

.fa-pied-piper-hat:before{content:"\f4e5"}

.fa-kickstarter-k:before{content:"\f3bc"}

.fa-yandex:before{content:"\f413"}

.fa-readme:before{content:"\f4d5"}

.fa-html5:before{content:"\f13b"}

.fa-sellsy:before{content:"\f213"}

.fa-sass:before{content:"\f41e"}

.fa-wirsindhandwerk:before,.fa-wsh:before{content:"\e2d0"}

.fa-buromobelexperte:before{content:"\f37f"}

.fa-salesforce:before{content:"\f83b"}

.fa-octopus-deploy:before{content:"\e082"}

.fa-medapps:before{content:"\f3c6"}

.fa-ns8:before{content:"\f3d5"}

.fa-pinterest-p:before{content:"\f231"}

.fa-apper:before{content:"\f371"}

.fa-fort-awesome:before{content:"\f286"}

.fa-waze:before{content:"\f83f"}

.fa-cc-jcb:before{content:"\f24b"}

.fa-snapchat-ghost:before,.fa-snapchat:before{content:"\f2ab"}

.fa-fantasy-flight-games:before{content:"\f6dc"}

.fa-rust:before{content:"\e07a"}

.fa-wix:before{content:"\f5cf"}

.fa-behance-square:before,.fa-square-behance:before{content:"\f1b5"}

.fa-supple:before{content:"\f3f9"}

.fa-rebel:before{content:"\f1d0"}

.fa-css3:before{content:"\f13c"}

.fa-staylinked:before{content:"\f3f5"}

.fa-kaggle:before{content:"\f5fa"}

.fa-space-awesome:before{content:"\e5ac"}

.fa-deviantart:before{content:"\f1bd"}

.fa-cpanel:before{content:"\f388"}

.fa-goodreads-g:before{content:"\f3a9"}

.fa-git-square:before,.fa-square-git:before{content:"\f1d2"}

.fa-square-tumblr:before,.fa-tumblr-square:before{content:"\f174"}

.fa-trello:before{content:"\f181"}

.fa-creative-commons-nc-jp:before{content:"\f4ea"}

.fa-get-pocket:before{content:"\f265"}

.fa-perbyte:before{content:"\e083"}

.fa-grunt:before{content:"\f3ad"}

.fa-weebly:before{content:"\f5cc"}

.fa-connectdevelop:before{content:"\f20e"}

.fa-leanpub:before{content:"\f212"}

.fa-black-tie:before{content:"\f27e"}

.fa-themeco:before{content:"\f5c6"}

.fa-python:before{content:"\f3e2"}

.fa-android:before{content:"\f17b"}

.fa-bots:before{content:"\e340"}

.fa-free-code-camp:before{content:"\f2c5"}

.fa-hornbill:before{content:"\f592"}

.fa-js:before{content:"\f3b8"}

.fa-ideal:before{content:"\e013"}

.fa-git:before{content:"\f1d3"}

.fa-dev:before{content:"\f6cc"}

.fa-sketch:before{content:"\f7c6"}

.fa-yandex-international:before{content:"\f414"}

.fa-cc-amex:before{content:"\f1f3"}

.fa-uber:before{content:"\f402"}

.fa-github:before{content:"\f09b"}

.fa-php:before{content:"\f457"}

.fa-alipay:before{content:"\f642"}

.fa-youtube:before{content:"\f167"}

.fa-skyatlas:before{content:"\f216"}

.fa-firefox-browser:before{content:"\e007"}

.fa-replyd:before{content:"\f3e6"}

.fa-suse:before{content:"\f7d6"}

.fa-jenkins:before{content:"\f3b6"}

.fa-twitter:before{content:"\f099"}

.fa-rockrms:before{content:"\f3e9"}

.fa-pinterest:before{content:"\f0d2"}

.fa-buffer:before{content:"\f837"}

.fa-npm:before{content:"\f3d4"}

.fa-yammer:before{content:"\f840"}

.fa-btc:before{content:"\f15a"}

.fa-dribbble:before{content:"\f17d"}

.fa-stumbleupon-circle:before{content:"\f1a3"}

.fa-internet-explorer:before{content:"\f26b"}

.fa-stubber:before{content:"\e5c7"}

.fa-telegram-plane:before,.fa-telegram:before{content:"\f2c6"}

.fa-old-republic:before{content:"\f510"}

.fa-odysee:before{content:"\e5c6"}

.fa-square-whatsapp:before,.fa-whatsapp-square:before{content:"\f40c"}

.fa-node-js:before{content:"\f3d3"}

.fa-edge-legacy:before{content:"\e078"}

.fa-slack-hash:before,.fa-slack:before{content:"\f198"}

.fa-medrt:before{content:"\f3c8"}

.fa-usb:before{content:"\f287"}

.fa-tumblr:before{content:"\f173"}

.fa-vaadin:before{content:"\f408"}

.fa-quora:before{content:"\f2c4"}

.fa-square-x-twitter:before{content:"\e61a"}

.fa-reacteurope:before{content:"\f75d"}

.fa-medium-m:before,.fa-medium:before{content:"\f23a"}

.fa-amilia:before{content:"\f36d"}

.fa-mixcloud:before{content:"\f289"}

.fa-flipboard:before{content:"\f44d"}

.fa-viacoin:before{content:"\f237"}

.fa-critical-role:before{content:"\f6c9"}

.fa-sitrox:before{content:"\e44a"}

.fa-discourse:before{content:"\f393"}

.fa-joomla:before{content:"\f1aa"}

.fa-mastodon:before{content:"\f4f6"}

.fa-airbnb:before{content:"\f834"}

.fa-wolf-pack-battalion:before{content:"\f514"}

.fa-buy-n-large:before{content:"\f8a6"}

.fa-gulp:before{content:"\f3ae"}

.fa-creative-commons-sampling-plus:before{content:"\f4f1"}

.fa-strava:before{content:"\f428"}

.fa-ember:before{content:"\f423"}

.fa-canadian-maple-leaf:before{content:"\f785"}

.fa-teamspeak:before{content:"\f4f9"}

.fa-pushed:before{content:"\f3e1"}

.fa-wordpress-simple:before{content:"\f411"}

.fa-nutritionix:before{content:"\f3d6"}

.fa-wodu:before{content:"\e088"}

.fa-google-pay:before{content:"\e079"}

.fa-intercom:before{content:"\f7af"}

.fa-zhihu:before{content:"\f63f"}

.fa-korvue:before{content:"\f42f"}

.fa-pix:before{content:"\e43a"}

.fa-steam-symbol:before{content:"\f3f6"}

@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-regular-400.woff2) format("woff2"),url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-regular-400.ttf) format("truetype")}

@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:400;font-display:block;src:url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-regular-400.woff2) format("woff2"),url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-regular-400.ttf) format("truetype")}

.fa-regular,.far{font-weight:400}

:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}

@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-solid-900.woff2) format("woff2"),url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-solid-900.ttf) format("truetype")}

@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:900;font-display:block;src:url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-solid-900.woff2) format("woff2"),url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-solid-900.ttf) format("truetype")}

.fa-solid,.fas{font-weight:900}

@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-brands-400.woff2) format("woff2"),url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-brands-400.ttf) format("truetype")}

@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-solid-900.woff2) format("woff2"),url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-solid-900.ttf) format("truetype")}

@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-regular-400.woff2) format("woff2"),url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-regular-400.ttf) format("truetype")}

@font-face{font-family:"FontAwesome";font-display:block;src:url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-solid-900.woff2) format("woff2"),url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-solid-900.ttf) format("truetype")}

@font-face{font-family:"FontAwesome";font-display:block;src:url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-brands-400.woff2) format("woff2"),url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-brands-400.ttf) format("truetype")}

@font-face{font-family:"FontAwesome";font-display:block;src:url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-regular-400.woff2) format("woff2"),url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}

@font-face{font-family:"FontAwesome";font-display:block;src:url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-v4compatibility.woff2) format("woff2"),url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}

.n_price_rating{ position: relative;display: inline-block;border: 1px double #ccc;padding: 40px 0 5px 0;width: 29%;min-width: 100px;max-width: 230px; text-align: center;height: 68px;vertical-align: top;border-radius: 10px;margin: 25px 10px; background: #eee ;}

#b_r_rating, #b_r_price_sec, #b_r_price{ font-weight: 600;font-size: 20px; }

.n_price_rating .n_ico{ position: absolute;width: 50px;height: 50px;border-radius: 100%;left:50%;top:-25px;margin-left: -25px;background-color: #d58a00;color: #FFF;font-size: 30px;line-height: 50px;}

.n_price_rating .n_ico.n_ico_r{ background-color: #4b8564; }

.n_price_rating .n_ico.n_ico_b{ background-color: #d58a00; }

.n_price_rating .n_ico.n_ico_e{ background-color: #293a77; }

.n_price_rating .n_title{ font-size:12px; }

.n_price_rating .n_butt, .n_price_rating .n_butt_buy{ position: absolute;left:50%;bottom:-18px;margin-left: -51px;width: 93px;font-size: 11px;color:#fff;padding:0 5px;border-radius: 5px;line-height: 26px; }

.n_price_rating .n_butt_buy{ background: #293a77;}

.n_price_rating .n_butt, .n_price_rating .n_butt_buys{ position: absolute;left:50%;bottom:-18px;margin-left: -51px;width: 93px;font-size: 11px;color:#fff;padding:0 5px;border-radius: 5px;line-height: 26px; }

.n_price_rating .n_butt_buys{ background: #4CAF50;}

.menu_gr_new{text-align: right;}

.menu_gr_new a{
            display: inline-block;
            vertical-align: top;
            width: 40px;
            padding: 5px 0;
            text-align: center;
            border: 1px solid #555;
            border-radius: 5px;
            font-size: 12px;
            margin: 3px;
            color: #555;
        }

.menu_gr_new a:hover, .menu_gr_new a.active {
            background: #d58a00;
            border: 1px solid #d58a00;
            color: #FFF;
        }

.gr_tip_date{color: #555;margin-bottom: 10px;}

.gr_tip_date span{float: right;}

.gr_line{padding: 3px 0;font-size: 12px;}

.gr_line .fa-sort-amount-up{color: #009600;}

.gr_line .fa-tasks{color: #000096;}

.gr_line b{font-size: 13px;}

.birja-rating{font-size:12px;}

.gr_pr {
            display: inline-block;
            margin-left: 10px;
            font-size: 12px;
            font-weight: bold;
        }

@media (max-width: 1024px){
            .n_price_rating{ margin: 25px 2px; }
            #b_r_rating, #b_r_price_sec, #b_r_price{ font-size: 16px; }
        }

@media (max-width: 600px){
            .n_price_rating{ width: 30%;min-width: 90px;margin: 25px 2px; }
            #b_r_rating, #b_r_price_sec, #b_r_price{ font-size: 16px; }
            .n_price_rating .n_title{ font-size:10px; }
            #birja-rating{font-size: 10px;}
            .gr_all_tiptop .gr_line{font-size:11px;}
            .gr_all_tiptop .gr_line b{font-size: 12px;}
            .gr_all_tiptop .gr_pr{font-size: 11px;}
        }

.gr_all_tiptop{
            position: absolute;
            display: block;
            font-size: 12px;
            text-align: left;
            z-index: 1;
            top: -40px;
            left: 10px;
        }

.gr_end_tiptop{
            padding:5px 10px;
            position: absolute;
            display: block;
            z-index: 1;
            top: 0;
            right: 10px;
            background-color: rgba(0,150,0, 1);
            font-size: 11px;
            color:#fff;
            margin-top:-11px;
        }

@media (max-width: 1024px){
            .gr_all_tiptop{
                top: -50px;
                text-align: left;
                left:50%;
                margin-left: -135px;
                width: auto;
            }

            .menu_gr_new{text-align: center;margin-bottom: 60px;}
        }

@media (max-width: 600px){

        }

.form-c a{
            cursor:pointer;
        }

a.dop-my-order-a{
            background: #d58a00;
            color: #FFFFFF;
        }

#birja-rating th a.active-ASC:after { content:' \2191';}

#birja-rating th a.active-DESC:after { content: ' \2193';}

#birja-rating{
    font-size:12px;
}

#birja-rating th a.active-ASC,  #birja-rating th a.active-DESC{border-bottom: 1px dashed #fff;}

#birja-rating th a{
    color: #fff;
    font-size:11px;
    text-shadow: none;
    display: inline-block;
    padding: 5px 10px;
}

#birja-rating th a:hover{
    border-bottom: 1px dashed #fff;
}

.form-wrap {
    align-items: center;
    border-bottom: 1px solid #ecf0f1;
    display: flex;
    flex-flow: row wrap;
    font-size: .8rem;
    padding: 3px;
    text-align: left;
}

.form-tsl {
    align-self: flex-start;
    flex-basis: 165px;
    padding-left: 10px;
}

.form-c {
    flex: 200px 1;
    padding: 2px;
}

.menu-task-work__link {
    color: #656565;
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    line-height: 17px;
    height: 17px;
    font-size: 11px;
    margin: 2px 2px;
    background: #ecf0f1;
    border: none;
    border-radius: 8px;
}

.menu-task-work__link.active, .menu-task-work__link:hover {
    color: #fff;
    background: #c68013;
    border: none;
}

.msg-war{
  display: block;
  text-align: center;
  padding:10px;
  background:#5d5f61;
  color: #FFF;
  text-shadow: 1px 1px 2px #000;
  margin-top: 10px;
}

#pay-today{
    display: flex;
    align-content: stretch;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
}

.pay_today_new{
    display: flex;
    width: 25%;
    border: 1px solid #eee;
    padding: 10px;
    margin: 5px;
    border-radius: 5px;
}

.pay_today_avatar{
   width:45px;
   min-width:55px;
   height: 55px;
   border-radius: 5px;
   overflow: hidden; 
}

.pay_today_avatar img{
    width: 45px;
}

.pay_today_data{
    width: 70%;
    padding-left: 10px;
    font-size: 14px;
}

.pay_today_date{
    
}

@media(max-width: 1620px) {
    .pay_today_date{
        font-size: 12px;
    }        
}

@media(max-width: 1400px) {
    .pay_today_new{
        width: 40%;
    }        
}

@media(max-width: 1600px) {
    .members_new_block{
        width: 95%;
    }        
}

.bj_menu_order {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px 0;
    background: linear-gradient(344deg, #004d40 21%, #4d90fe);
    padding: 10px;
    border: 3px solid #CCC;
    border-radius: 10px;  
}

.bj_menu_order a{
    text-align: center;
    padding: 10px 10px;
    color: #fff;
    text-decoration: none;
    position: relative;
    border-radius: 5px; 
    margin: 5px;
}

a.a_bj_gr{
    background-color: #FFF;
    color: #000;    
}

a.a_bj_gr:hover, a.a_bj_gr.active{
    background-color: #636363;
    color: #FFF;    
}

a.a_bj_buy{
    background-color: #0bb370;
    color: #FFF;    
}

a.a_bj_buy:hover, a.a_bj_buy.active{
    background-color: #098654;    
}

a.a_bj_sell{
    background-color: #d52d0f;
    color: #FFF;    
}

a.a_bj_sell:hover, a.a_bj_sell.active{
    background-color: #ac250d;    
}

.bj_menu_order a.active::after{
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    border: 6px solid transparent;
    border-top-color: #FFF;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.butt_bj_rat{
            display: inline-block;
            text-align: center;
            width: 100px;
            padding: 5px 0;
            border-radius: 3px;
            color: #FFF;
            cursor: pointer;
            margin: 2px 0;   
        }

.butt_bj_rat_blue{
                background: #4d90fe;    
            }

.butt_bj_rat_blue:hover{
                background: #9f3716;    
            }

.butt_bj_rat_red{
                background: #d52d0f;    
            }

.butt_bj_rat_red:hover{
                background: #ac250d;    
            }

.butt_bj_rat_gr{
                background: #636363;    
            }

.butt_bj_rat_gr:hover{
                background: #4d4d4d;    
            }

.bj_buy_td td{
            background-color: #f8fefc;     
        }

.bj_sell_td{
            background-color: #fef7f5;   
        }

.bj_buy_hist{
            color: #098654;    
        }

.bj_sell_hist{
            color: #d52d0f;    
        }

.bj_search{
            display: inline-block;
            float: left;
            margin-left: 5px;
        }

.bj_flex{
        display:flex;
        margin-bottom:30px;    
    }

.bj_flex .bj__block {
        position: relative;
        flex: 1 1 10px;
        margin: 5px;
        padding: 10px;
        border-radius: 10px;
        color:#fff;
        text-shadow: 0 1px 2px #000;
        -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.4);
        text-align: center;
    }

.bj___dyn{
        background: -webkit-linear-gradient(135deg, rgb(101, 106, 255) 21%, rgb(195, 197, 246));
        background: -moz-linear-gradient(135deg, rgb(101, 106, 255) 21%, rgb(195, 197, 246));
        background: linear-gradient(135deg, rgb(101, 106, 255) 21%, rgb(195, 197, 246));
    }

.bj___day{
        background: -webkit-linear-gradient(135deg, rgb(238, 137, 0) 21%, rgb(253, 206, 153));
        background: -moz-linear-gradient(135deg, rgb(238, 137, 0) 21%, rgb(253, 206, 153));
        background: linear-gradient(135deg, rgb(238, 137, 0) 21%, rgb(253, 206, 153));
    }

.bj___all_price{
        background: -webkit-linear-gradient(135deg, rgb(106, 156, 2), rgb(82, 182, 142));
        background: -moz-linear-gradient(135deg, rgb(106, 156, 2), rgb(82, 182, 142));
        background: linear-gradient(135deg, rgb(106, 156, 2), rgb(82, 182, 142));
    }

.bj___price{
        background: -webkit-linear-gradient(135deg, rgb(244, 16, 107) 21%, rgb(253, 153, 228));
        background: -moz-linear-gradient(135deg, rgb(244, 16, 107) 21%, rgb(253, 153, 228));
        background: linear-gradient(135deg, rgb(244, 16, 107) 21%, rgb(253, 153, 228));
    }

.bj__title{
        font-size: 13px;
    }

.bj__price{
        font-size: 22px;
        font-weight: 600;
        line-height: 40px;
    }

.bj__button{
        position: absolute;
        background-color: rgba(255, 255, 255, 1);
        border: 2px solid rgb(244, 16, 107);
        padding:2px 0;
        font-size: 12px;
        color: #000;
        text-shadow: none;
        border-radius: 5px;
        text-align: center;
        width: 100px;
        left: 50%;
        margin-left:-50px;
        bottom: -14px;
        cursor: pointer;    
    }

.bj__sell{
        border: 2px solid rgb(101, 106, 255);
    }

.bj__button:hover{
        background-color: rgba(255, 255, 255, 0.9); 
    }

.bj_table{
        margin-bottom:10px;    
    }

.bj_table td{
        text-align: center;
        padding:10px 0;
        background-color: rgba(0, 0, 0, 0.04);    
    }

.bj_menu a{
        display: inline-block;
        width: 40px;
        line-height: 25px;
        border: 1px solid #555;
        border-radius: 3px;
        color: #555;
        text-decoration: none;
    }

.bj_menu a:hover, .bj_menu a.active{
        background-color: #555;
        color: #FFF;
    }

.bj_glob_title{
        font-size: 11px;
    }

.bj_glob_val, .bj_glob_sr_price{
        font-weight: 600;        
    }

.bj_glob_val{
        color: #0004a6;
    }

.bj_glob_sr_price{
        color: #ee8900;
    }

.bj_legend{
        position: absolute;
        top:0;
        left: 10px;
        z-index:1;   
    }

.bj_legend .bj__leg_curs, .bj__line_curs{
        color: rgb(244, 16, 107);
    }

.bj_legend .bj__leg_val, .bj__line_val{
        color: rgb(101, 106, 255);
    }

.bj_legend .bj__leg_curs span, .bj_legend .bj__leg_val span{
        display: inline-block;
        height:3px;
        width: 30px;
        vertical-align: middle;
        margin-right: 10px;   
    }

.bj_legend .bj__leg_curs span{
        background-color: rgb(244, 16, 107);    
    }

.bj_legend .bj__leg_val span{
        background-color: rgb(101, 106, 255);
    }

.bj_tiltop{
        width: 210px; 
        height: 55px; 
        position: absolute; 
        display: none; 
        box-shadow: 0 0 10px rgba(0,0,0,0.2); 
        padding: 10px; 
        font-size: 11px; 
        text-align: left; 
        z-index: 1000; 
        top: 12px; 
        left: 12px; 
        pointer-events: none; 
        border-radius: 10px;
        background-color: rgba(255,255,255,1);
        color: #000;   
    }

#cookie_notification
{
  display: none;
  position: fixed;
  bottom: 15px;
  left: 50%;
  width: 900px;
  max-width: 90%;
  transform: translateX(-50%);
  padding: 20px;
  background: linear-gradient(179deg, #595857 21%, #000000);
  border-radius: 4px;
  color: #fff;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
  z-index: 9999; /* Добавляем z-index для показа поверх других окон */
  text-align: center;
}

#cookie_notification p
{
  margin: 0;
  padding: 10px;
}

#cookie_notification.show
{
  display: block;
}

.cookie_accept
{
  margin: 5px;
}

@media only screen and (max-width: 600px) {
  #cookie_notification {
    padding: 10px;
  }
}

.fixedtab:before {
     background: #25eb2d;
    content: '';
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: -7px;
    right: 6px;
    border-radius: 100%;
    animation: pulse 1s infinite; /* добавляем анимацию pulse длительностью 1 секунду, бесконечно повторяемую */
}

@keyframes pulse {
    0% {
        transform: scale(0.85);
        background-color: #12FF00;
    }
    50% {
        transform: scale(1.05);
        background-color: #00FF90;
    }
    100% {
        transform: scale(0.85);
        background-color: #12FF00;
    }
}

.fixedtabs {
    right: -34px;
    top: 35%;
    position: fixed;
    z-index: 2;
    padding: 11px 18px 11px 18px;
    width: 60px;
    border-radius: 20px 20px 0px 0px;
    transform: rotate(-90deg);
    transition: background-color 0.3s;
}

.fixedtabs i {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(https://minebux.ru/statica/teleganew.png) center no-repeat;
    margin-right: 10px;
}

.fixedtabs span {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}

.fixedtabsd {
    right: -34px;
    top: 35%;
    position: fixed;
    z-index: 2;
    padding: 11px 18px 11px 18px;
    width: 60px;
    border-radius: 20px 20px 0px 0px;
    transform: rotate(-90deg);
    transition: background-color 0.3s;
}

.fixedtabsd i {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(https://minebux.ru/statica/teleganew.png) center no-repeat;
    margin-right: 10px;
}

.fixedtabsd span {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}

.player{position: absolute;top: 3px;left: -6px;height: 34px;width: 150px;line-height: 33px;opacity: 0.7;z-index: 1;font-size: 11px;}

.player:hover{opacity: 0.9;}

.player .audio{background: url(ico/audio_play.png) 0 0 no-repeat;display:inline-block;width: 33px;height: 33px;cursor:pointer;position: absolute;top:0;left:0;}

.player .pause{background: url(ico/audio_pause.png) 0 0 no-repeat;}

.player .sound{position: absolute;top:5px;left:40px;height: 22px;}

.player .sound .sv{position: absolute;display:inline-block;width: 2px;border:1px solid #006400;cursor:pointer;border-left:0;}

.player .sound .sv:hover{background: #006400;}

.player .sound .s1{left:0;top:10px;height: 1px;}

.player .sound .s2{left:4px;top:9px;height: 3px;}

.player .sound .s3{left:8px;top:8px;height: 5px;}

.player .sound .s4{left:12px;top:7px;height: 7px;}

.player .sound .s5{left:16px;top:6px;height: 9px;}

.player .sound .s6{left:20px;top:5px;height: 11px;}

.player .sound .s7{left:24px;top:4px;height: 13px;}

.player .sound .s8{left:28px;top:3px;height: 15px;}

.player .sound .s9{left:32px;top:2px;height: 17px;}

.player .sound .s10{left:36px;top:1px;height: 19px;}

.player .sound .active{background: #006400;}

.player .sound-text{position: relative;top:2px;left:95px;cursor:pointer;color:#006400;}

.player .sound-text:hover .sound-list{display:block;}

.player .sound-list{position: absolute;top:33px;left:0;width: 170px;border:1px solid #123210;background: #006405;line-height: 30px;display:none;}

.player .sound-list span{display:block;color:#ffffff;cursor:pointer;padding:0 15px;}

.player .sound-list span:hover{background: #000;}

.mm__header .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 36px;
    margin-top: 29px;
    z-index: 5;
}

.close-btn {
  position: relative;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  cursor: pointer; }

.close-btn:before {
    width: 2px;
    height: 18px;
    left: 8px;
    top: 0; }

.close-btn:after {
    height: 2px;
    width: 18px;
    top: 8px;
    left: 0; }

.close-btn:before, .close-btn:after {
    content: "";
    background: #000;
    position: absolute; }

.close-btn--red:before, .close-btn--red:after {
    background: #ff0000;
}

.members_new{
    display: flex;
    align-content: stretch;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
}

.members_new_block{
    width: 45%;
    border: 3px solid #eee;
    padding:10px;
    border-radius: 10px;
    margin-top:10px;
}

@media (max-width: 1142px){
    .members_new_block{width: 100%;}
}

.members_title{
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
}

.members_data{
    margin-top: 10px;
}

.members_data table{

}

.members_data table td{
    padding:5px 0;
}

.tv-lightweight-charts, .highcharts-container {
    border-radius: 10px;
}

.graf-menu{
	width: 210px;
    height: 80px;
    display: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 12px;
    text-align: left;
	position: absolute;
    z-index: 1000;
    pointer-events: auto;
    border-radius: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Trebuchet MS", Roboto, Ubuntu, sans-serif;
    -webkit-font-smoothing: antialiased;
    background: white;
    color: black;
    border-color: rgb(255, 82, 82);
}

.gr_pr i{ font-size: 10px; 
 }

.gr_pr_green{ color: #009600; 
}

.gr_pr_red{color: red;
}

.gr_line_curs{margin-bottom: 0;
}

a.ajax-site {
    /* color: #4d90fe; */
}

.balance-1 {
    /* background: #2f3438; */
}

a.ajax-site.tipi.bln {
    background: linear-gradient(327deg, #0c8325 21%, #000000);
    color: red !important;
}

.leftside .blok {
    /* background: red !important; */
}

.avatar-block {
    background: repeating-linear-gradient(45deg, #00000040, transparent 100px);
    margin-bottom: 1em;
}

.work-serf a {
    color: #321616;
}

.work-serf span {
    /* color: #ffffff; */
}

.serf-stat {}

.list-tg {
    background: var(--card) !important;
}

.list-tg td {
    padding: 0px 10px;
}

.list-tg .serf-text {
    color: #b9c8ff;
    opacity: 0.7;
}

.list-tg .fa-telegram {
    font-size: 2em;
    opacity: 1;
    color: #75b9ff;
}

button, .btn, input[type="submit"], input[type="button"] {
    font-size: 12px !important
}

td.ext-viptask input {
    width: auto;
}

.nf-page{
    padding: 18px 0 30px;
}

.nf-card{
    position: relative;
    background: linear-gradient(180deg, #f7f9fd 0%, #eef3fb 100%);
    border: 1px solid #dbe5f3;
    border-radius: 34px;
    padding: 28px;
    box-shadow:
        0 10px 30px rgba(89, 116, 166, 0.08),
        inset 0 1px 0 rgba(255,255,255,0.7);
    overflow: hidden;
}

.nf-badge{
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 18px;
    border-radius: 999px;
    background: #eef2f8;
    border: 1px solid #d8e1ef;
    color: #5f6f8d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 22px;
}

.nf-grid{
    display: flex;
    align-items: center;
    gap: 28px;
}

.nf-visual{
    position: relative;
    width: 48%;
    min-width: 320px;
    background: radial-gradient(circle at 50% 30%, #193a7a 0%, #09152f 58%, #050b18 100%);
    border-radius: 28px;
    overflow: hidden;
    border: 1px solid rgba(84, 124, 214, 0.22);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.04),
        0 20px 50px rgba(18, 39, 79, 0.20);
    min-height: 430px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nf-glow{
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(70,213,255,0.30) 0%, rgba(70,213,255,0.08) 45%, rgba(70,213,255,0) 75%);
    filter: blur(8px);
}

.nf-image{
    position: relative;
    z-index: 2;
    max-width: 88%;
    max-height: 360px;
    object-fit: contain;
    filter: drop-shadow(0 18px 30px rgba(0,0,0,0.35));
    opacity: 0.96;
}

.nf-content{
    flex: 1;
    min-width: 280px;
}

.nf-title{
    margin: 0 0 14px;
    font-size: 64px;
    line-height: 0.95;
    font-weight: 800;
    letter-spacing: -2px;
    color: #15233f;
    text-shadow: none;
}

.nf-title span{
    display: block;
}

.nf-code{
    font-size: 88px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 16px;
    background: linear-gradient(90deg, #7d879a 0%, #22385f 55%, #162445 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nf-text{
    font-size: 22px;
    line-height: 1.5;
    color: #6d7c98;
    max-width: 560px;
    margin: 0 0 28px;
}

.nf-actions{
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 22px;
}

.nf-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 190px;
    height: 52px;
    padding: 0 24px;
    border-radius: 18px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: all .25s ease;
    box-sizing: border-box;
}

.nf-btn-primary{
    color: #ffffff !important;
    background: linear-gradient(90deg, #48dfff 0%, #4d8dff 100%);
    box-shadow: 0 10px 25px rgba(77,141,255,0.28);
}

.nf-btn-primary:hover{
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(77,141,255,0.34);
}

.nf-btn-secondary{
    color: #24324d !important;
    background: #f6f8fc;
    border: 1px solid #d9e2ef;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}

.nf-btn-secondary:hover{
    color: #111c33 !important;
    background: #edf2f9;
    transform: translateY(-2px);
}

.nf-tags{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.nf-tags span{
    display: inline-flex;
    align-items: center;
    height: 34px;
    padding: 0 16px;
    background: #f6f8fc;
    border: 1px solid #d8e2ef;
    border-radius: 999px;
    color: #5e6e8d;
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 1100px){
    .nf-grid{
        flex-direction: column;
        align-items: stretch;
    }

    .nf-visual{
        width: 100%;
        min-width: 100%;
        min-height: 320px;
    }

    .nf-title{
        font-size: 48px;
    }

    .nf-code{
        font-size: 70px;
    }

    .nf-text{
        font-size: 18px;
    }
}

@media (max-width: 700px){
    .nf-card{
        padding: 18px;
        border-radius: 24px;
    }

    .nf-visual{
        min-height: 250px;
        border-radius: 22px;
    }

    .nf-title{
        font-size: 36px;
        letter-spacing: -1px;
    }

    .nf-code{
        font-size: 54px;
    }

    .nf-text{
        font-size: 15px;
        margin-bottom: 20px;
    }

    .nf-btn{
        width: 100%;
        min-width: 100%;
    }

    .nf-tags{
        gap: 8px;
    }

    .nf-tags span{
        font-size: 12px;
        height: 30px;
        padding: 0 12px;
    }
}

span.select,
.menu-panellang .select{
  width:auto !important;
  min-width:56px;
  height:40px !important;
  padding:0 14px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  border-radius:14px !important;
  background:linear-gradient(135deg, rgba(96,165,250,.18), rgba(59,130,246,.08)) !important;
  border:1px solid rgba(148,163,184,.22) !important;
  box-shadow:none !important;
  font-size:13px !important;
  line-height:1 !important;
  color:#e5eefc !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

span.select .options,
.menu-panellang .select .options{
  top:calc(100% + 8px) !important;
  left:0 !important;
  width:max-content !important;
  min-width:100% !important;
  height:auto !important;
  padding:8px !important;
  border-radius:14px !important;
  background:#0f172a !important;
  border:1px solid rgba(148,163,184,.20) !important;
  box-shadow:0 16px 32px rgba(2,6,23,.28) !important;
}

span.select .options .option,
.menu-panellang .select .options .option{
  padding:9px 12px !important;
  border-radius:10px;
  color:#e2e8f0 !important;
  white-space:nowrap;
}

span.select .options .option:hover,
span.select .options .active,
.menu-panellang .select .options .option:hover,
.menu-panellang .select .options .active{
  background:rgba(96,165,250,.18) !important;
  color:#ffffff !important;
}

hr,
.main-header hr,
.bord{
  display:none !important;
}

.menu-panellang{
  right:14px !important;
}

html[data-theme="light"] .menu-panellang,
html:not([data-theme="dark"]) .menu-panellang{
  color:#334155 !important;
}

html[data-theme="light"] span.select,
html[data-theme="light"] .menu-panellang .select,
html:not([data-theme="dark"]) span.select,
html:not([data-theme="dark"]) .menu-panellang .select{
  background:linear-gradient(180deg, #f8fbff, #e9eff8) !important;
  color:#334155 !important;
  border:1px solid rgba(148,163,184,.28) !important;
}

html[data-theme="light"] span.select .options,
html[data-theme="light"] .menu-panellang .select .options,
html:not([data-theme="dark"]) span.select .options,
html:not([data-theme="dark"]) .menu-panellang .select .options{
  background:#ffffff !important;
  border:1px solid rgba(148,163,184,.20) !important;
  box-shadow:0 16px 32px rgba(15,23,42,.14) !important;
}

html[data-theme="light"] span.select .options .option,
html[data-theme="light"] .menu-panellang .select .options .option,
html:not([data-theme="dark"]) span.select .options .option,
html:not([data-theme="dark"]) .menu-panellang .select .options .option{
  color:#334155 !important;
}

html[data-theme="light"] span.select .options .option:hover,
html[data-theme="light"] span.select .options .active,
html[data-theme="light"] .menu-panellang .select .options .option:hover,
html[data-theme="light"] .menu-panellang .select .options .active,
html:not([data-theme="dark"]) span.select .options .option:hover,
html:not([data-theme="dark"]) span.select .options .active,
html:not([data-theme="dark"]) .menu-panellang .select .options .option:hover,
html:not([data-theme="dark"]) .menu-panellang .select .options .active{
  background:rgba(59,130,246,.10) !important;
  color:#0f172a !important;
}

html, body{
  margin:0 !important; 
  padding:0 !important;
}

body{
  font-family:Arial, Tahoma, sans-serif;
  color:#e9f1ff;
  background:#091321;
}

a{
  color:#dbe8ff;
}

.flex-container{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:0;
}



/* ===== recovery cleanup ===== */
@media (min-width: 981px){
  .mobile-menu,
  .menu_mob,
  .open-menu,
  .leftmenu-mob,
  .mobile-profile-btn,
  .mobile-profile-menu,
  .mobile-bottom-nav,
  .support_panel,
  .on_line,
  .on_chat,
  .fixedtab,
  .fixedtabs {
    display: none !important;
  }
}


/* =====================================================================
   ADSREK GLOBAL LEGACY CLEANUP — neutralize legacy bright accents
   ===================================================================== */
#popup,
.popup,
.popup-content {
  background: linear-gradient(180deg, rgba(20,28,44,0.96), rgba(15,22,36,0.98)) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 48px rgba(0,0,0,0.42) !important;
  color: #e7edf7 !important;
}

#popup .title-popup,
.popup .title-popup,
.popup-content .title-popup,
#popup .closed-popup,
.pop-up-footer {
  background: linear-gradient(180deg, rgba(14,21,34,0.98), rgba(18,28,44,0.96)) !important;
  color: #e7edf7 !important;
  border-color: rgba(255,255,255,0.08) !important;
}

#popup input,
#popup select,
#popup textarea,
.popup input,
.popup select,
.popup textarea {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #e7edf7 !important;
  border-radius: 14px !important;
}

.work-serf,
.work-serff,
.work-serfs,
.list-tg {
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  background: linear-gradient(180deg, rgba(20,28,44,0.72), rgba(15,22,36,0.92)) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.work-serf td,
.work-serff td,
.work-serfs td,
.list-tg td {
  padding: 18px 16px !important;
  border-color: rgba(255,255,255,0.06) !important;
  background: transparent !important;
}

.work-serf a,
.work-serff a,
.work-serfs a,
.serf-text,
.serff-text,
.list-tg .serf-text {
  color: #e7edf7 !important;
}



.start-error-serf,
.msg-error,
.da-del,
.net-del {
  color: #f0d7d7 !important;
  background: rgba(212,106,106,0.14) !important;
  border: 1px solid rgba(212,106,106,0.38) !important;
}

.msg-warning,
.msg-ok,
.add-infa,
.add-infa-red,
.comm-replace,
.load-pages,
.load-pages-dop,
.cashback-money-add {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #e7edf7 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}







span#new-money-rekl,
span#new-money-ballans,
#new-money-rekl,
#new-money-ballans {
  color: #f0d8a2 !important;
}

.support_panel,
.on_line,
.on_chat,
.fixedtab,
.fixedtabs {
  display: none !important;
}


/* =========================================================
   FINAL OVERRIDE: DEMATRYOSHKA + SIDEBAR / INNER BLOCK FIX
   ========================================================= */
:root,
html[data-theme="dark"],
html[data-theme="light"]{
  --ads-bg-page-1:#0b1220;
  --ads-bg-page-2:#1a2233;
  --ads-card:rgba(20,28,44,0.72);
  --ads-card-2:rgba(255,255,255,0.02);
  --ads-line-strong:rgba(255,255,255,0.10);
  --ads-text-main:#e7edf7;
  --ads-text-muted:#aeb8c8;
  --ads-text-dim:#7f8aa0;
  --ads-gold-main:#d6b06a;
  --ads-blue-soft:#7fa8ff;
  --ads-danger-soft:#d46a6a;
  --ads-shadow-calm:0 12px 40px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.05);
  --ads-shadow-gold-soft:0 0 18px rgba(214,176,106,0.22);
}

html,body{
  background:
    radial-gradient(900px 240px at 50% -10%, rgba(255,255,255,0.10), rgba(255,255,255,0) 40%),
    radial-gradient(520px 240px at 18% 20%, rgba(54,75,114,0.16), rgba(54,75,114,0) 62%),
    radial-gradient(560px 240px at 84% 18%, rgba(41,56,92,0.12), rgba(41,56,92,0) 60%),
    linear-gradient(180deg, var(--ads-bg-page-1) 0%, #121a29 40%, var(--ads-bg-page-2) 100%) fixed !important;
  color:var(--ads-text-main) !important;
}

body::before{opacity:.45 !important;}

table.main,
.main{
  width:min(1360px, calc(100% - 88px)) !important;
  border-spacing:24px !important;
  border-radius:30px !important;
  background:linear-gradient(180deg, rgba(108,120,140,0.18), rgba(75,85,103,0.10)) !important;
  border:1px solid rgba(255,255,255,0.08) !important;
  box-shadow:0 22px 72px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

#leftcolumn,
#contentwrapper,
#rightcolumn{vertical-align:top !important;}

#leftcolumn,
#rightcolumn{
  width:228px !important;
}

#contentwrapper{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* global large cards: keep only one main contour */


/* remove nested boxes / matryoshka */


/* header lighter and more premium */
.main-header{
  min-height:90px !important;
  padding:18px 24px !important;
  border-radius:26px !important;
  background:
    radial-gradient(260px 90px at 50% 0%, rgba(255,255,255,0.07), rgba(255,255,255,0) 72%),
    radial-gradient(180px 90px at 18% 42%, rgba(48,74,128,0.16), rgba(48,74,128,0) 68%),
    radial-gradient(180px 90px at 82% 38%, rgba(48,74,128,0.12), rgba(48,74,128,0) 68%),
    linear-gradient(180deg, rgba(9,17,31,0.96), rgba(8,16,29,0.96)) !important;
  box-shadow:0 18px 40px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.main-header .logo img,
.logo img{width:210px !important; max-width:210px !important;}

.main-header .menu{gap:8px !important; min-height:52px !important; padding-right:72px !important;}

.main-navigation__link,
.main-navigation__link_regard,
.main-header .menu a.main-navigation__link,
.main-header .menu a.main-navigation__link_regard{
  height:46px !important;
  padding:0 22px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,0.03) !important;
  border:1px solid rgba(255,255,255,0.08) !important;
  box-shadow:none !important;
}
.main-navigation__link:hover,
.main-navigation__link_regard:hover,
.main-navigation__link.active,
.main-navigation__link_active,
.main-navigation__link_regarda,
.main-navigation__link.active_page{
  border-color:rgba(214,176,106,0.45) !important;
  box-shadow:var(--ads-shadow-gold-soft) !important;
  background:rgba(255,255,255,0.05) !important;
}

#open_lang{
  right:20px !important;
  top:18px !important;
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
}

.theme-toggle,
#theme-toggle{
  position:absolute !important;
  left:auto !important;
  right:20px !important;
  top:66px !important;
  width:42px !important;
  height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  background:rgba(214,176,106,0.08) !important;
  border:1px solid rgba(214,176,106,0.45) !important;
  box-shadow:none !important;
}

/* left profile clean-up */
.avatar-block,
.leftside .blok,
#leftcolumn .blok,
.profile{
  padding:18px 16px !important;
}



.buttons.cabinet-buttons,
.cabinet-buttons{
  top:34px !important;
  right:18px !important;
  gap:8px !important;
}
.buttons.cabinet-buttons a,
.cabinet-buttons a,
.cabinet-toggle{
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,0.04) !important;
  border:1px solid rgba(255,255,255,0.10) !important;
}

.user--login-rich,
.profile .login,
.profile .username,
.user-login,
#user-login{
  font-size:18px !important;
  line-height:1.2 !important;
  margin-top:4px !important;
}
.user--id-rich,
.role,
.rank,
.status,
.percent,
.small-text{
  color:var(--ads-text-dim) !important;
  font-size:12px !important;
  text-shadow:none !important;
}

#reyt-user-block,
.balance-1,
.balance-2,
.balance-1 a,
.balance-2 a,
.bln{
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  background:rgba(20,28,44,0.72) !important;
  box-shadow:none !important;
}
#reyt-user-block{
  padding:16px !important;
  color:var(--ads-gold-main) !important;
  font-size:18px !important;
}
.balance-1 a,
.balance-2 a,
.bln{
  min-height:68px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:14px 16px !important;
}
#new-money-rekl,
#new-money-ballans,
span#new-money-rekl,
span#new-money-ballans{
  color:var(--ads-text-main) !important;
  font-size:18px !important;
  font-weight:600 !important;
}
.balance-1 .label,
.balance-2 .label,
.balance-1 small,
.balance-2 small,
.balance-1 span:first-child,
.balance-2 span:first-child{
  color:var(--ads-text-dim) !important;
  font-size:12px !important;
}

.user_menuline,
.usermnutitle-g,
.usermnuline-act,
.m-active{
  min-height:54px !important;
  padding:0 18px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,0.025) !important;
  border:1px solid rgba(255,255,255,0.08) !important;
  box-shadow:none !important;
}
.user_menuline:hover,
.usermnutitle-g:hover,
.usermnuline-act,
.m-active{
  background:rgba(255,255,255,0.05) !important;
  border-color:rgba(214,176,106,0.32) !important;
  box-shadow:none !important;
}

/* center titles / inner spacing */


/* data cards: fewer boxes */
.members_data,
.setting,
.nw,
#contentwrapper .wall_new_infa,
#contentwrapper .wall_new_data{
  padding:22px !important;
}
.members_data table td,
.members_data table th,
.setting table td,
.setting table th,
.nw td,
.nw th,
.container-table td,
.container-table th,
.table td,
.table th{
  min-height:52px !important;
  padding:14px 16px !important;
  background:rgba(255,255,255,0.018) !important;
  border-color:rgba(255,255,255,0.08) !important;
  box-shadow:none !important;
}
.members_data table td:first-child,
.setting table td:first-child,
.nw td:first-child,
.container-table td:first-child{
  color:var(--ads-text-muted) !important;
}
.table th,
.members_data table th,
.setting table th,
.nw th,
.container-table th{
  color:var(--ads-gold-main) !important;
  background:rgba(255,255,255,0.03) !important;
}

/* forms / tabs */
.tab-wrap{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:18px !important;
  margin:16px 0 22px !important;
}
.tab + label{
  height:44px !important;
  padding:11px 14px !important;
  background:rgba(255,255,255,0.03) !important;
  border:1px solid rgba(255,255,255,0.08) !important;
  border-radius:14px !important;
  color:var(--ads-text-muted) !important;
  box-shadow:none !important;
}
.tab:checked + label,
.tab + label:hover{
  background:rgba(255,255,255,0.05) !important;
  border-color:rgba(214,176,106,0.32) !important;
  color:var(--ads-text-main) !important;
  box-shadow:none !important;
}

input, select, textarea, .inp input{
  height:52px !important;
  border-radius:14px !important;
  padding:0 18px !important;
  background:rgba(255,255,255,0.04) !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  box-shadow:none !important;
  color:var(--ads-text-main) !important;
}
textarea{min-height:120px !important; padding:14px 18px !important;}
.inp .label{color:var(--ads-text-dim) !important;}
.inp input:focus,
input:focus,
select:focus,
textarea:focus{
  border-color:rgba(214,176,106,0.45) !important;
  box-shadow:0 0 0 2px rgba(214,176,106,0.10) !important;
}







.wall_new_infa{
  display:flex !important;
  align-items:flex-start !important;
  gap:18px !important;
}
.wall_new_infa .wall_new_data{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
.stena .ava{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
}
.stena .status,
.status{
  position:static !important;
  margin:0 !important;
  width:auto !important;
  min-width:unset !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:var(--ads-text-dim) !important;
}

/* work-serf and ads lines */
.work-serf,
.work-serff,
.work-serfs,
.adv-line,
.adv-line-click,
.adv-line-high{
  min-height:unset !important;
  border-radius:20px !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  background:linear-gradient(180deg, rgba(20,28,44,0.72), rgba(13,21,36,0.92)) !important;
  box-shadow:var(--ads-shadow-calm) !important;
}
.adv-line,
.adv-line-click,
.adv-line-high{
  padding:14px 18px !important;
  border-left:0 !important;
}
.adv-line .advmoder,
.adv-line-cell-2,
.serf-text,
.serff-text{
  color:var(--ads-text-main) !important;
}
.advmoder span,
.serf-text-ob-add,
.serf-text-ob-url-pars,
.cbtn,
.cbtn-dis,
.cbtn-red{
  color:var(--ads-text-dim) !important;
}

/* popup / messages */
#popup{
  background:linear-gradient(180deg, rgba(20,28,44,0.96), rgba(11,19,33,0.98)) !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  border-radius:20px !important;
  box-shadow:0 24px 70px rgba(0,0,0,0.45) !important;
}
#popup .title-popup{
  background:linear-gradient(90deg, rgba(9,17,31,0.98), rgba(14,26,45,0.94), rgba(9,17,31,0.98)) !important;
  color:var(--ads-text-main) !important;
  border-bottom:1px solid rgba(255,255,255,0.08) !important;
}
.pop-up-footer,
td.pop-up-footer,
.msg-warning,
.msg-error,
.msg-ok,
.add-infa,
.add-infa-red,
.comm-replace{
  background:rgba(255,255,255,0.04) !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  color:var(--ads-text-main) !important;
  box-shadow:none !important;
}

/* empty placeholder-ish blocks */
#rightcolumn .blok .banner,
#rightcolumn .banners,
#rightcolumn .banners2,
.partner-placeholder,
.empty-state{
  background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)) !important;
  border:1px solid rgba(255,255,255,0.08) !important;
  border-radius:18px !important;
}

/* soften reds/greens for missing values / statuses */
.red,
.error,
.status-mess,
.msg-error,
a.active_red,
.not-set,
.not-filled,
.no-value{
  color:var(--ads-danger-soft) !important;
}
.green,
.msg-ok,
.ok,
.success,
.confirmed{ color:#9ac9a7 !important; }

/* tablet */
@media (max-width: 1100px){
  table.main, .main{ width:calc(100% - 32px) !important; border-spacing:16px !important; }
  #leftcolumn, #rightcolumn{ width:210px !important; }
}











/* ===== v7 screenshot pass: remove remaining nested boxes + improve readability ===== */





/* ===== premium cleanup v10 ===== */
body.site-body {
  margin: 0 !important;
  color: var(--ads-text) !important;
}

#load-site-img img {
  border: none;
}

.page-frame {
  position: relative;
  z-index: 1;
}

.layout-stage {
  width: min(1380px, calc(100% - 36px));
  margin: 0 auto 36px;
}

a,
.link,
.ajax-site {
  text-decoration: none !important;
}

table.main.premium-main,
.main.premium-main {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 18px !important;
  background: var(--ads-shell-bg) !important;
  border: 1px solid var(--ads-border) !important;
  border-radius: var(--ads-radius-shell) !important;
  box-shadow: var(--ads-shadow-main) !important;
  overflow: hidden !important;
  margin: 0 auto !important;
}

.main-header {
  width: min(1380px, calc(100% - 36px));
  margin: 0 auto 18px !important;
  padding: 18px 22px !important;
  display: grid !important;
  grid-template-columns: 240px 1fr auto;
  align-items: center;
  gap: 18px;
  border-radius: 28px !important;
  background:
    radial-gradient(320px 120px at 50% 0%, rgba(255,255,255,0.08), rgba(255,255,255,0) 72%),
    linear-gradient(180deg, rgba(7,15,28,0.98), rgba(8,17,31,0.96)) !important;
  border: 1px solid var(--ads-border) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.main-header__brand,
.main-header__controls {
  display: flex;
  align-items: center;
}

.main-header__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

.main-header__controls {
  justify-content: flex-end;
  gap: 10px;
}

.main-header__logo,
.main-header__logo img {
  display: block;
}

.main-header__logo img {
  width: 220px !important;
  max-width: 220px !important;
  height: auto !important;
  margin: 0 !important;
}

.main-navigation__link,
.main-navigation__link_regard {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border-radius: var(--ads-radius-control) !important;
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid var(--ads-border) !important;
  color: var(--ads-text) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03) !important;
  transition: .2s ease !important;
}

.main-navigation__link:hover,
.main-navigation__link_regard:hover,
.main-navigation__link_regarda,
.main-navigation__link.active,
.main-navigation__link.active_page {
  border-color: var(--ads-border-strong) !important;
  background: var(--ads-accent-soft) !important;
  color: #fff !important;
}

.header-icon-btn,
.theme-toggle,
#open_lang,
.notifs,
.open-menu,
.mobile-profile-btn {
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid var(--ads-border) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 10px 22px rgba(0,0,0,0.14) !important;
}

.notifs { position: relative; }
.notifs .coint {
  position: absolute;
  top: -5px;
  right: -3px;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--ads-accent);
  color: #111;
  font-size: 11px;
  font-weight: 700;
}

.lang_menu {
  position: absolute;
  right: max(18px, calc((100vw - min(1380px, calc(100% - 36px))) / 2 + 18px));
  margin-top: -8px;
  padding: 10px;
  display: none;
  gap: 6px;
  flex-wrap: wrap;
  width: 220px;
  border-radius: 18px;
  background: var(--ads-surface-2) !important;
  border: 1px solid var(--ads-border) !important;
  box-shadow: var(--ads-shadow-soft) !important;
  z-index: 50;
}

#leftcolumn,
#rightcolumn,
#contentwrapper {
  vertical-align: top !important;
}

#leftcolumn,
.leftmenu { width: 260px !important; }
#rightcolumn,
.rightmenu { width: 250px !important; }
#contentwrapper {
  padding: 0 !important;
}



#leftcolumn .leftside,
#rightcolumn .rightside {
  margin-bottom: 16px !important;
}



#contentwrapper > .titles + div[style*="padding:0 7px 0 7px"] {
  padding: 0 !important;
}

#leftcolumn .avatar-block,
#leftcolumn .profile,
#leftcolumn .profile .background,
#leftcolumn .profile .info,
#leftcolumn .profile .wall_new_infa,
#leftcolumn .profile .wall_new_data,
#leftcolumn .balance-1,
#leftcolumn .balance-2,
#leftcolumn .members_data,
#contentwrapper .members_data,
#contentwrapper .members_new,
#contentwrapper .members_new_block,
#contentwrapper .members_data table,
#contentwrapper .members_data tr,
#contentwrapper .members_data td,
#rightcolumn .sidebar-widget__body,
#rightcolumn .sidebar-widget__actions {
  background: transparent !important;
  box-shadow: none !important;
}



.user--login-rich,
.id_board-user,
.board-card__user,
.premium-accent {
  color: var(--ads-text) !important;
}



#leftcolumn .cabinet-buttons {
  position: absolute !important;
  top: 26px !important;
  right: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

#leftcolumn .cabinet-buttons a {
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid var(--ads-border) !important;
  color: var(--ads-text) !important;
}

#cabinetToggle + #cabinetPopup,
.premium-cabinet {
  top: 0 !important;
  left: calc(100% + 14px) !important;
  width: 320px !important;
  padding: 18px !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(10,22,43,.98), rgba(5,13,26,.98)) !important;
  border: 1px solid var(--ads-border) !important;
}

#reyt-user-block,
.balance-1 a,
.balance-2 a,
.bln {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  min-height: 52px !important;
  padding: 0 16px !important;
  margin-bottom: 10px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid var(--ads-border) !important;
  color: var(--ads-text) !important;
  box-shadow: none !important;
}

#leftcolumn .usermenu,
#leftcolumn .usermnublock {
  background: transparent !important;
}

#leftcolumn .usermnutitle-g,
#leftcolumn .user_menuline,
#leftcolumn .usermnuline-act {
  display: flex !important;
  align-items: center !important;
  min-height: 46px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid transparent !important;
  color: var(--ads-text) !important;
  margin-bottom: 8px !important;
  box-shadow: none !important;
}

#leftcolumn .usermnuline-act,
#leftcolumn .usermnutitle-g:hover,
#leftcolumn .user_menuline:hover {
  background: var(--ads-primary-soft) !important;
  border-color: rgba(111,159,255,.22) !important;
}

#leftcolumn hr {
  border: 0 !important;
  border-top: 1px solid var(--ads-border) !important;
  margin: 12px 0 !important;
}

.titles,
.titles2,
.wall_new_title,
.members-progress-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 8px 16px !important;
  margin: 0 0 16px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--ads-surface-2) 88%, transparent), color-mix(in srgb, var(--ads-bg-body) 94%, transparent)) !important;
  border: 1px solid var(--ads-border) !important;
  color: var(--ads-text) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  box-shadow: none !important;
}

.titles2 {
  min-height: 40px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  border-radius: 14px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.members-page {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.members-grid {
  display: grid;
  gap: 18px;
}

.members-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.members-grid--stack {
  grid-template-columns: 1fr;
}

.members_new_block,
.premium-card {
  width: auto !important;
  margin: 0 !important;
}

.members_data {
  padding: 0 !important;
}

.premium-table,
.nw {
  width: 100% !important;
  border-collapse: collapse !important;
}

.premium-table td,
.nw td {
  padding: 14px 12px !important;
  border-bottom: 1px solid var(--ads-border) !important;
  color: var(--ads-text-soft) !important;
  background: transparent !important;
}

.premium-table tr:last-child td,
.nw tr:last-child td {
  border-bottom: 0 !important;
}

.premium-table td:first-child,
.nw td:first-child {
  width: 42%;
  color: var(--ads-text-muted) !important;
}

.error-text { color: #ff7474 !important; }
.success-text { color: #8fd39a !important; }
.premium-accent--hot { color: #ff8d8d !important; }

.premium-progress {
  margin: 0 !important;
  padding: 18px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.03) !important;
  box-shadow: none !important;
  border: 1px solid var(--ads-border) !important;
}

.progress-inner {
  display: flex;
  align-items: center;
  gap: 12px;
}

.progress_bar {
  flex: 1;
  width: auto !important;
  height: 16px !important;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,0.08) !important;
}

.progress_bar_e {
  background: linear-gradient(90deg, var(--ads-accent), #ff8e5d) !important;
}

.progress_t {
  float: none !important;
  color: var(--ads-text) !important;
  border: 0 !important;
}

.members-chart {
  padding: 18px !important;
  text-align: center;
}

.sidebar-widget__body {
  padding: 14px 16px !important;
  color: var(--ads-text-soft) !important;
}

.sidebar-widget__body--centered {
  text-align: center;
}

.sidebar-widget__actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 14px;
}



.sidebar-widget__actions--icons a {
  width: 40px;
  padding: 0;
}

.sidebar-banner-holder {
  min-height: 110px;
  text-align: center;
}

.board-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.board-card__comment {
  font-size: 12px;
  color: var(--ads-text-soft);
}

.site-clock {
  font-size: 16px;
  font-weight: 600;
}

.site-clock__sep {
  margin: 0 8px;
  color: var(--ads-accent);
}

















#contentwrapper .add-infa {
  display: block !important;
  max-width: 620px !important;
  margin: 14px auto 0 !important;
  padding: 14px 18px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--ads-surface) 88%, transparent), color-mix(in srgb, var(--ads-surface-2) 96%, transparent)) !important;
  border: 1px solid var(--ads-border) !important;
  color: var(--ads-text) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

#contentwrapper #task_time,
#contentwrapper .text-yellow,
#contentwrapper .text-yellow b,
#contentwrapper .text-yellow small,
#contentwrapper center[style*="color:#660000"] {
  color: var(--ads-accent) !important;
}

#contentwrapper center[style*="color:#660000"] {
  display: block !important;
  max-width: 620px !important;
  margin: 14px auto 18px !important;
  text-align: center !important;
}

#contentwrapper center[style*="color:#660000"] small {
  color: var(--ads-text-soft) !important;
}

#contentwrapper center[style*="color:#660000"] h3 {
  margin: 10px 0 0 !important;
  font-size: 30px !important;
  line-height: 1.15 !important;
}

#contentwrapper .empty,
#contentwrapper .emptyfield,
#contentwrapper .bonus-empty,
#contentwrapper div[style*="К сожалению тут пока пусто"] {
  max-width: 620px !important;
  margin: 0 auto !important;
}





.footer {
  position: relative;
  width: min(1380px, calc(100% - 36px));
  margin: 0 auto 30px;
  color: var(--ads-text-soft);
}

.footer a { color: var(--ads-text-soft) !important; }
.footer a:hover { color: var(--ads-text) !important; }

.small-card--telegram {
  position: absolute;
  right: 0;
  bottom: -6px;
  max-width: 200px;
  padding: 12px 14px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(69,124,139,.92), rgba(45,86,98,.92));
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
  text-align: center;
}

.small-card--telegram h5,
.small-card--telegram h3 {
  margin: 0 0 6px;
  color: #fff;
  font-size: 13px;
}

.small-card--telegram img {
  width: 40px;
}

/* ===== v3 stability fixes ===== */
.page-frame{
  overflow-x: clip;
}

#mobile-menu,
#mobile-menu-guest,
.mobile-profile-menu{
  display: none;
}

@media (min-width: 981px){
  #mobile-menu,
  #mobile-menu-guest,
  .mobile-profile-menu,
  .mobile-profile-btn,
  .theme-toggle--mobile,
  .open-menu,
  .mobile-bottom-nav{
    display: none !important;
  }
}

#leftcolumn .cabinet-buttons{
  position: absolute !important;
  top: 72px !important;
  right: 16px !important;
  z-index: 3 !important;
}

#leftcolumn .avatar-block{
  position: relative !important;
}

.cabinet-popup,
.premium-cabinet{
  position: absolute !important;
  top: 0 !important;
  left: calc(100% + 14px) !important;
  width: 320px !important;
  padding: 18px !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(10,22,43,.98), rgba(5,13,26,.98)) !important;
  border: 1px solid var(--ads-border) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.42) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateX(-10px) scale(.98) !important;
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease !important;
  z-index: 30 !important;
}

.cabinet-popup.active,
.premium-cabinet.active{
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(0) scale(1) !important;
}



/* ===== TOP 100 page ===== */
.top100-page{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.top100-page__intro,
.top100-page__table-wrap,
.top100-page__empty{
  padding:20px 22px !important;
}
.top100-page__intro p{
  margin:0;
  color:var(--ads-text-soft);
  line-height:1.55;
  font-size:16px;
}
.top100-page__controls{
  margin-top:18px;
}
.top100-page__form{
  max-width:720px;
}
.top100-page__select{
  width:100%;
  min-height:52px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.04);
  color:var(--ads-text-main);
  box-shadow:none;
}
.top100-page__position{
  margin-top:14px;
  text-align:center;
  color:var(--ads-text-soft);
  font-size:16px;
}
.top100-page__position span,
.top100-page__position b{
  color:var(--ads-gold-main);
}
.premium-table--top100{
  width:100%;
  border-collapse:separate !important;
  border-spacing:0;
  overflow:hidden;
}
.premium-table--top100 thead th{
  background:rgba(255,255,255,0.03);
  color:var(--ads-gold-main);
  font-weight:600;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.premium-table--top100 tbody td{
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,0.06);
  color:var(--ads-text-main);
  vertical-align:middle;
}
.premium-table--top100 tbody tr:last-child td{
  border-bottom:0;
}
.premium-table--top100 tbody tr:hover td{
  background:rgba(255,255,255,0.02);
}
.top100-page__table-wrap .avatar,
.top100-page__table-wrap img[alt="avatar"]{
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  border:1px solid rgba(214,176,106,0.45) !important;
}
.top100-page__navi{
  display:flex;
  justify-content:center;
  gap:8px;
  padding:4px 0 10px;
}
.top100-page__navi a,
.top100-page__navi span,
#navi a,
#navi span{
  min-width:36px;
  height:36px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  color:var(--ads-text-main);
}
.top100-page__navi .active,
#navi .active{
  border-color:rgba(214,176,106,0.4);
  color:var(--ads-gold-main);
}

@media (max-width: 900px){
  .top100-page__intro,
  .top100-page__table-wrap,
  .top100-page__empty{
    padding:16px !important;
  }
  .premium-table--top100 thead th,
  .premium-table--top100 tbody td{
    padding:10px 10px;
    font-size:13px;
  }
  .top100-page__intro p,
  .top100-page__position{
    font-size:14px;
  }
}


/* ===== v5 sidebar polish ===== */
#leftcolumn{
  width: 244px !important;
  padding-bottom: 48px !important;
}

#leftcolumn .leftside--account{
  margin-bottom: 18px !important;
}

#leftcolumn .avatar-block{
  margin-bottom: 8px !important;
}

#leftcolumn .left-profile-meta{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  margin: 8px 0 12px;
  text-align:center;
}

#leftcolumn .left-profile-meta__name{
  font-size: 28px;
  line-height: 1.05;
  font-weight: 700;
  letter-spacing: -.02em;
}

#leftcolumn .left-profile-meta__id{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--ads-border);
  font-size: 12px;
  color: var(--ads-text-soft) !important;
}

#leftcolumn .rating-pill{
  margin-bottom: 12px !important;
}

#leftcolumn .balance-currency{
  margin-left: 6px;
  font-size: 14px;
  opacity: .85;
}

#leftcolumn .b-type{
  color: var(--ads-text-muted) !important;
  font-size: 13px;
  text-transform: lowercase;
}

#leftcolumn .left-promo-link{
  display:flex !important;
  align-items:center !important;
  gap:12px;
  min-height: 50px !important;
  padding: 0 16px !important;
  border-radius: 16px !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#leftcolumn .left-promo-link i{
  width: 22px;
  text-align:center;
  font-size: 16px;
}

#leftcolumn .left-promo-link--green{
  background: linear-gradient(180deg, rgba(34,128,90,.68), rgba(15,83,61,.88)) !important;
}

#leftcolumn .left-promo-link--orange{
  background: linear-gradient(180deg, rgba(194,124,43,.78), rgba(131,71,16,.88)) !important;
}

#leftcolumn #mnu_tblock1,
#leftcolumn #mnu_tblock2,
#leftcolumn #mnu_tblock3,
#leftcolumn #mnu_tblock4,
#leftcolumn #mnu_tblock5{
  padding: 0px !important;
}

#leftcolumn .usermnutitle-g{
  justify-content: space-between;
  font-weight: 600 !important;
}

#leftcolumn .usermnutitle-g .arrow{
  margin-left: auto;
  opacity: .76;
}

#leftcolumn .user_menuline{
  min-height: 42px !important;
  padding-left: 18px !important;
  font-size: 14px !important;
}

#leftcolumn .leftside + .leftside{
  margin-top: 14px !important;
}

#leftcolumn .banners,
#leftcolumn .banner_place,
#leftcolumn .banner-title{
  border-radius: 18px !important;
}

@media (max-width: 1280px){
  #leftcolumn{ width: 224px !important; }
  #leftcolumn .left-profile-meta__name{ font-size: 24px; }
}

/* ===== Advertise page ===== */
.advertise-intro {
  padding: 6px 6px 14px;
}

.advertise-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.advertise-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 16px 14px !important;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(17, 27, 44, 0.92), rgba(10, 17, 30, 0.96)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 14px 28px rgba(0,0,0,0.18);
  color: var(--text-main, #edf3ff) !important;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.advertise-card strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--text-main, #edf3ff);
}

.advertise-card span,
.advertise-card em {
  display: block;
  margin-top: 8px;
  font-style: normal;
  font-size: 13px;
  line-height: 1.4;
  color: var(--text-soft, rgba(237,243,255,.72)) !important;
}

.advertise-card:hover,
.advertise-card.active {
  transform: translateY(-2px);
  border-color: rgba(214, 185, 123, 0.35);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 18px 32px rgba(0,0,0,0.24);
}

.advertise-note {
  margin: 14px auto 0;
  max-width: 920px;
  padding: 12px 16px;
  border-radius: 16px;
  background: rgba(127, 29, 29, 0.18);
  border: 1px solid rgba(239, 68, 68, 0.22);
  color: #ffb4b4;
  text-align: center;
}

.advertise-panel {
  margin-top: 14px;
}

#load-zacaz .table_adv,
#load-zacaz table {
  width: 100%;
  border-collapse: collapse;
  background: rgba(10, 17, 30, 0.55);
  border-radius: 18px;
  overflow: hidden;
}

#load-zacaz .table_adv th,
#load-zacaz table th {
  background: rgba(16, 28, 46, 0.95);
  color: var(--accent-main, #d8b173);
  padding: 12px 10px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

#load-zacaz .table_adv td,
#load-zacaz table td {
  padding: 12px 10px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

#load-zacaz .table_adv tr:last-child td,
#load-zacaz table tr:last-child td {
  border-bottom: 0;
}

/* ===== v7: secondary pages cleanup ===== */
.premium-section{
  padding: 10px 8px 18px !important;
}

.premium-subtitle{
  margin: 6px auto 14px;
  text-align: center;
  color: var(--ads-accent, #d6b97b);
  font-size: 18px;
  font-weight: 700;
}

.premium-tabs{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 0 0 18px;
}

.premium-tabs--center{
  justify-content: center;
}

.premium-tabs__link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.008)), rgba(11,19,34,0.78);
  border: 1px solid rgba(173,188,216,0.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 10px 22px rgba(0,0,0,0.18);
  color: var(--ads-text, #edf3ff) !important;
  text-decoration: none;
  transition: .2s ease;
}

.premium-tabs__link:hover,
.premium-tabs__link.active{
  border-color: rgba(214,185,123,.36);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 14px 26px rgba(0,0,0,0.22);
  transform: translateY(-1px);
}

.premium-empty{
  margin: 16px auto 8px;
  padding: 24px 18px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(16,28,46,.68), rgba(9,17,31,.88));
  border: 1px solid rgba(255,255,255,.07);
  text-align: center;
}

.premium-empty__media{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.05);
}

.premium-empty__media img{
  display: block;
  max-width: 100%;
  height: auto;
}

.premium-empty__text{
  margin-top: 14px;
  color: var(--ads-text-soft, rgba(237,243,255,.72));
  line-height: 1.5;
}

/* banners catalog */
.banners-page .premium-subtitle{
  margin-top: 22px;
}

.banner-catalog{
  display: grid;
  gap: 16px;
}

.banner-catalog--wide{
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.banner-catalog--square{
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.banner-catalog--medium{
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.banner-catalog--tall{
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.banner-card{
  padding: 16px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(17, 27, 44, 0.92), rgba(10, 17, 30, 0.96));
  border: 1px solid rgba(255,255,255,.07);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 28px rgba(0,0,0,.18);
}

.banner-card__image{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 118px;
  padding: 10px;
  border-radius: 16px;
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.05);
}

.banner-card img{
  display: block;
  max-width: 100%;
  height: auto;
}

.banner-card--468 .banner-card__image img{ width: 100%; max-width: 468px; }
.banner-card--100 .banner-card__image img{ width: 100px; max-width: 100px; }
.banner-card--200x300 .banner-card__image img{ width: 200px; max-width: 200px; }
.banner-card--200x200 .banner-card__image img{ width: 200px; max-width: 200px; }

.banner-card__meta{
  margin-top: 12px;
  color: var(--ads-text-soft, rgba(237,243,255,.72));
  font-size: 14px;
}

.premium-empty--banner .premium-empty__media img[alt*="100x100"]{ width:100px; }
.premium-empty--banner .premium-empty__media img[alt*="200x300"]{ width:200px; }
.premium-empty--banner .premium-empty__media img[alt*="200x200"]{ width:200px; }
.premium-empty--banner .premium-empty__media img[alt*="468x60"]{ width:468px; max-width:100%; }

/* context links page */
.context-links-page__toolbar{
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
}

.context-links-list{
  display: grid;
  gap: 12px;
}

.context-links-list > *{
  padding: 16px 18px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(17,27,44,.72), rgba(9,17,31,.9));
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 14px 26px rgba(0,0,0,.16);
  color: var(--ads-text-soft, rgba(237,243,255,.72));
}

.context-links-list a{
  color: var(--ads-text, #edf3ff) !important;
}

/* pay today */
.pay-today-page{
  padding-top: 12px !important;
}

.pay-today-chart-shell{
  padding: 10px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(17,27,44,.78), rgba(9,17,31,.92));
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 16px 28px rgba(0,0,0,.16);
}

.pay-today-chart{
  width: 100%;
  height: 305px;
}

.pay-today-total{
  margin: 14px 0 16px;
  padding: 12px 16px;
  border-radius: 16px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.05);
  text-align: center;
  color: var(--ads-text);
}

.pay-today-list{
  margin-top: 10px;
}

#pay-today .msg-warning,
.pay-today-page .msg-warning{
  display: block;
  margin-top: 12px;
  text-align: center;
}

/* rating page */
.rating-page{
  padding-top: 12px !important;
}

.rating-toggle,
span.ntnet.rating-toggle,
.rating-page span.ntnet{
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(18,30,48,.92), rgba(10,18,32,.98)) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  color: var(--ads-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 14px 24px rgba(0,0,0,.15) !important;
}

.rating-block{
  margin-top: 12px;
  padding: 10px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(17,27,44,.76), rgba(9,17,31,.90));
  border: 1px solid rgba(255,255,255,.06);
}

.rating-block--muted{
  background: linear-gradient(180deg, rgba(17,27,44,.76), rgba(9,17,31,.90)) !important;
  padding: 12px !important;
  color: var(--ads-text-soft, rgba(237,243,255,.72)) !important;
}

.rating-block__inner{
  padding: 6px;
  color: var(--ads-text-soft, rgba(237,243,255,.72)) !important;
  line-height: 1.55;
}

.rating-page .rtn_tab{
  width: 100%;
  border-collapse: collapse;
}

.rating-page .rtn_tab td{
  padding: 12px 10px !important;
  border-bottom: 1px dashed rgba(255,255,255,.14) !important;
  color: var(--ads-text) !important;
}

.rating-page .rtn_tab td:nth-child(2){
  width: 180px !important;
  text-align: right !important;
  color: var(--ads-primary, #6f9fff) !important;
  white-space: nowrap;
}

.rating-page .add-infa{
  background: linear-gradient(180deg, rgba(17,27,44,.70), rgba(9,17,31,.88)) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  color: var(--ads-text-soft, rgba(237,243,255,.72)) !important;
}

.rating-comparison{
  margin-top: 18px;
  overflow-x: auto;
}

.rating-comparison table,
.rating-page table.raiting.new-reiting{
  min-width: 920px;
  border-collapse: collapse !important;
  background: linear-gradient(180deg, rgba(17,27,44,.72), rgba(9,17,31,.92)) !important;
  border-radius: 18px !important;
  overflow: hidden;
}

.rating-page table.raiting.new-reiting th,
.rating-page table.raiting.new-reiting td{
  background: transparent !important;
  color: var(--ads-text) !important;
  border-color: rgba(255,255,255,.08) !important;
  padding: 12px 10px !important;
}

.rating-page table.raiting.new-reiting th{
  background: rgba(17,27,44,.96) !important;
  color: var(--ads-accent, #d6b97b) !important;
  font-weight: 700;
  text-align: center;
}

.rating-page table.raiting.new-reiting td:first-child{
  color: var(--ads-text-soft, rgba(237,243,255,.72)) !important;
}

.rating-page table.raiting.new-reiting td[style*="#ffffad"],
.rating-page table.raiting.new-reiting td[style*="background: #ffffad"]{
  background: rgba(214,185,123,.10) !important;
  color: var(--ads-accent, #d6b97b) !important;
}

.rating-page table.raiting.new-reiting td[style*="background: #4d90fe"],
.rating-page table.raiting.new-reiting td[style*="#4d90fe"]{
  background: rgba(111,159,255,.22) !important;
  color: #fff !important;
}

.rating-page hr{
  display: none;
}

.rating-page h3{
  display: none;
}

/* advertiser forms and tables */
#load-zacaz .aj-form-add,
#load-zacaz .aj-form{
  margin-top: 16px;
}

#load-zacaz .add-infa,
#load-zacaz .add-infa-red{
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(17,27,44,.78), rgba(9,17,31,.90)) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  color: var(--ads-text-soft, rgba(237,243,255,.72)) !important;
  padding: 16px 18px !important;
}

#load-zacaz .table td,
#load-zacaz .table th,
#load-zacaz table td,
#load-zacaz table th{
  color: var(--ads-text) !important;
  background: transparent !important;
}

#load-zacaz input[type="text"],
#load-zacaz input[type="number"],
#load-zacaz input[type="url"],
#load-zacaz textarea,
#load-zacaz select{
  width: 100%;
  min-height: 44px;
  border-radius: 14px;
  background: rgba(11,19,34,.82) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: var(--ads-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

#load-zacaz select option{
  color: #111;
}

#load-zacaz .status{
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 12px;
  border-radius: 12px;
  background: rgba(111,159,255,.14);
  border: 1px solid rgba(111,159,255,.18);
  color: var(--ads-text) !important;
}

#load-zacaz .cattitle-open,
#load-zacaz .cattitle-close{
  margin-top: 14px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(37,147,184,.95), rgba(11,154,173,.85)) !important;
  border: 1px solid rgba(255,255,255,.06);
}

#load-zacaz .btn,
#load-zacaz .btn.green,
#load-zacaz input[type="submit"],
#load-zacaz button{
  border-radius: 16px !important;
}

#load-zacaz-op{ margin-top: 14px; }

@media (max-width: 980px){
  .banner-catalog--wide,
  .banner-catalog--square,
  .banner-catalog--medium,
  .banner-catalog--tall,
  .advertise-grid{
    grid-template-columns: 1fr;
  }

  .rating-page .rtn_tab td:nth-child(2){
    width: 120px !important;
  }
}


/* ===== v8: profile buttons anchor + settings pages ===== */
#leftcolumn .leftside--account .blok{
  position: relative !important;
}

#leftcolumn .leftside--account .avatar-block{
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 172px !important;
  padding: 8px 56px 8px 8px !important;
}

#leftcolumn .cabinet-buttons{
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  z-index: 6 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

#leftcolumn .cabinet-popup,
#leftcolumn .premium-cabinet{
  top: -8px !important;
  left: calc(100% + 12px) !important;
}

.settings-page{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.settings-page__nav,
.settings-page .menu-task-work{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 0 4px !important;
  text-align: center !important;
}

.settings-page .menu-task-work__link{
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.008)), rgba(11,19,34,0.78) !important;
  border: 1px solid rgba(173,188,216,0.08) !important;
  color: var(--ads-text-main) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 10px 22px rgba(0,0,0,0.18) !important;
}

.settings-page .menu-task-work__link.active,
.settings-page .menu-task-work__link:hover{
  border-color: rgba(214,185,123,.36) !important;
  color: var(--ads-gold-main) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 14px 26px rgba(0,0,0,0.22) !important;
  transform: translateY(-1px);
}

.settings-page .settings-tab_theme_cloud,
.settings-page .settings-password,
.settings-page .settings-avatar,
.settings-page .settings-personal-data,
.settings-page .settings-payout,
.settings-page .settings-social-network{
  background: linear-gradient(180deg, rgba(17,27,44,.78), rgba(9,17,31,.92)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 22px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 18px 36px rgba(0,0,0,.16) !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
}

.settings-page .settings__block-header,
.settings-page .table > .settings__block-header,
.settings-page .tabl > .settings__block-header{
  display: block !important;
  padding: 18px 22px !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  background: linear-gradient(90deg, rgba(9,17,31,0.98), rgba(14,26,45,0.94), rgba(9,17,31,0.98)) !important;
  color: var(--ads-text-main) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
}

.settings-page .settings__block-content{
  padding: 18px 18px 20px !important;
}

.settings-page .table,
.settings-page .tabl,
.settings-page table.table,
.settings-page table.tabl{
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
}

.settings-page .table td,
.settings-page .table th,
.settings-page .tabl td,
.settings-page .tabl th{
  padding: 16px 14px !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  color: var(--ads-text-main) !important;
  vertical-align: middle !important;
}

.settings-page .table tr:last-child td,
.settings-page .tabl tr:last-child td{
  border-bottom: 0 !important;
}

.settings-page .table td:first-child,
.settings-page .tabl td:first-child{
  color: var(--ads-text-soft) !important;
}

.settings-page .value,
.settings-page .kab-text,
.settings-page .desctext,
.settings-page .desctext11{
  color: var(--ads-text-soft) !important;
}

.settings-page .hint-quest,
.settings-page .ico{
  opacity: .92;
}

.settings-page .avatar-upload{
  width: 132px !important;
  height: 132px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin: 0 auto !important;
  background: rgba(255,255,255,.02) !important;
  border: 2px solid rgba(214,176,106,.54) !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.22) !important;
}

.settings-page .avatar-upload img,
.settings-page .avatar-akk{
  width: 132px !important;
  height: 132px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.settings-page .avatar-upload__filter{
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  height: 100% !important;
  padding-bottom: 18px !important;
  border-radius: 50% !important;
  opacity: 0 !important;
  transition: opacity .2s ease !important;
}

.settings-page .avatar-upload:hover .avatar-upload__filter{
  opacity: 1 !important;
}

.settings-page input[type="text"],
.settings-page input[type="password"],
.settings-page input[type="number"],
.settings-page input[type="url"],
.settings-page input[type="email"],
.settings-page select,
.settings-page textarea{
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  background: rgba(11,19,34,.82) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: var(--ads-text-main) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.settings-page textarea{
  min-height: 120px !important;
  padding: 14px 16px !important;
}

.settings-page select option{
  color: #111;
}

.settings-page .btn,
.settings-page button,
.settings-page input[type="submit"]{
  border-radius: 16px !important;
}

.settings-page .msg-warning,
.settings-page .msg-error,
.settings-page .msg-ok{
  display: block !important;
  margin: 0 0 8px !important;
}

.settings-page .settings-avatar .table td:first-child{
  width: 180px !important;
}

.settings-page .settings-avatar .table td:last-child,
.settings-page .settings-avatar .table td:nth-child(2){
  color: var(--ads-text-soft) !important;
  line-height: 1.55 !important;
}

@media (max-width: 980px){
  #leftcolumn .cabinet-buttons{
    position: static !important;
    flex-direction: row !important;
    justify-content: center !important;
    margin: 8px auto 0 !important;
  }

  #leftcolumn .leftside--account .avatar-block{
    padding-right: 8px !important;
    min-height: unset !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  #leftcolumn .cabinet-popup,
  #leftcolumn .premium-cabinet{
    left: 50% !important;
    top: calc(100% + 12px) !important;
    transform: translateX(-50%) scale(.98) !important;
  }

  #leftcolumn .cabinet-popup.active,
  #leftcolumn .premium-cabinet.active{
    transform: translateX(-50%) scale(1) !important;
  }

  .settings-page .table td,
  .settings-page .tabl td,
  .settings-page .table th,
  .settings-page .tabl th{
    display: block !important;
    width: 100% !important;
    padding: 12px 14px !important;
  }

  .settings-page .table td:first-child,
  .settings-page .tabl td:first-child{
    padding-bottom: 6px !important;
  }
}


/* ===== v9: reference color palette + center grid alignment ===== */
.layout-stage,
.main-header,
.footer,
table.main.premium-main,
.main.premium-main{
  width: min(1368px, calc(100% - 40px)) !important;
}

table.main.premium-main,
.main.premium-main{
  border-spacing: 16px !important;
  background: linear-gradient(180deg, rgba(53,61,76,0.16), rgba(37,45,58,0.22)) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.main-header{
  background:
    radial-gradient(420px 140px at 50% 0%, rgba(255,255,255,0.11), rgba(255,255,255,0) 72%),
    linear-gradient(180deg, rgba(17,24,37,0.96), rgba(18,26,40,0.94)) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.main-navigation__link,
.main-navigation__link_regard,
.header-icon-btn,
.theme-toggle,
#open_lang,
.notifs,
.open-menu,
.mobile-profile-btn,
#leftcolumn .cabinet-buttons a,
#leftcolumn .user_menuline,
#leftcolumn .usermnutitle-g,
#leftcolumn .usermnuline-act,
#reyt-user-block,
.balance-1 a,
.balance-2 a,
.bln,
.premium-tabs__link,
.settings-page .menu-task-work__link{
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.012)), rgba(20,28,42,0.74) !important;
  border-color: rgba(255,255,255,0.09) !important;
}

.main-navigation__link:hover,
.main-navigation__link_regard:hover,
.main-navigation__link_regarda,
.main-navigation__link.active,
.main-navigation__link.active_page,
.premium-tabs__link:hover,
.premium-tabs__link.active,
.settings-page .menu-task-work__link.active,
.settings-page .menu-task-work__link:hover{
  background: linear-gradient(180deg, rgba(200,172,117,0.12), rgba(200,172,117,0.04)), rgba(20,28,42,0.82) !important;
  border-color: rgba(200,172,117,0.34) !important;
  color: #f2e4c0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 12px 24px rgba(0,0,0,.16) !important;
}

#leftcolumn,
.leftmenu{ width: 228px !important; }
#rightcolumn,
.rightmenu{ width: 228px !important; }



.titles,
.titles2,
.wall_new_title,
.members-progress-title,
.settings-page .settings__block-header,
.settings-page .table > .settings__block-header,
.settings-page .tabl > .settings__block-header{
  background: linear-gradient(180deg, rgba(10,17,28,0.90), rgba(10,17,28,0.96)) !important;
  border-color: rgba(255,255,255,0.09) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#leftcolumn .left-promo-link--green{
  background: linear-gradient(180deg, rgba(67,112,118,.72), rgba(39,72,83,.92)) !important;
  border-color: rgba(154,187,194,.18) !important;
}
#leftcolumn .left-promo-link--orange{
  background: linear-gradient(180deg, rgba(132,110,71,.78), rgba(83,64,37,.94)) !important;
  border-color: rgba(208,185,138,.18) !important;
}

#leftcolumn .usermnuline-act,
#leftcolumn .usermnutitle-g:hover,
#leftcolumn .user_menuline:hover{
  background: linear-gradient(180deg, rgba(123,139,173,0.16), rgba(123,139,173,0.06)), rgba(20,28,42,0.84) !important;
  border-color: rgba(123,139,173,.20) !important;
}



#contentwrapper{
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  padding: 0 !important;
}



#contentwrapper > .menu-task-work,
#contentwrapper > .premium-tabs,
.settings-page__nav,
.settings-page .menu-task-work{
  padding: 0 !important;
}



#contentwrapper .settings-avatar,
#contentwrapper .settings-personal-data,
#contentwrapper .settings-password,
#contentwrapper .settings-payout,
#contentwrapper .settings-social-network,
#contentwrapper .top100-page__intro,
#contentwrapper .top100-page__table-wrap,
#contentwrapper .top100-page__empty,
#contentwrapper .competition-page .premium-empty,
#contentwrapper .competition-page .premium-card,
#contentwrapper .rating-block,
#contentwrapper .context-links-list,
#contentwrapper .banner-catalog,
#contentwrapper .pay-today-chart-shell,
#contentwrapper .pay-today-total{
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

#contentwrapper .members-grid--two{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.settings-page .menu-task-work__link,
.premium-tabs__link{
  min-width: 112px;
}

.settings-page .settings__block-content,
.settings-page .table,
.settings-page .tabl,
.settings-page .table td,
.settings-page .tabl td{
  box-sizing: border-box !important;
}

.settings-page .settings__block-content{
  background: linear-gradient(180deg, rgba(32,38,49,0.82), rgba(32,38,49,0.76)) !important;
}

.settings-page .table td,
.settings-page .tabl td,
.premium-table td,
.nw td,
.top100-page .premium-table--top100 tbody td{
  border-bottom-color: rgba(255,255,255,.07) !important;
}



#load-zacaz .cattitle-open,
#load-zacaz .cattitle-close{
  background: linear-gradient(180deg, rgba(88,119,160,.92), rgba(66,88,125,.88)) !important;
}

@media (max-width: 1200px){
  #leftcolumn,
  .leftmenu,
  #rightcolumn,
  .rightmenu{ width: 210px !important; }
}


/* ===== v10: header controls in shell + sidebar balance ===== */
.main-header{
  grid-template-columns: 240px minmax(0, 1fr) auto !important;
  align-items: center !important;
}

.main-header__controls{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  gap:12px !important;
}

.main-header__toolbar{
  display:flex !important;
  align-items:flex-start !important;
  gap:12px !important;
}

.main-header__control-stack{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  align-items:center !important;
}

.main-header__control-stack #open_lang,
.main-header__control-stack .theme-toggle,
.main-header__control-stack #theme-toggle{
  position:static !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  left:auto !important;
  margin:0 !important;
}

.main-header__control-stack .lang_menu{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  right:0 !important;
  margin-top:0 !important;
  width:220px !important;
}

.header-icon-btn--flag .lang_g{
  width:20px !important;
  height:20px !important;
  margin:0 !important;
}

.theme-toggle--mobile,
.open-menu,
.mobile-profile-btn{
  display:none !important;
}

#leftcolumn,
.leftmenu,
#rightcolumn,
.rightmenu{
  width:228px !important;
}

#leftcolumn .leftside,
#rightcolumn .rightside,
#leftcolumn .banners,
#rightcolumn .banners,
#rightcolumn .sidebar-widget{
  width:100% !important;
  box-sizing:border-box !important;
}

#leftcolumn .leftside,
#rightcolumn .rightside{
  padding:0 !important;
}

#leftcolumn .blok,
#rightcolumn .banners,
#rightcolumn .sidebar-widget{
  padding:16px !important;
}

#leftcolumn .banners .titles2,
#rightcolumn .banners .titles2,
#rightcolumn .sidebar-widget__title{
  width:100% !important;
  margin:0 0 12px 0 !important;
  border-radius:18px !important;
  box-sizing:border-box !important;
}

#leftcolumn #baner200,
#rightcolumn #baner100{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#leftcolumn #baner200 img,
#rightcolumn #baner100 img{
  max-width:100% !important;
  height:auto !important;
  display:block !important;
  margin:0 auto !important;
  border-radius:14px !important;
}

#leftcolumn .banners{
  background: linear-gradient(180deg, rgba(28,36,52,0.80), rgba(18,26,40,0.92)) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 16px 32px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#leftcolumn .left-promo-link--green{
  background: linear-gradient(180deg, rgba(74,109,116,.72), rgba(45,65,76,.92)) !important;
}

#leftcolumn .left-promo-link--orange{
  background: linear-gradient(180deg, rgba(125,103,69,.78), rgba(76,59,37,.94)) !important;
}

.settings-page .menu-task-work__link{
  color: var(--ads-text) !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.012)), rgba(20,28,42,0.74) !important;
  border:1px solid rgba(255,255,255,0.09) !important;
}

.settings-page .menu-task-work__link.active,
.settings-page .menu-task-work__link:hover{
  color:#f2e4c0 !important;
}

@media (max-width: 980px){
  .main-header__controls{
    align-items:center !important;
  }

  .main-header__toolbar{
    gap:8px !important;
  }

  .main-header__control-stack{
    flex-direction:row !important;
    gap:8px !important;
  }

  .main-header__control-stack .lang_menu{
    top:calc(100% + 8px) !important;
    right:0 !important;
  }

  .theme-toggle--mobile,
  .open-menu,
  .mobile-profile-btn{
    display:inline-flex !important;
  }

  #open_lang,
  #theme-toggle{
    display:none !important;
  }
}


/* ===== v11: header controls closer to reference + left banner alignment ===== */
.main-header__controls{
  align-items:center !important;
  justify-content:flex-end !important;
  padding-right:4px !important;
}

.main-header__toolbar{
  position:relative !important;
  align-items:center !important;
  gap:10px !important;
}

.main-header__control-stack{
  position:relative !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:10px !important;
}

.main-header__control-stack .lang_menu{
  top:calc(100% + 10px) !important;
  right:0 !important;
}

.header-icon-btn--flag,
.main-header__control-stack #open_lang,
.main-header__control-stack .theme-toggle,
.main-header__control-stack #theme-toggle{
  flex:0 0 auto !important;
}

#leftcolumn .leftside--banner{
  margin-top:16px !important;
}

#leftcolumn .sidebar-widget--left-banner{
  padding:16px !important;
}

#leftcolumn .sidebar-widget--left-banner .titles2--banner{
  margin:0 0 12px 0 !important;
  width:100% !important;
  border-radius:18px !important;
}

#leftcolumn .sidebar-banner-holder--left{
  min-height:300px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 12px !important;
}

#leftcolumn .sidebar-banner-holder--left img{
  max-width:200px !important;
  width:200px !important;
  height:auto !important;
  display:block !important;
  margin:0 auto !important;
  border-radius:14px !important;
}

#leftcolumn .sidebar-widget__actions--left{
  justify-content:center !important;
}

@media (max-width: 980px){
  .main-header__control-stack{
    flex-direction:row !important;
  }
}


/* ===== v14 wall page cleanup: remove gray strip and align sections ===== */
.wall-page,
.wall-page__inner{padding:0 !important;}
.wall-page .wall-search-box.scan-faq,
.wall-page .scan-faq.n-box-find{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}
.wall-page .wall-search-input,
#user_seach_wall{
  display:block !important;
  width:min(460px, 100%) !important;
  height:54px !important;
  margin:0 auto !important;
  border-radius:16px !important;
  background:rgba(255,255,255,0.05) !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  color:var(--ads-text-main) !important;
  text-align:center !important;
  box-shadow:none !important;
}
#user_seach_wall::placeholder{color:var(--ads-text-dim) !important;}
#seach-wall{
  top:58px !important;
  left:50% !important;
  width:min(460px, calc(100% - 24px)) !important;
  margin-left:0 !important;
  transform:translateX(-50%) !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  border-radius:16px !important;
  background:rgba(15,22,36,0.98) !important;
  box-shadow:0 20px 40px rgba(0,0,0,.28) !important;
}
#seach-wall-table{color:#dbe6f7 !important;}
#seach-wall-table tr:hover td{background:rgba(255,255,255,0.05) !important;}
#seach-wall-table tr td{border-bottom:1px solid rgba(255,255,255,0.06) !important;}
#seach-wall-table .seach-wall-ava img{border:1px solid rgba(255,255,255,0.10) !important;background:#d7dce4 !important;}

.wall-page .wall-hero-card,
.wall-page .wall-info-table,
.wall-page .wall-section-card{
  width:100% !important;
  margin:18px 0 0 !important;
}
.wall-page .wall-hero-card{
  padding:16px !important;
  border-radius:22px !important;
}
.wall-page .wall-info-table,
.wall-page .table.wall-info-table{
  overflow:hidden !important;
  border-radius:20px !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  background:linear-gradient(180deg, rgba(20,29,45,0.78), rgba(11,18,32,0.94)) !important;
  border:1px solid rgba(255,255,255,0.08) !important;
}
.wall-page .wall-info-table td,
.wall-page .wall-info-table th{
  background:rgba(255,255,255,0.018) !important;
  border-bottom:1px solid rgba(255,255,255,0.07) !important;
  border-right:0 !important;
  padding:14px 16px !important;
}
.wall-page .wall-info-table tr:last-child td{border-bottom:0 !important;}
.wall-page .wall-info-table td:first-child{color:var(--ads-text-dim) !important;width:46% !important;}
.wall-page .wall-info-table .status,
.wall-page .wall-hero-card .status{border-bottom:0 !important;float:none !important;}
.wall-page .stena .cibn,
.wall-page .stena .status{ text-align:center !important; }
.wall-page .stena .cibn span,
.wall-page .stena .status span{ text-shadow:none !important; }
.wall-page .stena .background{min-height:0 !important;}

.wall-page .wall-section-card{
  border-radius:22px !important;
  background:linear-gradient(180deg, rgba(20,29,45,0.78), rgba(11,18,32,0.94)) !important;
  border:1px solid rgba(255,255,255,0.08) !important;
  box-shadow:var(--ads-shadow-calm) !important;
}
.wall-page .wall-section-card .wall_new_title{
  position:relative !important;
  margin:0 !important;
  padding:16px 22px !important;
  border-radius:18px !important;
}
.wall-page .wall-section-card .wall_new_data,
.wall-page .wall-section-card .wall-section-body{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:14px 10px 8px !important;
  position:relative !important;
}
.wall-page .wall-gift-action{
  position:absolute !important;
  right:18px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  cursor:pointer;
  color:#eef4ff !important;
  font-weight:500;
}
.wall-page .wall-gift-action i{color:#ffc253 !important;}
.wall-page .wall-toggle-icon,
.wall-page .wall-toggle-icon a{
  color:#eef4ff !important;
  text-decoration:none !important;
}
.wall-page .wall-chart-wrap{padding:8px 0 2px !important;text-align:center !important;}
.wall-page .wall-gifts-list,
.wall-page .wall-comments-card + #wall-load,
.wall-page .wall-comments-card + .msg-warning{
  width:100% !important;
}
.wall-page .wall-comments-card{margin-bottom:14px !important;}
.wall-page .wall-comments-card + #wall-load,
.wall-page .wall-comments-card + .msg-warning,
.wall-page #wall-load{
  display:block !important;
  margin-top:14px !important;
}
.wall-page .msg-warning,
.wall-page .msg-error,
.wall-page .msg-ok{
  display:block !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,0.08) !important;
  background:rgba(255,255,255,0.03) !important;
  color:var(--ads-text-main) !important;
  text-shadow:none !important;
  box-shadow:none !important;
}
.wall-page .wall_new_title a{color:#eef4ff !important;text-decoration:none !important;}
.wall-page .wall_new_title a:hover{color:#f0d8a2 !important;}


#leftcolumn .leftside,
#rightcolumn .rightside{display:flex !important;flex-direction:column !important;}
#leftcolumn .blok,
#rightcolumn .blok{margin:0 !important;}

/* ===== v16: reference layout rebuild ===== */
:root {
  --ref-shell: rgba(73, 82, 101, 0.18);
  --ref-panel-top: rgba(54, 63, 82, 0.76);
  --ref-panel-bottom: rgba(26, 34, 49, 0.92);
  --ref-panel-soft: rgba(255,255,255,0.035);
  --ref-line: rgba(255,255,255,0.08);
  --ref-gold: #d1b073;
  --ref-text: #e8edf6;
  --ref-muted: rgba(232,237,246,.66);
}

body.site-body,
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

.layout-stage,
.main-header,
.footer,
table.main.premium-main,
.main.premium-main{
  width:min(1320px, calc(100% - 44px)) !important;
}

.main-header.main-header--refined{
  grid-template-columns: 250px 1fr auto !important;
  min-height: 102px;
  padding: 18px 24px !important;
  border-radius: 30px !important;
  background:
    radial-gradient(420px 160px at 50% 0%, rgba(255,255,255,.12), rgba(255,255,255,0) 66%),
    linear-gradient(180deg, rgba(12,20,33,.95), rgba(13,21,36,.92)) !important;
}
.main-header__nav{ gap: 12px !important; }
.main-header__controls{ gap: 10px !important; }
.main-header__logo img{ width: 208px !important; max-width: 208px !important; }
.main-navigation__link,
.main-navigation__link_regard{
  min-height: 46px !important;
  padding: 0 20px !important;
  font-weight: 500 !important;
  letter-spacing: .01em;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)) !important;
}
.main-navigation__link.active_page,
.main-navigation__link.active,
.main-navigation__link:hover,
.main-navigation__link_regard:hover{
  background: linear-gradient(180deg, rgba(209,176,115,.16), rgba(209,176,115,.07)) !important;
  color: #fff !important;
}
.header-icon-btn,
.theme-toggle,
#open_lang,
.notifs{
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
}
.header-lang-wrap{ position: relative; display:inline-flex; align-items:center; }
.lang_menu{
  right: 0 !important;
  top: calc(100% + 8px) !important;
  margin-top: 0 !important;
  width: 210px;
}

/* overall shell */
table.main.premium-main,
.main.premium-main{
  border-spacing: 14px !important;
  background: linear-gradient(180deg, rgba(79,89,109,.18), rgba(48,57,74,.20)) !important;
  border-radius: 30px !important;
}
#leftcolumn, .leftmenu { width: 210px !important; }
#rightcolumn, .rightmenu { width: 220px !important; }
#contentwrapper{ width:auto !important; }



.titles,
.titles2,
.wall_new_title,
.members-progress-title{
  min-height: 46px !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(4,11,20,.94), rgba(7,16,28,.98)) !important;
}

/* left profile like reference */
#leftcolumn .leftside--account .blok{
  padding: 16px !important;
  border-radius: 24px !important;
}
#leftcolumn .leftside--account .avatar-block{
  min-height: 180px !important;
  padding: 12px 54px 12px 12px !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(5,14,28,.62), rgba(10,19,34,.28)) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}
#leftcolumn .ava-dosa,
#leftcolumn #id_board-avatar{
  width: 116px !important; height: 116px !important;
  margin-bottom: 0 !important;
}
.left-profile-meta{ padding: 10px 4px 4px !important; text-align:center; }
.left-profile-meta__name{ font-size: 18px !important; font-weight: 600 !important; }
.left-profile-meta__id{
  display:inline-flex; padding:4px 10px; border-radius:999px;
  background: rgba(255,255,255,.05); color: var(--ref-muted) !important; font-size:12px;
}
#reyt-user-block.rating-pill{
  min-height: 56px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)) !important;
  border: 1px solid rgba(209,176,115,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 26px rgba(0,0,0,.12), 0 0 24px rgba(209,176,115,.08) !important;
}
#reyt-user-block .up_n_reyt{ font-size: 18px; font-weight: 700; }
.balance-1 a, .balance-2 a, .bln{
  min-height: 56px !important;
  padding: 0 16px !important;
  border-radius: 18px !important;
}
#leftcolumn .balance-currency{ opacity: .75; }
#leftcolumn .b-type{ text-transform: lowercase; color: var(--ref-muted) !important; }

/* left nav quieter */
.left-promo-link,
#leftcolumn .usermnutitle-g,
#leftcolumn .user_menuline,
#leftcolumn .usermnuline-act{
  min-height: 44px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.015)) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
}
.left-promo-link--green,
.left-promo-link--orange{
  background: linear-gradient(180deg, rgba(120,144,182,.18), rgba(120,144,182,.10)) !important;
  border-color: rgba(255,255,255,.07) !important;
}
.left-promo-link--orange{ background: linear-gradient(180deg, rgba(160,129,76,.26), rgba(160,129,76,.14)) !important; }
#leftcolumn .usermnublock{
  padding: 4px 0 8px !important;
}
#leftcolumn .usermnublock a{
  min-height: 40px !important;
  display:flex !important; align-items:center !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  margin-bottom: 6px !important;
  color: var(--ref-muted) !important;
  background: rgba(255,255,255,.01) !important;
  border: 1px solid rgba(255,255,255,.04) !important;
}
#leftcolumn .usermnublock a:hover,
#leftcolumn .usermnublock .usermnuline-act{
  color: var(--ref-text) !important;
  background: rgba(255,255,255,.04) !important;
}

/* banner block cleaner */
#leftcolumn .sidebar-widget--left-banner,
#leftcolumn .banners.sidebar-widget--left-banner{
  padding: 14px !important;
  border-radius: 22px !important;
}
#leftcolumn .sidebar-banner-holder--left{
  display:flex; align-items:center; justify-content:center;
  min-height: 316px; border-radius: 18px;
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.05);
}
#leftcolumn .sidebar-widget__actions--left{ justify-content:center !important; }

/* right widgets closer to reference */
#rightcolumn .sidebar-widget{ padding: 14px !important; border-radius: 24px !important; }
.board-card{
  display:flex !important; flex-direction:column; align-items:center; gap:8px;
}
.board-card__avatar{ width: 112px !important; height: 112px !important; }
.board-card__meta{ color: var(--ref-muted) !important; }
.board-card__cta{
  min-height: 42px; padding: 0 16px; border-radius: 14px;
  background: linear-gradient(180deg, rgba(125,143,183,.16), rgba(125,143,183,.08));
  border: 1px solid rgba(255,255,255,.08);
  display:inline-flex; align-items:center; justify-content:center;
}
.partner-placeholder{
  width:100%; aspect-ratio: 1/1; border-radius: 18px;
  position:relative; overflow:hidden;
  background: linear-gradient(180deg, rgba(114,130,168,.12), rgba(43,59,84,.28));
  border: 1px solid rgba(255,255,255,.06);
}
.partner-placeholder__glass{
  position:absolute; inset:0;
  background:
   radial-gradient(160px 100px at 30% 24%, rgba(149,167,205,.22), rgba(149,167,205,0) 65%),
   linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,0) 55%);
}
#rightcolumn .sidebar-widget__actions{ justify-content:center !important; }
#rightcolumn .sidebar-widget__actions a{ flex:0 0 auto !important; min-width: 0; }
.sidebar-widget--mini-banner{ display:none; }

/* content shell */








.advertise-grid{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 14px !important;
}
.advertise-card strong{ font-size: 17px !important; }
.advertise-card em, .advertise-card span{ color: var(--ref-muted) !important; }

/* settings closer to ref */
.settings-page--reference{ padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow:none !important; }
.settings-reference-shell{
  display:flex; flex-direction:column; gap:18px;
}
.settings-reference-card{
  background: linear-gradient(180deg, rgba(28,36,51,.78), rgba(18,25,39,.92));
  border:1px solid rgba(255,255,255,.08);
  border-radius: 24px;
  box-shadow: 0 16px 34px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04);
}
.settings-reference-card__header{
  padding: 18px 22px;
  font-size: 20px; font-weight: 700;
  border-bottom:1px solid rgba(255,255,255,.06);
  background: linear-gradient(90deg, rgba(5,13,24,.96), rgba(8,18,31,.98));
  border-radius: 24px 24px 0 0;
}
.settings-reference-card__body{ padding: 18px; }
.settings-reference-card__body--avatar{ display:flex; align-items:center; gap:20px; }
.settings-reference-avatar-copy{ color: var(--ref-muted); line-height:1.6; }
.settings-reference-grid{ display:grid; grid-template-columns: 1.6fr 1fr; gap:18px; }
.premium-table--reference td:first-child{ width: 46%; }
.premium-inline-sep{ color: var(--ref-muted); }
.settings-reference-actions{ margin-top: 16px; display:flex; justify-content:flex-start; }
.avatar-upload--reference{ width: 120px !important; height: 120px !important; }
.avatar-upload--reference img{ width:120px !important; height:120px !important; }

/* wall page */
#contentwrapper .scan-faq,
#contentwrapper .seach-wall,
#seach-wall-table{
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 18px !important;
}
#seach-wall-table tr:hover td{ background: rgba(255,255,255,.04) !important; }
#contentwrapper .wall_new,
#contentwrapper .wall_new_data,
#contentwrapper .wall_new_infa,
#contentwrapper .wall_new_stat,
#contentwrapper .wall_comments,
#contentwrapper .wall_gifts,
#contentwrapper .wall_friends,
#contentwrapper .wall_friends_online{
  background: linear-gradient(180deg, rgba(28,36,51,.78), rgba(18,25,39,.92)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius: 24px !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}
#contentwrapper .wall_new_title,
#contentwrapper .wall_new_data .title,
#contentwrapper .wall_gifts .title,
#contentwrapper .wall_comments .title,
#contentwrapper .wall_friends .title,
#contentwrapper .wall_friends_online .title{
  margin: 10px !important;
}
#contentwrapper .wall_new_data table,
#contentwrapper .wall_new_data tr,
#contentwrapper .wall_new_data td{
  background: transparent !important;
}
#contentwrapper .wall_new_data td{ border-bottom:1px solid rgba(255,255,255,.05) !important; padding: 14px 16px !important; }

/* money add */
.money-add-page{
  padding: 24px !important;
  text-align:center;
}
.money-add-page__intro{ color: var(--ref-muted); margin-bottom: 18px; font-size: 17px; }
.money-add-page__intro a{ color: var(--ref-text) !important; border-bottom: 1px dotted rgba(255,255,255,.35); }
.money-add-form__amount-title,
.money-add-form__providers-title{ font-size: 20px; font-weight: 700; margin-bottom: 6px; }
.money-add-form__amount-subtitle{ color: var(--ref-muted); margin-bottom: 10px; }
.money-add-form__amount-input input{
  width: 220px !important; height: 48px !important; text-align:center !important; font-size: 22px !important; font-weight:700 !important;
}
.money-add-form__providers{
  display:flex; flex-wrap:wrap; gap:16px; justify-content:center; align-items:stretch; margin-top: 16px;
}
.money-add-form__providers > *{ display:flex; align-items:center; justify-content:center; }
.money-add-form__providers .cash-mb1,
.money-add-form__providers .cash-wm,
.money-add-form__providers .cash-azvox,
.money-add-form__providers .cash-promocod,
.money-add-form__providers [class*='cash-']{
  min-width: 138px; min-height: 72px; padding: 8px 12px;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}
.money-add-form__providers-extra{ width: 100%; display:flex; justify-content:center; }
.money-add-form__hint{ color: var(--ref-muted); margin-top: 18px; line-height:1.55; }

/* modal */
.black-fon{ background: rgba(4,10,18,.72) !important; }
#popup, .popup_wind, .pop-up{ border-radius: 22px !important; overflow:hidden; }
#popup .title-popup, .popup_wind .title-popup, .pop-up .title-popup{
  border-radius:0 !important;
}
#popup textarea, .popup_wind textarea, .pop-up textarea{
  min-height: 110px !important;
}

/* narrow widths on desktop like ref */
@media (min-width: 981px){
  #contentwrapper .titles{ max-width: 650px; margin: 0 auto 16px !important; }
  #contentwrapper .settings-reference-shell,
  #contentwrapper .money-add-page,
  #contentwrapper .advertise-intro,
  #contentwrapper #load-zacaz,
  #contentwrapper .wall_new,
  #contentwrapper .wall_new_data,
  #contentwrapper .wall_gifts,
  #contentwrapper .wall_comments,
  #contentwrapper .wall_friends,
  #contentwrapper .wall_friends_online,
  #contentwrapper .rating-page,
  #contentwrapper .top100-page{
    max-width: 650px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}



/* ===== v18 right sidebar restored to project logic + reference styling ===== */
#rightcolumn{
  width: 228px !important;
}

#rightcolumn .sidebar-widget,
#rightcolumn .rightside{
  display: flex !important;
  flex-direction: column !important;
  gap: 12px;
  padding: 14px !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(43, 54, 76, 0.72), rgba(22, 31, 47, 0.88)) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 18px 34px rgba(0,0,0,.14) !important;
}

#rightcolumn .titles2{
  width: 100% !important;
  margin: 0 !important;
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 12px !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--ads-surface-2) 92%, transparent), color-mix(in srgb, var(--ads-bg-body) 96%, transparent)) !important;
  border: 1px solid var(--ads-border) !important;
  color: var(--ads-text) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#rightcolumn .sidebar-widget__body{
  padding: 4px 2px 0 !important;
}

#rightcolumn .sidebar-widget__body--centered{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

#rightcolumn .board-card{
  width: 100%;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:10px !important;
  text-decoration:none;
}

#rightcolumn .board-card__user{
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--ref-text) !important;
}

#rightcolumn .board-card__meta{
  color: var(--ref-muted) !important;
  font-size: 12px !important;
}

#rightcolumn .board-card__avatar,
#rightcolumn .ava-dos{
  width: 116px !important;
  height: 116px !important;
  object-fit: cover;
  border-radius: 50% !important;
  border: 2px solid rgba(208,176,115,.72) !important;
  box-shadow: 0 0 0 8px rgba(255,255,255,.02), 0 16px 28px rgba(0,0,0,.16) !important;
}

#rightcolumn .board-card__cta,
#rightcolumn .sidebar-widget__actions a{
  min-height: 42px;
  padding: 0 16px !important;
  border-radius: 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background: linear-gradient(180deg, rgba(113,131,171,.18), rgba(74,90,123,.12)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: var(--ref-text) !important;
  text-decoration:none !important;
}

#rightcolumn .sidebar-widget__actions{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

#rightcolumn .sidebar-widget__actions--icons a{
  width: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
  border-radius: 14px !important;
}

#rightcolumn .sidebar-widget--partner .partner-widget__body{
  min-height: 210px;
}

#rightcolumn .partner-context-card,
#rightcolumn .partner-placeholder{
  width: 100%;
  max-width: 180px;
  aspect-ratio: 1 / 1;
  display:flex;
  align-items:center;
  justify-content:center;
  margin: 0 auto;
  overflow:hidden;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(112,131,169,.12), rgba(36,47,67,.22)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 12px 24px rgba(0,0,0,.12) !important;
}

#rightcolumn .partner-context-card{
  padding: 16px !important;
}

#rightcolumn .contextlink,
#rightcolumn .contextlink a{
  color: var(--ref-text) !important;
}

#rightcolumn .partner-placeholder{
  position: relative;
}

#rightcolumn .partner-placeholder__glass{
  position:absolute;
  inset:0;
  background:
    radial-gradient(120px 80px at 30% 22%, rgba(154,172,209,.24), rgba(154,172,209,0) 70%),
    linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,0) 60%);
}

#rightcolumn .sidebar-widget--banner .sidebar-widget__body{
  min-height: auto;
}

#rightcolumn .sidebar-banner-holder{
  width: 100%;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#rightcolumn .sidebar-banner-holder--100{
  min-height: 116px;
}

#rightcolumn .sidebar-banner-holder--200{
  min-height: 216px;
}

#rightcolumn #baner100 img,
#rightcolumn #baner400 img{
  display:block !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 auto !important;
  border-radius: 16px !important;
}

#rightcolumn .site-clock{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap: 4px;
  flex-wrap: wrap;
  color: var(--ref-text) !important;
  font-weight: 600;
}

#rightcolumn .site-clock__sep{
  opacity: .8;
  margin: 0 4px;
}

/* restore previously hidden mini banner */
.sidebar-widget--mini-banner{
  display:flex !important;
}

/* ===== v19: restore desktop header controls + right widgets + functional settings ===== */
#open_lang,
.theme-toggle,
#theme-toggle,
.main-header .header-icon-btn,
.main-header .notifs{
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 !important;
}

.main-header{
  grid-template-columns: 240px minmax(0,1fr) auto !important;
}

.main-header__controls{
  position: relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  padding-right: 0 !important;
}

.main-header__controls .header-lang-wrap{
  position: relative !important;
}

.main-header__controls .lang_menu{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  right:0 !important;
  left:auto !important;
}

.header-mobile-only,
.theme-toggle--mobile,
.open-menu,
.mobile-profile-btn{
  display:none !important;
}

@media (max-width: 980px){
  .header-mobile-only,
  .theme-toggle--mobile,
  .open-menu,
  .mobile-profile-btn{
    display:inline-flex !important;
  }

  .main-header #open_lang,
  .main-header #theme-toggle,
  .main-header .notifs{
    display:none !important;
  }
}

#rightcolumn .sidebar-widget--context .sidebar-widget__body{
  display:block !important;
  text-align:left !important;
  padding:0 !important;
  min-height:auto !important;
}

#rightcolumn .sidebar-widget--context .contextlink{
  width:100% !important;
  max-width:none !important;
  aspect-ratio:auto !important;
  display:block !important;
  padding:0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow:none !important;
  text-align:left !important;
}

#rightcolumn .sidebar-widget--context .contextlink a{
  color: var(--ref-text) !important;
}

#rightcolumn .sidebar-widget__actions--inline{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin-top:10px !important;
}

#rightcolumn .sidebar-widget__actions--inline a{
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  min-height:auto !important;
  padding:0 !important;
  border-radius:0 !important;
  color: var(--ref-text) !important;
  text-decoration:underline !important;
}

#rightcolumn .sidebar-widget__actions--inline .sidebar-widget__divider{
  opacity:.55;
}

#rightcolumn .sidebar-widget--clock .sidebar-widget__body{
  display:block !important;
  text-align:center !important;
  padding-top:4px !important;
}

#rightcolumn .site-clock{
  display:inline-flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  line-height:1.4 !important;
}

#rightcolumn .site-clock span,
#rightcolumn #day,
#rightcolumn #month,
#rightcolumn #year,
#rightcolumn #hours,
#rightcolumn #min,
#rightcolumn #sec{
  display:inline !important;
}

.settings{ max-width: 100% !important; }
.settings-avatar,
.settings-personal-data,
.settings-tab_theme_cloud{
  background: linear-gradient(180deg, rgba(28,36,52,0.80), rgba(18,26,40,0.92)) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 24px !important;
  box-shadow: 0 16px 32px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow: hidden !important;
  margin: 0 0 16px 0 !important;
}

.settings__block-header{
  margin:0 !important;
  padding:18px 22px !important;
  font-size:18px !important;
  font-weight:700 !important;
  color:#eef3fb !important;
  background: linear-gradient(180deg, rgba(2,11,25,.98), rgba(3,13,29,.9)) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

.settings__block-content,
.settings-personal-data > table,
.settings-avatar > table,
.settings-avatar .table,
.settings-personal-data .table,
.settings-personal-data .tabl{
  width:100% !important;
  box-sizing:border-box !important;
}

.settings-avatar .table,
.settings-personal-data .table,
.settings-personal-data .tabl{
  border-collapse:collapse !important;
}

.settings-avatar .table td,
.settings-personal-data .table td,
.settings-personal-data .tabl td{
  padding:14px 16px !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  color:var(--ref-text) !important;
  vertical-align:middle !important;
}

.settings-personal-data .table tr:last-child td,
.settings-personal-data .tabl tr:last-child td,
.settings-avatar .table tr:last-child td{
  border-bottom:0 !important;
}

.settings-personal-data input[type="text"],
.settings-personal-data input[type="email"],
.settings-personal-data input[type="password"],
.settings-personal-data select{
  width:100% !important;
  max-width:100% !important;
  min-height:46px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  background: rgba(7,16,31,.88) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  color:#eef3fb !important;
  box-sizing:border-box !important;
}

.settings-personal-data .btn.green,
.settings-avatar .btn.green{
  min-height:44px !important;
  padding:0 18px !important;
  border-radius:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background: linear-gradient(180deg, rgba(113,131,171,.18), rgba(74,90,123,.12)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color:#eef3fb !important;
  box-shadow:none !important;
}

.settings .msg-warning{
  display:block !important;
  margin:0 0 12px 0 !important;
  padding:12px 14px !important;
  border-radius:14px !important;
  background:rgba(197, 145, 61, 0.14) !important;
  border:1px solid rgba(197,145,61,0.24) !important;
  color:#f2e4c0 !important;
}


/* ===== v20: header controls, context widget, site clock ===== */
.main-header{
  overflow: visible !important;
}
.main-header__controls{
  flex-wrap: nowrap !important;
  gap: 8px !important;
}
.main-header__control-stack{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-direction: row !important;
}
.main-header__controls .header-lang-wrap,
.main-header__controls #theme-toggle{
  flex: 0 0 auto !important;
}
.main-header__controls #theme-toggle,
.main-header__controls .header-icon-btn--flag,
.main-header__controls #open_lang{
  width: 42px !important;
  height: 42px !important;
}
.main-header__controls .lang_menu{
  right: 0 !important;
  left: auto !important;
  top: calc(100% + 8px) !important;
}

#rightcolumn .sidebar-widget--context .sidebar-widget__body{
  padding: 0 !important;
}
#rightcolumn .sidebar-widget--context .contextlink{
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  color: var(--ref-text-soft) !important;
  text-align: left !important;
}
#rightcolumn .sidebar-widget--context .contextlink a{
  color: var(--ref-text) !important;
}
#rightcolumn .sidebar-widget__actions--inline{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-top: 12px !important;
}
#rightcolumn .sidebar-widget__actions--inline a{
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: auto !important;
  color: var(--ref-text) !important;
  text-decoration: underline !important;
}
#rightcolumn .sidebar-widget__divider{
  opacity: .55 !important;
}

#rightcolumn .sidebar-widget--clock .sidebar-widget__body,
#rightcolumn .site-clock{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  gap: 0 !important;
  line-height: 1.4 !important;
}
#rightcolumn .site-clock span,
#rightcolumn #day,
#rightcolumn #month,
#rightcolumn #year,
#rightcolumn #hours,
#rightcolumn #min,
#rightcolumn #sec,
#rightcolumn .site-clock__sep{
  display: inline !important;
}

@media (max-width: 980px){
  .main-header__control-stack,
  .main-header__controls .header-lang-wrap,
  .main-header__controls #theme-toggle{
    display: none !important;
  }
}

/* v21 members page refinement */
#contentwrapper .members-page--reference {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

#contentwrapper .members-page--reference .wall_new_title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  margin: 0 0 16px !important;
  padding: 0 18px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(3,12,24,.94), rgba(6,16,29,.98)) !important;
  border: 1px solid var(--ads-border) !important;
  color: var(--ads-text) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

#contentwrapper .members-page--reference .members_chart,
#contentwrapper .members-page--reference .data_stat_new {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

#contentwrapper .members-page--reference .members-grid--two {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

#contentwrapper .members-page--reference .premium-table td:last-child {
  color: var(--ads-text) !important;
}

#contentwrapper .members-page--reference .members-chart center {
  display: block !important;
}

@media (max-width: 980px) {
  #contentwrapper .members-page--reference .members-grid--two {
    grid-template-columns: 1fr !important;
  }
}

/* bonus_day polish */
#contentwrapper > .titles + div[style*="padding:0 7px 0 7px"]{
  padding: 0 !important;
}

#contentwrapper .add-infa{
  display:block !important;
  max-width: 640px !important;
  margin: 14px auto 0 !important;
  padding: 14px 18px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--ads-surface) 90%, transparent), color-mix(in srgb, var(--ads-surface-2) 96%, transparent)) !important;
  border: 1px solid var(--ads-border) !important;
  color: var(--ads-text) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

#contentwrapper center[style*="color:#660000"]{
  display:block !important;
  max-width: 640px !important;
  margin: 16px auto 18px !important;
  color: var(--ads-accent) !important;
}

#contentwrapper center[style*="color:#660000"] small{
  color: var(--ads-text-soft) !important;
}

#contentwrapper center[style*="color:#660000"] h3,
#contentwrapper #task_time,
#contentwrapper .text-yellow,
#contentwrapper .text-yellow b,
#contentwrapper .text-yellow small{
  color: var(--ads-accent) !important;
}

#contentwrapper center[style*="color:#660000"] h3{
  margin: 8px 0 0 !important;
  font-size: clamp(26px, 2.1vw, 32px) !important;
  line-height: 1.12 !important;
}





























body.page-advertise #contentwrapper .titles{
  margin-bottom: 14px !important;
}

body.page-advertise #contentwrapper #load-zacaz,
body.page-advertise #contentwrapper .advertise-grid,
body.page-advertise #contentwrapper .advertise-page{
  max-width: none !important;
}

body.page-advertise #contentwrapper [class*="rekl"],
body.page-advertise #contentwrapper [class*="advertise-card"],
body.page-advertise #contentwrapper .advertise-card{
  border-radius: 20px !important;
}

body.page-advertise #rightcolumn .blok a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  text-decoration: none !important;
  margin-top: 6px !important;
}

#rightcolumn .titles2,
#rightcolumn .sidebar-widget__title,
#rightblock .titles2,
.right-sidebar .titles2{
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 14px 0 !important;
  padding: 10px 12px !important;
  border-radius: 16px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.15 !important;
}

#rightcolumn .sidebar-widget,
#rightblock .sidebar-widget,
.right-sidebar .sidebar-widget{
  overflow: hidden !important;
}

#rightcolumn .contextlink a,
#rightblock .contextlink a,
.right-sidebar .contextlink a{
  max-width: 100% !important;
  box-sizing: border-box !important;
}


.quest-page{
    padding: 10px 8px 0;
}

.quest-hero{
    display:flex;
    align-items:center;
    gap:18px;
    padding:20px;
    margin:0 0 18px 0;
    border-radius:18px;
    background: linear-gradient(135deg, rgba(33,39,52,.96), rgba(24,29,40,.96));
    border:1px solid rgba(0,150,136,.22);
    box-shadow: 0 12px 30px rgba(0,0,0,.20);
}

.quest-hero__icon{
    width:64px;
    height:64px;
    min-width:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    font-size:30px;
    background: linear-gradient(135deg, #009688, #18b3a6);
    box-shadow: 0 10px 25px rgba(0,150,136,.26);
    color:#fff;
}

.quest-hero__title{
    color:#ffffff;
    font-size:22px;
    font-weight:700;
    margin-bottom:6px;
}

.quest-hero__desc{
    color:rgba(226,235,255,.78);
    font-size:14px;
    line-height:1.55;
    max-width:760px;
}

.quest-list{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap:16px;
    align-items:stretch;
}

.quest-card{
    background: linear-gradient(180deg, rgba(34,40,53,.97), rgba(24,29,39,.98));
    border:1px solid rgba(0,150,136,.14);
    border-radius:18px;
    overflow:hidden;
    box-shadow: 0 10px 28px rgba(0,0,0,.22);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.quest-card:hover{
    transform: translateY(-3px);
    box-shadow: 0 16px 34px rgba(0,0,0,.26);
    border-color: rgba(0,150,136,.34);
}

.quest-card__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 16px;
    border-bottom:1px solid rgba(255,255,255,.05);
    background: rgba(255,255,255,.015);
}

.quest-card__number{
    color:#ffffff;
    font-size:15px;
    font-weight:700;
}

.quest-card__badge{
    padding:6px 10px;
    border-radius:999px;
    background: rgba(0,150,136,.16);
    color:#7fe7dd;
    font-size:11px;
    font-weight:700;
    letter-spacing:.3px;
    text-transform:uppercase;
}

.quest-card__body{
    padding:16px;
}

.quest-card__task{
    min-height:42px;
    color:#e6edf7;
    font-size:15px;
    font-weight:600;
    line-height:1.45;
    margin-bottom:14px;
}

.quest-card__progress-text{
    color:#8fded7;
    font-size:13px;
    font-weight:600;
    margin-bottom:8px;
}

.quest-progress{
    width:100%;
    height:10px;
    border-radius:999px;
    background: rgba(255,255,255,.06);
    overflow:hidden;
    margin-bottom:14px;
}

.quest-progress__bar{
    height:100%;
    border-radius:999px;
    background: linear-gradient(90deg, #009688, #22c7ba);
    box-shadow: 0 0 12px rgba(0,150,136,.24);
}

.quest-card__reward{
    color:rgba(220,229,255,.60);
    font-size:12px;
    margin-bottom:16px;
}

.quest-card__action{
    min-height:42px;
}

.quest-btn{
    width:100%;
    border:0;
    border-radius:12px;
    padding:12px 14px;
    font-size:14px;
    font-weight:700;
    color:#fff;
    cursor:pointer;
    background: linear-gradient(135deg, #009688, #18b3a6);
    box-shadow: 0 10px 20px rgba(0,150,136,.22);
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.quest-btn:hover{
    transform: translateY(-1px);
    box-shadow: 0 14px 24px rgba(0,150,136,.28);
}

.quest-status{
    width:100%;
    box-sizing:border-box;
    text-align:center;
    padding:12px 10px;
    border-radius:12px;
    font-size:13px;
    font-weight:700;
}

.quest-status--done{
    background: rgba(0,150,136,.14);
    border:1px solid rgba(0,150,136,.26);
    color:#7fe7dd;
}

.quest-status--wait{
    background: rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
    color:#b7c4d8;
}

.quest-status--pro{
    background: rgba(233,105,75,.12);
    border:1px solid rgba(233,105,75,.22);
    color:#ffb4a2;
}

@media (max-width: 700px){
    .quest-hero{
        flex-direction:column;
        align-items:flex-start;
    }

    .quest-hero__icon{
        width:56px;
        height:56px;
        min-width:56px;
        font-size:26px;
    }

    .quest-hero__title{
        font-size:20px;
    }

    .quest-list{
        grid-template-columns: 1fr;
    }
}

/* ===== v26 left block unified accounts ===== */
#leftcolumn .leftside--account .blok{
  padding-bottom: 12px !important;
}

#leftcolumn .leftside--account .avatar-block{
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 196px !important;
  padding: 14px 52px 10px 12px !important;
  border-radius: 22px !important;
}

#leftcolumn .avatar-block > a.ajax-site{
  display: block !important;
  margin-bottom: 10px !important;
}

#leftcolumn .left-profile-meta--inside-avatar{
  width: 100% !important;
  margin: 0 0 6px 0 !important;
  padding: 0 42px 0 0 !important;
  text-align: center !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__name{
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.08 !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__id{
  margin: 4px auto 0 auto !important;
  padding: 0 !important;
  min-height: auto !important;
  font-size: 11px !important;
  color: rgba(237,241,248,.52) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#leftcolumn .left-profile-rating-wrap{
  width: 100% !important;
  padding: 0 42px 0 0 !important;
  margin: 0 !important;
  text-align: center !important;
}

#leftcolumn #reyt-user-block.rating-pill--soft,
#leftcolumn .rating-pill--soft{
  min-height: 26px !important;
  height: 26px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  margin: 0 auto !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: none !important;
}

#leftcolumn .rating-pill--soft i{
  font-size: 11px !important;
  opacity: .78 !important;
}

#leftcolumn #reyt-user-block.rating-pill--soft .up_n_reyt,
#leftcolumn .rating-pill--soft .up_n_reyt{
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

#leftcolumn .balance-group{
  margin: 8px 0 10px !important;
  padding: 4px 0 !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  overflow: hidden !important;
}

#leftcolumn .balance-line{
  min-height: 44px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#leftcolumn .balance-line--main{
  background: linear-gradient(180deg, rgba(209,176,115,.05), rgba(209,176,115,0)) !important;
}

#leftcolumn .balance-group__divider{
  height: 1px !important;
  margin: 0 12px !important;
  background: rgba(255,255,255,.07) !important;
}

#leftcolumn .balance-line__label{
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  color: rgba(237,241,248,.60) !important;
  white-space: nowrap !important;
}

#leftcolumn .balance-line__value{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--ads-text-main) !important;
  line-height: 1 !important;
}

#leftcolumn #new-money-rekl,
#leftcolumn #new-money-ballans,
#leftcolumn span#new-money-rekl,
#leftcolumn span#new-money-ballans{
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#leftcolumn .balance-currency{
  font-size: 10px !important;
  margin-left: 0 !important;
  opacity: .72 !important;
}

#leftcolumn .balance-1,
#leftcolumn .balance-2,
#leftcolumn .bln,
#leftcolumn .b-type{
  display: none !important;
}


/* ===== v27 align nick + rating ===== */
#leftcolumn .left-profile-summary{
  width: calc(100% - 46px) !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
}

#leftcolumn .left-profile-meta--inside-avatar{
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__name{
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.08 !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__id{
  margin: 4px 0 0 0 !important;
  text-align: center !important;
}

#leftcolumn .left-profile-rating-wrap{
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

#leftcolumn #reyt-user-block.rating-pill--soft,
#leftcolumn .rating-pill--soft{
  min-width: 92px !important;
  margin: 0 auto !important;
}


/* ===== v28 tighten nick + rating alignment ===== */
#leftcolumn .left-profile-summary{
  width: 118px !important;
  margin: 0 auto !important;
  transform: translateX(-10px) !important;
  gap: 4px !important;
}

#leftcolumn .left-profile-meta--inside-avatar,
#leftcolumn .left-profile-rating-wrap{
  width: 118px !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__name{
  font-size: 14px !important;
  line-height: 1.06 !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__id{
  margin-top: 3px !important;
  opacity: .56 !important;
}

#leftcolumn #reyt-user-block.rating-pill--soft,
#leftcolumn .rating-pill--soft{
  min-width: 90px !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  gap: 4px !important;
}


/* ===== v29 smaller side buttons + tighter nick/rating alignment ===== */
#leftcolumn .buttons.cabinet-buttons,
#leftcolumn .cabinet-buttons{
  top: 28px !important;
  right: 10px !important;
  gap: 6px !important;
}

#leftcolumn .buttons.cabinet-buttons a,
#leftcolumn .cabinet-buttons a,
#leftcolumn .cabinet-toggle{
  width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  border-radius: 10px !important;
}

#leftcolumn .buttons.cabinet-buttons a i,
#leftcolumn .cabinet-buttons a i,
#leftcolumn .cabinet-toggle i{
  font-size: 13px !important;
}

#leftcolumn .left-profile-summary{
  width: 110px !important;
  margin: 0 auto !important;
  transform: translateX(-8px) !important;
  gap: 3px !important;
}

#leftcolumn .left-profile-meta--inside-avatar,
#leftcolumn .left-profile-rating-wrap{
  width: 110px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  text-align: center !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__name{
  font-size: 14px !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__id{
  margin-top: 2px !important;
  line-height: 1 !important;
  opacity: .54 !important;
}

#leftcolumn #reyt-user-block.rating-pill--soft,
#leftcolumn .rating-pill--soft{
  min-width: 86px !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 7px !important;
  gap: 4px !important;
}

#leftcolumn .rating-pill--soft i{
  font-size: 10px !important;
}

#leftcolumn #reyt-user-block.rating-pill--soft .up_n_reyt,
#leftcolumn .rating-pill--soft .up_n_reyt{
  font-size: 11px !important;
}


/* ===== v30 micro polish: smaller side buttons + cleaner nick/rating axis ===== */
#leftcolumn .buttons.cabinet-buttons,
#leftcolumn .cabinet-buttons{
  top: 26px !important;
  right: 9px !important;
  gap: 5px !important;
}

#leftcolumn .buttons.cabinet-buttons a,
#leftcolumn .cabinet-buttons a,
#leftcolumn .cabinet-toggle{
  width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  border-radius: 9px !important;
}

#leftcolumn .buttons.cabinet-buttons a i,
#leftcolumn .cabinet-buttons a i,
#leftcolumn .cabinet-toggle i{
  font-size: 12px !important;
}

#leftcolumn .left-profile-summary{
  width: 114px !important;
  margin: 0 auto !important;
  transform: translateX(-6px) !important;
  gap: 2px !important;
}

#leftcolumn .left-profile-meta--inside-avatar,
#leftcolumn .left-profile-rating-wrap{
  width: 114px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  text-align: center !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__name{
  font-size: 14px !important;
  line-height: 1.02 !important;
  margin: 0 !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__id{
  margin-top: 1px !important;
  line-height: 1 !important;
  opacity: .52 !important;
}

#leftcolumn #reyt-user-block.rating-pill--soft,
#leftcolumn .rating-pill--soft{
  min-width: 84px !important;
  height: 21px !important;
  min-height: 21px !important;
  padding: 0 7px !important;
  gap: 4px !important;
}

#leftcolumn .rating-pill--soft i{
  font-size: 10px !important;
}

#leftcolumn #reyt-user-block.rating-pill--soft .up_n_reyt,
#leftcolumn .rating-pill--soft .up_n_reyt{
  font-size: 11px !important;
  line-height: 1 !important;
}


/* ===== v31: center nick + rating in full block ===== */
#leftcolumn .buttons.cabinet-buttons,
#leftcolumn .cabinet-buttons{
  top: 24px !important;
  right: 8px !important;
  gap: 5px !important;
}

#leftcolumn .buttons.cabinet-buttons a,
#leftcolumn .cabinet-buttons a,
#leftcolumn .cabinet-toggle{
  width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  border-radius: 8px !important;
}

#leftcolumn .buttons.cabinet-buttons a i,
#leftcolumn .cabinet-buttons a i,
#leftcolumn .cabinet-toggle i{
  font-size: 11px !important;
}

#leftcolumn .left-profile-summary{
  width: 100% !important;
  margin: 0 auto !important;
  transform: none !important;
  gap: 2px !important;
  align-items: center !important;
}

#leftcolumn .left-profile-meta--inside-avatar,
#leftcolumn .left-profile-rating-wrap{
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__name{
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 14px !important;
  line-height: 1.02 !important;
  margin: 0 !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__id{
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin-top: 1px !important;
  line-height: 1 !important;
  opacity: .54 !important;
}

#leftcolumn #reyt-user-block.rating-pill--soft,
#leftcolumn .rating-pill--soft{
  min-width: 82px !important;
  height: 21px !important;
  min-height: 21px !important;
  margin: 0 auto !important;
}


/* ===== v32: align nick/rating to avatar axis + softer smaller side buttons ===== */
#leftcolumn .buttons.cabinet-buttons,
#leftcolumn .cabinet-buttons{
  top: 24px !important;
  right: 8px !important;
  gap: 4px !important;
}

#leftcolumn .buttons.cabinet-buttons a,
#leftcolumn .cabinet-buttons a,
#leftcolumn .cabinet-toggle{
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,0.028) !important;
  border-color: rgba(255,255,255,0.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02), 0 6px 14px rgba(0,0,0,0.10) !important;
}

#leftcolumn .buttons.cabinet-buttons a i,
#leftcolumn .cabinet-buttons a i,
#leftcolumn .cabinet-toggle i{
  font-size: 10px !important;
  opacity: .88 !important;
}

#leftcolumn .left-profile-summary{
  width: 116px !important;
  margin: 0 auto !important;
  transform: translateX(-9px) !important;
  gap: 2px !important;
  align-items: center !important;
}

#leftcolumn .left-profile-meta--inside-avatar,
#leftcolumn .left-profile-rating-wrap{
  width: 116px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__name{
  font-size: 14px !important;
  line-height: 1.02 !important;
  margin: 0 !important;
  text-align: center !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__id{
  margin-top: 1px !important;
  line-height: 1 !important;
  opacity: .50 !important;
  text-align: center !important;
}

#leftcolumn #reyt-user-block.rating-pill--soft,
#leftcolumn .rating-pill--soft{
  min-width: 78px !important;
  height: 20px !important;
  min-height: 20px !important;
  padding: 0 6px !important;
  gap: 3px !important;
  margin: 0 auto !important;
}

#leftcolumn .rating-pill--soft i{
  font-size: 9px !important;
  opacity: .76 !important;
}

#leftcolumn #reyt-user-block.rating-pill--soft .up_n_reyt,
#leftcolumn .rating-pill--soft .up_n_reyt{
  font-size: 10px !important;
  line-height: 1 !important;
}


/* ===== v33: center nick + rating in the full avatar block ===== */
#leftcolumn .left-profile-summary{
  width: 100% !important;
  transform: translateX(6px) !important;
  margin: 0 auto !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 2px !important;
}

#leftcolumn .left-profile-meta--inside-avatar,
#leftcolumn .left-profile-rating-wrap{
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__name,
#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__id{
  width: 100% !important;
  text-align: center !important;
}

#leftcolumn #reyt-user-block.rating-pill--soft,
#leftcolumn .rating-pill--soft{
  margin: 0 auto !important;
  justify-content: center !important;
  padding-left: 5px !important;
  padding-right: 6px !important;
}


/* ===== v34: one more micro shift to the right + tighter rating visual center ===== */
#leftcolumn .left-profile-summary{
  transform: translateX(9px) !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__name{
  letter-spacing: -0.01em !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__id{
  opacity: .48 !important;
}

#leftcolumn #reyt-user-block.rating-pill--soft,
#leftcolumn .rating-pill--soft{
  min-width: 74px !important;
  padding-left: 4px !important;
  padding-right: 5px !important;
}

#leftcolumn .rating-pill--soft i{
  font-size: 8px !important;
  opacity: .72 !important;
}

#leftcolumn #reyt-user-block.rating-pill--soft .up_n_reyt,
#leftcolumn .rating-pill--soft .up_n_reyt{
  font-size: 10px !important;
}


/* ===== v35: move nick + rating a bit more to the block center ===== */
#leftcolumn .left-profile-summary{
  transform: translateX(14px) !important;
}

#leftcolumn .left-profile-meta--inside-avatar{
  transform: translateX(2px) !important;
}

#leftcolumn .left-profile-rating-wrap{
  transform: translateX(3px) !important;
}

#leftcolumn #reyt-user-block.rating-pill--soft,
#leftcolumn .rating-pill--soft{
  min-width: 72px !important;
}


/* ===== v36: final micro-center for nick + rating ===== */
#leftcolumn .left-profile-summary{
  transform: translateX(17px) !important;
}

#leftcolumn .left-profile-meta--inside-avatar{
  transform: translateX(3px) !important;
}

#leftcolumn .left-profile-rating-wrap{
  transform: translateX(5px) !important;
}

#leftcolumn #reyt-user-block.rating-pill--soft,
#leftcolumn .rating-pill--soft{
  min-width: 70px !important;
}


/* ===== v37: balances refinement ===== */
#leftcolumn .balance-group{
  margin: 10px 0 12px !important;
  padding: 6px 0 !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.010)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    0 10px 24px rgba(0,0,0,.10) !important;
  overflow: hidden !important;
}

#leftcolumn .balance-line{
  min-height: 40px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

#leftcolumn .balance-line:hover{
  background: rgba(255,255,255,.018) !important;
}

#leftcolumn .balance-line--main{
  background:
    linear-gradient(90deg, rgba(209,176,115,.07), rgba(209,176,115,0) 58%) !important;
}

#leftcolumn .balance-group__divider{
  height: 1px !important;
  margin: 0 12px !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.10), rgba(255,255,255,0)) !important;
}

#leftcolumn .balance-line__label{
  display: inline-flex !important;
  align-items: center !important;
  min-width: 78px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: rgba(237,241,248,.66) !important;
  white-space: nowrap !important;
}

#leftcolumn .balance-line__value{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.96) !important;
}

#leftcolumn .balance-line--rekl .balance-line__value{
  color: rgba(232,238,248,.90) !important;
}

#leftcolumn .balance-line--main .balance-line__value{
  color: #ffffff !important;
  text-shadow: 0 0 14px rgba(209,176,115,.10) !important;
}

#leftcolumn #new-money-rekl,
#leftcolumn #new-money-ballans,
#leftcolumn span#new-money-rekl,
#leftcolumn span#new-money-ballans{
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

#leftcolumn .balance-currency{
  font-size: 10px !important;
  opacity: .66 !important;
  margin-left: 0 !important;
}

#leftcolumn .balance-line--main .balance-currency{
  opacity: .82 !important;
}

#leftcolumn .balance-line--rekl .balance-line__label::before,
#leftcolumn .balance-line--main .balance-line__label::before{
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,.22);
}

#leftcolumn .balance-line--main .balance-line__label::before{
  background: rgba(209,176,115,.75);
  box-shadow: 0 0 10px rgba(209,176,115,.18);
}

/* ===== v70 GoodRef final stable block ===== */
.goodref-page{
  padding: 18px !important;
  border-radius: 24px !important;
}

.goodref-toolbar{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}

.goodref-help{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: var(--ads-text-main, #eef2fa) !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.goodref-tooltip{
  max-width: 360px !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  background: rgba(12,20,36,.96) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.28) !important;
  color: rgba(236,241,248,.92) !important;
  line-height: 1.5 !important;
}

#page-goodref,
.goodref-wall{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: start !important;
}

.goodref-empty{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 180px !important;
  padding: 18px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.02) !important;
  border: 1px dashed rgba(255,255,255,.10) !important;
  color: rgba(236,241,248,.78) !important;
  text-align: center !important;
}

.goodref{
  position: relative !important;
  display: block !important;
  width: auto !important;
  height: 416px !important;
  min-height: 416px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(11,20,36,.92), rgba(8,16,30,.84)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 18px 36px rgba(0,0,0,.16) !important;
  overflow: hidden !important;
  text-align: center !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.goodref:hover{
  transform: translateY(-2px) !important;
  border-color: rgba(213,178,118,.20) !important;
  box-shadow: 0 20px 36px rgba(0,0,0,.22), 0 0 0 1px rgba(213,178,118,.05) inset !important;
}

.goodref_card_link{
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  padding: 48px 16px 16px !important;
  color: inherit !important;
  text-decoration: none !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

.goodref .btn.butt_good,
.goodref .butt_good{
  position: absolute !important;
  top: 12px !important;
  left: 50% !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 88px !important;
  height: 28px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  background: linear-gradient(180deg, rgba(66,95,191,.96), rgba(47,73,160,.96)) !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.16) !important;
  cursor: pointer !important;
  z-index: 3 !important;
}

.goodref .butt_good--self{
  background: linear-gradient(180deg, rgba(72,102,187,.78), rgba(52,78,160,.78)) !important;
}

.goodref .butt_good--register{
  background: linear-gradient(180deg, rgba(38,170,124,.96), rgba(26,134,96,.96)) !important;
}

.goodref .goodref_username{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ads-text-main, #eef2fa) !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  flex: 0 0 auto !important;
}

.goodref .goodref_card_inner{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  flex: 1 1 auto !important;
}

.goodref .goodref_avatar_wrap{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 104px !important;
  min-height: 104px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  flex: 0 0 auto !important;
}

.goodref .ava-goodref{
  display: block !important;
  width: 92px !important;
  height: 92px !important;
  min-width: 92px !important;
  min-height: 92px !important;
  max-width: 92px !important;
  max-height: 92px !important;
  object-fit: cover !important;
  margin: 0 auto !important;
  padding: 2px !important;
  border-radius: 50% !important;
  background: #d6dae2 !important;
  border: 2px solid rgba(213,178,118,.82) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.03), 0 0 18px rgba(213,178,118,.08) !important;
}

.goodref .goodref_text_box{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.022) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  color: rgba(236,241,248,.90) !important;
  overflow: hidden !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
}

.goodref .goodref_text_box b{
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: 100% !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  line-height: 1.18 !important;
}

.goodref .goodref_text_box--empty,
.goodref .goodref_text_box.goodref_text_box--empty,
.goodref .goodref_text_box.goodref_text_box--hidden{
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}

.goodref .goodref_text_box--empty b,
.goodref .goodref_text_box.goodref_text_box--empty b,
.goodref .goodref_text_box.goodref_text_box--hidden b{
  visibility: hidden !important;
  opacity: 0 !important;
}

.goodref .goodref_rating_line{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  width: auto !important;
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 auto !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  flex: 0 0 auto !important;
}

.goodref .goodref_rating_line i{
  font-size: 10px !important;
  color: rgba(213,178,118,.92) !important;
}

.goodref .goodref_stats{
  display: grid !important;
  grid-template-rows: repeat(3, 30px) !important;
  gap: 6px !important;
  width: 100% !important;
  min-height: 102px !important;
  margin: auto 0 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  flex: 0 0 auto !important;
}

.goodref .goodref_stat{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.022) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  color: rgba(236,241,248,.82) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.goodref .goodref_stat span{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: left !important;
}

.goodref .goodref_stat b{
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  color: rgba(255,255,255,.96) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.page-goodref #contentwrapper .goodref .status,
body.page-goodref #contentwrapper .goodref table,
body.page-goodref #contentwrapper .goodref tr,
body.page-goodref #contentwrapper .goodref td{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 1360px){
  #page-goodref,
  .goodref-wall{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px){
  #page-goodref,
  .goodref-wall{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .goodref{
    height: auto !important;
    min-height: 416px !important;
  }
}


a#tv-attr-logo {
    display: none !important;
}

/* ===== ROOT ===== */

.birja-shell{
    width: 100%;
    color: #d7e1f0;
}

.birja-shell *{
    box-sizing: border-box;
}

/* ===== TITLE ===== */

.birja-page-title{
    margin-bottom: 12px;
    padding: 10px 18px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.03);
    background: linear-gradient(180deg, #050d18 0%, #030914 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.01);
    color: #eef3fb;
    font-size: 23px;
    font-weight: 700;
    text-align: center;
}

/* ===== TOP STATS GRID ===== */
/* ВАЖНО: это фиксит поломку, когда карточки становятся в столбик */

.reytbirj.birja-stats{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 0 14px !important;
}

.reytbirj.birja-stats > .blokreyt{
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
}

/* ===== PANELS ===== */

.blokreyt,
.birja-market-panel,
.birja-filter-panel,
.birja-actions,
.birja-table-panel{
    background:
        radial-gradient(circle at top center, rgba(17, 38, 72, .06), transparent 34%),
        linear-gradient(180deg, #08111d 0%, #060e18 100%) !important;
    border: 1px solid rgba(255,255,255,.032) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.012),
        0 4px 12px rgba(0,0,0,.10) !important;
}

.blokreyt{
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start;
    min-height: 220px !important;
    padding: 16px 16px 14px !important;
    border-radius: 18px !important;
    overflow: hidden;
    text-align: center;
}

.blokreyt:before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.01), transparent 34%);
    pointer-events: none;
}

.birja-market-panel,
.birja-filter-panel,
.birja-actions,
.birja-table-panel{
    width: 100%;
    margin: 0 0 12px;
    padding: 12px !important;
    border-radius: 18px !important;
}

/* ===== ICONS / TEXT ===== */

.imgbirj{
    display: block;
    width: 36px !important;
    height: 36px !important;
    margin: 0 auto 10px !important;
    padding: 5px !important;
    object-fit: contain;
    border-radius: 12px !important;
    background: rgba(255,255,255,.014) !important;
    border: 1px solid rgba(255,255,255,.024) !important;
}

#b_r_rating,
#b_r_price,
#b_r_price_sec,
.textbirj{
    color: #f7fbff !important;
    font-size: clamp(20px, 2vw, 27px) !important;
    font-weight: 800;
    line-height: 1.08 !important;
    letter-spacing: -.02em;
    text-align: center;
    text-shadow: none !important;
    margin-top: 8px !important;
}

.textbirj{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
}

.textbirj img{
    height: 15px !important;
    width: auto;
}

.subbirj{
    display: block;
    margin: 8px 0 13px !important;
    color: rgba(210,223,244,.54) !important;
    font-size: 11px !important;
    line-height: 1.35;
    text-align: center;
}

.loader{
    width: 18px;
    height: 18px;
    margin: 0 auto 10px;
    opacity: .12 !important;
    transform: scale(.68);
}

/* ===== BUTTONS ===== */

.btn,
.menu-task-work__link,
input.btn{
    text-decoration: none;
    transition: all .16s ease;
}

.btn:hover,
.menu-task-work__link:hover,
input.btn:hover{
    transform: translateY(-1px);
}

.n_butt,
.n_butt_buy,
.n_butt_or{
    position: static !important;
    left: auto !important;
    bottom: auto !important;
    width: 100% !important;
    min-height: 34px !important;
    margin: auto 0 0 !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700;
    line-height: 1.2 !important;
    box-shadow: 0 3px 8px rgba(0,0,0,.10) !important;
    cursor: pointer;
}

.n_butt_buy{
    background: linear-gradient(180deg, #24ab54 0%, #1b7d42 100%) !important;
}

.n_butt_or{
    background: linear-gradient(180deg, #3e7acd 0%, #29579e 100%) !important;
}

.n_butt{
    background: linear-gradient(180deg, #c88916 0%, #a66608 100%) !important;
}

/* нижние две кнопки */
.birja-action-row{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-items: center;
}

.birja-actions{
    margin-top: 8px;
    padding: 10px !important;
}

.birja-actions input[type="submit"].btn{
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700;
    box-shadow: 0 3px 8px rgba(0,0,0,.10) !important;
    cursor: pointer;
}

.birja-actions .birja-action-row input[type="submit"].n_butt:first-child{
    background: linear-gradient(180deg, #b97d13 0%, #985e07 100%) !important;
}

.birja-actions .birja-action-row input[type="submit"].n_butt:last-child{
    background: linear-gradient(180deg, #3875c6 0%, #245398 100%) !important;
}

/* ===== MARKET INFO ===== */

.birja-market-top{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}

.birja-market-top .gr_line,
.birja-market-top .gr_line_val{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 9px 12px;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.03) !important;
    background: rgba(255,255,255,.014) !important;
    color: rgba(220,232,250,.82) !important;
    font-size: 12px !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.birja-market-top .gr_line b,
.birja-market-top .gr_line_val b{
    color: #f1f6ff !important;
    font-size: 13px !important;
}

.birja-market-top .fa-sort-amount-up{
    color: #28b85c !important;
}

.birja-market-top .fa-tasks{
    color: #4d83cc !important;
}

/* ===== CHART ===== */

.q_reytbirj{
    width: 100% !important;
    height: 248px !important;
    padding: 8px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255,255,255,.03) !important;
    background: linear-gradient(180deg, #020712 0%, #01050d 100%) !important;
    overflow: hidden;
}

.graf-menu{
    width: 220px;
    min-height: 80px;
    display: none;
    padding: 10px 12px;
    font-size: 12px;
    text-align: left;
    position: absolute;
    z-index: 1000;
    pointer-events: auto;
    border-radius: 12px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Trebuchet MS", Roboto, Ubuntu, sans-serif;
    background: rgba(7,12,22,.98) !important;
    color: #e9f2ff;
    border: 1px solid rgba(255,255,255,.05) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.18) !important;
}

.graf-menu .gr_tip_date{
    color: rgba(233,242,255,.70);
    margin-bottom: 8px;
}

.graf-menu .gr_tip_date span{
    float: right;
}

.graf-menu .gr_line{
    padding: 0;
    font-size: 12px;
    background: transparent;
    border: 0;
    margin: 0;
}

.graf-menu .gr_line b{
    font-size: 13px;
    color: #fff;
}

.graf-menu .fa-sort-amount-up{
    color: #28b85c;
}

.graf-menu .fa-tasks{
    color: #4d83cc;
}

.gr_pr{
    display: inline-block;
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
}

.gr_pr i{ font-size: 10px; }
.gr_pr_green{ color: #28b85c; }
.gr_pr_red{ color: #c65e5e; }
.gr_line_curs{ margin-bottom: 0; }

/* ===== FILTERS ===== */

.birja-shell hr{
    height: 1px;
    border: 0;
    margin: 0 0 12px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.05), transparent) !important;
}

.form-wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 0;
    border: 0;
    text-align: left;
    font-size: .8rem;
}

.form-tsl{
    flex-basis: 165px;
    padding-left: 0;
    color: #eef3fb;
    font-size: 13px;
    font-weight: 700;
}

.form-c{
    flex: 200px 1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
}

.form-c a{
    cursor: pointer;
}

.menu-task-work__link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px !important;
    padding: 8px 12px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,.035) !important;
    background: rgba(255,255,255,.014) !important;
    color: rgba(215,228,248,.62) !important;
    font-size: 12px !important;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: none !important;
}

.menu-task-work__link.active,
.menu-task-work__link:hover{
    background: linear-gradient(180deg, #1f5db0 0%, #18498e 100%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.04) !important;
}

a.dop-my-order-a{
    background: #9a6207 !important;
    color: #fff !important;
}

/* ===== TABLES ===== */

.birja-section-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.birja-section-head h3,
.birja-table-panel h3{
    margin: 0;
    color: #eef6ff;
    font-size: 18px !important;
    font-weight: 700;
}

#birja-rating{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 6px !important;
    font-size: 13px;
    background: transparent;
}

#birja-rating th{
    padding: 0 12px 6px;
    background: transparent !important;
    border: 0 !important;
    color: rgba(211,224,244,.48) !important;
    font-size: 12px;
    font-weight: 700;
    text-shadow: none;
    text-align: left;
}

#birja-rating td{
    padding: 12px 12px;
    background: rgba(255,255,255,.012) !important;
    border-top: 1px solid rgba(255,255,255,.03) !important;
    border-bottom: 1px solid rgba(255,255,255,.03) !important;
    color: #eaf2ff !important;
    vertical-align: middle;
}

#birja-rating tr:not(:first-child) td:first-child{
    border-left: 1px solid rgba(255,255,255,.03) !important;
    border-radius: 12px 0 0 12px;
}

#birja-rating tr:not(:first-child) td:last-child{
    border-right: 1px solid rgba(255,255,255,.03) !important;
    border-radius: 0 12px 12px 0;
}

#birja-rating a{
    color: #eef6ff;
    text-decoration: none;
}

#birja-rating .login{
    color: #fff;
    font-weight: 700;
}

#birja-rating th .start-page-referals{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(220,233,255,.66);
    font-size: 12px;
    font-weight: 700;
    text-shadow: none;
    cursor: pointer;
}

#birja-rating th .start-page-referals:hover{
    color: #fff;
}

#birja-rating th .start-page-referals.active-ASC,
#birja-rating th .start-page-referals.active-DESC{
    color: #fff;
}

#birja-rating th .start-page-referals.active-ASC:after{
    content:' \2191';
    font-size:10px;
    vertical-align: top;
}

#birja-rating th .start-page-referals.active-DESC:after{
    content:' \2193';
    font-size:10px;
    vertical-align: top;
}

#birja-rating td .btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    min-height: 30px;
    margin: 3px;
    padding: 6px 10px !important;
    border-radius: 8px !important;
    border: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: none !important;
}

#birja-rating td .btn.red{
    background: linear-gradient(180deg, #b85a5a 0%, #943f3f 100%) !important;
}

#birja-rating td .btn.green{
    background: linear-gradient(180deg, #28aa59 0%, #1d7f44 100%) !important;
}

#birja-rating td .btn.blue{
    background: linear-gradient(180deg, #3e7acd 0%, #2a589f 100%) !important;
}

/* ===== MESSAGES ===== */

.msg-war,
.msg-error,
.msg-info{
    display: block;
    margin-top: 10px;
    padding: 12px 14px;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.03) !important;
    background: rgba(255,255,255,.014) !important;
    color: #e8f1ff !important;
    text-align: center;
    text-shadow: none;
}

.birja-empty{
    margin-top: 8px;
}

/* ===== MOBILE ===== */

@media (max-width: 1100px){
    .reytbirj.birja-stats{
        grid-template-columns: 1fr !important;
    }

    .blokreyt{
        min-height: 200px !important;
    }
}

@media (max-width: 760px){
    .birja-page-title{
        font-size: 21px;
        padding: 11px 14px;
    }

    .birja-market-top{
        flex-direction: column;
    }

    .birja-market-top .gr_line,
    .birja-market-top .gr_line_val{
        width: 100%;
    }

    .birja-actions .birja-action-row{
        grid-template-columns: 1fr;
    }

    .birja-actions input[type="submit"].btn{
        width: 100% !important;
        min-width: 100%;
    }

    .form-wrap{
        flex-direction: column;
        align-items: flex-start;
    }

    .form-tsl{
        flex-basis: auto;
    }

    .form-c{
        width: 100%;
    }

    .menu-task-work__link{
        flex: 1 1 calc(50% - 8px);
    }

    .q_reytbirj{
        height: 220px !important;
    }

    #birja-rating{
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}@charset "UTF-8";

/*
  ADSREK 10/10 override
  Load AFTER theme.css and style.css
  Goal: cleaner hierarchy, calmer depth, better readability, tighter premium dashboard feel.
*/

:root,
html[data-theme="dark"],
html:not([data-theme]){
  --x-bg-1:#0c1320;
  --x-bg-2:#131d2d;
  --x-bg-3:#182537;
  --x-shell:rgba(255,255,255,.055);
  --x-surface:rgba(18,27,42,.78);
  --x-surface-2:rgba(12,20,32,.92);
  --x-surface-3:rgba(255,255,255,.032);
  --x-border:rgba(255,255,255,.075);
  --x-border-strong:rgba(214,181,122,.26);
  --x-text:#eef3fb;
  --x-text-soft:rgba(238,243,251,.74);
  --x-text-muted:rgba(238,243,251,.48);
  --x-accent:#d6b57a;
  --x-accent-2:#8da2d7;
  --x-success:#7cc69a;
  --x-danger:#ee8f8f;
  --x-radius-shell:30px;
  --x-radius-card:22px;
  --x-radius-control:16px;
  --x-shadow-shell:0 28px 80px rgba(0,0,0,.28);
  --x-shadow-card:0 14px 36px rgba(0,0,0,.18);
  --x-shadow-float:0 10px 24px rgba(0,0,0,.14);
  --x-blur: blur(14px);
}

html[data-theme="light"]{
  --x-bg-1:#edf3fb;
  --x-bg-2:#dbe5f2;
  --x-bg-3:#cfdced;
  --x-shell:rgba(255,255,255,.74);
  --x-surface:rgba(255,255,255,.78);
  --x-surface-2:rgba(247,250,255,.96);
  --x-surface-3:rgba(17,30,56,.03);
  --x-border:rgba(20,32,54,.08);
  --x-border-strong:rgba(184,138,67,.24);
  --x-text:#182334;
  --x-text-soft:rgba(24,35,52,.72);
  --x-text-muted:rgba(24,35,52,.48);
  --x-accent:#b88a43;
  --x-accent-2:#4d72c4;
  --x-success:#438f65;
  --x-danger:#cc6767;
  --x-shadow-shell:0 24px 64px rgba(35,55,90,.12);
  --x-shadow-card:0 10px 26px rgba(35,55,90,.10);
  --x-shadow-float:0 8px 18px rgba(35,55,90,.08);
}

html,
body{
  min-height:100%;
}

body.site-body,
body{
  color:var(--x-text) !important;
  background:
    radial-gradient(900px 300px at 50% -8%, rgba(255,255,255,.10), rgba(255,255,255,0) 42%),
    radial-gradient(540px 300px at 14% 18%, rgba(110,129,168,.12), rgba(110,129,168,0) 64%),
    radial-gradient(540px 300px at 86% 16%, rgba(96,113,150,.10), rgba(96,113,150,0) 62%),
    linear-gradient(180deg, var(--x-bg-1) 0%, var(--x-bg-2) 42%, var(--x-bg-3) 100%) fixed !important;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  letter-spacing:.005em;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 28%),
    radial-gradient(circle at 50% 15%, rgba(255,255,255,.045), rgba(255,255,255,0) 20%);
  opacity:.9 !important;
}

body,
a,
.link,
.ajax-site,
button,
input,
select,
textarea{
  color:var(--x-text) !important;
}

a{
  transition:color .18s ease, opacity .18s ease;
}

a:hover{
  color:#ffffff !important;
}

.layout-stage,
.main-header,
.footer,
.main.premium-main,
table.main.premium-main,
.main,
table.main{
  width:min(1340px, calc(100% - 46px)) !important;
}

.main-header{
  margin:0 auto 18px !important;
  padding:18px 22px !important;
  border-radius:var(--x-radius-shell) !important;
  border:1px solid var(--x-border) !important;
  background:
    radial-gradient(420px 150px at 50% 0%, rgba(255,255,255,.07), rgba(255,255,255,0) 68%),
    linear-gradient(180deg, rgba(10,18,30,.92), rgba(12,20,32,.94)) !important;
  box-shadow:var(--x-shadow-float), inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter:var(--x-blur);
}

.main-header,
.main-header.main-header--refined{
  grid-template-columns:240px minmax(0,1fr) auto !important;
  min-height:88px !important;
  align-items:center !important;
}

.main-header__logo img{
  width:194px !important;
  max-width:194px !important;
}

.main-header__nav,
.main-header__toolbar,
.main-header__controls,
.main-header__control-stack{
  gap:10px !important;
  align-items:center !important;
}

.main-navigation{
  background:transparent !important;
}

.main-navigation__link,
.main-navigation__link_regard,
.main-navigation__link_bf,
.main-navigation__link_regarda{
  min-height:44px !important;
  height:44px !important;
  padding:0 18px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.06) !important;
  background:rgba(255,255,255,.028) !important;
  box-shadow:none !important;
  color:var(--x-text-soft) !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:42px !important;
  letter-spacing:.01em;
}

.main-navigation__link:hover,
.main-navigation__link.active,
.main-navigation__link.active_page,
.main-navigation__link_active,
.main-navigation__link_regard:hover,
.main-navigation__link_bf:hover,
.main-navigation__link_regarda:hover{
  color:var(--x-text) !important;
  border-color:var(--x-border-strong) !important;
  background:linear-gradient(180deg, rgba(214,181,122,.13), rgba(214,181,122,.05)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 0 0 1px rgba(214,181,122,.06) !important;
}

.header-icon-btn,
.theme-toggle,
#open_lang,
.notifs,
.open-menu,
.mobile-profile-btn,
#leftcolumn .cabinet-buttons a,
#rightcolumn .sidebar-widget__actions--icons a{
  width:42px !important;
  height:42px !important;
  min-height:42px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.06) !important;
  background:rgba(255,255,255,.028) !important;
  box-shadow:none !important;
}

.header-icon-btn:hover,
.theme-toggle:hover,
#open_lang:hover,
.notifs:hover,
#leftcolumn .cabinet-buttons a:hover,
#rightcolumn .sidebar-widget__actions--icons a:hover{
  border-color:var(--x-border-strong) !important;
  background:rgba(255,255,255,.05) !important;
}

.main.premium-main,
table.main.premium-main,
.main,
table.main{
  border-spacing:18px !important;
  border-radius:var(--x-radius-shell) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border:1px solid var(--x-border) !important;
  box-shadow:var(--x-shadow-shell) !important;
  backdrop-filter:var(--x-blur);
}

#leftcolumn,
.leftmenu,
#rightcolumn,
.rightmenu{
  width:224px !important;
}

#leftcolumn .leftside,
#rightcolumn .rightside,
#rightcolumn .sidebar-widget,
#leftcolumn .banners,
#rightcolumn .banners,
#contentwrapper .members_new_block,
#contentwrapper .premium-card,
#contentwrapper .settings-avatar,
#contentwrapper .settings-personal-data,
#contentwrapper .settings-password,
#contentwrapper .settings-payout,
#contentwrapper .settings-social-network,
#contentwrapper .rating-block,
#contentwrapper .context-links-list,
#contentwrapper .banner-catalog,
#contentwrapper .pay-today-chart-shell,
#contentwrapper .pay-today-total,
#contentwrapper .top100-page__intro,
#contentwrapper .top100-page__table-wrap,
#contentwrapper .top100-page__empty,
#contentwrapper .competition-page .premium-empty,
#contentwrapper .competition-page .premium-card,
.goodref,
.goodref-empty{
  background:linear-gradient(180deg, color-mix(in srgb, var(--x-surface) 92%, transparent), color-mix(in srgb, var(--x-surface-2) 98%, transparent)) !important;
  border:1px solid var(--x-border) !important;
  border-radius:var(--x-radius-card) !important;
  box-shadow:var(--x-shadow-card) !important;
  backdrop-filter:var(--x-blur);
}

#leftcolumn .leftside,
#rightcolumn .rightside,
#rightcolumn .sidebar-widget,
#leftcolumn .banners,
#rightcolumn .banners{
  padding:16px !important;
}

#leftcolumn .blok,
#rightcolumn .blok,
#rightcolumn .sidebar-widget,
#leftcolumn .leftside,
#rightcolumn .rightside{
  margin:0 0 14px 0 !important;
}

#contentwrapper{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  padding:0 !important;
}

.titles,
.titles2,
.wall_new_title,
.members-progress-title,
.settings-page .settings__block-header,
.settings-page .table > .settings__block-header,
.settings-page .tabl > .settings__block-header,
#rightcolumn .sidebar-widget__title,
#leftcolumn .banners .titles2,
#rightcolumn .banners .titles2{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  margin:0 0 14px !important;
  padding:0 16px !important;
  width:100% !important;
  box-sizing:border-box !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(9,16,27,.98), rgba(11,19,31,.96)) !important;
  border:1px solid rgba(255,255,255,.05) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
  color:var(--x-text) !important;
  font-size:16px !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
}

#leftcolumn .leftside--account .blok,
#leftcolumn .leftside--account .avatar-block{
  border-radius:22px !important;
}

#leftcolumn .leftside--account .avatar-block{
  min-height:188px !important;
  padding:16px 48px 12px 16px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)) !important;
  border:1px solid rgba(255,255,255,.05) !important;
}

#leftcolumn .ava-dosa,
#leftcolumn #id_board-avatar,
#rightcolumn .ava-dos,
#contentwrapper #id_board-avatar,
#contentwrapper .wall_new_avatar img{
  width:108px !important;
  height:108px !important;
  padding:2px !important;
  border-radius:50% !important;
  background:#dfe4ec !important;
  border:2px solid rgba(214,181,122,.76) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04), 0 10px 24px rgba(214,181,122,.10) !important;
}

#leftcolumn .left-profile-summary,
#leftcolumn .left-profile-meta--inside-avatar,
#leftcolumn .left-profile-rating-wrap{
  width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
  transform:none !important;
  text-align:center !important;
}

#leftcolumn .left-profile-summary{
  gap:4px !important;
  align-items:center !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__name{
  font-size:15px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
  color:var(--x-text) !important;
}

#leftcolumn .left-profile-meta--inside-avatar .left-profile-meta__id{
  margin-top:3px !important;
  font-size:11px !important;
  line-height:1.1 !important;
  color:var(--x-text-muted) !important;
  opacity:1 !important;
}

#leftcolumn #reyt-user-block.rating-pill--soft,
#leftcolumn .rating-pill--soft,
.goodref .goodref_rating_line{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:84px !important;
  min-height:24px !important;
  height:24px !important;
  margin:0 auto !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:none !important;
  color:var(--x-text) !important;
}

#leftcolumn .rating-pill--soft i,
.goodref .goodref_rating_line i{
  color:var(--x-accent) !important;
  opacity:.92 !important;
}

#leftcolumn .balance-group{
  margin:10px 0 12px !important;
  padding:4px 0 !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.025) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:none !important;
}

#leftcolumn .balance-group__divider{
  margin:0 14px !important;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.10), rgba(255,255,255,0)) !important;
}

#leftcolumn .balance-line{
  min-height:44px !important;
  padding:0 14px !important;
  background:transparent !important;
}

#leftcolumn .balance-line__label{
  min-width:82px !important;
  font-size:10px !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
  color:var(--x-text-muted) !important;
}

#leftcolumn .balance-line__value,
#leftcolumn #new-money-rekl,
#leftcolumn #new-money-ballans,
#leftcolumn span#new-money-rekl,
#leftcolumn span#new-money-ballans{
  font-size:14px !important;
  font-weight:800 !important;
  color:var(--x-text) !important;
}

#leftcolumn .balance-line--main{
  background:linear-gradient(180deg, rgba(214,181,122,.06), rgba(214,181,122,0)) !important;
}

#leftcolumn .balance-line--main .balance-line__value{
  color:#fff !important;
  text-shadow:none !important;
}

#leftcolumn .balance-currency{
  font-size:10px !important;
  opacity:.7 !important;
}

#leftcolumn .usermnutitle-g,
#leftcolumn .user_menuline,
#leftcolumn .usermnuline-act,
.left-promo-link,
.menu-task-work__link,
.premium-tabs__link,
.settings-page .menu-task-work__link{
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  color:var(--x-text-soft) !important;
  box-shadow:none !important;
}

#leftcolumn .usermnutitle-g:hover,
#leftcolumn .user_menuline:hover,
#leftcolumn .usermnuline-act,
.left-promo-link:hover,
.menu-task-work__link:hover,
.menu-task-work__link.active,
.premium-tabs__link:hover,
.premium-tabs__link.active,
.settings-page .menu-task-work__link:hover,
.settings-page .menu-task-work__link.active{
  color:var(--x-text) !important;
  border-color:rgba(141,162,215,.24) !important;
  background:linear-gradient(180deg, rgba(141,162,215,.12), rgba(141,162,215,.04)) !important;
}

#rightcolumn .board-card,
#rightcolumn .sidebar-widget__body,
#rightcolumn .contextlink,
#rightcolumn .site-clock,
#rightcolumn .board-card__comment,
#rightcolumn .board-card__meta,
#rightcolumn .sidebar-widget__divider{
  color:var(--x-text-soft) !important;
}

#rightcolumn .board-card__cta,
#rightcolumn .sidebar-widget__actions--inline a,
#rightcolumn .sidebar-widget__actions a,
#rightcolumn .sidebar-widget__actions--left a{
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.06) !important;
  background:rgba(255,255,255,.03) !important;
  color:var(--x-text) !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

#rightcolumn .sidebar-widget__actions--inline,
#rightcolumn .sidebar-widget__actions,
#rightcolumn .sidebar-widget__actions--left{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin-top:12px !important;
}

#rightcolumn .sidebar-widget__actions--inline a:hover,
#rightcolumn .sidebar-widget__actions a:hover,
#rightcolumn .sidebar-widget__actions--left a:hover,
#rightcolumn .board-card__cta:hover{
  border-color:var(--x-border-strong) !important;
  background:linear-gradient(180deg, rgba(214,181,122,.12), rgba(214,181,122,.05)) !important;
}

#rightcolumn .sidebar-banner-holder,
#rightcolumn [id^="baner"],
#leftcolumn #baner200,
#rightcolumn #baner100,
#rightcolumn #baner400{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.05) !important;
  background:rgba(255,255,255,.02) !important;
}

#leftcolumn #baner200 img,
#rightcolumn #baner100 img,
#rightcolumn #baner400 img,
.sidebar-banner-holder img{
  display:block !important;
  max-width:100% !important;
  height:auto !important;
  border-radius:16px !important;
}

#contentwrapper .members-page,
#contentwrapper .members-page--reference,
#page-goodref,
.goodref-wall{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:18px !important;
}

#contentwrapper .members-page > .titles,
#contentwrapper .members-page--reference > .wall_new_title,
#page-goodref > .titles,
.goodref-page > .titles,
#contentwrapper .members-page > center,
#contentwrapper .members-page--reference > center{
  grid-column:1 / -1 !important;
}

.members-grid,
#contentwrapper .members-page--reference .members-grid,
.members-grid--two,
#contentwrapper .members-page--reference .members-grid--two{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:18px !important;
}

#contentwrapper .members_new_block,
#contentwrapper .premium-card,
.goodref{
  padding:18px !important;
}

#contentwrapper .members_data,
#contentwrapper .members_data table,
#contentwrapper .members_data tr,
#contentwrapper .members_data td,
.goodref table,
.goodref tr,
.goodref td{
  background:transparent !important;
  box-shadow:none !important;
}

.goodref{
  height:auto !important;
  min-height:396px !important;
  overflow:hidden !important;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.goodref:hover,
#contentwrapper .members_new_block:hover,
#contentwrapper .premium-card:hover,
#leftcolumn .leftside:hover,
#rightcolumn .sidebar-widget:hover{
  transform:translateY(-2px);
  border-color:rgba(214,181,122,.18) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.22) !important;
}

.goodref .goodref_empty_avatar,
.goodref .goodref_avatar,
.goodref .goodref_avatar img{
  width:92px !important;
  height:92px !important;
  border-radius:50% !important;
}

.goodref .goodref_stat,
#contentwrapper .premium-table td,
#contentwrapper .nw td,
.settings-page .table td,
.settings-page .tabl td,
.top100-page .premium-table--top100 tbody td,
.table td{
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}

.goodref .goodref_stat,
#contentwrapper .premium-table td,
#contentwrapper .nw td{
  color:var(--x-text-soft) !important;
}

.goodref .goodref_stat b,
#contentwrapper .premium-table td:last-child,
#contentwrapper .nw td:last-child,
.settings-page .table td:last-child,
.settings-page .tabl td:last-child,
.top100-page .premium-table--top100 tbody td:last-child{
  color:var(--x-text) !important;
}

.table th,
.premium-table thead th,
.top100-page .premium-table--top100 thead th{
  background:linear-gradient(180deg, rgba(8,15,25,.98), rgba(10,18,29,.98)) !important;
  color:var(--x-accent) !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
  font-weight:700 !important;
}

.table tr:last-child td,
.premium-table tr:last-child td,
.nw tr:last-child td{
  border-bottom:0 !important;
}

.table tbody tr:hover td,
.premium-table tbody tr:hover td,
.nw tbody tr:hover td,
.top100-page .premium-table--top100 tbody tr:hover td{
  background:rgba(255,255,255,.02) !important;
}

input,
select,
textarea,
.input,
.expanding,
.wall-page .wall-search-input,
#user_seach_wall{
  min-height:48px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
  color:var(--x-text) !important;
}

input:focus,
select:focus,
textarea:focus,
.input:focus,
.wall-page .wall-search-input:focus,
#user_seach_wall:focus{
  outline:none !important;
  border-color:rgba(141,162,215,.34) !important;
  box-shadow:0 0 0 4px rgba(141,162,215,.08) !important;
}

input::placeholder,
textarea::placeholder,
#user_seach_wall::placeholder{
  color:var(--x-text-muted) !important;
}

.button2,
.btn,
a.btn,
button,
input[type="submit"],
input[type="button"],
.start-yes-serf,
.start-error-serf,
.load-pages,
#load-pages,
#load-pages-dop,
.youtube-button .go-link-youtube,
.youtube-button .status-link-youtube,
.youtube-button .youtube-error,
.mails-otvet-new a,
a.fbtn-green,
a.fbtn-red,
a.fbtn-blue160,
a.fbtn-black,
.job-note input.fbtn-green,
.job-note input.fbtn-red,
.job-note input.fbtn-blue160,
#birja-rating td .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:0 16px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.06) !important;
  background:rgba(255,255,255,.035) !important;
  color:var(--x-text) !important;
  text-shadow:none !important;
  box-shadow:none !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;
}

.button_theme_blue,
.button_theme_green,
.btn.greend,
.btn.greenr,
a.fbtn-green,
.job-note input.fbtn-green,
#birja-rating td .btn.green,
.youtube-button .go-link-youtube,
.mails-otvet-new a{
  background:linear-gradient(180deg, rgba(141,162,215,.22), rgba(141,162,215,.12)) !important;
  border-color:rgba(141,162,215,.30) !important;
}

.button_theme_red,
.start-error-serf,
#birja-rating td .btn.red,
.youtube-button .youtube-error,
.net-del,
a.fbtn-red,
.job-note input.fbtn-red{
  background:linear-gradient(180deg, rgba(224,113,113,.26), rgba(224,113,113,.14)) !important;
  border-color:rgba(224,113,113,.28) !important;
}

.button_theme_white,
#birja-rating td .btn.blue,
.youtube-button .status-link-youtube,
a.fbtn-blue160,
.job-note input.fbtn-blue160{
  background:linear-gradient(180deg, rgba(214,181,122,.18), rgba(214,181,122,.08)) !important;
  border-color:rgba(214,181,122,.26) !important;
}

.button2:hover,
.btn:hover,
a.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.start-yes-serf:hover,
.start-error-serf:hover,
.load-pages:hover,
#load-pages:hover,
#load-pages-dop:hover,
.youtube-button .go-link-youtube:hover,
.youtube-button .status-link-youtube:hover,
.youtube-button .youtube-error:hover,
.mails-otvet-new a:hover,
a.fbtn-green:hover,
a.fbtn-red:hover,
a.fbtn-blue160:hover,
a.fbtn-black:hover,
.job-note input.fbtn-green:hover,
.job-note input.fbtn-red:hover,
.job-note input.fbtn-blue160:hover{
  filter:none !important;
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(0,0,0,.16) !important;
}

.msg-warning,
.msg-error,
.msg-ok,
.msg-war,
.msg-info,
.add-infa,
.add-infa-red,
.comm-replace,
.cashback-money-add,
.wall-page .msg-warning,
.wall-page .msg-error,
.wall-page .msg-ok{
  display:block !important;
  padding:14px 16px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.035) !important;
  color:var(--x-text) !important;
  text-shadow:none !important;
  box-shadow:none !important;
}

.msg-error,
.add-infa-red{
  border-color:rgba(224,113,113,.22) !important;
  color:#ffd1d1 !important;
}

.msg-ok{
  border-color:rgba(124,198,154,.22) !important;
  color:#d8f1e3 !important;
}

.msg-warning,
.msg-war,
.msg-info,
.add-infa,
.comm-replace,
.cashback-money-add{
  border-color:rgba(141,162,215,.20) !important;
}

.status,
body.page-goodref #contentwrapper .goodref .status font,
#contentwrapper .members-page--reference .premium-accent,
#contentwrapper .members-page--reference font[color="#114C73"],
#contentwrapper .members-page--reference font[color="#0085cc"],
#contentwrapper .members-page--reference font[color="#006699"]{
  color:#93b6ff !important;
  text-shadow:none !important;
}

font[color="#C80000"],
font[color="C80000"],
font[color="#c80000"],
.err--rich-txt,
.error-text{
  color:#ffafaf !important;
}

font[color="green"],
.success-text{
  color:#98d8a4 !important;
}

font[color="gray"]{
  color:var(--x-text-muted) !important;
}

.footer,
.footer__container{
  background:transparent !important;
}

.foot-left span,
.foot-center,
.foot-center a,
.foot-right .copyr{
  color:var(--x-text-muted) !important;
}

.support_panel,
.on_line,
.on_chat,
.fixedtab,
.fixedtabs{
  display:none !important;
}

@media (max-width: 1240px){
  .layout-stage,
  .main-header,
  .footer,
  .main.premium-main,
  table.main.premium-main,
  .main,
  table.main{
    width:min(1340px, calc(100% - 28px)) !important;
  }

  #leftcolumn,
  .leftmenu,
  #rightcolumn,
  .rightmenu{
    width:210px !important;
  }
}

@media (max-width: 980px){
  .layout-stage,
  .main-header,
  .footer,
  .main.premium-main,
  table.main.premium-main,
  .main,
  table.main{
    width:calc(100% - 20px) !important;
  }

  .main-header,
  .main-header.main-header--refined{
    grid-template-columns:1fr auto !important;
    gap:10px !important;
    padding:14px !important;
    min-height:auto !important;
  }

  .main-header__logo{
    grid-column:1 / 2;
  }

  .main-header__nav{
    grid-column:1 / -1;
    overflow-x:auto;
    padding-bottom:2px;
  }

  .main-header__controls,
  .main-header__toolbar,
  .main-header__control-stack{
    gap:8px !important;
  }

  #leftcolumn,
  .leftmenu,
  #rightcolumn,
  .rightmenu{
    width:auto !important;
  }

  #page-goodref,
  .goodref-wall,
  #contentwrapper .members-page,
  #contentwrapper .members-page--reference,
  .members-grid,
  .members-grid--two,
  #contentwrapper .members-page--reference .members-grid,
  #contentwrapper .members-page--reference .members-grid--two{
    grid-template-columns:1fr !important;
  }

  .goodref,
  #contentwrapper .members_new_block,
  #contentwrapper .premium-card{
    min-height:auto !important;
  }

  .main-navigation__link,
  .main-navigation__link_regard,
  .main-navigation__link_bf,
  .main-navigation__link_regarda{
    white-space:nowrap !important;
  }
}

@media (max-width: 640px){
  .main-header__logo img{
    width:164px !important;
    max-width:164px !important;
  }

  .titles,
  .titles2,
  .wall_new_title,
  .members-progress-title,
  #rightcolumn .sidebar-widget__title,
  .settings-page .settings__block-header{
    min-height:44px !important;
    font-size:15px !important;
  }

  .button2,
  .btn,
  a.btn,
  button,
  input[type="submit"],
  input[type="button"]{
    width:100% !important;
  }
}


/* ===== hotfix 2026-04-13: members page layout repair ===== */
#contentwrapper{
  min-width:0 !important;
  overflow:hidden !important;
}

#contentwrapper .members_new,
#contentwrapper .members-page--reference .members_new{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
  justify-content:stretch !important;
}

#contentwrapper .members_new_block,
#contentwrapper .members-page--reference .members_new_block{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

#contentwrapper .members_data,
#contentwrapper .members_data table,
#contentwrapper .data_stat_new,
#contentwrapper .members_chart,
#contentwrapper .members-chart,
#contentwrapper .premium-table,
#contentwrapper .nw{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

#contentwrapper .members_data table,
#contentwrapper .premium-table,
#contentwrapper .nw,
#contentwrapper .data_stat_new table,
#contentwrapper .members_chart table{
  table-layout:fixed !important;
}

#contentwrapper .members_data td,
#contentwrapper .premium-table td,
#contentwrapper .nw td,
#contentwrapper .data_stat_new td,
#contentwrapper .members_chart td{
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

#contentwrapper .data_stat_new img,
#contentwrapper .data_stat_new svg,
#contentwrapper .data_stat_new canvas,
#contentwrapper .members_chart img,
#contentwrapper .members_chart svg,
#contentwrapper .members_chart canvas,
#contentwrapper .members-chart img,
#contentwrapper .members-chart svg,
#contentwrapper .members-chart canvas{
  max-width:100% !important;
  height:auto !important;
}

#leftcolumn,
.leftmenu,
#rightcolumn,
.rightmenu{
  width:208px !important;
}

.main.premium-main,
table.main.premium-main,
.main,
table.main{
  width:min(1480px, calc(100% - 32px)) !important;
  border-spacing:14px !important;
}

@media (max-width: 1360px){
  #contentwrapper .members_new,
  #contentwrapper .members-page--reference .members_new{
    grid-template-columns:1fr !important;
  }
}

.mail-page{
  --mail-bg: linear-gradient(180deg, rgba(30, 39, 54, 0.78), rgba(17, 24, 36, 0.92));
  --mail-bg-soft: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.015));
  --mail-bg-strong: linear-gradient(180deg, rgba(8, 15, 28, 0.98), rgba(10, 18, 32, 0.98));
  --mail-line: rgba(255,255,255,0.08);
  --mail-line-soft: rgba(255,255,255,0.05);
  --mail-text: #edf3ff;
  --mail-text-soft: rgba(237,243,255,0.74);
  --mail-text-muted: rgba(237,243,255,0.54);
  --mail-accent: #d7b274;
  --mail-accent-soft: rgba(215,178,116,0.14);
  --mail-primary: #3d6fb8;
  --mail-primary-2: #2b538f;
  --mail-danger: #b35d5d;
  --mail-danger-2: #8c4343;
  --mail-success: #3f8d6d;
  --mail-shadow: 0 18px 44px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.04);
  color: var(--mail-text);
  padding: 0 0 24px;
}

.mail-page__title{
  margin-bottom: 16px !important;
}

.mail-page__inner{
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 7px;
}

.mail-page a{
  color: var(--mail-text);
}

.mail-card,
.mail-intro,
.mail-tabs,
.mail-page .scan-faq,
.mail-page .mail_mess,
.mail-page #dialog-load,
.mail-page #blok-users-load,
.mail-page #scan-mail{
  border: 1px solid var(--mail-line);
  border-radius: 22px;
  background: var(--mail-bg);
  box-shadow: var(--mail-shadow);
}

.mail-intro{
  padding: 22px 24px;
  line-height: 1.65;
  color: var(--mail-text-soft);
}

.mail-intro strong,
.mail-intro b{
  color: var(--mail-text);
}

.mail-intro font[color="c80000"],
.mail-intro font[color="#c80000"]{
  color: #ff9d9d !important;
}

.mail-intro__help{
  margin-top: 16px;
}

.mail-page .msg-info,
.mail-page .msg-warning,
.mail-page .msg-error,
.mail-page .msg-ok,
.mail-page .msg-war{
  display: block;
  margin: 0;
  padding: 14px 16px;
  border-radius: 16px !important;
  border: 1px solid var(--mail-line) !important;
  background: rgba(255,255,255,0.025) !important;
  color: var(--mail-text) !important;
  text-align: center;
  text-shadow: none !important;
}

.mail-page .msg-warning{
  background: linear-gradient(180deg, rgba(215,178,116,0.12), rgba(215,178,116,0.06)) !important;
}

.mail-page .msg-error{
  background: linear-gradient(180deg, rgba(179,93,93,0.16), rgba(179,93,93,0.08)) !important;
}

.mail-tabs{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  margin: 0 !important;
  text-align: center;
}

.mail-page .menu-task-work__link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px !important;
  padding: 10px 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  background: var(--mail-bg-soft) !important;
  color: var(--mail-text-soft) !important;
  font-size: 13px !important;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
}

.mail-page .menu-task-work__link.active,
.mail-page .menu-task-work__link:hover{
  background: linear-gradient(180deg, rgba(63,111,184,0.96), rgba(43,83,143,0.96)) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,0.06) !important;
  box-shadow: 0 12px 28px rgba(18,34,61,0.28);
}

.mail-card{
  overflow: hidden;
}

.mail-card__title,
.mail-page .tiket{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 56px;
  margin: 0 !important;
  padding: 14px 20px;
  border: 0 !important;
  border-bottom: 1px solid var(--mail-line-soft);
  background: var(--mail-bg-strong) !important;
  color: var(--mail-text) !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

.mail-card__body{
  padding: 18px;
}

.mail-card__body--compact{
  padding-top: 14px;
}

.mail-page .scan-faq{
  padding: 14px 16px;
  margin-top: 0 !important;
  background: rgba(255,255,255,0.02) !important;
}

.mail-page input[type="text"],
.mail-page input[type="password"],
.mail-page input[type="email"],
.mail-page select,
.mail-page textarea{
  width: 100%;
  box-sizing: border-box;
  border-radius: 16px !important;
  border: 1px solid rgba(173,188,216,0.12) !important;
  background: rgba(255,255,255,0.04) !important;
  color: var(--mail-text) !important;
  padding: 13px 15px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
  outline: none;
}

.mail-page input[type="text"]::placeholder,
.mail-page textarea::placeholder{
  color: var(--mail-text-muted);
}

.mail-page input[type="text"]:focus,
.mail-page input[type="password"]:focus,
.mail-page input[type="email"]:focus,
.mail-page select:focus,
.mail-page textarea:focus{
  border-color: rgba(215,178,116,0.36) !important;
  box-shadow: 0 0 0 3px rgba(215,178,116,0.08), inset 0 1px 0 rgba(255,255,255,0.03);
}

.mail-page textarea{
  min-height: 160px;
  resize: vertical;
}

.mail-page .table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
  background: transparent;
}

.mail-page .table tr{
  background: transparent;
}

.mail-page .table th,
.mail-page .table td{
  padding: 16px 18px;
  background: rgba(255,255,255,0.02);
  border-top: 1px solid var(--mail-line-soft);
  border-bottom: 1px solid var(--mail-line-soft);
  color: var(--mail-text-soft);
  vertical-align: middle;
}

.mail-page .table th:first-child,
.mail-page .table td:first-child{
  border-left: 1px solid var(--mail-line-soft);
  border-radius: 16px 0 0 16px;
}

.mail-page .table th:last-child,
.mail-page .table td:last-child{
  border-right: 1px solid var(--mail-line-soft);
  border-radius: 0 16px 16px 0;
}

.mail-page .table td b,
.mail-page .table td strong,
.mail-page .table th{
  color: var(--mail-text);
}

.mail-page .left{
  text-align: left;
}

.mail-page .bb-toolbar{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.mail-page .bb-code{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  min-width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(255,255,255,0.05);
  color: var(--mail-text);
  font-size: 13px;
  font-weight: 700;
  text-shadow: none;
}

.mail-page .bb-code:hover{
  background: rgba(215,178,116,0.14);
}

.mail-page .dialog-smail{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background-color: rgba(255,255,255,0.05);
  line-height: 34px;
}

.mail-page .dialog-smail div{
  top: 44px;
  left: 0;
  width: 320px;
  max-width: min(320px, calc(100vw - 48px));
  padding: 10px;
  border-radius: 16px;
  border: 1px solid var(--mail-line);
  background: rgba(10,18,32,0.98);
  box-shadow: 0 18px 42px rgba(0,0,0,0.34);
}

.mail-page .dialog-smail:hover div{
  opacity: 1;
}

.mail-page .dialog-smail div img{
  margin: 3px;
}

.mail-page .scount,
.mail-page .mail-counter{
  margin-left: auto;
  float: none;
  color: var(--mail-text-muted);
  font-size: 12px;
}

.mail-page .mail-actions,
.mail-page .mail-submit-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.mail-page .btn,
.mail-page input.btn,
.mail-page input[type="submit"].btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  font-size: 13px !important;
  font-weight: 700;
  color: #fff !important;
  text-shadow: none !important;
  cursor: pointer;
  box-shadow: none !important;
}

.mail-page .btn.blue,
.mail-page input.btn.blue,
.mail-page input[type="submit"].btn.blue{
  background: linear-gradient(180deg, var(--mail-primary), var(--mail-primary-2)) !important;
}

.mail-page .btn.red,
.mail-page input.btn.red,
.mail-page input[type="submit"].btn.red{
  background: linear-gradient(180deg, var(--mail-danger), var(--mail-danger-2)) !important;
}

.mail-page .btn:hover,
.mail-page input.btn:hover,
.mail-page input[type="submit"].btn:hover{
  filter: brightness(1.06);
}

.mail-page .mail-dialog-head{
  justify-content: space-between;
  text-align: left;
}

.mail-page .mail-dialog-user{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.mail-page .mail-dialog-user img{
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  background: #d7dce5;
  border: 2px solid rgba(215,178,116,0.72);
}

.mail-page .mail-dialog-usertext{
  min-width: 0;
}

.mail-page .mail-dialog-usertext strong,
.mail-page .mail-dialog-usertext span{
  display: block;
}

.mail-page .mail-dialog-usertext span{
  color: var(--mail-text-muted);
  font-size: 12px;
}

.mail-page .mail-dialog-actions{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 16px;
}

.mail-page .mail-dialog-actions .ico{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background-color: rgba(255,255,255,0.05);
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0;
}

.mail-page .mail_mess{
  padding: 18px;
  max-height: 560px;
}

.mail-page .mess_dial{
  margin: 0 0 14px;
  padding: 14px 16px;
  border: 1px solid var(--mail-line-soft);
  border-radius: 18px;
  background: rgba(255,255,255,0.025);
  color: var(--mail-text-soft);
}

.mail-page .mess_dial:last-child{
  margin-bottom: 0;
}

.mail-page .mess_autor{
  background: rgba(88,112,156,0.12);
  border-color: rgba(88,112,156,0.22);
}

.mail-page .data-us{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  padding: 7px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.05);
  background: rgba(255,255,255,0.04);
  color: var(--mail-text);
  float: none;
}

.mail-page .text-us{
  width: auto;
  padding: 0;
  color: var(--mail-text-soft);
  background: transparent;
}

.mail-page .date_mail,
.mail-page .status-mess{
  float: none;
}

.mail-page .date_mail{
  color: var(--mail-text-muted);
}

.mail-page .status-mess{
  color: #ffafaf;
}

.mail-page .mail-composer{
  margin-top: 14px;
  padding: 18px;
  border: 1px solid var(--mail-line);
  border-radius: 22px;
  background: var(--mail-bg);
  box-shadow: var(--mail-shadow);
}

.mail-page .mail-sample,
.mail-page .mail-sample-active{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  margin: 0 0 10px;
  border: 1px solid var(--mail-line-soft);
  border-radius: 18px;
  background: rgba(255,255,255,0.02);
  color: var(--mail-text-soft);
}

.mail-page .mail-sample:hover{
  background: rgba(255,255,255,0.035);
}

.mail-page .mail-sample-active{
  background: linear-gradient(180deg, rgba(61,111,184,0.18), rgba(61,111,184,0.08));
}

.mail-page .mail-sample .mail-mailer,
.mail-page .mail-sample-active .mail-mailer{
  width: auto;
  margin: 0;
  padding: 0;
  float: none;
  flex: 0 0 auto;
}

.mail-page .mail-mailer img{
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 3px;
  border-radius: 50%;
  background: rgba(255,255,255,0.05);
}

.mail-page .mail-sample .mail-title,
.mail-page .mail-sample-active .mail-title{
  flex: 1 1 auto;
  margin: 0;
  line-height: 1.35;
}

.mail-page .mail-sample .mail-postcount,
.mail-page .mail-sample .mail-postcount-read,
.mail-page .mail-sample .mail-postcount-send,
.mail-page .mail-sample-active .mail-postcount,
.mail-page .mail-sample-active .mail-postcount-read,
.mail-page .mail-sample-active .mail-postcount-send{
  float: none;
  width: auto;
  min-width: 30px;
  margin-top: 0;
  margin-left: auto;
  padding: 4px 10px;
  border-radius: 999px;
  border: 0;
  color: #fff;
  text-shadow: none;
}

.mail-page .mail-sample .mail-postcount,
.mail-page .mail-sample-active .mail-postcount{
  background: rgba(215,178,116,0.92);
}

.mail-page .mail-sample .mail-postcount-read,
.mail-page .mail-sample-active .mail-postcount-read{
  background: rgba(63,141,109,0.94);
}

.mail-page .mail-sample .mail-postcount-send,
.mail-page .mail-sample-active .mail-postcount-send{
  background: rgba(61,111,184,0.94);
}

.mail-page #dialog-load,
.mail-page #blok-users-load,
.mail-page #scan-mail{
  padding: 14px;
}

.mail-page #blok-users-load .block-users{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  margin-bottom: 10px;
  border: 1px solid var(--mail-line-soft);
  border-radius: 18px;
  background: rgba(255,255,255,0.02);
}

.mail-page #blok-users-load .block-users:last-child{
  margin-bottom: 0;
}

.mail-page #blok-users-load .people_cell{
  width: auto;
  padding: 0;
  float: none;
}

.mail-page #blok-users-load .name_field{
  width: auto;
  margin: 0;
  flex: 1 1 auto;
}

.mail-page .mail-inline-form{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.mail-page .mail-inline-form label{
  color: var(--mail-text);
  font-weight: 700;
}

.mail-page .mail-inline-form input[type="text"]{
  width: min(100%, 240px);
}

.mail-page .mail-inline-form .btn{
  min-width: 220px;
}

.mail-page .mail-table-note{
  margin-top: 12px;
  color: var(--mail-text-muted);
  font-size: 12px;
  text-align: center;
}

.mail-page #navi{
  margin-top: 14px;
}

.mail-page .mail-bottom-space{
  margin-bottom: 2px;
}

@media (max-width: 900px){
  .mail-tabs{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mail-card__body{
    padding: 14px;
  }

  .mail-page .table{
    display: block;
    overflow-x: auto;
  }

  .mail-page .mail-dialog-head{
    align-items: flex-start;
  }
}

@media (max-width: 640px){
  .mail-page__inner{
    padding: 0 4px;
  }

  .mail-tabs{
    grid-template-columns: 1fr;
  }

  .mail-page .mail-inline-form,
  .mail-page .mail-submit-row,
  .mail-page .mail-actions{
    flex-direction: column;
  }

  .mail-page .mail-inline-form input[type="text"],
  .mail-page .mail-inline-form .btn,
  .mail-page .btn,
  .mail-page input.btn,
  .mail-page input[type="submit"].btn{
    width: 100% !important;
    min-width: 100% !important;
  }

  .mail-page .mail-dialog-head{
    flex-direction: column;
    align-items: stretch;
  }

  .mail-page .mail-dialog-actions{
    margin-left: 0;
    justify-content: flex-end;
  }

  .mail-page .mail-sample,
  .mail-page .mail-sample-active,
  .mail-page #blok-users-load .block-users{
    align-items: flex-start;
  }
}


/* ===== mail pass v2: closer to shell design, lighter and cleaner ===== */
.mail-page{
  --mail-bg: linear-gradient(180deg, rgba(29, 38, 54, 0.74), rgba(18, 25, 38, 0.90));
  --mail-bg-soft: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.012));
  --mail-bg-strong: linear-gradient(180deg, rgba(6, 14, 28, 0.90), rgba(9, 18, 32, 0.82));
  --mail-line: rgba(255,255,255,0.075);
  --mail-line-soft: rgba(255,255,255,0.05);
  --mail-shadow: 0 16px 34px rgba(0,0,0,0.14), inset 0 1px 0 rgba(255,255,255,0.035);
}

.mail-page__inner{
  gap: 14px;
}

.mail-intro{
  padding: 20px 22px;
  border-radius: 20px;
  line-height: 1.58;
}

.mail-intro__help{
  margin-top: 14px;
}

.mail-tabs{
  gap: 10px;
  padding: 8px;
  border-radius: 20px;
}

.mail-page .menu-task-work__link{
  min-height: 20px !important;
  padding: 8px 14px !important;
  border-radius: 16px !important;
  font-size: 13px !important;
  letter-spacing: .01em;
  background: linear-gradient(180deg, rgba(255,255,255,0.028), rgba(255,255,255,0.012)), rgba(13,20,33,0.46) !important;
}

.mail-page .menu-task-work__link.active,
.mail-page .menu-task-work__link:hover{
  background: linear-gradient(180deg, rgba(79,119,186,0.94), rgba(56,89,145,0.96)) !important;
  box-shadow: 0 10px 22px rgba(18,34,61,0.22), inset 0 1px 0 rgba(255,255,255,0.14);
}

.mail-card,
.mail-page .scan-faq,
.mail-page .mail_mess,
.mail-page #dialog-load,
.mail-page #blok-users-load,
.mail-page #scan-mail{
  border-radius: 20px;
}

.mail-card__title,
.mail-page .tiket{
  min-height: 54px;
  padding: 12px 18px;
  font-size: 15px;
  background: linear-gradient(90deg, rgba(5,13,27,0.98), rgba(9,18,32,0.86) 58%, rgba(10,18,32,0.74) 100%) !important;
}

.mail-card__body{
  padding: 16px;
}

.mail-card__body--compact{
  padding: 14px;
}

.mail-page .scan-faq{
  padding: 12px 14px;
}

.mail-page .mail-dialog-user{
  gap: 10px;
}

.mail-page .mail-dialog-user img{
  width: 40px;
  height: 40px;
}

.mail-page .mail-dialog-usertext strong{
  font-size: 16px;
  line-height: 1.15;
}

.mail-page .mail-dialog-usertext span{
  margin-top: 2px;
  font-size: 11px;
  letter-spacing: .01em;
}

.mail-page .mail-dialog-actions{
  gap: 6px;
}

.mail-page .mail-dialog-actions .ico{
  width: 32px;
  height: 32px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.04);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.mail-page .mail-dialog-actions .ico:hover{
  background-color: rgba(255,255,255,0.08);
}

.mail-page .mail_mess{
  padding: 14px;
  max-height: 540px;
  overflow-y: auto;
  background: linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.01));
  border: 1px solid var(--mail-line-soft);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.mail-page .mail_mess::-webkit-scrollbar{
  width: 10px;
}

.mail-page .mail_mess::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,0.10);
  border-radius: 999px;
}

.mail-page .mess_dial{
  margin: 0 0 10px;
  padding: 12px 14px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.028), rgba(255,255,255,0.012));
  border-color: rgba(255,255,255,0.06);
}

.mail-page .mess_autor{
  background: linear-gradient(180deg, rgba(76,106,159,0.22), rgba(76,106,159,0.08));
  border-color: rgba(123,157,220,0.20);
}

.mail-page .data-us{
  gap: 6px;
  margin-bottom: 8px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.045);
}

.mail-page .text-us{
  line-height: 1.55;
}

.mail-page .mail-composer{
  margin-top: 12px;
  padding: 14px 16px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(23,31,46,0.88), rgba(18,25,38,0.94));
}

.mail-page .bb-toolbar{
  gap: 6px;
  margin-bottom: 10px;
}

.mail-page .bb-code,
.mail-page .dialog-smail,
.mail-page .mail-dialog-actions .ico{
  background-color: rgba(255,255,255,0.045);
}

.mail-page .bb-code,
.mail-page .dialog-smail{
  width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 10px;
}

.mail-page .dialog-smail{
  line-height: 32px;
}

.mail-page textarea{
  min-height: 140px;
}

.mail-page .mail-counter,
.mail-page .scount{
  font-size: 11px;
}

.mail-page .msg-warning,
.mail-page .msg-error,
.mail-page .msg-ok,
.mail-page .msg-info,
.mail-page .msg-war{
  border-radius: 18px !important;
}

.mail-page .mail-sample,
.mail-page .mail-sample-active{
  padding: 14px 16px;
  margin: 0 0 8px;
  border-radius: 16px;
}

.mail-page #dialog-load,
.mail-page #blok-users-load,
.mail-page #scan-mail{
  padding: 12px;
}

.mail-page #blok-users-load .block-users{
  padding: 12px 14px;
  margin-bottom: 8px;
  border-radius: 16px;
}

.mail-page--dialog .mail-card{
  background: linear-gradient(180deg, rgba(31,39,53,0.78), rgba(18,25,38,0.92));
}

.mail-page--dialog .mail-card__title{
  justify-content: space-between;
}

.mail-page--dialog .msg-warning,
.mail-page--dialog .msg-error{
  margin-top: 12px !important;
}

@media (max-width: 900px){
  .mail-page .mail_mess{
    max-height: 480px;
  }
}



/* ===== mail pass v3: cleaner dialog list + tighter hierarchy ===== */
.mail-page .mail-card{
  background: linear-gradient(180deg, rgba(25,34,49,0.70), rgba(17,24,36,0.90));
}

.mail-page .mail-card__title,
.mail-page .tiket{
  min-height: 20px;
  padding: 11px 18px;
  font-size: 14px;
  letter-spacing: .01em;
}


.mail-page .mail-card__body{
  padding: 14px;
}

.mail-page .scan-faq{
  padding: 10px 12px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,0.024), rgba(255,255,255,0.01)) !important;
}

.mail-page #dialog-load{
  padding: 8px !important;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,0.012), rgba(255,255,255,0.004)) !important;
}

.mail-page .mail-sample,
.mail-page .mail-sample-active{
  position: relative;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 12px;
  row-gap: 6px;
  min-height: 72px;
  padding: 12px 14px !important;
  margin: 0 0 8px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,0.024), rgba(255,255,255,0.01));
  border: 1px solid rgba(255,255,255,0.055);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.025);
}

.mail-page .mail-sample:hover,
.mail-page .mail-sample-active{
  border-color: rgba(123,157,220,0.20);
  background: linear-gradient(180deg, rgba(69,101,158,0.16), rgba(69,101,158,0.06));
}

.mail-page .mail-sample .mail-mailer,
.mail-page .mail-sample-active .mail-mailer{
  width: 48px !important;
  min-width: 48px;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.mail-page .mail-mailer img{
  width: 44px;
  height: 44px;
  padding: 2px;
  border-radius: 50%;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(215,178,116,0.30);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.02);
}

.mail-page .mail-sample .mail-title,
.mail-page .mail-sample-active .mail-title{
  display: block !important;
  margin: 0 !important;
  line-height: 1.42 !important;
  color: var(--mail-text) !important;
  min-width: 0;
  padding-right: 8px;
}

.mail-page .mail-sample .mail-title small,
.mail-page .mail-sample-active .mail-title small,
.mail-page .mail-sample .mail-title span,
.mail-page .mail-sample-active .mail-title span{
  color: var(--mail-text-muted) !important;
}

.mail-page .mail-sample .mail-postcount,
.mail-page .mail-sample .mail-postcount-read,
.mail-page .mail-sample .mail-postcount-send,
.mail-page .mail-sample-active .mail-postcount,
.mail-page .mail-sample-active .mail-postcount-read,
.mail-page .mail-sample-active .mail-postcount-send{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  float: none !important;
  width: auto !important;
  min-width: 28px;
  height: 28px;
  margin: 0 !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  font-size: 12px;
  font-weight: 700;
  text-shadow: none !important;
  place-self: center end;
  border: 0 !important;
}

.mail-page .mail-sample .mail-postcount{ background: rgba(215,178,116,0.92) !important; }
.mail-page .mail-sample .mail-postcount-read,
.mail-page .mail-sample-active .mail-postcount-read{ background: rgba(63,141,109,0.94) !important; }
.mail-page .mail-sample .mail-postcount-send,
.mail-page .mail-sample-active .mail-postcount-send{ background: rgba(79,119,186,0.94) !important; }
.mail-page .mail-sample-active .mail-postcount,
.mail-page .mail-sample-active .mail-postcount-send,
.mail-page .mail-sample-active .mail-postcount-read{ box-shadow: 0 0 0 1px rgba(255,255,255,0.08); }

.mail-page .mail-sample .uved,
.mail-page .mail-sample-active .uved{
  top: 10px;
  right: 12px;
  color: rgba(255,177,177,0.9);
}

.mail-page #dialog-load:empty{
  display: none;
}

@media (max-width: 640px){
  .mail-page .mail-sample,
  .mail-page .mail-sample-active{
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .mail-page .mail-sample .mail-postcount,
  .mail-page .mail-sample .mail-postcount-read,
  .mail-page .mail-sample .mail-postcount-send,
  .mail-page .mail-sample-active .mail-postcount,
  .mail-page .mail-sample-active .mail-postcount-read,
  .mail-page .mail-sample-active .mail-postcount-send{
    grid-column: 2;
    place-self: start;
  }
}



/* ===== mail pass v4: compact dialog list alignment ===== */
.mail-page #dialog-load{
  padding: 10px !important;
}

.mail-page .mail-sample,
.mail-page .mail-sample-active{
  display: block !important;
  min-height: 0;
  padding: 12px 56px 12px 14px !important;
  border-radius: 16px;
}

.mail-page .mail-sample .mail-mailer,
.mail-page .mail-sample-active .mail-mailer{
  float: left !important;
  width: 44px !important;
  min-width: 44px;
  margin: 0 12px 0 0 !important;
}

.mail-page .mail-mailer img{
  width: 40px;
  height: 40px;
}

.mail-page .mail-sample .mail-title,
.mail-page .mail-sample-active .mail-title{
  display: block !important;
  min-height: 40px;
  overflow: hidden;
  padding: 1px 0 0 !important;
  line-height: 1.28 !important;
}

.mail-page .mail-sample .mail-title b,
.mail-page .mail-sample .mail-title strong,
.mail-page .mail-sample-active .mail-title b,
.mail-page .mail-sample-active .mail-title strong{
  display: inline-block;
  margin-right: 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--mail-text) !important;
  vertical-align: middle;
}

.mail-page .mail-sample .mail-title small,
.mail-page .mail-sample-active .mail-title small{
  display: inline-block;
  font-size: 11px;
  line-height: 1.2;
  vertical-align: middle;
  color: var(--mail-text-muted) !important;
}

.mail-page .mail-sample .mail-title br:first-of-type,
.mail-page .mail-sample-active .mail-title br:first-of-type{
  display: block;
  content: "";
  margin-top: 2px;
}

.mail-page .mail-sample .mail-postcount,
.mail-page .mail-sample .mail-postcount-read,
.mail-page .mail-sample .mail-postcount-send,
.mail-page .mail-sample-active .mail-postcount,
.mail-page .mail-sample-active .mail-postcount-read,
.mail-page .mail-sample-active .mail-postcount-send{
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  min-width: 26px;
  height: 26px;
  padding: 0 8px !important;
  font-size: 11px;
}

.mail-page .mail-sample .uved,
.mail-page .mail-sample-active .uved{
  top: 8px;
  right: 14px;
}

.mail-page .mail-sample::after,
.mail-page .mail-sample-active::after{
  content: "";
  display: block;
  clear: both;
}

@media (max-width: 640px){
  .mail-page .mail-sample,
  .mail-page .mail-sample-active{
    padding-right: 50px !important;
  }

  .mail-page .mail-sample .mail-mailer,
  .mail-page .mail-sample-active .mail-mailer{
    width: 40px !important;
    min-width: 40px;
    margin-right: 10px !important;
  }

  .mail-page .mail-mailer img{
    width: 36px;
    height: 36px;
  }

  .mail-page .mail-sample .mail-title,
  .mail-page .mail-sample-active .mail-title{
    min-height: 36px;
  }
}

.contact-wrap {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.titles {
    width: 84%;
    margin: 0 auto 16px;
    padding: 12px 18px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 16px;
    background: linear-gradient(180deg, #07111e 0%, #081321 100%);
    border: 1px solid rgba(88, 122, 173, 0.18);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.03),
        0 6px 16px rgba(0,0,0,0.22);
}

.add-infa {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    padding: 16px 18px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(52, 63, 84, 0.34) 0%, rgba(32, 42, 61, 0.28) 100%);
    border: 1px solid rgba(116, 141, 181, 0.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
}

.add-infa__icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    margin-top: 2px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9abfff;
    font-size: 17px;
    font-weight: 700;
    background: rgba(72, 107, 172, 0.20);
    border: 1px solid rgba(110, 150, 220, 0.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.add-infa__text {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
    color: #dbe3f3;
}

.add-infa a {
    color: #eef4ff;
    text-decoration: underline;
    text-decoration-color: rgba(255,255,255,0.35);
    text-underline-offset: 2px;
}

.add-infa a:hover {
    color: #ffffff;
}

.contact {
    padding: 18px;
    border-radius: 24px;
    border: 1px solid rgba(36, 72, 126, 0.28);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.02),
        0 10px 24px rgba(0,0,0,0.24);
    margin: 10px;
}

.contact h3 {
    margin: 0 0 16px;
    padding-bottom: 12px;
    color: #ffffff;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    border-bottom: 1px solid rgba(126, 150, 191, 0.10);
}

.contact__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 16px;
    margin-bottom: 10px;
    border-radius: 15px;
    border: 1px solid rgba(86, 112, 153, 0.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.015);
}

.contact__item:last-child {
    margin-bottom: 0;
}

.contact-item__title {
    min-width: 165px;
    color: #9fb6e1;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.contact__item a:not(.support-btn),
.contact__item span:not(.contact-item__title):not(.contact__muted) {
    color: #f2f6ff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    text-align: right;
    margin-left: auto;
}

.contact__item a:not(.support-btn):hover {
    color: #9fc5ff;
}

.contact__muted {
    color: #c9d5eb;
    font-size: 14px;
    font-weight: 600;
    margin-left: auto;
    text-align: right;
}

.contact__item--column {
    align-items: flex-start;
    gap: 12px;
}

.support-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border-radius: 12px;
    background: linear-gradient(180deg, #68aeff 0%, #4e8fea 100%);
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.16),
        0 6px 16px rgba(76, 143, 234, 0.22);
    transition: 0.2s ease;
}

.support-btn:hover {
    transform: translateY(-1px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.18),
        0 8px 18px rgba(76, 143, 234, 0.28);
}

@media (max-width: 768px) {
    .titles {
        width: 100%;
    }

    .contact__item {
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-item__title {
        min-width: auto;
    }

    .contact__item a:not(.support-btn),
    .contact__muted {
        margin-left: 0;
        text-align: left;
    }
}

/* ===== advertise final title center ===== */

.advertise-page--compact .advertise-card{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 4px 10px !important;
  text-align: center !important;
  overflow: hidden !important;
}

.advertise-page--compact .advertise-card__title{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 6px !important;

  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  color: #edf3ff !important;

  white-space: normal !important;
  word-break: break-word !important;
  text-align: center !important;
}

.advertise-page--compact .advertise-card__sub,
.advertise-page--compact .advertise-card__price,
.advertise-page--compact .advertise-card > em,
.advertise-page--compact .advertise-card > strong + span{
  display: none !important;
}


/* ===== FIX: unify right sidebar blocks ===== */
#rightcolumn,
.rightmenu,
body.page-top100 #rightcolumn{
  width: 220px !important;
  box-sizing: border-box !important;
}

#rightcolumn .sidebar-widget,
#rightcolumn .rightside,
body.page-top100 #rightcolumn .sidebar-widget,
body.page-top100 #rightcolumn .rightside,
body.page-top100 #rightcolumn .banners{
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 14px !important;
  margin: 0 0 16px 0 !important;
  box-sizing: border-box !important;
}

#rightcolumn .titles2,
#rightcolumn .sidebar-widget__title,
body.page-top100 #rightcolumn .titles2{
  width: 100% !important;
  min-height: 40px !important;
  margin: 0 0 12px 0 !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#rightcolumn .sidebar-widget__body,
#rightcolumn .partner-widget__body,
#rightcolumn .board-card,
#rightcolumn .site-clock,
#rightcolumn .contextlink{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#rightcolumn .sidebar-widget__body,
#rightcolumn .partner-widget__body,
#rightcolumn .sidebar-widget--context .sidebar-widget__body,
#rightcolumn .sidebar-widget--clock .sidebar-widget__body{
  padding: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
}

#rightcolumn .sidebar-widget--context .contextlink{
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  text-align: left !important;
  line-height: 1.45 !important;
}

#rightcolumn .sidebar-widget--clock .sidebar-widget__body{
  display: flex !important;
  justify-content: center !important;
}

#rightcolumn .site-clock{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  gap: 0 !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

#rightcolumn .site-clock__sep{
  margin: 0 8px !important;
  opacity: .72 !important;
}

#rightcolumn .sidebar-widget__actions,
#rightcolumn .sidebar-widget__actions--inline,
#rightcolumn .sidebar-widget__actions--left{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-top: 12px !important;
}

#rightcolumn .sidebar-widget__actions--icons a{
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#rightcolumn .sidebar-widget--banner .sidebar-widget__body{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#rightcolumn .sidebar-banner-holder,
#rightcolumn [id^="baner"],
#rightcolumn #baner100,
#rightcolumn #baner400,
body.page-top100 #rightcolumn .sidebar-banner-holder,
body.page-top100 #rightcolumn #baner100,
body.page-top100 #rightcolumn #baner400{
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

#rightcolumn .sidebar-banner-holder--100,
#rightcolumn #baner100,
body.page-top100 #rightcolumn .sidebar-banner-holder--100,
body.page-top100 #rightcolumn #baner100{
  min-height: 0 !important;
}

#rightcolumn .sidebar-banner-holder--200,
#rightcolumn #baner400,
body.page-top100 #rightcolumn .sidebar-banner-holder--200,
body.page-top100 #rightcolumn #baner400{
  min-height: 0 !important;
}

#rightcolumn #baner100 img,
#rightcolumn #baner400 img,
#rightcolumn .sidebar-banner-holder img,
body.page-top100 #rightcolumn #baner100 img,
body.page-top100 #rightcolumn #baner400 img{
  display: block !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto !important;
  border-radius: 16px !important;
}


/* ===== v33: hard unify left and right sidebar cards ===== */
#leftcolumn,
.leftmenu,
#rightcolumn,
.rightmenu{
  width:224px !important;
}

#leftcolumn .banners,
#rightcolumn .sidebar-widget,
#rightcolumn .banners{
  width:100% !important;
  margin:0 0 16px 0 !important;
  padding:16px !important;
  box-sizing:border-box !important;
  border-radius:22px !important;
  background:linear-gradient(180deg, rgba(28,36,52,0.82), rgba(18,26,40,0.94)) !important;
  border:1px solid rgba(255,255,255,0.08) !important;
  box-shadow:0 18px 38px rgba(0,0,0,0.16), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

#leftcolumn .banners .titles2,
#rightcolumn .sidebar-widget__title,
#rightcolumn .banners .titles2{
  width:100% !important;
  min-height:48px !important;
  margin:0 0 12px 0 !important;
  padding:0 16px !important;
  box-sizing:border-box !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(180deg, rgba(6,14,26,0.98), rgba(9,17,29,0.98)) !important;
  border:1px solid rgba(255,255,255,0.06) !important;
}

#leftcolumn #baner200,
#rightcolumn #baner100,
#rightcolumn #baner400,
#rightcolumn .sidebar-banner-holder{
  width:100% !important;
  max-width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto !important;
  padding:0 !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

#leftcolumn #baner200 img,
#rightcolumn #baner100 img,
#rightcolumn #baner400 img,
#rightcolumn .sidebar-banner-holder img{
  display:block !important;
  max-width:100% !important;
  width:auto !important;
  height:auto !important;
  margin:0 auto !important;
  border-radius:16px !important;
}
/*
  ADSREK work-task page
  Safe visual patch only: no JS changes, no tpl logic changes.
  Append AFTER current style.css/theme.css.
*/

#extdock_task{
  position: relative;
  margin: 0 0 18px;
  padding: 20px;
  border-radius: 28px;
  background:
    radial-gradient(540px 180px at 50% 0%, rgba(255,255,255,.08), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(22,31,47,.82), rgba(12,20,34,.94));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 22px 54px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
  overflow: visible;
}

#extdock_task::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 34%);
}

#extdock_task > .t{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  margin: 0 0 18px;
  padding: 0 18px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(5,13,25,.98), rgba(7,15,28,.96));
  border: 1px solid rgba(255,255,255,.05);
  color: #eff5ff;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .01em;
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

#extdock_task .adv-form{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#extdock_task .form-wrap{
  display: grid !important;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 14px 18px;
  align-items: start;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
}

#extdock_task .form-tsl{
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 !important;
  color: #edf3ff;
  font-size: 13px !important;
  font-weight: 700;
  letter-spacing: .01em;
}

#extdock_task .form-tsl i{
  width: 18px;
  min-width: 18px;
  margin-right: 10px !important;
  color: #6fddd8 !important;
  text-align: center;
}

#extdock_task .form-c{
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 0 !important;
}

#extdock_task .form-c a{
  text-decoration: none !important;
}

#extdock_task .menu-task-work__link{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)) !important;
  color: rgba(235,241,252,.76) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02), 0 8px 18px rgba(0,0,0,.10);
  transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}

#extdock_task .menu-task-work__link:hover,
#extdock_task .menu-task-work__link.active{
  color: #fff !important;
  border-color: rgba(133,164,223,.28) !important;
  background: linear-gradient(180deg, rgba(74,119,197,.95), rgba(43,79,145,.95)) !important;
  box-shadow: 0 12px 24px rgba(26,49,92,.28), inset 0 1px 0 rgba(255,255,255,.08);
  transform: translateY(-1px);
}

#extdock_task .menu-task-work__link[data-sort_3="4"],
#extdock_task .menu-task-work__link[data-sort_3="4"].active{
  border-color: rgba(213,178,118,.24) !important;
}

#extdock_task .menu-task-work__link[data-sort_3="4"]:hover,
#extdock_task .menu-task-work__link[data-sort_3="4"].active{
  background: linear-gradient(180deg, rgba(213,178,118,.96), rgba(171,124,49,.96)) !important;
  box-shadow: 0 12px 24px rgba(83,55,14,.22), inset 0 1px 0 rgba(255,255,255,.10);
}

#extdock_task #task-sort{
  text-align: left !important;
}

#extdock_task nav.category{
  position: relative;
  display: block;
  width: 100%;
}

#extdock_task nav.category > label{
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 240px;
  max-width: 100%;
  min-height: 46px;
  padding: 0 16px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
  border: 1px solid rgba(255,255,255,.07);
  color: #eff4ff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-sizing: border-box;
}

#extdock_task nav.category > label::after{
  content: "▾";
  flex: 0 0 auto;
  color: rgba(239,244,255,.62);
  font-size: 12px;
  transition: transform .16s ease;
}

#extdock_task #touch{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#extdock_task #touch:checked + .slide,
#extdock_task #touch:checked ~ .slide{
  display: flex;
}

#extdock_task #touch:checked ~ label::after,
#extdock_task #touch:checked + label::after{
  transform: rotate(180deg);
}

#extdock_task nav.category .slide{
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  z-index: 20;
  width: min(760px, calc(100vw - 80px));
  padding: 12px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(13,21,35,.98), rgba(10,17,29,.96));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 24px 44px rgba(0,0,0,.32);
  gap: 10px;
  flex-wrap: wrap;
  box-sizing: border-box;
}

#extdock_task nav.category .slide .menu-task-work__link{
  min-width: 168px;
}

#extdock_task .task__buttons{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

#extdock_task .task__buttons > div{
  margin: 0 !important;
  text-align: initial !important;
}

#extdock_task .task__buttons .btn-task{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.07);
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700;
  line-height: 1.2;
  text-shadow: none !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}

#extdock_task .task__buttons .btn-task:hover{
  transform: translateY(-1px);
  filter: brightness(1.04);
}

#extdock_task .task__buttons .btn.green.btn-task{
  background: linear-gradient(180deg, #3e7acd, #28569f) !important;
}

#extdock_task .task__buttons > div:nth-child(2) .btn-task{
  background: linear-gradient(180deg, #d0a64b, #ab7a20) !important;
}

#extdock_task .task__buttons .btn.red.btn-task{
  background: linear-gradient(180deg, #bf6161, #944242) !important;
}

#extdock_task .task__buttons .btn-task a{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: inherit !important;
  text-decoration: none !important;
}

#extdock_task #poisk{
  margin-top: 16px;
  padding: 16px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border: 1px solid rgba(255,255,255,.07);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

#extdock_task #poisk .form-wrap + .form-wrap{
  margin-top: 12px;
}

#extdock_task #poisk .form-tsl{
  align-items: flex-start;
  padding-top: 12px !important;
}

#extdock_task #poisk .form-c{
  gap: 10px;
}

#extdock_task #poisk input[type="text"]{
  flex: 1 1 220px;
  min-height: 48px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  background: rgba(8,14,24,.56) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: #eff4ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}

#extdock_task #poisk input[type="text"]:focus{
  border-color: rgba(213,178,118,.34) !important;
  box-shadow: 0 0 0 3px rgba(213,178,118,.08), inset 0 1px 0 rgba(255,255,255,.03) !important;
}

#extdock_task #poisk .form-task-n,
#extdock_task #poisk .form-task-r,
#extdock_task #poisk .form-task-u{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  margin-left: 0 !important;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(63,111,184,.96), rgba(41,82,142,.96)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: 0 12px 24px rgba(22,44,80,.22), inset 0 1px 0 rgba(255,255,255,.08);
  cursor: pointer;
}

#extdock_task #poisk .form-task-n:hover,
#extdock_task #poisk .form-task-r:hover,
#extdock_task #poisk .form-task-u:hover{
  filter: brightness(1.05);
}

#extdock_task #poisk .ico-search{
  margin-right: 0;
  opacity: .95;
  filter: brightness(10);
}

.work-serf.new-class#work-task{
  width: 100% !important;
  margin: 16px 0 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}

.work-serf.new-class#work-task > tbody > tr > td,
.work-serf.new-class#work-task tr > td{
  padding: 16px 18px !important;
  background: linear-gradient(180deg, rgba(21,29,45,.78), rgba(12,20,34,.94)) !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  color: #edf3ff !important;
  vertical-align: top !important;
}

.work-serf.new-class#work-task > tbody > tr > td:first-child,
.work-serf.new-class#work-task tr > td:first-child{
  border-left: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 18px 0 0 18px;
}

.work-serf.new-class#work-task > tbody > tr > td:last-child,
.work-serf.new-class#work-task tr > td:last-child{
  border-right: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 0 18px 18px 0;
}

.work-serf.new-class#work-task > tbody > tr:hover > td,
.work-serf.new-class#work-task tr:hover > td{
  background: linear-gradient(180deg, rgba(28,38,57,.86), rgba(15,24,40,.97)) !important;
  border-top-color: rgba(134,164,223,.14) !important;
  border-bottom-color: rgba(134,164,223,.14) !important;
}

.work-serf.new-class#work-task tr:hover > td:first-child{
  border-left-color: rgba(134,164,223,.14) !important;
}

.work-serf.new-class#work-task tr:hover > td:last-child{
  border-right-color: rgba(134,164,223,.14) !important;
}

#work-task .serf-text,
#work-task .serff-text,
#work-task a{
  color: #edf3ff !important;
  text-shadow: none !important;
}

#work-task .serf-text-ob{
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(255,255,255,.02) !important;
}

#work-task .serf-text-ob-title{
  color: #ffffff !important;
}

#work-task .serf-text-ob-url-pars,
#work-task .serf-text-ob-add,
#work-task .advmoder span,
#work-task .cbtn,
#work-task .cbtn-red,
#work-task .cbtn-dis{
  color: rgba(237,243,255,.66) !important;
}

#task-navi,
#navi{
  margin-top: 14px;
}

#navi .load-pages,
#navi .load-pages-dop,
.load-pages,
.load-pages-dop{
  min-height: 46px;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: #edf3ff !important;
  box-shadow: none !important;
}

@media (max-width: 980px){
  #extdock_task{
    padding: 16px;
    border-radius: 24px;
  }

  #extdock_task .form-wrap,
  #extdock_task #poisk .form-wrap{
    grid-template-columns: 1fr;
    gap: 8px;
  }

  #extdock_task .form-tsl,
  #extdock_task #poisk .form-tsl{
    min-height: auto;
    padding-top: 0 !important;
  }

  #extdock_task nav.category > label{
    width: 100%;
    min-width: 0;
  }

  #extdock_task nav.category .slide{
    position: static;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
  }

  #extdock_task nav.category .slide .menu-task-work__link{
    min-width: calc(50% - 5px);
    flex: 1 1 calc(50% - 5px);
  }

  #extdock_task .task__buttons{
    grid-template-columns: 1fr;
  }

  #extdock_task #poisk .form-c{
    flex-wrap: wrap;
  }

  #extdock_task #poisk .form-task-n,
  #extdock_task #poisk .form-task-r,
  #extdock_task #poisk .form-task-u{
    width: 100%;
    min-width: 100%;
  }

  .work-serf.new-class#work-task{
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 640px){
  #extdock_task > .t{
    min-height: 48px;
    font-size: 15px;
  }

  #extdock_task .menu-task-work__link{
    width: 100%;
  }

  #extdock_task nav.category .slide .menu-task-work__link{
    min-width: 100%;
    flex: 1 1 100%;
  }
}
/* ADSREK work-task v2
   Fixes after visual QA:
   1) duplicate hidden category block reappearing because of shared #task-sort id
   2) category dropdown width / clipping in the filter shell
   3) safer category chip wrapping without affecting JS logic
*/

/* hide the legacy duplicate category block below the filter shell */
#contentwrapper > .add-infa#task-sort,
#extdock_task + .add-infa#task-sort,
.add-infa#task-sort[style*="display: none"]{
  display: none !important;
}

/* keep the actual category row scoped only to the filter shell */
#extdock_task .form-c#task-sort{
  display: block !important;
  min-width: 0 !important;
}

#extdock_task nav.category{
  width: min(100%, 680px);
}

#extdock_task nav.category > label{
  width: min(100%, 320px);
  min-width: 0;
}

#extdock_task nav.category .slide{
  left: 0;
  right: auto;
  width: min(100%, 680px);
  max-width: 100%;
}

#extdock_task nav.category .slide .menu-task-work__link{
  flex: 1 1 calc(33.333% - 8px);
  min-width: 150px;
  max-width: calc(33.333% - 8px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* small polish for dense rows */
#extdock_task .form-wrap{
  gap: 14px 16px;
}

#extdock_task .form-c{
  gap: 8px;
}

/* result summary and separators under the shell */
#contentwrapper > hr{
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  margin: 10px 0 !important;
}

#contentwrapper > div[style*="По заданным параметрам найдено заданий"],
#contentwrapper > div[style*="linear-gradient(45deg, #355689, #2b8ec1)"]{
  padding: 12px 16px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(58,95,150,.92), rgba(40,73,121,.96)) !important;
  box-shadow: 0 14px 28px rgba(19,37,68,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

@media (max-width: 980px){
  #extdock_task nav.category,
  #extdock_task nav.category > label,
  #extdock_task nav.category .slide{
    width: 100%;
  }

  #extdock_task nav.category .slide .menu-task-work__link{
    flex: 1 1 calc(50% - 5px);
    min-width: calc(50% - 5px);
    max-width: calc(50% - 5px);
  }
}

@media (max-width: 640px){
  #extdock_task nav.category .slide .menu-task-work__link{
    flex: 1 1 100%;
    min-width: 100%;
    max-width: 100%;
  }
}


/* ===== v6 correction: restore original sidebar width and keep only compact moderator counters ===== */
#leftcolumn,
.leftmenu,
#rightcolumn,
.rightmenu{
  width: 224px !important;
  max-width: none !important;
}

#leftcolumn #moder-ob-num{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 10px 0 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

#leftcolumn #moder-ob-num a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 calc(25% - 6px) !important;
  width: calc(25% - 6px) !important;
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  box-shadow: none !important;
  color: #edf3ff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  overflow: hidden !important;
}

#leftcolumn #moder-ob-num a:hover{
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(214,181,122,0.22) !important;
}

.history-grafik{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  background: rgba(255,255,255,0.05) url('img/ico/grafik.png') center center no-repeat !important;
  cursor: pointer;
  opacity: 0.7;
}

.progress_bar{
  display: block;
  position: relative;
  flex: 1;
  height: 12px;
  border-radius: 999px;
  overflow: hidden;
}

.progress_bar_e{
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(213,178,118,.88), rgba(244,225,168,.96)) !important;
}

.footer{
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.footer_flex{
    position: relative;
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: 18px 22px 14px;
    border-radius: 0 0 28px 28px;
    overflow: hidden;

    background:
        radial-gradient(circle at 50% 0%, rgba(79, 126, 225, 0.10) 0%, rgba(79, 126, 225, 0) 34%),
        linear-gradient(180deg, rgba(17, 27, 43, 0.96) 0%, rgba(10, 18, 31, 0.98) 100%);

    border-top: 1px solid rgba(255,255,255,0.06);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.03),
        0 14px 34px rgba(0,0,0,0.22);
}

.footer_flex::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.16),
        transparent
    );
    pointer-events: none;
}

.footer_flex::after{
    content: "";
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 420px;
    height: 150px;
    background: radial-gradient(circle, rgba(68, 118, 228, 0.10) 0%, rgba(68,118,228,0) 72%);
    filter: blur(18px);
    pointer-events: none;
}

.footer_link_flex,
.footer_copy_flex{
    position: relative;
    z-index: 2;
}

.footer_link_flex{
    padding: 0 !important;
    margin: 0 !important;
}

.footer_url_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px 0;
    margin: 0;
    padding: 0;
}

.footer_url_flex a{
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0 16px;

    color: #aebddb !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
    text-decoration: none !important;

    transition:
        color .2s ease,
        transform .2s ease,
        opacity .2s ease;
}

.footer_url_flex a:hover{
    color: #ffffff !important;
    transform: translateY(-1px);
}

.footer_url_flex a:not(:last-child)::after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background: rgba(255,255,255,0.10);
}

.footer_url_line{
    display: none !important;
}

.footer_copy_flex{
    margin-top: 13px;
    padding-top: 12px;
    text-align: center;

    color: #778cad !important;
    font-size: 11px;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.footer_copy_flex::before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: 12px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.08),
        transparent
    );
}

/* планшет */
@media (max-width: 992px){
    .footer_flex{
        padding: 16px 16px 13px;
        border-radius: 0 0 22px 22px;
    }

    .footer_url_flex a{
        font-size: 12px;
        padding: 0 12px;
    }
}

/* мобильный */
@media (max-width: 768px){
    .footer{
        margin-top: 14px !important;
    }

    .footer_flex{
        padding: 14px 12px 12px;
        border-radius: 16px;
    }

    .footer_url_flex{
        flex-direction: column;
        gap: 8px;
    }

    .footer_url_flex a{
        padding: 0;
        min-height: auto;
    }

    .footer_url_flex a:not(:last-child)::after{
        display: none;
    }

    .footer_copy_flex{
        margin-top: 10px;
        padding-top: 10px;
        font-size: 10px;
        line-height: 1.5;
    }
}

.layout-stage .footer{
    position: relative;
    width: 100%;
    margin: 18px 0 0;
    padding: 0;
    background: transparent !important;
    height: auto !important;
}

.layout-stage .footer_flex{
    position: relative;
    width: 100%;
    padding: 18px 22px 14px;
    border-radius: 26px;
    overflow: hidden;

    background:
        radial-gradient(circle at 50% 0%, rgba(75, 122, 220, 0.10) 0%, rgba(75, 122, 220, 0) 34%),
        linear-gradient(180deg, rgba(17, 27, 43, 0.96) 0%, rgba(10, 18, 31, 0.985) 100%);

    border: 1px solid rgba(255,255,255,0.06);
    box-shadow:
        0 16px 36px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.03);
}

.layout-stage .footer_flex::before{
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.18),
        transparent
    );
    pointer-events: none;
}

.layout-stage .footer_flex::after{
    content: "";
    position: absolute;
    top: -56px;
    left: 50%;
    transform: translateX(-50%);
    width: 360px;
    height: 140px;
    background: radial-gradient(circle, rgba(72, 118, 228, 0.12) 0%, rgba(72,118,228,0) 72%);
    filter: blur(18px);
    pointer-events: none;
}

.layout-stage .footer_link_flex,
.layout-stage .footer_copy_flex{
    position: relative;
    z-index: 2;
}

.layout-stage .footer_url_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px 0;
    margin: 0;
    padding: 0;
}

.layout-stage .footer_url_flex a{
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0 16px;
    color: #aebddb !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
    text-decoration: none !important;
    transition: color .2s ease, transform .2s ease;
}

.layout-stage .footer_url_flex a:hover{
    color: #ffffff !important;
    transform: translateY(-1px);
}

.layout-stage .footer_url_flex a:not(:last-child)::after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background: rgba(255,255,255,.10);
}

.layout-stage .footer_url_line{
    display: none !important;
}

.layout-stage .footer_copy_flex{
    margin-top: 13px;
    padding-top: 12px;
    text-align: center;
    color: #778cad !important;
    font-size: 11px;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.layout-stage .footer_copy_flex::before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: 12px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.08),
        transparent
    );
}

@media (max-width: 992px){
    .layout-stage .footer_flex{
        padding: 16px 16px 13px;
        border-radius: 20px;
    }

    .layout-stage .footer_url_flex a{
        font-size: 12px;
        padding: 0 12px;
    }
}

@media (max-width: 768px){
    .layout-stage .footer{
        margin-top: 14px;
    }

    .layout-stage .footer_flex{
        padding: 14px 12px 12px;
        border-radius: 16px;
    }

    .layout-stage .footer_url_flex{
        flex-direction: column;
        gap: 8px;
    }

    .layout-stage .footer_url_flex a{
        padding: 0;
        min-height: auto;
    }

    .layout-stage .footer_url_flex a:not(:last-child)::after{
        display: none;
    }

    .layout-stage .footer_copy_flex{
        margin-top: 10px;
        padding-top: 10px;
        font-size: 10px;
        line-height: 1.5;
    }
}
/* ===== FINAL FOOTER FIX: single source of truth ===== */
.footer{
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.footer__container{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.layout-stage > .footer{
  margin-top: 14px !important;
  background: transparent !important;
}

.layout-stage > .footer .footer_flex{
  position: relative !important;
  width: 100% !important;
  padding: 16px 20px 12px !important;
  border-radius: 24px !important;
  overflow: hidden !important;

  /* убрали холодный синий glow, привязали к общей палитре сайта */
  background:
    radial-gradient(circle at 50% 0%, rgba(214,181,122,0.06) 0%, rgba(214,181,122,0) 34%),
    linear-gradient(180deg, rgba(10,18,30,0.94) 0%, rgba(12,20,32,0.96) 100%) !important;

  border: 1px solid rgba(255,255,255,0.075) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,0.20),
    inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.layout-stage > .footer .footer_flex::before{
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,0.14),
    transparent
  );
  pointer-events: none;
}

.layout-stage > .footer .footer_flex::after{
  content: "";
  position: absolute;
  top: -42px;
  left: 50%;
  transform: translateX(-50%);
  width: 260px;
  height: 90px;

  /* вместо синего свечения — мягкий gold, как hover в меню */
  background: radial-gradient(circle, rgba(214,181,122,0.10) 0%, rgba(214,181,122,0) 72%);
  filter: blur(18px);
  pointer-events: none;
  opacity: .8;
}

.layout-stage > .footer .footer_link_flex,
.layout-stage > .footer .footer_copy_flex{
  position: relative;
  z-index: 2;
}

.layout-stage > .footer .footer_url_flex{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.layout-stage > .footer .footer_url_flex a{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 20px !important;
  padding: 0 16px !important;

  /* вместо холодного синего — палитра сайта */
  color: rgba(238,243,251,0.72) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-decoration: none !important;
  transition: color .2s ease, transform .2s ease, opacity .2s ease !important;
}

.layout-stage > .footer .footer_url_flex a:hover{
  color: #f2e4c0 !important;
  transform: translateY(-1px) !important;
}

.layout-stage > .footer .footer_url_flex a:not(:last-child)::after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background: rgba(255,255,255,0.08);
}

.layout-stage > .footer .footer_url_line{
  display: none !important;
}

.layout-stage > .footer .footer_copy_flex{
  margin-top: 10px !important;
  padding-top: 10px !important;
  text-align: center !important;
  color: rgba(238,243,251,0.44) !important;
  font-size: 10px !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

.layout-stage > .footer .footer_copy_flex::before{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 10px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,0.06),
    transparent
  );
}

@media (max-width: 768px){
  .layout-stage > .footer .footer_flex{
    padding: 14px 12px 11px !important;
    border-radius: 16px !important;
  }

  .layout-stage > .footer .footer_url_flex{
    flex-direction: column !important;
    gap: 8px !important;
  }

  .layout-stage > .footer .footer_url_flex a{
    padding: 0 !important;
  }

  .layout-stage > .footer .footer_url_flex a:not(:last-child)::after{
    display: none !important;
  }
}

#rightcolumn .sidebar-widget--board .board-card{
  gap: 10px !important;
}

#rightcolumn .sidebar-widget--board .board-card__cta{
  margin-top: 14px !important;
}

/* 2) Контекстная реклама: две кнопки в одном ряду, без изменения ширины блока */
#rightcolumn .sidebar-widget--context .sidebar-widget__actions--inline{
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
  gap: 6px !important;
  align-items: stretch !important;
  width: 100% !important;
  margin-top: 10px !important;
}

#rightcolumn .sidebar-widget--context .sidebar-widget__actions--inline .sidebar-widget__divider{
  display: none !important;
}

#rightcolumn .sidebar-widget--context .sidebar-widget__actions--inline a{
  width: 70px !important;
  min-width: 0 !important;
  min-height: 32px !important;
  padding: 6px 6px !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  border-radius: 12px !important;
}

.avatar-badge-wrap{
  position: relative;
  width: 108px;
  height: 108px;
  margin: 0 auto;
  display: block;
}

.avatar-badge-img{
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  object-fit: cover;
}

.vip-avatar-badge{
  position: absolute;
  left: 54%;
  bottom: -9px;
  transform: translateX(-50%);
  z-index: 10;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 40px;
  height: 20px;
  padding: 0 9px;
  border-radius: 999px;

  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  color: #fff;

  background: linear-gradient(180deg, #ffcc4d 0%, #ff9800 100%);
  border: 2px solid #1a2238;
  box-shadow: 0 3px 10px rgba(255, 166, 0, 0.28);
  white-space: nowrap;
}
.top100-avatar-wrap{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
}

.top100-avatar-wrap .avatar-badge-img{
  width: 40px;
  height: 40px;
  border-radius: 50px;
  display: block;
}

.friends-avatar-wrap{
  position: relative;
  display: inline-block;
}

.friends-avatar-wrap .avatar-badge-img{
  display: block;
}

body.page-top100 #contentwrapper .top100-page__table-wrap{
  overflow-x: hidden !important;
}

body.page-top100 #contentwrapper .premium-table--top100{
  width: 100% !important;
  table-layout: auto !important;
}

body.page-top100 #contentwrapper .premium-table--top100 th,
body.page-top100 #contentwrapper .premium-table--top100 td{
  overflow-wrap: normal !important;
  word-break: normal !important;
  white-space: normal !important;
  vertical-align: middle !important;
}

body.page-top100 #contentwrapper .premium-table--top100 thead th:first-child,
body.page-top100 #contentwrapper .premium-table--top100 tbody td:first-child{
  width: 44px !important;
  text-align: center !important;
}

body.page-top100 #contentwrapper .premium-table--top100 thead th:nth-child(2),
body.page-top100 #contentwrapper .premium-table--top100 tbody td:nth-child(2){
  width: 60px !important;
  text-align: center !important;
}

body.page-top100 #contentwrapper .premium-table--top100 thead th:nth-child(3),
body.page-top100 #contentwrapper .premium-table--top100 tbody td:nth-child(3){
  width: auto !important;
  min-width: 180px !important;
  text-align: left !important;
}

body.page-top100 #contentwrapper .premium-table--top100 thead th:nth-child(4),
body.page-top100 #contentwrapper .premium-table--top100 tbody td:nth-child(4){
  width: 70px !important;
  text-align: center !important;
}

body.page-top100 #contentwrapper .premium-table--top100 thead th:nth-child(5),
body.page-top100 #contentwrapper .premium-table--top100 tbody td:nth-child(5){
  width: 100px !important;
  text-align: center !important;
}

body.page-top100 #contentwrapper .premium-table--top100 thead th:nth-child(6),
body.page-top100 #contentwrapper .premium-table--top100 tbody td:nth-child(6){
  width: 90px !important;
  text-align: right !important;
}

.wall-avatar-wrap,
.wall-friend-avatar-wrap,
.wall-comment-avatar-wrap,
.wall-menu-avatar-wrap,
.wall-search-avatar-wrap{
  position: relative;
  display: inline-block;
}

.wall-avatar-wrap .avatar-badge-img{
  display: block;
}

.wall-friend-avatar-wrap .avatar-badge-img{
  display: block;
  border-radius: 5px;
}

.wall-comment-avatar-wrap .avatar-badge-img{
  display: block;
}

.wall-menu-avatar-wrap .avatar-badge-img{
  display: block;
}

.wall-search-avatar-wrap .avatar-badge-img{
  display: block;
}

.mail-list-avatar-wrap,
.mail-last-avatar-wrap,
.mail-dialog-avatar-wrap,
.mail-post-avatar-wrap,
.mail-popup-avatar-wrap{
  position: relative;
  display: inline-block;
}

.mail-list-avatar-wrap img,
.mail-last-avatar-wrap img,
.mail-dialog-avatar-wrap img,
.mail-post-avatar-wrap img,
.mail-popup-avatar-wrap img{
  display: block;
}

.referals-avatar-wrap{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
}

.referals-avatar-wrap .avatar-badge-img{
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.goodref-avatar-badge-wrap{
  position: relative;
  display: inline-block;
  width: 92px;
  height: 92px;
}

.goodref-avatar-badge-wrap .avatar-badge-img{
  display: block;
  width: 92px;
  height: 92px;
  border-radius: 50%;
}

td.tos input[type="checkbox"]{
  vertical-align: middle;
  margin: 0 8px 0 0;
}


#new_mail_link{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#new_mail_link .coint{
  position: absolute !important;
  top: -5px !important;
  right: 5px !important;
  z-index: 10 !important;
}

#events_notify_link{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#events_notify_link .coint{
  position: absolute !important;
  top: -5px !important;
  right: 5px !important;
  z-index: 10 !important;
}

.event-notify-btn--active{
  border-color: rgba(255,204,64,.75) !important;
  color: #ffd766 !important;
  box-shadow: 0 0 0 1px rgba(255,204,64,.18), 0 0 18px rgba(255,204,64,.16) !important;
  animation: adsrekBellPulse 1.8s ease-in-out infinite;
}

.event-notify-btn--active i{
  animation: adsrekBellRing 1.8s ease-in-out infinite;
  transform-origin: 50% 0;
}

@keyframes adsrekBellPulse{
  0%, 100% { box-shadow: 0 0 0 1px rgba(255,204,64,.18), 0 0 16px rgba(255,204,64,.12); }
  50% { box-shadow: 0 0 0 1px rgba(255,204,64,.36), 0 0 24px rgba(255,204,64,.28); }
}

@keyframes adsrekBellRing{
  0%, 100% { transform: rotate(0deg); }
  10% { transform: rotate(12deg); }
  20% { transform: rotate(-10deg); }
  30% { transform: rotate(8deg); }
  40% { transform: rotate(-6deg); }
  50% { transform: rotate(0deg); }
}

/* ===== Competition premium v7: cleaner head, fixed panels, robust styles ===== */

.competition-page--v7 .competition-hero--v7{
  padding:20px 20px 18px !important;
  border-radius:24px;
}

.competition-page--v7 .competition-hero__main--v7{
  max-width:940px;
}

.competition-page--v7 .competition-hero__badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 14px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  color:#eef4ff;
  font-size:14px;
  font-weight:700;
}

.competition-page--v7 .competition-hero__title{
  margin:14px 0 10px;
  color:#f5f8ff;
  font-size:32px;
  line-height:1.08;
  font-weight:800;
}

.competition-page--v7 .competition-hero__text{
  margin:0;
  max-width:900px;
  color:rgba(236,242,252,.9);
  font-size:16px;
  line-height:1.45;
}

.competition-page--v7 .competition-tabs-shell--v7{
  padding:16px 18px 18px !important;
}

.competition-page--v7 .competition-tabs-shell__head--v7{
  margin-bottom:10px;
}

.competition-page--v7 .competition-tabs--v7{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:12px !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.competition-page--v7 .competition-tabs--v7 .menu-task-work__link{
  display:flex !important;
  align-items:center;
  justify-content:center;
  min-height:22px !important;
  padding:8px 12px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)), rgba(10,18,34,.7) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#dde7f8 !important;
  font-size:12px !important;
  line-height:1.1 !important;
  text-align:center !important;
  white-space:nowrap !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.competition-page--v7 .competition-tabs--v7 .menu-task-work__link:hover,
.competition-page--v7 .competition-tabs--v7 .menu-task-work__link.active{
  border-color:rgba(216,177,115,.4) !important;
  color:#fff !important;
  background:linear-gradient(180deg, rgba(33,53,88,.85), rgba(15,25,43,.9)) !important;
}

.competition-page--v7 .competition-card--v7{
  padding:20px 18px 18px;
}

.competition-page--v7 .competition-card__head--v7{
  display:block;
  margin-bottom:16px;
}

.competition-page--v7 .competition-card__eyebrow{
  display:inline-block;
  margin-bottom:10px;
  color:#d8e2f4;
  font-size:13px;
  font-weight:700;
}

.competition-page--v7 .competition-card__eyebrow--muted{
  color:#b9c8dd;
}

.competition-page--v7 .competition-card__eyebrow-sep{
  opacity:.55;
  margin:0 6px;
}

.competition-page--v7 .competition-card__title{
  margin:0 0 10px;
  color:#f5f8ff;
  font-size:24px;
  line-height:1.12;
  font-weight:800;
}

.competition-page--v7 .competition-card__lead{
  margin:0;
  color:rgba(232,239,249,.88);
  font-size:14px;
  line-height:1.45;
}

.competition-page--v7 .competition-meta--v7{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-bottom:16px;
}

.competition-page--v7 .competition-meta--v7 .competition-meta__item{
  min-height:auto !important;
  padding:14px 16px !important;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012)), rgba(11,19,34,.76);
  border:1px solid rgba(255,255,255,.07);
}

.competition-page--v7 .competition-meta--v7 .competition-meta__item--accent{
  background:linear-gradient(180deg, rgba(232,190,99,.08), rgba(255,255,255,.015)), rgba(14,22,36,.82);
  border-color:rgba(216,177,115,.28);
}

.competition-page--v7 .competition-meta--v7 .competition-meta__label{
  display:block;
  margin-bottom:6px;
  color:rgba(211,224,244,.62);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.competition-page--v7 .competition-meta--v7 .competition-meta__value{
  display:block;
  color:#fff;
  font-size:18px;
  font-weight:800;
  line-height:1.22;
}

.competition-page--v7 .competition-panel-grid--v7{
  display:grid !important;
  grid-template-columns:minmax(320px, .92fr) minmax(0, 1.08fr);
  gap:16px;
  align-items:start;
  margin-bottom:16px;
}

.competition-page--v7 .competition-panel--v7{
  padding:16px 16px 14px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012)), rgba(10,18,33,.78);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.competition-page--v7 .competition-panel--prizes.competition-panel--v7{
  background:radial-gradient(circle at 100% 0, rgba(241,192,94,.12), transparent 34%), linear-gradient(180deg, rgba(255,214,125,.05), rgba(255,214,125,.015)), rgba(11,18,31,.82);
  border-color:rgba(216,177,115,.26);
}

.competition-page--v7 .competition-panel__header--v7{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:12px;
}

.competition-page--v7 .competition-panel__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:12px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  color:#f2d28c;
  font-size:14px;
  line-height:1;
  flex:0 0 30px;
}

.competition-page--v7 .competition-panel__eyebrow{
  color:rgba(211,224,244,.62);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.competition-page--v7 .competition-panel__title{
  margin-top:2px;
  color:#fff;
  font-size:16px;
  font-weight:800;
  line-height:1.2;
}

.competition-page--v7 .competition-prizes__content--v7{
  overflow:auto;
  white-space:nowrap;
  padding-right:2px;
  color:rgba(237,243,255,.94);
  font-size:13px;
  line-height:1.85;
}

.competition-page--v7 .competition-prizes__content--v7 b,
.competition-page--v7 .competition-prizes__content--v7 strong{
  display:inline-block;
  min-width:168px;
  padding-right:12px;
  color:#fff;
  font-weight:800;
  white-space:nowrap;
}

.competition-page--v7 .competition-prizes__content--v7 br{
  display:block;
  content:"";
}

.competition-page--v7 .competition-rules__content--v7{
  color:rgba(236,242,252,.9);
  font-size:15px;
  line-height:1.65;
}

.competition-page--v7 .competition-rules__content--v7 b,
.competition-page--v7 .competition-rules__content--v7 strong{
  color:#fff;
  font-weight:800;
}

.competition-page--v7 .competition-rules__content--v7 font[color="#ff0000"],
.competition-page--v7 .competition-rules__content--v7 .red,
.competition-page--v7 .competition-rules__content--v7 span[style*="red"]{
  color:#ff4d4d !important;
  font-weight:700;
}

.competition-page--v7 .competition-progress-banner--v7{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  margin-bottom:18px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(32,57,98,.36), rgba(10,22,41,.72));
  border:1px solid rgba(90,142,221,.34);
}

.competition-page--v7 .competition-progress-banner__label{
  color:#f0f5ff;
  font-size:16px;
  font-weight:700;
}

.competition-page--v7 .competition-progress-banner__value{
  min-width:110px;
  padding:10px 16px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
  text-align:center;
  color:#fff;
  font-size:18px;
  font-weight:900;
}

.competition-page--v7 .competition-leaderboard--v7{
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)), rgba(10,18,33,.72);
  border:1px solid rgba(255,255,255,.08);
}

.competition-page--v7 .competition-leaderboard__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
}

.competition-page--v7 .competition-table__title{
  color:#f5f8ff;
  font-size:17px;
  font-weight:800;
  line-height:1.2;
}

.competition-page--v7 .competition-table__caption,
.competition-page--v7 .competition-leaderboard__legend{
  color:rgba(211,224,244,.74);
  font-size:13px;
}

.competition-page--v7 .competition-table-shell--v7{
  min-height:76px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
}

.competition-page--v7 .premium-table--competition-v7 thead th{
  padding:12px 14px;
  color:#f0ce88;
  font-size:13px;
  font-weight:800;
}

.competition-page--v7 .premium-table--competition-v7 tbody td{
  padding:12px 14px;
  color:#eaf1ff;
  font-size:14px;
  border-top:1px solid rgba(255,255,255,.05);
}

.competition-page--v7 .competition-rank{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:30px;
  padding:0 8px;
  border-radius:12px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  color:#fff;
  font-weight:800;
}

.competition-page--v7 .competition-login{
  color:#fff !important;
  text-decoration:none;
}

.competition-page--v7 .competition-login:hover{
  color:#f0ce88 !important;
}

.competition-page--v7 .competition-prize-state{
  display:inline-block;
  margin-left:10px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(94,177,102,.15);
  border:1px solid rgba(94,177,102,.28);
  color:#bde6c2;
  font-size:11px;
  font-weight:700;
}

@media (max-width:1100px){
  .competition-page--v7 .competition-tabs--v7,
  .competition-page--v7 .competition-meta--v7{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .competition-page--v7 .competition-meta__item--accent{
    grid-column:1 / -1;
  }

  .competition-page--v7 .competition-panel-grid--v7{
    grid-template-columns:1fr;
  }
}

@media (max-width:680px){
  .competition-page--v7 .competition-tabs--v7,
  .competition-page--v7 .competition-meta--v7{
    grid-template-columns:1fr;
  }

  .competition-page--v7 .competition-hero__title{
    font-size:28px;
  }

  .competition-page--v7 .competition-card__title{
    font-size:21px;
  }

  .competition-page--v7 .competition-progress-banner--v7,
  .competition-page--v7 .competition-leaderboard__head{
    flex-direction:column;
    align-items:stretch;
  }

  .competition-page--v7 .competition-progress-banner__value{
    width:100%;
  }
}


/* ===== Competition premium v8: final polish + live data fix ===== */

.competition-page--v7 .competition-card--v7{
  padding: 18px 18px 16px;
}

.competition-page--v7 .competition-card__head--v7{
  margin-bottom: 14px;
}

.competition-page--v7 .competition-card__eyebrow{
  margin-bottom: 8px;
  font-size: 12px;
}

.competition-page--v7 .competition-card__lead{
  max-width: 880px;
  font-size: 13px;
  line-height: 1.5;
}

.competition-page--v7 .competition-meta--v7{
  gap: 10px;
  margin-bottom: 14px;
}

.competition-page--v7 .competition-meta--v7 .competition-meta__item{
  padding: 12px 15px !important;
  border-radius: 16px;
}

.competition-page--v7 .competition-meta--v7 .competition-meta__value{
  font-size: 16px;
}

.competition-page--v7 .competition-panel-grid--v7{
  gap: 14px;
  margin-bottom: 14px;
}

.competition-page--v7 .competition-panel--v7{
  padding: 15px 15px 13px;
  border-radius: 20px;
}

.competition-page--v7 .competition-panel__header--v7{
  margin-bottom: 10px;
}

.competition-page--v7 .competition-prizes__content--v7{
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 4px;
  font-size: 12.5px;
  line-height: 1.72;
  scrollbar-width: thin;
}

.competition-page--v7 .competition-prizes__content--v7 b,
.competition-page--v7 .competition-prizes__content--v7 strong{
  min-width: 150px;
  padding-right: 10px;
}

.competition-page--v7 .competition-prizes__content--v7::-webkit-scrollbar{
  height: 8px;
}

.competition-page--v7 .competition-prizes__content--v7::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.18);
  border-radius: 999px;
}

.competition-page--v7 .competition-rules__content--v7{
  font-size: 14px;
  line-height: 1.62;
}

.competition-page--v7 .competition-rules__content--v7 font[color="#ff0000"],
.competition-page--v7 .competition-rules__content--v7 .red,
.competition-page--v7 .competition-rules__content--v7 span[style*="red"]{
  color:#ff6b6b !important;
}

.competition-page--v7 .competition-rules__content--v7 p:has(font[color="#ff0000"]),
.competition-page--v7 .competition-rules__content--v7 div:has(font[color="#ff0000"]),
.competition-page--v7 .competition-rules__content--v7 p:has(span[style*="red"]),
.competition-page--v7 .competition-rules__content--v7 div:has(span[style*="red"]){
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(140,30,38,.10);
  border: 1px solid rgba(255,100,100,.18);
}

.competition-page--v7 .competition-progress-banner--v7{
  padding: 12px 14px;
  margin-bottom: 16px;
  border-radius: 18px;
}

.competition-page--v7 .competition-progress-banner__label{
  font-size: 15px;
}

.competition-page--v7 .competition-progress-banner__value{
  min-width: 96px;
  padding: 9px 14px;
  font-size: 17px;
}

.competition-page--v7 .competition-leaderboard--v7{
  padding: 16px;
  border-radius: 20px;
}

.competition-page--v7 .premium-table--competition-v7 thead th{
  padding: 11px 13px;
}

.competition-page--v7 .premium-table--competition-v7 tbody td{
  padding: 11px 13px;
}

@media (max-width: 860px){
  .competition-page--v7 .competition-prizes__content--v7{
    font-size: 12px;
  }

  .competition-page--v7 .competition-prizes__content--v7 b,
  .competition-page--v7 .competition-prizes__content--v7 strong{
    min-width: 138px;
  }
}


/* ===== Competition premium v9: hero cleanup + wider prizes block ===== */
.competition-page--v7 .competition-hero--v7{
  padding: 18px 20px 16px !important;
}

.competition-page--v7 .competition-hero__badge{
  margin-bottom: 0;
}

.competition-page--v7 .competition-hero__title{
  margin: 14px 0 0;
}

.competition-page--v7 .competition-panel-grid--v7{
  grid-template-columns: minmax(390px, 1.06fr) minmax(0, 0.94fr);
  gap: 14px;
}

.competition-page--v7 .competition-panel--prizes.competition-panel--v7{
  padding: 18px 18px 16px;
}

.competition-page--v7 .competition-prizes__content--v7{
  overflow: visible;
  padding-right: 0;
  font-size: 12.5px;
  line-height: 1.75;
}

.competition-page--v7 .competition-prizes__content--v7 b,
.competition-page--v7 .competition-prizes__content--v7 strong{
  min-width: 138px;
  padding-right: 10px;
}

.competition-page--v7 .competition-card__lead{
  max-width: 860px;
}

@media (max-width: 1180px){
  .competition-page--v7 .competition-panel-grid--v7{
    grid-template-columns: 1fr;
  }
}


/* leaderboard fix */
#contentwrapper .competition-page .premium-table{
  table-layout: auto !important;
}

#contentwrapper .competition-page .premium-table th,
#contentwrapper .competition-page .premium-table td{
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  vertical-align: middle !important;
}

#contentwrapper .competition-page .premium-table thead th:first-child,
#contentwrapper .competition-page .premium-table tbody td:first-child{
  width: 64px !important;
  text-align: center !important;
}

#contentwrapper .competition-page .premium-table thead th:nth-child(2),
#contentwrapper .competition-page .premium-table tbody td:nth-child(2){
  width: auto !important;
  min-width: 180px !important;
  text-align: left !important;
}

#contentwrapper .competition-page .premium-table thead th:nth-child(3),
#contentwrapper .competition-page .premium-table tbody td:nth-child(3){
  width: 90px !important;
  text-align: center !important;
}

#contentwrapper .competition-page .premium-table thead th:nth-child(4),
#contentwrapper .competition-page .premium-table tbody td:nth-child(4){
  width: 120px !important;
  text-align: center !important;
}

.competition-hero{
    text-align: center;
    margin: 0 0 10px;
}

.competition-hero__title{
    display: inline-block;
    margin: 0 auto;
    padding: 0 14px 6px;
    position: relative;

    font-size: 24px;
    line-height: 1.02;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: #f3f6ff;

    text-align: center;
    text-shadow: 0 3px 12px rgba(0,0,0,0.24);
}

.competition-hero__title::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 42px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        rgba(212,173,102,0),
        rgba(212,173,102,1),
        rgba(212,173,102,0)
    );
    box-shadow: 0 0 8px rgba(212,173,102,0.18);
}

.competition-hero{
    margin-bottom: 12px !important;
}

.header-auth-links{
  display:flex;
  align-items:center;
  gap:10px;
  margin-right:10px;
}

.header-auth-btn{
  min-height:44px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:14px;
  text-decoration:none;
  color:var(--ads-text);
  background:rgba(255,255,255,0.03);
  border:1px solid var(--ads-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.03), 0 10px 22px rgba(0,0,0,0.14);
  transition:.2s ease;
  font-size:14px;
  font-weight:600;
}

.header-auth-btn:hover{
  border-color:var(--ads-border-strong);
  background:var(--ads-accent-soft);
  color:#fff;
  text-decoration:none;
}

.header-auth-btn--accent{
  color:#fff;
}

.header-auth-btn--accent:hover{
  filter:brightness(1.08);
  color:#fff;
}

@media (max-width: 980px){
  .header-auth-links{
    display:none;
  }
}



.ref-v4__table {
  background: linear-gradient(180deg, rgba(16, 27, 44, .98), rgba(8, 17, 31, .99)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.20) !important;
}

/* make table natural again, colspan behaves better this way */
.ref-v4 #referals-new,
.ref-v4 #referals-new_no {
  width: 100% !important;
  min-width: 650px !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* header */
.ref-v4 #referals-new tr:first-child th {
  height: 44px !important;
  padding: 10px 8px !important;
  background: linear-gradient(180deg, rgba(2,10,22,.98), rgba(4,13,25,.98)) !important;
  color: #d9b873 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  vertical-align: middle !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  white-space: normal !important;
}

.ref-v4 #referals-new tr:first-child th:first-child {
  text-align: center !important;
}

.ref-v4 #referals-new tr:first-child th span {
  margin: 0 3px !important;
  white-space: nowrap !important;
}

/* body row */
.ref-v4 #referals-new tr:not(:first-child) {
  background: linear-gradient(180deg, rgba(18, 29, 46, .78), rgba(9, 18, 32, .96)) !important;
}

.ref-v4 #referals-new tr:not(:first-child) td {
  height: 86px !important;
  padding: 13px 8px !important;
  color: rgba(238,242,249,.72) !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
  vertical-align: middle !important;
  text-align: center !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

/* exact body columns */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1) {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  padding-left: 14px !important;
  text-align: center !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) {
  width: 185px !important;
  min-width: 185px !important;
  text-align: left !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(3) {
  width: 76px !important;
  min-width: 76px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(4) {
  width: 112px !important;
  min-width: 112px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(5) {
  width: 42px !important;
  min-width: 42px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) {
  width: 58px !important;
  min-width: 58px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) {
  width: 78px !important;
  min-width: 78px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8) {
  width: 50px !important;
  min-width: 50px !important;
  padding-right: 14px !important;
  white-space: nowrap !important;
}

/* readable text inside old generated markup */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) a,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) b,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) strong {
  color: #a8c8ff !important;
  font-weight: 900 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) font,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) span {
  line-height: 1.35 !important;
}

/* avatar/icon normalization */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1) img {
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) img {
  width: 31px !important;
  height: 31px !important;
  max-width: 31px !important;
  max-height: 31px !important;
  border-radius: 50% !important;
}

/* right action icons must stay in one line */
.ref-v4 #referals-new tr:not(:first-child) td:last-child,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8) {
  display: table-cell !important;
  vertical-align: middle !important;
  text-align: center !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:last-child a,
.ref-v4 #referals-new tr:not(:first-child) td:last-child span,
.ref-v4 #referals-new tr:not(:first-child) td:last-child img {
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 2px !important;
  float: none !important;
}

/* make small buttons in income/refback column neat */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .btn {
  min-height: 22px !important;
  height: 22px !important;
  padding: 0 8px !important;
  border-radius: 7px !important;
  font-size: 10px !important;
}

/* hover */
.ref-v4 #referals-new tr:not(:first-child):hover td {
  background: rgba(255,255,255,.025) !important;
}

/* mobile */
@media (max-width: 980px) {
  .ref-v4 #referals-new,
  .ref-v4 #referals-new_no {
    min-width: 720px !important;
  }
}

.ref-v4 #catblock1.ref-v4__search[style*="display: none"],
.ref-v4 #catblock1.ref-v4__search[style*="display:none"],
.ref-v4 #catblock2.ref-v4__refback[style*="display: none"],
.ref-v4 #catblock2.ref-v4__refback[style*="display:none"] {
  display: none !important;
}

.ref-v4 #catblock1.ref-v4__search:not([style*="display: none"]):not([style*="display:none"]) {
  display: flex !important;
}

.ref-v4 #catblock2.ref-v4__refback:not([style*="display: none"]):not([style*="display:none"]) {
  display: block !important;
}

/* search row */
.ref-v4 #catblock1.ref-v4__search {
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  padding: 12px 14px !important;
  min-height: 58px !important;
}

.ref-v4 #catblock1.ref-v4__search .ref-v4__search-title,
.ref-v4 #catblock1.ref-v4__search label {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 190px !important;
  max-width: 220px !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.ref-v4 #catblock1.ref-v4__search input[type="text"] {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 180px !important;
  max-width: 360px !important;
}

.ref-v4 #catblock1.ref-v4__search button.form-task-p {
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
}

/* refback block */
.ref-v4 #catblock2.ref-v4__refback {
  padding: 12px 14px !important;
  border-radius: 18px !important;
  overflow: visible !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row {
  display: grid !important;
  grid-template-columns: 86px minmax(180px, 1fr) !important;
  align-items: center !important;
  gap: 10px 12px !important;
  padding: 10px !important;
  margin: 0 0 10px 0 !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
}

.ref-v4 #catblock2.ref-v4__refback form.aj-form {
  display: grid !important;
  grid-template-columns: 86px minmax(180px, 1fr) !important;
  align-items: center !important;
  gap: 10px 12px !important;
  width: 100% !important;
  margin: 0 0 8px 0 !important;
  padding: 10px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row form.aj-form {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.ref-v4 #catblock2.ref-v4__refback select {
  grid-column: 1 !important;
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background-color: rgba(17,27,43,.96) !important;
  color: #eef3fb !important;
  box-shadow: none !important;
}

.ref-v4 #catblock2.ref-v4__refback select option {
  background: #111b2b !important;
  color: #eef3fb !important;
}

.ref-v4 #catblock2.ref-v4__refback input[type="submit"],
.ref-v4 #catblock2.ref-v4__refback .btn {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__hint,
.ref-v4 #catblock2.ref-v4__refback .desctext {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding: 0 2px !important;
  color: rgba(237,241,247,.64) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.ref-v4 #catblock2.ref-v4__refback br {
  display: none !important;
}

/* compact quick buttons */
.ref-v4__quick {
  padding: 9px 10px !important;
  gap: 8px !important;
}

.ref-v4__quick .btn {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
}

/* empty table */
.ref-v4 .del-all td {
  height: 96px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.ref-v4 .del-all .ref-v4__empty,
.ref-v4 .del-all td {
  color: rgba(237,241,247,.72) !important;
}

@media (max-width: 980px) {
  .ref-v4 #catblock1.ref-v4__search {
    flex-wrap: wrap !important;
    justify-content: stretch !important;
  }

  .ref-v4 #catblock1.ref-v4__search .ref-v4__search-title,
  .ref-v4 #catblock1.ref-v4__search label {
    flex: 1 1 100% !important;
    max-width: none !important;
    width: 100% !important;
  }

  .ref-v4 #catblock1.ref-v4__search input[type="text"] {
    max-width: none !important;
  }

  .ref-v4 #catblock2.ref-v4__refback form.aj-form,
  .ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row {
    grid-template-columns: 1fr !important;
  }

  .ref-v4 #catblock2.ref-v4__refback select,
  .ref-v4 #catblock2.ref-v4__refback input[type="submit"],
  .ref-v4 #catblock2.ref-v4__refback .btn {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
  }
}

/* ADSREK referrals v4.4 popup polish
   Подключить самым последним после всех CSS редизайна.
   Исправляет внешний вид popup_w окон: условия продажи, история покупок и похожие модалки.
*/

/* overlay / затемнение */
#fade,
.fade,
.overlay,
.popup-overlay,
.window-overlay,
#popup-overlay,
#modal-overlay,
.box-modal_close + .arcticmodal-overlay,
.arcticmodal-overlay,
.ui-widget-overlay {
  background: rgba(2, 8, 18, .78) !important;
  backdrop-filter: blur(3px) !important;
}

/* основные контейнеры модалок */
#popup,
.popup,
.popup_w,
.popup-window,
.pop-up,
.pop-up-window,
.window,
.window_popup,
.window-pop,
.modal,
.modal-window,
.box-modal,
.arcticmodal-container_i2,
.ui-dialog {
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: linear-gradient(180deg, rgba(22,32,50,.98), rgba(9,16,29,.99)) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04) !important;
  color: rgba(238,243,251,.88) !important;
  overflow: hidden !important;
}

/* если popup_w рисует вложенный прямой div */
.popup_w > div,
.popup-window > div,
.pop-up-window > div,
.window_popup > div,
.box-modal > div,
.ui-dialog > div {
  box-sizing: border-box !important;
}

/* шапка модалки */
.popup-title,
.popup_head,
.popup-header,
.window-title,
.window_head,
.modal-title,
.modal-header,
.box-modal-title,
.ui-dialog-titlebar,
.popup_w .title,
.window .title,
#popup .title {
  min-height: 46px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  background: linear-gradient(180deg, rgba(13,27,49,.98), rgba(8,18,34,.98)) !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;
  color: #edf3fb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
}

/* тело модалки */
.popup-content,
.popup_body,
.popup-body,
.window-content,
.window_body,
.modal-content,
.modal-body,
.box-modal-content,
.ui-dialog-content,
.popup_w .content,
.window .content,
#popup .content {
  padding: 18px 20px !important;
  background: transparent !important;
  color: rgba(238,243,251,.82) !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

/* текст внутри старых php popup */
.popup_w table,
.window table,
.box-modal table,
.ui-dialog table,
.popup table,
.modal table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  color: rgba(238,243,251,.82) !important;
}

.popup_w td,
.window td,
.box-modal td,
.ui-dialog td,
.popup td,
.modal td {
  padding: 11px 14px !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
  color: rgba(238,243,251,.82) !important;
  line-height: 1.45 !important;
}

.popup_w tr:first-child td,
.window tr:first-child td,
.box-modal tr:first-child td,
.ui-dialog tr:first-child td,
.popup tr:first-child td,
.modal tr:first-child td {
  color: #d9b873 !important;
  font-weight: 900 !important;
  background: rgba(6,15,30,.72) !important;
}

.popup_w tr:last-child td,
.window tr:last-child td,
.box-modal tr:last-child td,
.ui-dialog tr:last-child td,
.popup tr:last-child td,
.modal tr:last-child td {
  border-bottom: 0 !important;
}

/* выделения в попапах */
.popup_w b,
.window b,
.box-modal b,
.ui-dialog b,
.popup b,
.modal b,
.popup_w strong,
.window strong,
.box-modal strong,
.ui-dialog strong,
.popup strong,
.modal strong {
  color: #edf3fb !important;
  font-weight: 900 !important;
}

.popup_w a,
.window a,
.box-modal a,
.ui-dialog a,
.popup a,
.modal a {
  color: #d9b873 !important;
  text-decoration: none !important;
  border-bottom: 1px dashed rgba(217,184,115,.45) !important;
}

.popup_w font[color],
.window font[color],
.box-modal font[color],
.ui-dialog font[color],
.popup font[color],
.modal font[color] {
  color: #d9b873 !important;
}

/* кнопка закрыть */
.popup-close,
.close,
.close-popup,
.window-close,
.modal-close,
.box-modal_close,
.ui-dialog-titlebar-close,
.popup_w [onclick*="close"],
.window [onclick*="close"],
#popup [onclick*="close"] {
  min-width: 68px !important;
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.04) !important;
  color: rgba(238,243,251,.86) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 32px !important;
  text-align: center !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

.popup-close:hover,
.close:hover,
.close-popup:hover,
.window-close:hover,
.modal-close:hover,
.box-modal_close:hover,
.ui-dialog-titlebar-close:hover,
.popup_w [onclick*="close"]:hover,
.window [onclick*="close"]:hover,
#popup [onclick*="close"]:hover {
  background: rgba(217,184,115,.13) !important;
  border-color: rgba(217,184,115,.35) !important;
  color: #fff !important;
}

/* история покупок / продажи: полосы секций */
.popup_w .msg-info,
.window .msg-info,
.box-modal .msg-info,
.ui-dialog .msg-info,
.popup_w .add-infa,
.window .add-infa,
.box-modal .add-infa,
.ui-dialog .add-infa {
  margin: 0 !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  background: rgba(255,255,255,.025) !important;
  color: rgba(238,243,251,.78) !important;
}

/* input/button внутри модалок */
.popup_w input,
.window input,
.box-modal input,
.ui-dialog input,
.popup_w select,
.window select,
.box-modal select,
.ui-dialog select,
.popup_w textarea,
.window textarea,
.box-modal textarea,
.ui-dialog textarea {
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.035) !important;
  color: #eef3fb !important;
  box-shadow: none !important;
}

.popup_w input[type="submit"],
.window input[type="submit"],
.box-modal input[type="submit"],
.ui-dialog input[type="submit"],
.popup_w button,
.window button,
.box-modal button,
.ui-dialog button,
.popup_w .btn,
.window .btn,
.box-modal .btn,
.ui-dialog .btn {
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.045) !important;
  color: rgba(238,243,251,.88) !important;
  font-weight: 800 !important;
}

/* размер и адаптация */
@media (max-width: 760px) {
  #popup,
  .popup,
  .popup_w,
  .popup-window,
  .pop-up,
  .pop-up-window,
  .window,
  .window_popup,
  .modal,
  .modal-window,
  .box-modal,
  .ui-dialog {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    left: 12px !important;
    right: 12px !important;
  }

  .popup-content,
  .popup_body,
  .popup-body,
  .window-content,
  .window_body,
  .modal-content,
  .modal-body,
  .box-modal-content,
  .ui-dialog-content,
  .popup_w .content,
  .window .content,
  #popup .content {
    padding: 14px !important;
  }
}

#contentwrapper .ref-v4,
.ref-v4{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:0 4px 22px!important;
  color:var(--ref4-text)!important;
}
.ref-v4 *{box-sizing:border-box}
.ref-v4>.titles{margin-bottom:6px!important}
.ref-v4__tabs,
.ref-v4__filters,
.ref-v4__quick,
.ref-v4__notice,
.ref-v4__search,
.ref-v4__refback,
.ref-v4__stats,
.ref-v4__table,
.ref-v4__buy{
  border:1px solid var(--ref4-border)!important;
  background:var(--ref4-card)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
.ref-v4__tabs,
.ref-v4__filters,
.ref-v4__quick{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:10px!important;
}
.ref-v4__filters{justify-content:flex-start!important}
.ref-v4__notice{
  padding:15px 17px!important;
  line-height:1.58!important;
  color:var(--ref4-muted)!important;
  border-left:3px solid var(--ref4-accent)!important;
  text-align:left!important;
}
.ref-v4__notice b{color:var(--ref4-text)!important}
.ref-v4__notice a{color:var(--ref4-accent)!important;border-bottom:1px dashed rgba(209,176,115,.55)!important}
.ref-v4 .menu-task-work{margin:0!important;padding:0!important;background:transparent!important}
.ref-v4 .menu-task-work__link,
.ref-v4 .btn,
.ref-v4 input[type="submit"],
.ref-v4 input[type="button"],
.ref-v4 button.form-task-p{
  min-height:34px!important;
  height:34px!important;
  width:auto!important;
  min-width:auto!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid var(--ref4-border)!important;
  background:var(--ref4-soft)!important;
  color:var(--ref4-muted)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  transform:none!important;
  filter:none!important;
}
.ref-v4__tabs .menu-task-work__link{min-width:122px!important}
.ref-v4__filters .menu-task-work__link{min-width:82px!important}
.ref-v4__quick .btn{min-width:126px!important}
.ref-v4 .menu-task-work__link:hover,
.ref-v4 .menu-task-work__link.active,
.ref-v4 .btn:hover,
.ref-v4 input[type="submit"]:hover,
.ref-v4 button.form-task-p:hover{
  color:var(--ref4-text)!important;
  border-color:rgba(209,176,115,.34)!important;
  background:linear-gradient(180deg, rgba(209,176,115,.14), rgba(255,255,255,.035))!important;
}
.ref-v4__search{
  padding:12px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.ref-v4__search-title{font-size:13px!important;font-weight:800!important;color:var(--ref4-text)!important;white-space:nowrap!important}
.ref-v4 input[type="text"],
.ref-v4 select{
  min-height:38px!important;
  height:38px!important;
  width:auto!important;
  max-width:100%!important;
  padding:0 12px!important;
  border-radius:12px!important;
  border:1px solid var(--ref4-border)!important;
  background:rgba(255,255,255,.035)!important;
  color:var(--ref4-text)!important;
  box-shadow:none!important;
}
.ref-v4__search input[type="text"]{width:220px!important}
.ref-v4 button.form-task-p{width:38px!important;min-width:38px!important;padding:0!important}
.ref-v4 .ico-search{margin:0!important;background-position:center!important}
.ref-v4__refback{padding:12px 16px!important;display:grid!important;gap:10px!important}
.ref-v4__refback-row{
  display:grid!important;
  grid-template-columns:88px minmax(180px,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.045)!important;
  background:rgba(255,255,255,.018)!important;
}
.ref-v4__refback form{display:contents!important}
.ref-v4__refback select{width:78px!important}
.ref-v4__refback input[type="submit"]{width:100%!important}
.ref-v4__hint{grid-column:1/-1!important;color:var(--ref4-muted)!important;font-size:12px!important;line-height:1.45!important}
.ref-v4__stats{
  min-height:42px!important;
  padding:10px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  background:linear-gradient(180deg, rgba(13,22,36,.90), rgba(7,14,26,.96))!important;
}
.ref-v4__count{color:var(--ref4-ok)!important;font-size:13px!important;font-weight:900!important}
.ref-v4__meta{color:var(--ref4-dim)!important;font-size:12px!important}
.ref-v4__table{overflow:hidden!important}
.ref-v4__table-scroll{overflow:auto!important}
.ref-v4 table.table,
.ref-v4 #referals-new,
.ref-v4 #referals-new_no{
  width:100%!important;
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ref-v4 .table th{
  padding:11px 12px!important;
  background:linear-gradient(180deg, rgba(4,12,24,.98), rgba(5,13,25,.98))!important;
  color:var(--ref4-accent)!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:900!important;
  border:0!important;
  border-bottom:1px solid var(--ref4-border)!important;
  text-align:center!important;
}
.ref-v4 .table td{
  padding:13px 12px!important;
  color:var(--ref4-muted)!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  vertical-align:middle!important;
  font-size:12px!important;
}
.ref-v4 .table tr:last-child td{border-bottom:0!important}
.ref-v4 .table tr:hover td{background:rgba(255,255,255,.022)!important}
.ref-v4 .table th span{
  cursor:pointer!important;
  color:inherit!important;
  border-bottom:0!important;
  margin:0 4px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
}
.ref-v4 .table th span.active-ASC,
.ref-v4 .table th span.active-DESC{color:#fff!important}
.ref-v4 .table th span.active-ASC:after{content:" ↑"!important;color:var(--ref4-accent)!important}
.ref-v4 .table th span.active-DESC:after{content:" ↓"!important;color:var(--ref4-accent)!important}
.ref-v4 .table a{color:#92bbff!important}
.ref-v4 .table b,.ref-v4 .table strong{color:var(--ref4-text)!important}
.ref-v4__empty{padding:28px 16px!important;color:#ffb2b2!important;font-weight:900!important;text-align:center!important}
.ref-v4 hr{display:none!important}
.ref-v4 center{display:block!important;text-align:inherit!important}
.ref-v4 font[color="c80000"],
.ref-v4 font[color="#c80000"],
.ref-v4 font[color="#C80000"],
.ref-v4 font[color="C80000"]{color:#ffb0b0!important}
.ref-v4--sub .ref-v4__filters{justify-content:center!important}
.ref-v4--sub .ref-v4__notice{padding:14px 16px!important}
.ref-v4__buy{padding:18px!important;text-align:center!important}
.ref-v4__buy form{margin:0!important}
.ref-v4__buy input[type="submit"]{min-width:320px!important;max-width:100%!important}
@media(max-width:980px){
  .ref-v4{padding:0 0 18px!important}
  .ref-v4__tabs .menu-task-work__link,
  .ref-v4__filters .menu-task-work__link,
  .ref-v4__quick .btn{flex:1 1 calc(50% - 8px)!important;min-width:0!important}
  .ref-v4__search{justify-content:stretch!important}
  .ref-v4__search-title{width:100%!important}
  .ref-v4__search input[type="text"]{flex:1 1 auto!important;width:calc(100% - 50px)!important}
  .ref-v4__refback-row{grid-template-columns:1fr!important}
  .ref-v4__refback select,.ref-v4__refback input[type="submit"]{width:100%!important}
}
@media(max-width:560px){
  .ref-v4__tabs .menu-task-work__link,
  .ref-v4__filters .menu-task-work__link,
  .ref-v4__quick .btn{flex-basis:100%!important}
}


/* ===== referals_table_final_fix_v4_2.css ===== */
/* ADSREK referrals v4.2 table final fix
   Put this at the very end of referals_redesign_v4_1.css,
   or connect this file after referals_redesign_v4_1.css.
*/

/* table container */
.ref-v4__table {
  background: linear-gradient(180deg, rgba(18, 28, 44, .94), rgba(8, 16, 30, .98)) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  overflow: hidden !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.16) !important;
}

/* make table natural again, colspan behaves better this way */
.ref-v4 #referals-new,
.ref-v4 #referals-new_no {
  width: 100% !important;
  min-width: 650px !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* header */
.ref-v4 #referals-new tr:first-child th {
  height: 44px !important;
  padding: 10px 8px !important;
  background: linear-gradient(180deg, rgba(2,10,22,.98), rgba(4,13,25,.98)) !important;
  color: #d9b873 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  vertical-align: middle !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  white-space: normal !important;
}

.ref-v4 #referals-new tr:first-child th:first-child {
  text-align: center !important;
}

.ref-v4 #referals-new tr:first-child th span {
  margin: 0 3px !important;
  white-space: nowrap !important;
}

/* body row */
.ref-v4 #referals-new tr:not(:first-child) {
  background: linear-gradient(180deg, rgba(18, 29, 46, .78), rgba(9, 18, 32, .96)) !important;
}

.ref-v4 #referals-new tr:not(:first-child) td {
  height: 86px !important;
  padding: 13px 8px !important;
  color: rgba(238,242,249,.72) !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
  vertical-align: middle !important;
  text-align: center !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

/* exact body columns */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1) {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  padding-left: 14px !important;
  text-align: center !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) {
  width: 185px !important;
  min-width: 185px !important;
  text-align: left !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(3) {
  width: 76px !important;
  min-width: 76px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(4) {
  width: 112px !important;
  min-width: 112px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(5) {
  width: 42px !important;
  min-width: 42px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) {
  width: 58px !important;
  min-width: 58px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) {
  width: 78px !important;
  min-width: 78px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8) {
  width: 50px !important;
  min-width: 50px !important;
  padding-right: 14px !important;
  white-space: nowrap !important;
}

/* readable text inside old generated markup */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) a,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) b,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) strong {
  color: #a8c8ff !important;
  font-weight: 900 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) font,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) span {
  line-height: 1.35 !important;
}

/* avatar/icon normalization */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1) img {
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) img {
  width: 31px !important;
  height: 31px !important;
  max-width: 31px !important;
  max-height: 31px !important;
  border-radius: 50% !important;
}

/* right action icons must stay in one line */
.ref-v4 #referals-new tr:not(:first-child) td:last-child,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8) {
  display: table-cell !important;
  vertical-align: middle !important;
  text-align: center !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:last-child a,
.ref-v4 #referals-new tr:not(:first-child) td:last-child span,
.ref-v4 #referals-new tr:not(:first-child) td:last-child img {
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 2px !important;
  float: none !important;
}

/* make small buttons in income/refback column neat */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .btn {
  min-height: 22px !important;
  height: 22px !important;
  padding: 0 8px !important;
  border-radius: 7px !important;
  font-size: 10px !important;
}

/* hover */
.ref-v4 #referals-new tr:not(:first-child):hover td {
  background: rgba(255,255,255,.025) !important;
}

/* mobile */
@media (max-width: 980px) {
  .ref-v4 #referals-new,
  .ref-v4 #referals-new_no {
    min-width: 720px !important;
  }
}


/* ===== referals_visibility_refback_fix_v4_3.css ===== */
/* ADSREK referrals v4.3 final visibility + refback fix
   Подключить САМЫМ ПОСЛЕДНИМ после всех CSS редизайна.
*/

/* hidden blocks must stay hidden */
.ref-v4 #catblock1.ref-v4__search[style*="display: none"],
.ref-v4 #catblock1.ref-v4__search[style*="display:none"],
.ref-v4 #catblock2.ref-v4__refback[style*="display: none"],
.ref-v4 #catblock2.ref-v4__refback[style*="display:none"] {
  display: none !important;
}

.ref-v4 #catblock1.ref-v4__search:not([style*="display: none"]):not([style*="display:none"]) {
  display: flex !important;
}

.ref-v4 #catblock2.ref-v4__refback:not([style*="display: none"]):not([style*="display:none"]) {
  display: block !important;
}

/* search row */
.ref-v4 #catblock1.ref-v4__search {
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  padding: 12px 14px !important;
  min-height: 58px !important;
}

.ref-v4 #catblock1.ref-v4__search .ref-v4__search-title,
.ref-v4 #catblock1.ref-v4__search label {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 190px !important;
  max-width: 220px !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.ref-v4 #catblock1.ref-v4__search input[type="text"] {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 180px !important;
  max-width: 360px !important;
}

.ref-v4 #catblock1.ref-v4__search button.form-task-p {
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
}

/* refback block */
.ref-v4 #catblock2.ref-v4__refback {
  padding: 12px 14px !important;
  border-radius: 18px !important;
  overflow: visible !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row {
  display: grid !important;
  grid-template-columns: 86px minmax(180px, 1fr) !important;
  align-items: center !important;
  gap: 10px 12px !important;
  padding: 10px !important;
  margin: 0 0 10px 0 !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
}

.ref-v4 #catblock2.ref-v4__refback form.aj-form {
  display: grid !important;
  grid-template-columns: 86px minmax(180px, 1fr) !important;
  align-items: center !important;
  gap: 10px 12px !important;
  width: 100% !important;
  margin: 0 0 8px 0 !important;
  padding: 10px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row form.aj-form {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.ref-v4 #catblock2.ref-v4__refback select {
  grid-column: 1 !important;
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background-color: rgba(17,27,43,.96) !important;
  color: #eef3fb !important;
  box-shadow: none !important;
}

.ref-v4 #catblock2.ref-v4__refback select option {
  background: #111b2b !important;
  color: #eef3fb !important;
}

.ref-v4 #catblock2.ref-v4__refback input[type="submit"],
.ref-v4 #catblock2.ref-v4__refback .btn {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__hint,
.ref-v4 #catblock2.ref-v4__refback .desctext {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding: 0 2px !important;
  color: rgba(237,241,247,.64) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.ref-v4 #catblock2.ref-v4__refback br {
  display: none !important;
}

/* compact quick buttons */
.ref-v4__quick {
  padding: 9px 10px !important;
  gap: 8px !important;
}

.ref-v4__quick .btn {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
}

/* empty table */
.ref-v4 .del-all td {
  height: 96px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.ref-v4 .del-all .ref-v4__empty,
.ref-v4 .del-all td {
  color: rgba(237,241,247,.72) !important;
}

@media (max-width: 980px) {
  .ref-v4 #catblock1.ref-v4__search {
    flex-wrap: wrap !important;
    justify-content: stretch !important;
  }

  .ref-v4 #catblock1.ref-v4__search .ref-v4__search-title,
  .ref-v4 #catblock1.ref-v4__search label {
    flex: 1 1 100% !important;
    max-width: none !important;
    width: 100% !important;
  }

  .ref-v4 #catblock1.ref-v4__search input[type="text"] {
    max-width: none !important;
  }

  .ref-v4 #catblock2.ref-v4__refback form.aj-form,
  .ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row {
    grid-template-columns: 1fr !important;
  }

  .ref-v4 #catblock2.ref-v4__refback select,
  .ref-v4 #catblock2.ref-v4__refback input[type="submit"],
  .ref-v4 #catblock2.ref-v4__refback .btn {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
  }
}


/* ===== referals_popup_polish_v4_4.css ===== */
/* ADSREK referrals v4.4 popup polish
   Подключить самым последним после всех CSS редизайна.
   Исправляет внешний вид popup_w окон: условия продажи, история покупок и похожие модалки.
*/

/* overlay / затемнение */
#fade,
.fade,
.overlay,
.popup-overlay,
.window-overlay,
#popup-overlay,
#modal-overlay,
.box-modal_close + .arcticmodal-overlay,
.arcticmodal-overlay,
.ui-widget-overlay {
  background: rgba(2, 8, 18, .78) !important;
  backdrop-filter: blur(3px) !important;
}

/* основные контейнеры модалок */
#popup,
.popup,
.popup_w,
.popup-window,
.pop-up,
.pop-up-window,
.window,
.window_popup,
.window-pop,
.modal,
.modal-window,
.box-modal,
.arcticmodal-container_i2,
.ui-dialog {
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: linear-gradient(180deg, rgba(22,32,50,.98), rgba(9,16,29,.99)) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04) !important;
  color: rgba(238,243,251,.88) !important;
  overflow: hidden !important;
}

/* если popup_w рисует вложенный прямой div */
.popup_w > div,
.popup-window > div,
.pop-up-window > div,
.window_popup > div,
.box-modal > div,
.ui-dialog > div {
  box-sizing: border-box !important;
}

/* шапка модалки */
.popup-title,
.popup_head,
.popup-header,
.window-title,
.window_head,
.modal-title,
.modal-header,
.box-modal-title,
.ui-dialog-titlebar,
.popup_w .title,
.window .title,
#popup .title {
  min-height: 46px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  background: linear-gradient(180deg, rgba(13,27,49,.98), rgba(8,18,34,.98)) !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;
  color: #edf3fb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
}

/* тело модалки */
.popup-content,
.popup_body,
.popup-body,
.window-content,
.window_body,
.modal-content,
.modal-body,
.box-modal-content,
.ui-dialog-content,
.popup_w .content,
.window .content,
#popup .content {
  padding: 18px 20px !important;
  background: transparent !important;
  color: rgba(238,243,251,.82) !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

/* текст внутри старых php popup */
.popup_w table,
.window table,
.box-modal table,
.ui-dialog table,
.popup table,
.modal table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  color: rgba(238,243,251,.82) !important;
}

.popup_w td,
.window td,
.box-modal td,
.ui-dialog td,
.popup td,
.modal td {
  padding: 11px 14px !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
  color: rgba(238,243,251,.82) !important;
  line-height: 1.45 !important;
}

.popup_w tr:first-child td,
.window tr:first-child td,
.box-modal tr:first-child td,
.ui-dialog tr:first-child td,
.popup tr:first-child td,
.modal tr:first-child td {
  color: #d9b873 !important;
  font-weight: 900 !important;
  background: rgba(6,15,30,.72) !important;
}

.popup_w tr:last-child td,
.window tr:last-child td,
.box-modal tr:last-child td,
.ui-dialog tr:last-child td,
.popup tr:last-child td,
.modal tr:last-child td {
  border-bottom: 0 !important;
}

/* выделения в попапах */
.popup_w b,
.window b,
.box-modal b,
.ui-dialog b,
.popup b,
.modal b,
.popup_w strong,
.window strong,
.box-modal strong,
.ui-dialog strong,
.popup strong,
.modal strong {
  color: #edf3fb !important;
  font-weight: 900 !important;
}

.popup_w a,
.window a,
.box-modal a,
.ui-dialog a,
.popup a,
.modal a {
  color: #d9b873 !important;
  text-decoration: none !important;
  border-bottom: 1px dashed rgba(217,184,115,.45) !important;
}

.popup_w font[color],
.window font[color],
.box-modal font[color],
.ui-dialog font[color],
.popup font[color],
.modal font[color] {
  color: #d9b873 !important;
}

/* кнопка закрыть */
.popup-close,
.close,
.close-popup,
.window-close,
.modal-close,
.box-modal_close,
.ui-dialog-titlebar-close,
.popup_w [onclick*="close"],
.window [onclick*="close"],
#popup [onclick*="close"] {
  min-width: 68px !important;
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.04) !important;
  color: rgba(238,243,251,.86) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 32px !important;
  text-align: center !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

.popup-close:hover,
.close:hover,
.close-popup:hover,
.window-close:hover,
.modal-close:hover,
.box-modal_close:hover,
.ui-dialog-titlebar-close:hover,
.popup_w [onclick*="close"]:hover,
.window [onclick*="close"]:hover,
#popup [onclick*="close"]:hover {
  background: rgba(217,184,115,.13) !important;
  border-color: rgba(217,184,115,.35) !important;
  color: #fff !important;
}

/* история покупок / продажи: полосы секций */
.popup_w .msg-info,
.window .msg-info,
.box-modal .msg-info,
.ui-dialog .msg-info,
.popup_w .add-infa,
.window .add-infa,
.box-modal .add-infa,
.ui-dialog .add-infa {
  margin: 0 !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  background: rgba(255,255,255,.025) !important;
  color: rgba(238,243,251,.78) !important;
}

/* input/button внутри модалок */
.popup_w input,
.window input,
.box-modal input,
.ui-dialog input,
.popup_w select,
.window select,
.box-modal select,
.ui-dialog select,
.popup_w textarea,
.window textarea,
.box-modal textarea,
.ui-dialog textarea {
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.035) !important;
  color: #eef3fb !important;
  box-shadow: none !important;
}

.popup_w input[type="submit"],
.window input[type="submit"],
.box-modal input[type="submit"],
.ui-dialog input[type="submit"],
.popup_w button,
.window button,
.box-modal button,
.ui-dialog button,
.popup_w .btn,
.window .btn,
.box-modal .btn,
.ui-dialog .btn {
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.045) !important;
  color: rgba(238,243,251,.88) !important;
  font-weight: 800 !important;
}

/* размер и адаптация */
@media (max-width: 760px) {
  #popup,
  .popup,
  .popup_w,
  .popup-window,
  .pop-up,
  .pop-up-window,
  .window,
  .window_popup,
  .modal,
  .modal-window,
  .box-modal,
  .ui-dialog {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    left: 12px !important;
    right: 12px !important;
  }

  .popup-content,
  .popup_body,
  .popup-body,
  .window-content,
  .window_body,
  .modal-content,
  .modal-body,
  .box-modal-content,
  .ui-dialog-content,
  .popup_w .content,
  .window .content,
  #popup .content {
    padding: 14px !important;
  }
}


:root{
  --ref4-card: linear-gradient(180deg, rgba(36,46,63,.66), rgba(14,22,36,.94));
  --ref4-dark: rgba(6,14,27,.96);
  --ref4-border: rgba(255,255,255,.075);
  --ref4-soft: rgba(255,255,255,.035);
  --ref4-accent: var(--ads-accent,#d1b073);
  --ref4-text: var(--ads-text,#edf1f7);
  --ref4-muted: rgba(237,241,247,.66);
  --ref4-dim: rgba(237,241,247,.46);
  --ref4-ok:#8ee69a;
}
#contentwrapper .ref-v4,
.ref-v4{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:0 4px 22px!important;
  color:var(--ref4-text)!important;
}
.ref-v4 *{box-sizing:border-box}
.ref-v4>.titles{margin-bottom:6px!important}
.ref-v4__tabs,
.ref-v4__filters,
.ref-v4__quick,
.ref-v4__notice,
.ref-v4__search,
.ref-v4__refback,
.ref-v4__stats,
.ref-v4__table,
.ref-v4__buy{
  border:1px solid var(--ref4-border)!important;
  background:var(--ref4-card)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
.ref-v4__tabs,
.ref-v4__filters,
.ref-v4__quick{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:10px!important;
}
.ref-v4__filters{justify-content:flex-start!important}
.ref-v4__notice{
  padding:15px 17px!important;
  line-height:1.58!important;
  color:var(--ref4-muted)!important;
  border-left:3px solid var(--ref4-accent)!important;
  text-align:left!important;
}
.ref-v4__notice b{color:var(--ref4-text)!important}
.ref-v4__notice a{color:var(--ref4-accent)!important;border-bottom:1px dashed rgba(209,176,115,.55)!important}
.ref-v4 .menu-task-work{margin:0!important;padding:0!important;background:transparent!important}
.ref-v4 .menu-task-work__link,
.ref-v4 .btn,
.ref-v4 input[type="submit"],
.ref-v4 input[type="button"],
.ref-v4 button.form-task-p{
  min-height:34px!important;
  height:34px!important;
  width:auto!important;
  min-width:auto!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid var(--ref4-border)!important;
  background:var(--ref4-soft)!important;
  color:var(--ref4-muted)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  transform:none!important;
  filter:none!important;
}
.ref-v4__tabs .menu-task-work__link{min-width:122px!important}
.ref-v4__filters .menu-task-work__link{min-width:82px!important}
.ref-v4__quick .btn{min-width:126px!important}
.ref-v4 .menu-task-work__link:hover,
.ref-v4 .menu-task-work__link.active,
.ref-v4 .btn:hover,
.ref-v4 input[type="submit"]:hover,
.ref-v4 button.form-task-p:hover{
  color:var(--ref4-text)!important;
  border-color:rgba(209,176,115,.34)!important;
  background:linear-gradient(180deg, rgba(209,176,115,.14), rgba(255,255,255,.035))!important;
}
.ref-v4__search{
  padding:12px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.ref-v4__search-title{font-size:13px!important;font-weight:800!important;color:var(--ref4-text)!important;white-space:nowrap!important}
.ref-v4 input[type="text"],
.ref-v4 select{
  min-height:38px!important;
  height:38px!important;
  width:auto!important;
  max-width:100%!important;
  padding:0 12px!important;
  border-radius:12px!important;
  border:1px solid var(--ref4-border)!important;
  background:rgba(255,255,255,.035)!important;
  color:var(--ref4-text)!important;
  box-shadow:none!important;
}
.ref-v4__search input[type="text"]{width:220px!important}
.ref-v4 button.form-task-p{width:38px!important;min-width:38px!important;padding:0!important}
.ref-v4 .ico-search{margin:0!important;background-position:center!important}
.ref-v4__refback{padding:12px 16px!important;display:grid!important;gap:10px!important}
.ref-v4__refback-row{
  display:grid!important;
  grid-template-columns:88px minmax(180px,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.045)!important;
  background:rgba(255,255,255,.018)!important;
}
.ref-v4__refback form{display:contents!important}
.ref-v4__refback select{width:78px!important}
.ref-v4__refback input[type="submit"]{width:100%!important}
.ref-v4__hint{grid-column:1/-1!important;color:var(--ref4-muted)!important;font-size:12px!important;line-height:1.45!important}
.ref-v4__stats{
  min-height:42px!important;
  padding:10px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  background:linear-gradient(180deg, rgba(13,22,36,.90), rgba(7,14,26,.96))!important;
}
.ref-v4__count{color:var(--ref4-ok)!important;font-size:13px!important;font-weight:900!important}
.ref-v4__meta{color:var(--ref4-dim)!important;font-size:12px!important}
.ref-v4__table{overflow:hidden!important}
.ref-v4__table-scroll{overflow:auto!important}
.ref-v4 table.table,
.ref-v4 #referals-new,
.ref-v4 #referals-new_no{
  width:100%!important;
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ref-v4 .table th{
  padding:11px 12px!important;
  background:linear-gradient(180deg, rgba(4,12,24,.98), rgba(5,13,25,.98))!important;
  color:var(--ref4-accent)!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:900!important;
  border:0!important;
  border-bottom:1px solid var(--ref4-border)!important;
  text-align:center!important;
}
.ref-v4 .table td{
  padding:13px 12px!important;
  color:var(--ref4-muted)!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  vertical-align:middle!important;
  font-size:12px!important;
}
.ref-v4 .table tr:last-child td{border-bottom:0!important}
.ref-v4 .table tr:hover td{background:rgba(255,255,255,.022)!important}
.ref-v4 .table th span{
  cursor:pointer!important;
  color:inherit!important;
  border-bottom:0!important;
  margin:0 4px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
}
.ref-v4 .table th span.active-ASC,
.ref-v4 .table th span.active-DESC{color:#fff!important}
.ref-v4 .table th span.active-ASC:after{content:" ↑"!important;color:var(--ref4-accent)!important}
.ref-v4 .table th span.active-DESC:after{content:" ↓"!important;color:var(--ref4-accent)!important}
.ref-v4 .table a{color:#92bbff!important}
.ref-v4 .table b,.ref-v4 .table strong{color:var(--ref4-text)!important}
.ref-v4__empty{padding:28px 16px!important;color:#ffb2b2!important;font-weight:900!important;text-align:center!important}
.ref-v4 hr{display:none!important}
.ref-v4 center{display:block!important;text-align:inherit!important}
.ref-v4 font[color="c80000"],
.ref-v4 font[color="#c80000"],
.ref-v4 font[color="#C80000"],
.ref-v4 font[color="C80000"]{color:#ffb0b0!important}
.ref-v4--sub .ref-v4__filters{justify-content:center!important}
.ref-v4--sub .ref-v4__notice{padding:14px 16px!important}
.ref-v4__buy{padding:18px!important;text-align:center!important}
.ref-v4__buy form{margin:0!important}
.ref-v4__buy input[type="submit"]{min-width:320px!important;max-width:100%!important}
@media(max-width:980px){
  .ref-v4{padding:0 0 18px!important}
  .ref-v4__tabs .menu-task-work__link,
  .ref-v4__filters .menu-task-work__link,
  .ref-v4__quick .btn{flex:1 1 calc(50% - 8px)!important;min-width:0!important}
  .ref-v4__search{justify-content:stretch!important}
  .ref-v4__search-title{width:100%!important}
  .ref-v4__search input[type="text"]{flex:1 1 auto!important;width:calc(100% - 50px)!important}
  .ref-v4__refback-row{grid-template-columns:1fr!important}
  .ref-v4__refback select,.ref-v4__refback input[type="submit"]{width:100%!important}
}
@media(max-width:560px){
  .ref-v4__tabs .menu-task-work__link,
  .ref-v4__filters .menu-task-work__link,
  .ref-v4__quick .btn{flex-basis:100%!important}
}


/* ===== referals_table_final_fix_v4_2.css ===== */
/* ADSREK referrals v4.2 table final fix
   Put this at the very end of referals_redesign_v4_1.css,
   or connect this file after referals_redesign_v4_1.css.
*/

/* table container */
.ref-v4__table {
  background: linear-gradient(180deg, rgba(18, 28, 44, .94), rgba(8, 16, 30, .98)) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  overflow: hidden !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.16) !important;
}

/* make table natural again, colspan behaves better this way */
.ref-v4 #referals-new,
.ref-v4 #referals-new_no {
  width: 100% !important;
  min-width: 650px !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* header */
.ref-v4 #referals-new tr:first-child th {
  height: 44px !important;
  padding: 10px 8px !important;
  background: linear-gradient(180deg, rgba(2,10,22,.98), rgba(4,13,25,.98)) !important;
  color: #d9b873 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  vertical-align: middle !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  white-space: normal !important;
}

.ref-v4 #referals-new tr:first-child th:first-child {
  text-align: center !important;
}

.ref-v4 #referals-new tr:first-child th span {
  margin: 0 3px !important;
  white-space: nowrap !important;
}

/* body row */
.ref-v4 #referals-new tr:not(:first-child) {
  background: linear-gradient(180deg, rgba(18, 29, 46, .78), rgba(9, 18, 32, .96)) !important;
}

.ref-v4 #referals-new tr:not(:first-child) td {
  height: 86px !important;
  padding: 13px 8px !important;
  color: rgba(238,242,249,.72) !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
  vertical-align: middle !important;
  text-align: center !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

/* exact body columns */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1) {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  padding-left: 14px !important;
  text-align: center !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) {
  width: 185px !important;
  min-width: 185px !important;
  text-align: left !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(3) {
  width: 76px !important;
  min-width: 76px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(4) {
  width: 112px !important;
  min-width: 112px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(5) {
  width: 42px !important;
  min-width: 42px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) {
  width: 58px !important;
  min-width: 58px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) {
  width: 78px !important;
  min-width: 78px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8) {
  width: 50px !important;
  min-width: 50px !important;
  padding-right: 14px !important;
  white-space: nowrap !important;
}

/* readable text inside old generated markup */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) a,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) b,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) strong {
  color: #a8c8ff !important;
  font-weight: 900 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) font,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) span {
  line-height: 1.35 !important;
}

/* avatar/icon normalization */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1) img {
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) img {
  width: 31px !important;
  height: 31px !important;
  max-width: 31px !important;
  max-height: 31px !important;
  border-radius: 50% !important;
}

/* right action icons must stay in one line */
.ref-v4 #referals-new tr:not(:first-child) td:last-child,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8) {
  display: table-cell !important;
  vertical-align: middle !important;
  text-align: center !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:last-child a,
.ref-v4 #referals-new tr:not(:first-child) td:last-child span,
.ref-v4 #referals-new tr:not(:first-child) td:last-child img {
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 2px !important;
  float: none !important;
}

/* make small buttons in income/refback column neat */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .btn {
  min-height: 22px !important;
  height: 22px !important;
  padding: 0 8px !important;
  border-radius: 7px !important;
  font-size: 10px !important;
}

/* hover */
.ref-v4 #referals-new tr:not(:first-child):hover td {
  background: rgba(255,255,255,.025) !important;
}

/* mobile */
@media (max-width: 980px) {
  .ref-v4 #referals-new,
  .ref-v4 #referals-new_no {
    min-width: 720px !important;
  }
}


/* ===== referals_visibility_refback_fix_v4_3.css ===== */
/* ADSREK referrals v4.3 final visibility + refback fix
   Подключить САМЫМ ПОСЛЕДНИМ после всех CSS редизайна.
*/

/* hidden blocks must stay hidden */
.ref-v4 #catblock1.ref-v4__search[style*="display: none"],
.ref-v4 #catblock1.ref-v4__search[style*="display:none"],
.ref-v4 #catblock2.ref-v4__refback[style*="display: none"],
.ref-v4 #catblock2.ref-v4__refback[style*="display:none"] {
  display: none !important;
}

.ref-v4 #catblock1.ref-v4__search:not([style*="display: none"]):not([style*="display:none"]) {
  display: flex !important;
}

.ref-v4 #catblock2.ref-v4__refback:not([style*="display: none"]):not([style*="display:none"]) {
  display: block !important;
}

/* search row */
.ref-v4 #catblock1.ref-v4__search {
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  padding: 12px 14px !important;
  min-height: 58px !important;
}

.ref-v4 #catblock1.ref-v4__search .ref-v4__search-title,
.ref-v4 #catblock1.ref-v4__search label {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 190px !important;
  max-width: 220px !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.ref-v4 #catblock1.ref-v4__search input[type="text"] {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 180px !important;
  max-width: 360px !important;
}

.ref-v4 #catblock1.ref-v4__search button.form-task-p {
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
}

/* refback block */
.ref-v4 #catblock2.ref-v4__refback {
  padding: 12px 14px !important;
  border-radius: 18px !important;
  overflow: visible !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row {
  display: grid !important;
  grid-template-columns: 86px minmax(180px, 1fr) !important;
  align-items: center !important;
  gap: 10px 12px !important;
  padding: 10px !important;
  margin: 0 0 10px 0 !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
}

.ref-v4 #catblock2.ref-v4__refback form.aj-form {
  display: grid !important;
  grid-template-columns: 86px minmax(180px, 1fr) !important;
  align-items: center !important;
  gap: 10px 12px !important;
  width: 100% !important;
  margin: 0 0 8px 0 !important;
  padding: 10px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row form.aj-form {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.ref-v4 #catblock2.ref-v4__refback select {
  grid-column: 1 !important;
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background-color: rgba(17,27,43,.96) !important;
  color: #eef3fb !important;
  box-shadow: none !important;
}

.ref-v4 #catblock2.ref-v4__refback select option {
  background: #111b2b !important;
  color: #eef3fb !important;
}

.ref-v4 #catblock2.ref-v4__refback input[type="submit"],
.ref-v4 #catblock2.ref-v4__refback .btn {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__hint,
.ref-v4 #catblock2.ref-v4__refback .desctext {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding: 0 2px !important;
  color: rgba(237,241,247,.64) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.ref-v4 #catblock2.ref-v4__refback br {
  display: none !important;
}

/* compact quick buttons */
.ref-v4__quick {
  padding: 9px 10px !important;
  gap: 8px !important;
}

.ref-v4__quick .btn {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
}

/* empty table */
.ref-v4 .del-all td {
  height: 96px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.ref-v4 .del-all .ref-v4__empty,
.ref-v4 .del-all td {
  color: rgba(237,241,247,.72) !important;
}

@media (max-width: 980px) {
  .ref-v4 #catblock1.ref-v4__search {
    flex-wrap: wrap !important;
    justify-content: stretch !important;
  }

  .ref-v4 #catblock1.ref-v4__search .ref-v4__search-title,
  .ref-v4 #catblock1.ref-v4__search label {
    flex: 1 1 100% !important;
    max-width: none !important;
    width: 100% !important;
  }

  .ref-v4 #catblock1.ref-v4__search input[type="text"] {
    max-width: none !important;
  }

  .ref-v4 #catblock2.ref-v4__refback form.aj-form,
  .ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row {
    grid-template-columns: 1fr !important;
  }

  .ref-v4 #catblock2.ref-v4__refback select,
  .ref-v4 #catblock2.ref-v4__refback input[type="submit"],
  .ref-v4 #catblock2.ref-v4__refback .btn {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
  }
}


/* ===== referals_popup_polish_v4_4.css ===== */
/* ADSREK referrals v4.4 popup polish
   Подключить самым последним после всех CSS редизайна.
   Исправляет внешний вид popup_w окон: условия продажи, история покупок и похожие модалки.
*/

/* overlay / затемнение */
#fade,
.fade,
.overlay,
.popup-overlay,
.window-overlay,
#popup-overlay,
#modal-overlay,
.box-modal_close + .arcticmodal-overlay,
.arcticmodal-overlay,
.ui-widget-overlay {
  background: rgba(2, 8, 18, .78) !important;
  backdrop-filter: blur(3px) !important;
}

/* основные контейнеры модалок */
#popup,
.popup,
.popup_w,
.popup-window,
.pop-up,
.pop-up-window,
.window,
.window_popup,
.window-pop,
.modal,
.modal-window,
.box-modal,
.arcticmodal-container_i2,
.ui-dialog {
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: linear-gradient(180deg, rgba(22,32,50,.98), rgba(9,16,29,.99)) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04) !important;
  color: rgba(238,243,251,.88) !important;
  overflow: hidden !important;
}

/* если popup_w рисует вложенный прямой div */
.popup_w > div,
.popup-window > div,
.pop-up-window > div,
.window_popup > div,
.box-modal > div,
.ui-dialog > div {
  box-sizing: border-box !important;
}

/* шапка модалки */
.popup-title,
.popup_head,
.popup-header,
.window-title,
.window_head,
.modal-title,
.modal-header,
.box-modal-title,
.ui-dialog-titlebar,
.popup_w .title,
.window .title,
#popup .title {
  min-height: 46px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  background: linear-gradient(180deg, rgba(13,27,49,.98), rgba(8,18,34,.98)) !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;
  color: #edf3fb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
}

/* тело модалки */
.popup-content,
.popup_body,
.popup-body,
.window-content,
.window_body,
.modal-content,
.modal-body,
.box-modal-content,
.ui-dialog-content,
.popup_w .content,
.window .content,
#popup .content {
  padding: 18px 20px !important;
  background: transparent !important;
  color: rgba(238,243,251,.82) !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

/* текст внутри старых php popup */
.popup_w table,
.window table,
.box-modal table,
.ui-dialog table,
.popup table,
.modal table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  color: rgba(238,243,251,.82) !important;
}

.popup_w td,
.window td,
.box-modal td,
.ui-dialog td,
.popup td,
.modal td {
  padding: 11px 14px !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
  color: rgba(238,243,251,.82) !important;
  line-height: 1.45 !important;
}

.popup_w tr:first-child td,
.window tr:first-child td,
.box-modal tr:first-child td,
.ui-dialog tr:first-child td,
.popup tr:first-child td,
.modal tr:first-child td {
  color: #d9b873 !important;
  font-weight: 900 !important;
  background: rgba(6,15,30,.72) !important;
}

.popup_w tr:last-child td,
.window tr:last-child td,
.box-modal tr:last-child td,
.ui-dialog tr:last-child td,
.popup tr:last-child td,
.modal tr:last-child td {
  border-bottom: 0 !important;
}

/* выделения в попапах */
.popup_w b,
.window b,
.box-modal b,
.ui-dialog b,
.popup b,
.modal b,
.popup_w strong,
.window strong,
.box-modal strong,
.ui-dialog strong,
.popup strong,
.modal strong {
  color: #edf3fb !important;
  font-weight: 900 !important;
}

.popup_w a,
.window a,
.box-modal a,
.ui-dialog a,
.popup a,
.modal a {
  color: #d9b873 !important;
  text-decoration: none !important;
  border-bottom: 1px dashed rgba(217,184,115,.45) !important;
}

.popup_w font[color],
.window font[color],
.box-modal font[color],
.ui-dialog font[color],
.popup font[color],
.modal font[color] {
  color: #d9b873 !important;
}

/* кнопка закрыть */
.popup-close,
.close,
.close-popup,
.window-close,
.modal-close,
.box-modal_close,
.ui-dialog-titlebar-close,
.popup_w [onclick*="close"],
.window [onclick*="close"],
#popup [onclick*="close"] {
  min-width: 68px !important;
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.04) !important;
  color: rgba(238,243,251,.86) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 32px !important;
  text-align: center !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

.popup-close:hover,
.close:hover,
.close-popup:hover,
.window-close:hover,
.modal-close:hover,
.box-modal_close:hover,
.ui-dialog-titlebar-close:hover,
.popup_w [onclick*="close"]:hover,
.window [onclick*="close"]:hover,
#popup [onclick*="close"]:hover {
  background: rgba(217,184,115,.13) !important;
  border-color: rgba(217,184,115,.35) !important;
  color: #fff !important;
}

/* история покупок / продажи: полосы секций */
.popup_w .msg-info,
.window .msg-info,
.box-modal .msg-info,
.ui-dialog .msg-info,
.popup_w .add-infa,
.window .add-infa,
.box-modal .add-infa,
.ui-dialog .add-infa {
  margin: 0 !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  background: rgba(255,255,255,.025) !important;
  color: rgba(238,243,251,.78) !important;
}

/* input/button внутри модалок */
.popup_w input,
.window input,
.box-modal input,
.ui-dialog input,
.popup_w select,
.window select,
.box-modal select,
.ui-dialog select,
.popup_w textarea,
.window textarea,
.box-modal textarea,
.ui-dialog textarea {
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.035) !important;
  color: #eef3fb !important;
  box-shadow: none !important;
}

.popup_w input[type="submit"],
.window input[type="submit"],
.box-modal input[type="submit"],
.ui-dialog input[type="submit"],
.popup_w button,
.window button,
.box-modal button,
.ui-dialog button,
.popup_w .btn,
.window .btn,
.box-modal .btn,
.ui-dialog .btn {
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.045) !important;
  color: rgba(238,243,251,.88) !important;
  font-weight: 800 !important;
}

/* размер и адаптация */
@media (max-width: 760px) {
  #popup,
  .popup,
  .popup_w,
  .popup-window,
  .pop-up,
  .pop-up-window,
  .window,
  .window_popup,
  .modal,
  .modal-window,
  .box-modal,
  .ui-dialog {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    left: 12px !important;
    right: 12px !important;
  }

  .popup-content,
  .popup_body,
  .popup-body,
  .window-content,
  .window_body,
  .modal-content,
  .modal-body,
  .box-modal-content,
  .ui-dialog-content,
  .popup_w .content,
  .window .content,
  #popup .content {
    padding: 14px !important;
  }
}


:root{
  --ref4-card: linear-gradient(180deg, rgba(36,46,63,.66), rgba(14,22,36,.94));
  --ref4-dark: rgba(6,14,27,.96);
  --ref4-border: rgba(255,255,255,.075);
  --ref4-soft: rgba(255,255,255,.035);
  --ref4-accent: var(--ads-accent,#d1b073);
  --ref4-text: var(--ads-text,#edf1f7);
  --ref4-muted: rgba(237,241,247,.66);
  --ref4-dim: rgba(237,241,247,.46);
  --ref4-ok:#8ee69a;
}
#contentwrapper .ref-v4,
.ref-v4{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:0 4px 22px!important;
  color:var(--ref4-text)!important;
}
.ref-v4 *{box-sizing:border-box}
.ref-v4>.titles{margin-bottom:6px!important}
.ref-v4__tabs,
.ref-v4__filters,
.ref-v4__quick,
.ref-v4__notice,
.ref-v4__search,
.ref-v4__refback,
.ref-v4__stats,
.ref-v4__table,
.ref-v4__buy{
  border:1px solid var(--ref4-border)!important;
  background:var(--ref4-card)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
.ref-v4__tabs,
.ref-v4__filters,
.ref-v4__quick{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:10px!important;
}
.ref-v4__filters{justify-content:flex-start!important}
.ref-v4__notice{
  padding:15px 17px!important;
  line-height:1.58!important;
  color:var(--ref4-muted)!important;
  border-left:3px solid var(--ref4-accent)!important;
  text-align:left!important;
}
.ref-v4__notice b{color:var(--ref4-text)!important}
.ref-v4__notice a{color:var(--ref4-accent)!important;border-bottom:1px dashed rgba(209,176,115,.55)!important}
.ref-v4 .menu-task-work{margin:0!important;padding:0!important;background:transparent!important}
.ref-v4 .menu-task-work__link,
.ref-v4 .btn,
.ref-v4 input[type="submit"],
.ref-v4 input[type="button"],
.ref-v4 button.form-task-p{
  min-height:34px!important;
  height:34px!important;
  width:auto!important;
  min-width:auto!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid var(--ref4-border)!important;
  background:var(--ref4-soft)!important;
  color:var(--ref4-muted)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  transform:none!important;
  filter:none!important;
}
.ref-v4__tabs .menu-task-work__link{min-width:122px!important}
.ref-v4__filters .menu-task-work__link{min-width:82px!important}
.ref-v4__quick .btn{min-width:126px!important}
.ref-v4 .menu-task-work__link:hover,
.ref-v4 .menu-task-work__link.active,
.ref-v4 .btn:hover,
.ref-v4 input[type="submit"]:hover,
.ref-v4 button.form-task-p:hover{
  color:var(--ref4-text)!important;
  border-color:rgba(209,176,115,.34)!important;
  background:linear-gradient(180deg, rgba(209,176,115,.14), rgba(255,255,255,.035))!important;
}
.ref-v4__search{
  padding:12px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.ref-v4__search-title{font-size:13px!important;font-weight:800!important;color:var(--ref4-text)!important;white-space:nowrap!important}
.ref-v4 input[type="text"],
.ref-v4 select{
  min-height:38px!important;
  height:38px!important;
  width:auto!important;
  max-width:100%!important;
  padding:0 12px!important;
  border-radius:12px!important;
  border:1px solid var(--ref4-border)!important;
  background:rgba(255,255,255,.035)!important;
  color:var(--ref4-text)!important;
  box-shadow:none!important;
}
.ref-v4__search input[type="text"]{width:220px!important}
.ref-v4 button.form-task-p{width:38px!important;min-width:38px!important;padding:0!important}
.ref-v4 .ico-search{margin:0!important;background-position:center!important}
.ref-v4__refback{padding:12px 16px!important;display:grid!important;gap:10px!important}
.ref-v4__refback-row{
  display:grid!important;
  grid-template-columns:88px minmax(180px,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.045)!important;
  background:rgba(255,255,255,.018)!important;
}
.ref-v4__refback form{display:contents!important}
.ref-v4__refback select{width:78px!important}
.ref-v4__refback input[type="submit"]{width:100%!important}
.ref-v4__hint{grid-column:1/-1!important;color:var(--ref4-muted)!important;font-size:12px!important;line-height:1.45!important}
.ref-v4__stats{
  min-height:42px!important;
  padding:10px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  background:linear-gradient(180deg, rgba(13,22,36,.90), rgba(7,14,26,.96))!important;
}
.ref-v4__count{color:var(--ref4-ok)!important;font-size:13px!important;font-weight:900!important}
.ref-v4__meta{color:var(--ref4-dim)!important;font-size:12px!important}
.ref-v4__table{overflow:hidden!important}
.ref-v4__table-scroll{overflow:auto!important}
.ref-v4 table.table,
.ref-v4 #referals-new,
.ref-v4 #referals-new_no{
  width:100%!important;
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ref-v4 .table th{
  padding:11px 12px!important;
  background:linear-gradient(180deg, rgba(4,12,24,.98), rgba(5,13,25,.98))!important;
  color:var(--ref4-accent)!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:900!important;
  border:0!important;
  border-bottom:1px solid var(--ref4-border)!important;
  text-align:center!important;
}
.ref-v4 .table td{
  padding:13px 12px!important;
  color:var(--ref4-muted)!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  vertical-align:middle!important;
  font-size:12px!important;
}
.ref-v4 .table tr:last-child td{border-bottom:0!important}
.ref-v4 .table tr:hover td{background:rgba(255,255,255,.022)!important}
.ref-v4 .table th span{
  cursor:pointer!important;
  color:inherit!important;
  border-bottom:0!important;
  margin:0 4px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
}
.ref-v4 .table th span.active-ASC,
.ref-v4 .table th span.active-DESC{color:#fff!important}
.ref-v4 .table th span.active-ASC:after{content:" ↑"!important;color:var(--ref4-accent)!important}
.ref-v4 .table th span.active-DESC:after{content:" ↓"!important;color:var(--ref4-accent)!important}
.ref-v4 .table a{color:#92bbff!important}
.ref-v4 .table b,.ref-v4 .table strong{color:var(--ref4-text)!important}
.ref-v4__empty{padding:28px 16px!important;color:#ffb2b2!important;font-weight:900!important;text-align:center!important}
.ref-v4 hr{display:none!important}
.ref-v4 center{display:block!important;text-align:inherit!important}
.ref-v4 font[color="c80000"],
.ref-v4 font[color="#c80000"],
.ref-v4 font[color="#C80000"],
.ref-v4 font[color="C80000"]{color:#ffb0b0!important}
.ref-v4--sub .ref-v4__filters{justify-content:center!important}
.ref-v4--sub .ref-v4__notice{padding:14px 16px!important}
.ref-v4__buy{padding:18px!important;text-align:center!important}
.ref-v4__buy form{margin:0!important}
.ref-v4__buy input[type="submit"]{min-width:320px!important;max-width:100%!important}
@media(max-width:980px){
  .ref-v4{padding:0 0 18px!important}
  .ref-v4__tabs .menu-task-work__link,
  .ref-v4__filters .menu-task-work__link,
  .ref-v4__quick .btn{flex:1 1 calc(50% - 8px)!important;min-width:0!important}
  .ref-v4__search{justify-content:stretch!important}
  .ref-v4__search-title{width:100%!important}
  .ref-v4__search input[type="text"]{flex:1 1 auto!important;width:calc(100% - 50px)!important}
  .ref-v4__refback-row{grid-template-columns:1fr!important}
  .ref-v4__refback select,.ref-v4__refback input[type="submit"]{width:100%!important}
}
@media(max-width:560px){
  .ref-v4__tabs .menu-task-work__link,
  .ref-v4__filters .menu-task-work__link,
  .ref-v4__quick .btn{flex-basis:100%!important}
}


/* ===== referals_table_final_fix_v4_2.css ===== */
/* ADSREK referrals v4.2 table final fix
   Put this at the very end of referals_redesign_v4_1.css,
   or connect this file after referals_redesign_v4_1.css.
*/

/* table container */
.ref-v4__table {
  background: linear-gradient(180deg, rgba(18, 28, 44, .94), rgba(8, 16, 30, .98)) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  overflow: hidden !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.16) !important;
}

/* make table natural again, colspan behaves better this way */
.ref-v4 #referals-new,
.ref-v4 #referals-new_no {
  width: 100% !important;
  min-width: 650px !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* header */
.ref-v4 #referals-new tr:first-child th {
  height: 44px !important;
  padding: 10px 8px !important;
  background: linear-gradient(180deg, rgba(2,10,22,.98), rgba(4,13,25,.98)) !important;
  color: #d9b873 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  vertical-align: middle !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  white-space: normal !important;
}

.ref-v4 #referals-new tr:first-child th:first-child {
  text-align: center !important;
}

.ref-v4 #referals-new tr:first-child th span {
  margin: 0 3px !important;
  white-space: nowrap !important;
}

/* body row */
.ref-v4 #referals-new tr:not(:first-child) {
  background: linear-gradient(180deg, rgba(18, 29, 46, .78), rgba(9, 18, 32, .96)) !important;
}

.ref-v4 #referals-new tr:not(:first-child) td {
  height: 86px !important;
  padding: 13px 8px !important;
  color: rgba(238,242,249,.72) !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
  vertical-align: middle !important;
  text-align: center !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

/* exact body columns */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1) {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  padding-left: 14px !important;
  text-align: center !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) {
  width: 185px !important;
  min-width: 185px !important;
  text-align: left !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(3) {
  width: 76px !important;
  min-width: 76px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(4) {
  width: 112px !important;
  min-width: 112px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(5) {
  width: 42px !important;
  min-width: 42px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) {
  width: 58px !important;
  min-width: 58px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) {
  width: 78px !important;
  min-width: 78px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8) {
  width: 50px !important;
  min-width: 50px !important;
  padding-right: 14px !important;
  white-space: nowrap !important;
}

/* readable text inside old generated markup */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) a,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) b,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) strong {
  color: #a8c8ff !important;
  font-weight: 900 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) font,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) span {
  line-height: 1.35 !important;
}

/* avatar/icon normalization */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1) img {
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) img {
  width: 31px !important;
  height: 31px !important;
  max-width: 31px !important;
  max-height: 31px !important;
  border-radius: 50% !important;
}

/* right action icons must stay in one line */
.ref-v4 #referals-new tr:not(:first-child) td:last-child,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8) {
  display: table-cell !important;
  vertical-align: middle !important;
  text-align: center !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:last-child a,
.ref-v4 #referals-new tr:not(:first-child) td:last-child span,
.ref-v4 #referals-new tr:not(:first-child) td:last-child img {
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 2px !important;
  float: none !important;
}

/* make small buttons in income/refback column neat */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .btn {
  min-height: 22px !important;
  height: 22px !important;
  padding: 0 8px !important;
  border-radius: 7px !important;
  font-size: 10px !important;
}

/* hover */
.ref-v4 #referals-new tr:not(:first-child):hover td {
  background: rgba(255,255,255,.025) !important;
}

/* mobile */
@media (max-width: 980px) {
  .ref-v4 #referals-new,
  .ref-v4 #referals-new_no {
    min-width: 720px !important;
  }
}


/* ===== referals_visibility_refback_fix_v4_3.css ===== */
/* ADSREK referrals v4.3 final visibility + refback fix
   Подключить САМЫМ ПОСЛЕДНИМ после всех CSS редизайна.
*/

/* hidden blocks must stay hidden */
.ref-v4 #catblock1.ref-v4__search[style*="display: none"],
.ref-v4 #catblock1.ref-v4__search[style*="display:none"],
.ref-v4 #catblock2.ref-v4__refback[style*="display: none"],
.ref-v4 #catblock2.ref-v4__refback[style*="display:none"] {
  display: none !important;
}

.ref-v4 #catblock1.ref-v4__search:not([style*="display: none"]):not([style*="display:none"]) {
  display: flex !important;
}

.ref-v4 #catblock2.ref-v4__refback:not([style*="display: none"]):not([style*="display:none"]) {
  display: block !important;
}

/* search row */
.ref-v4 #catblock1.ref-v4__search {
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  padding: 12px 14px !important;
  min-height: 58px !important;
}

.ref-v4 #catblock1.ref-v4__search .ref-v4__search-title,
.ref-v4 #catblock1.ref-v4__search label {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 190px !important;
  max-width: 220px !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.ref-v4 #catblock1.ref-v4__search input[type="text"] {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 180px !important;
  max-width: 360px !important;
}

.ref-v4 #catblock1.ref-v4__search button.form-task-p {
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
}

/* refback block */
.ref-v4 #catblock2.ref-v4__refback {
  padding: 12px 14px !important;
  border-radius: 18px !important;
  overflow: visible !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row {
  display: grid !important;
  grid-template-columns: 86px minmax(180px, 1fr) !important;
  align-items: center !important;
  gap: 10px 12px !important;
  padding: 10px !important;
  margin: 0 0 10px 0 !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
}

.ref-v4 #catblock2.ref-v4__refback form.aj-form {
  display: grid !important;
  grid-template-columns: 86px minmax(180px, 1fr) !important;
  align-items: center !important;
  gap: 10px 12px !important;
  width: 100% !important;
  margin: 0 0 8px 0 !important;
  padding: 10px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row form.aj-form {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.ref-v4 #catblock2.ref-v4__refback select {
  grid-column: 1 !important;
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background-color: rgba(17,27,43,.96) !important;
  color: #eef3fb !important;
  box-shadow: none !important;
}

.ref-v4 #catblock2.ref-v4__refback select option {
  background: #111b2b !important;
  color: #eef3fb !important;
}

.ref-v4 #catblock2.ref-v4__refback input[type="submit"],
.ref-v4 #catblock2.ref-v4__refback .btn {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__hint,
.ref-v4 #catblock2.ref-v4__refback .desctext {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding: 0 2px !important;
  color: rgba(237,241,247,.64) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.ref-v4 #catblock2.ref-v4__refback br {
  display: none !important;
}

/* compact quick buttons */
.ref-v4__quick {
  padding: 9px 10px !important;
  gap: 8px !important;
}

.ref-v4__quick .btn {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
}

/* empty table */
.ref-v4 .del-all td {
  height: 96px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.ref-v4 .del-all .ref-v4__empty,
.ref-v4 .del-all td {
  color: rgba(237,241,247,.72) !important;
}

@media (max-width: 980px) {
  .ref-v4 #catblock1.ref-v4__search {
    flex-wrap: wrap !important;
    justify-content: stretch !important;
  }

  .ref-v4 #catblock1.ref-v4__search .ref-v4__search-title,
  .ref-v4 #catblock1.ref-v4__search label {
    flex: 1 1 100% !important;
    max-width: none !important;
    width: 100% !important;
  }

  .ref-v4 #catblock1.ref-v4__search input[type="text"] {
    max-width: none !important;
  }

  .ref-v4 #catblock2.ref-v4__refback form.aj-form,
  .ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row {
    grid-template-columns: 1fr !important;
  }

  .ref-v4 #catblock2.ref-v4__refback select,
  .ref-v4 #catblock2.ref-v4__refback input[type="submit"],
  .ref-v4 #catblock2.ref-v4__refback .btn {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
  }
}


/* ===== referals_popup_polish_v4_4.css ===== */
/* ADSREK referrals v4.4 popup polish
   Подключить самым последним после всех CSS редизайна.
   Исправляет внешний вид popup_w окон: условия продажи, история покупок и похожие модалки.
*/

/* overlay / затемнение */
#fade,
.fade,
.overlay,
.popup-overlay,
.window-overlay,
#popup-overlay,
#modal-overlay,
.box-modal_close + .arcticmodal-overlay,
.arcticmodal-overlay,
.ui-widget-overlay {
  background: rgba(2, 8, 18, .78) !important;
  backdrop-filter: blur(3px) !important;
}

/* основные контейнеры модалок */
#popup,
.popup,
.popup_w,
.popup-window,
.pop-up,
.pop-up-window,
.window,
.window_popup,
.window-pop,
.modal,
.modal-window,
.box-modal,
.arcticmodal-container_i2,
.ui-dialog {
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: linear-gradient(180deg, rgba(22,32,50,.98), rgba(9,16,29,.99)) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04) !important;
  color: rgba(238,243,251,.88) !important;
  overflow: hidden !important;
}

/* если popup_w рисует вложенный прямой div */
.popup_w > div,
.popup-window > div,
.pop-up-window > div,
.window_popup > div,
.box-modal > div,
.ui-dialog > div {
  box-sizing: border-box !important;
}

/* шапка модалки */
.popup-title,
.popup_head,
.popup-header,
.window-title,
.window_head,
.modal-title,
.modal-header,
.box-modal-title,
.ui-dialog-titlebar,
.popup_w .title,
.window .title,
#popup .title {
  min-height: 46px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  background: linear-gradient(180deg, rgba(13,27,49,.98), rgba(8,18,34,.98)) !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;
  color: #edf3fb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
}

/* тело модалки */
.popup-content,
.popup_body,
.popup-body,
.window-content,
.window_body,
.modal-content,
.modal-body,
.box-modal-content,
.ui-dialog-content,
.popup_w .content,
.window .content,
#popup .content {
  padding: 18px 20px !important;
  background: transparent !important;
  color: rgba(238,243,251,.82) !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

/* текст внутри старых php popup */
.popup_w table,
.window table,
.box-modal table,
.ui-dialog table,
.popup table,
.modal table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  color: rgba(238,243,251,.82) !important;
}

.popup_w td,
.window td,
.box-modal td,
.ui-dialog td,
.popup td,
.modal td {
  padding: 11px 14px !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
  color: rgba(238,243,251,.82) !important;
  line-height: 1.45 !important;
}

.popup_w tr:first-child td,
.window tr:first-child td,
.box-modal tr:first-child td,
.ui-dialog tr:first-child td,
.popup tr:first-child td,
.modal tr:first-child td {
  color: #d9b873 !important;
  font-weight: 900 !important;
  background: rgba(6,15,30,.72) !important;
}

.popup_w tr:last-child td,
.window tr:last-child td,
.box-modal tr:last-child td,
.ui-dialog tr:last-child td,
.popup tr:last-child td,
.modal tr:last-child td {
  border-bottom: 0 !important;
}

/* выделения в попапах */
.popup_w b,
.window b,
.box-modal b,
.ui-dialog b,
.popup b,
.modal b,
.popup_w strong,
.window strong,
.box-modal strong,
.ui-dialog strong,
.popup strong,
.modal strong {
  color: #edf3fb !important;
  font-weight: 900 !important;
}

.popup_w a,
.window a,
.box-modal a,
.ui-dialog a,
.popup a,
.modal a {
  color: #d9b873 !important;
  text-decoration: none !important;
  border-bottom: 1px dashed rgba(217,184,115,.45) !important;
}

.popup_w font[color],
.window font[color],
.box-modal font[color],
.ui-dialog font[color],
.popup font[color],
.modal font[color] {
  color: #d9b873 !important;
}

/* кнопка закрыть */
.popup-close,
.close,
.close-popup,
.window-close,
.modal-close,
.box-modal_close,
.ui-dialog-titlebar-close,
.popup_w [onclick*="close"],
.window [onclick*="close"],
#popup [onclick*="close"] {
  min-width: 68px !important;
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.04) !important;
  color: rgba(238,243,251,.86) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 32px !important;
  text-align: center !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

.popup-close:hover,
.close:hover,
.close-popup:hover,
.window-close:hover,
.modal-close:hover,
.box-modal_close:hover,
.ui-dialog-titlebar-close:hover,
.popup_w [onclick*="close"]:hover,
.window [onclick*="close"]:hover,
#popup [onclick*="close"]:hover {
  background: rgba(217,184,115,.13) !important;
  border-color: rgba(217,184,115,.35) !important;
  color: #fff !important;
}

/* история покупок / продажи: полосы секций */
.popup_w .msg-info,
.window .msg-info,
.box-modal .msg-info,
.ui-dialog .msg-info,
.popup_w .add-infa,
.window .add-infa,
.box-modal .add-infa,
.ui-dialog .add-infa {
  margin: 0 !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  background: rgba(255,255,255,.025) !important;
  color: rgba(238,243,251,.78) !important;
}

/* input/button внутри модалок */
.popup_w input,
.window input,
.box-modal input,
.ui-dialog input,
.popup_w select,
.window select,
.box-modal select,
.ui-dialog select,
.popup_w textarea,
.window textarea,
.box-modal textarea,
.ui-dialog textarea {
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.035) !important;
  color: #eef3fb !important;
  box-shadow: none !important;
}

.popup_w input[type="submit"],
.window input[type="submit"],
.box-modal input[type="submit"],
.ui-dialog input[type="submit"],
.popup_w button,
.window button,
.box-modal button,
.ui-dialog button,
.popup_w .btn,
.window .btn,
.box-modal .btn,
.ui-dialog .btn {
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.045) !important;
  color: rgba(238,243,251,.88) !important;
  font-weight: 800 !important;
}

/* размер и адаптация */
@media (max-width: 760px) {
  #popup,
  .popup,
  .popup_w,
  .popup-window,
  .pop-up,
  .pop-up-window,
  .window,
  .window_popup,
  .modal,
  .modal-window,
  .box-modal,
  .ui-dialog {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    left: 12px !important;
    right: 12px !important;
  }

  .popup-content,
  .popup_body,
  .popup-body,
  .window-content,
  .window_body,
  .modal-content,
  .modal-body,
  .box-modal-content,
  .ui-dialog-content,
  .popup_w .content,
  .window .content,
  #popup .content {
    padding: 14px !important;
  }
}


:root{
  --ref4-card: linear-gradient(180deg, rgba(36,46,63,.66), rgba(14,22,36,.94));
  --ref4-dark: rgba(6,14,27,.96);
  --ref4-border: rgba(255,255,255,.075);
  --ref4-soft: rgba(255,255,255,.035);
  --ref4-accent: var(--ads-accent,#d1b073);
  --ref4-text: var(--ads-text,#edf1f7);
  --ref4-muted: rgba(237,241,247,.66);
  --ref4-dim: rgba(237,241,247,.46);
  --ref4-ok:#8ee69a;
}
#contentwrapper .ref-v4,
.ref-v4{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:0 4px 22px!important;
  color:var(--ref4-text)!important;
}
.ref-v4 *{box-sizing:border-box}
.ref-v4>.titles{margin-bottom:6px!important}
.ref-v4__tabs,
.ref-v4__filters,
.ref-v4__quick,
.ref-v4__notice,
.ref-v4__search,
.ref-v4__refback,
.ref-v4__stats,
.ref-v4__table,
.ref-v4__buy{
  border:1px solid var(--ref4-border)!important;
  background:var(--ref4-card)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
.ref-v4__tabs,
.ref-v4__filters,
.ref-v4__quick{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:10px!important;
}
.ref-v4__filters{justify-content:flex-start!important}
.ref-v4__notice{
  padding:15px 17px!important;
  line-height:1.58!important;
  color:var(--ref4-muted)!important;
  border-left:3px solid var(--ref4-accent)!important;
  text-align:left!important;
}
.ref-v4__notice b{color:var(--ref4-text)!important}
.ref-v4__notice a{color:var(--ref4-accent)!important;border-bottom:1px dashed rgba(209,176,115,.55)!important}
.ref-v4 .menu-task-work{margin:0!important;padding:0!important;background:transparent!important}
.ref-v4 .menu-task-work__link,
.ref-v4 .btn,
.ref-v4 input[type="submit"],
.ref-v4 input[type="button"],
.ref-v4 button.form-task-p{
  min-height:34px!important;
  height:34px!important;
  width:auto!important;
  min-width:auto!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid var(--ref4-border)!important;
  background:var(--ref4-soft)!important;
  color:var(--ref4-muted)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  transform:none!important;
  filter:none!important;
}
.ref-v4__tabs .menu-task-work__link{min-width:122px!important}
.ref-v4__filters .menu-task-work__link{min-width:82px!important}
.ref-v4__quick .btn{min-width:126px!important}
.ref-v4 .menu-task-work__link:hover,
.ref-v4 .menu-task-work__link.active,
.ref-v4 .btn:hover,
.ref-v4 input[type="submit"]:hover,
.ref-v4 button.form-task-p:hover{
  color:var(--ref4-text)!important;
  border-color:rgba(209,176,115,.34)!important;
  background:linear-gradient(180deg, rgba(209,176,115,.14), rgba(255,255,255,.035))!important;
}
.ref-v4__search{
  padding:12px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.ref-v4__search-title{font-size:13px!important;font-weight:800!important;color:var(--ref4-text)!important;white-space:nowrap!important}
.ref-v4 input[type="text"],
.ref-v4 select{
  min-height:38px!important;
  height:38px!important;
  width:auto!important;
  max-width:100%!important;
  padding:0 12px!important;
  border-radius:12px!important;
  border:1px solid var(--ref4-border)!important;
  background:rgba(255,255,255,.035)!important;
  color:var(--ref4-text)!important;
  box-shadow:none!important;
}
.ref-v4__search input[type="text"]{width:220px!important}
.ref-v4 button.form-task-p{width:38px!important;min-width:38px!important;padding:0!important}
.ref-v4 .ico-search{margin:0!important;background-position:center!important}
.ref-v4__refback{padding:12px 16px!important;display:grid!important;gap:10px!important}
.ref-v4__refback-row{
  display:grid!important;
  grid-template-columns:88px minmax(180px,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.045)!important;
  background:rgba(255,255,255,.018)!important;
}
.ref-v4__refback form{display:contents!important}
.ref-v4__refback select{width:78px!important}
.ref-v4__refback input[type="submit"]{width:100%!important}
.ref-v4__hint{grid-column:1/-1!important;color:var(--ref4-muted)!important;font-size:12px!important;line-height:1.45!important}
.ref-v4__stats{
  min-height:42px!important;
  padding:10px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  background:linear-gradient(180deg, rgba(13,22,36,.90), rgba(7,14,26,.96))!important;
}
.ref-v4__count{color:var(--ref4-ok)!important;font-size:13px!important;font-weight:900!important}
.ref-v4__meta{color:var(--ref4-dim)!important;font-size:12px!important}
.ref-v4__table{overflow:hidden!important}
.ref-v4__table-scroll{overflow:auto!important}
.ref-v4 table.table,
.ref-v4 #referals-new,
.ref-v4 #referals-new_no{
  width:100%!important;
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ref-v4 .table th{
  padding:11px 12px!important;
  background:linear-gradient(180deg, rgba(4,12,24,.98), rgba(5,13,25,.98))!important;
  color:var(--ref4-accent)!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:900!important;
  border:0!important;
  border-bottom:1px solid var(--ref4-border)!important;
  text-align:center!important;
}
.ref-v4 .table td{
  padding:13px 12px!important;
  color:var(--ref4-muted)!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  vertical-align:middle!important;
  font-size:12px!important;
}
.ref-v4 .table tr:last-child td{border-bottom:0!important}
.ref-v4 .table tr:hover td{background:rgba(255,255,255,.022)!important}
.ref-v4 .table th span{
  cursor:pointer!important;
  color:inherit!important;
  border-bottom:0!important;
  margin:0 4px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
}
.ref-v4 .table th span.active-ASC,
.ref-v4 .table th span.active-DESC{color:#fff!important}
.ref-v4 .table th span.active-ASC:after{content:" ↑"!important;color:var(--ref4-accent)!important}
.ref-v4 .table th span.active-DESC:after{content:" ↓"!important;color:var(--ref4-accent)!important}
.ref-v4 .table a{color:#92bbff!important}
.ref-v4 .table b,.ref-v4 .table strong{color:var(--ref4-text)!important}
.ref-v4__empty{padding:28px 16px!important;color:#ffb2b2!important;font-weight:900!important;text-align:center!important}
.ref-v4 hr{display:none!important}
.ref-v4 center{display:block!important;text-align:inherit!important}
.ref-v4 font[color="c80000"],
.ref-v4 font[color="#c80000"],
.ref-v4 font[color="#C80000"],
.ref-v4 font[color="C80000"]{color:#ffb0b0!important}
.ref-v4--sub .ref-v4__filters{justify-content:center!important}
.ref-v4--sub .ref-v4__notice{padding:14px 16px!important}
.ref-v4__buy{padding:18px!important;text-align:center!important}
.ref-v4__buy form{margin:0!important}
.ref-v4__buy input[type="submit"]{min-width:320px!important;max-width:100%!important}
@media(max-width:980px){
  .ref-v4{padding:0 0 18px!important}
  .ref-v4__tabs .menu-task-work__link,
  .ref-v4__filters .menu-task-work__link,
  .ref-v4__quick .btn{flex:1 1 calc(50% - 8px)!important;min-width:0!important}
  .ref-v4__search{justify-content:stretch!important}
  .ref-v4__search-title{width:100%!important}
  .ref-v4__search input[type="text"]{flex:1 1 auto!important;width:calc(100% - 50px)!important}
  .ref-v4__refback-row{grid-template-columns:1fr!important}
  .ref-v4__refback select,.ref-v4__refback input[type="submit"]{width:100%!important}
}
@media(max-width:560px){
  .ref-v4__tabs .menu-task-work__link,
  .ref-v4__filters .menu-task-work__link,
  .ref-v4__quick .btn{flex-basis:100%!important}
}


/* ===== referals_table_final_fix_v4_2.css ===== */
/* ADSREK referrals v4.2 table final fix
   Put this at the very end of referals_redesign_v4_1.css,
   or connect this file after referals_redesign_v4_1.css.
*/

/* table container */
.ref-v4__table {
  background: linear-gradient(180deg, rgba(18, 28, 44, .94), rgba(8, 16, 30, .98)) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  overflow: hidden !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.16) !important;
}

/* make table natural again, colspan behaves better this way */
.ref-v4 #referals-new,
.ref-v4 #referals-new_no {
  width: 100% !important;
  min-width: 650px !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* header */
.ref-v4 #referals-new tr:first-child th {
  height: 44px !important;
  padding: 10px 8px !important;
  background: linear-gradient(180deg, rgba(2,10,22,.98), rgba(4,13,25,.98)) !important;
  color: #d9b873 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  vertical-align: middle !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  white-space: normal !important;
}

.ref-v4 #referals-new tr:first-child th:first-child {
  text-align: center !important;
}

.ref-v4 #referals-new tr:first-child th span {
  margin: 0 3px !important;
  white-space: nowrap !important;
}

/* body row */
.ref-v4 #referals-new tr:not(:first-child) {
  background: linear-gradient(180deg, rgba(18, 29, 46, .78), rgba(9, 18, 32, .96)) !important;
}

.ref-v4 #referals-new tr:not(:first-child) td {
  height: 86px !important;
  padding: 13px 8px !important;
  color: rgba(238,242,249,.72) !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
  vertical-align: middle !important;
  text-align: center !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

/* exact body columns */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1) {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  padding-left: 14px !important;
  text-align: center !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) {
  width: 185px !important;
  min-width: 185px !important;
  text-align: left !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(3) {
  width: 76px !important;
  min-width: 76px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(4) {
  width: 112px !important;
  min-width: 112px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(5) {
  width: 42px !important;
  min-width: 42px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) {
  width: 58px !important;
  min-width: 58px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) {
  width: 78px !important;
  min-width: 78px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8) {
  width: 50px !important;
  min-width: 50px !important;
  padding-right: 14px !important;
  white-space: nowrap !important;
}

/* readable text inside old generated markup */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) a,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) b,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) strong {
  color: #a8c8ff !important;
  font-weight: 900 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) font,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) span {
  line-height: 1.35 !important;
}

/* avatar/icon normalization */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1) img {
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) img {
  width: 31px !important;
  height: 31px !important;
  max-width: 31px !important;
  max-height: 31px !important;
  border-radius: 50% !important;
}

/* right action icons must stay in one line */
.ref-v4 #referals-new tr:not(:first-child) td:last-child,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8) {
  display: table-cell !important;
  vertical-align: middle !important;
  text-align: center !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:last-child a,
.ref-v4 #referals-new tr:not(:first-child) td:last-child span,
.ref-v4 #referals-new tr:not(:first-child) td:last-child img {
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 2px !important;
  float: none !important;
}

/* make small buttons in income/refback column neat */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .btn {
  min-height: 22px !important;
  height: 22px !important;
  padding: 0 8px !important;
  border-radius: 7px !important;
  font-size: 10px !important;
}

/* hover */
.ref-v4 #referals-new tr:not(:first-child):hover td {
  background: rgba(255,255,255,.025) !important;
}

/* mobile */
@media (max-width: 980px) {
  .ref-v4 #referals-new,
  .ref-v4 #referals-new_no {
    min-width: 720px !important;
  }
}


/* ===== referals_visibility_refback_fix_v4_3.css ===== */
/* ADSREK referrals v4.3 final visibility + refback fix
   Подключить САМЫМ ПОСЛЕДНИМ после всех CSS редизайна.
*/

/* hidden blocks must stay hidden */
.ref-v4 #catblock1.ref-v4__search[style*="display: none"],
.ref-v4 #catblock1.ref-v4__search[style*="display:none"],
.ref-v4 #catblock2.ref-v4__refback[style*="display: none"],
.ref-v4 #catblock2.ref-v4__refback[style*="display:none"] {
  display: none !important;
}

.ref-v4 #catblock1.ref-v4__search:not([style*="display: none"]):not([style*="display:none"]) {
  display: flex !important;
}

.ref-v4 #catblock2.ref-v4__refback:not([style*="display: none"]):not([style*="display:none"]) {
  display: block !important;
}

/* search row */
.ref-v4 #catblock1.ref-v4__search {
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  padding: 12px 14px !important;
  min-height: 58px !important;
}

.ref-v4 #catblock1.ref-v4__search .ref-v4__search-title,
.ref-v4 #catblock1.ref-v4__search label {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 190px !important;
  max-width: 220px !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.ref-v4 #catblock1.ref-v4__search input[type="text"] {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 180px !important;
  max-width: 360px !important;
}

.ref-v4 #catblock1.ref-v4__search button.form-task-p {
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
}

/* refback block */
.ref-v4 #catblock2.ref-v4__refback {
  padding: 12px 14px !important;
  border-radius: 18px !important;
  overflow: visible !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row {
  display: grid !important;
  grid-template-columns: 86px minmax(180px, 1fr) !important;
  align-items: center !important;
  gap: 10px 12px !important;
  padding: 10px !important;
  margin: 0 0 10px 0 !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
}

.ref-v4 #catblock2.ref-v4__refback form.aj-form {
  display: grid !important;
  grid-template-columns: 86px minmax(180px, 1fr) !important;
  align-items: center !important;
  gap: 10px 12px !important;
  width: 100% !important;
  margin: 0 0 8px 0 !important;
  padding: 10px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row form.aj-form {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.ref-v4 #catblock2.ref-v4__refback select {
  grid-column: 1 !important;
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background-color: rgba(17,27,43,.96) !important;
  color: #eef3fb !important;
  box-shadow: none !important;
}

.ref-v4 #catblock2.ref-v4__refback select option {
  background: #111b2b !important;
  color: #eef3fb !important;
}

.ref-v4 #catblock2.ref-v4__refback input[type="submit"],
.ref-v4 #catblock2.ref-v4__refback .btn {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__hint,
.ref-v4 #catblock2.ref-v4__refback .desctext {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding: 0 2px !important;
  color: rgba(237,241,247,.64) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.ref-v4 #catblock2.ref-v4__refback br {
  display: none !important;
}

/* compact quick buttons */
.ref-v4__quick {
  padding: 9px 10px !important;
  gap: 8px !important;
}

.ref-v4__quick .btn {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
}

/* empty table */
.ref-v4 .del-all td {
  height: 96px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.ref-v4 .del-all .ref-v4__empty,
.ref-v4 .del-all td {
  color: rgba(237,241,247,.72) !important;
}

@media (max-width: 980px) {
  .ref-v4 #catblock1.ref-v4__search {
    flex-wrap: wrap !important;
    justify-content: stretch !important;
  }

  .ref-v4 #catblock1.ref-v4__search .ref-v4__search-title,
  .ref-v4 #catblock1.ref-v4__search label {
    flex: 1 1 100% !important;
    max-width: none !important;
    width: 100% !important;
  }

  .ref-v4 #catblock1.ref-v4__search input[type="text"] {
    max-width: none !important;
  }

  .ref-v4 #catblock2.ref-v4__refback form.aj-form,
  .ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row {
    grid-template-columns: 1fr !important;
  }

  .ref-v4 #catblock2.ref-v4__refback select,
  .ref-v4 #catblock2.ref-v4__refback input[type="submit"],
  .ref-v4 #catblock2.ref-v4__refback .btn {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
  }
}


/* ===== referals_popup_polish_v4_4.css ===== */
/* ADSREK referrals v4.4 popup polish
   Подключить самым последним после всех CSS редизайна.
   Исправляет внешний вид popup_w окон: условия продажи, история покупок и похожие модалки.
*/

/* overlay / затемнение */
#fade,
.fade,
.overlay,
.popup-overlay,
.window-overlay,
#popup-overlay,
#modal-overlay,
.box-modal_close + .arcticmodal-overlay,
.arcticmodal-overlay,
.ui-widget-overlay {
  background: rgba(2, 8, 18, .78) !important;
  backdrop-filter: blur(3px) !important;
}

/* основные контейнеры модалок */
#popup,
.popup,
.popup_w,
.popup-window,
.pop-up,
.pop-up-window,
.window,
.window_popup,
.window-pop,
.modal,
.modal-window,
.box-modal,
.arcticmodal-container_i2,
.ui-dialog {
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: linear-gradient(180deg, rgba(22,32,50,.98), rgba(9,16,29,.99)) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04) !important;
  color: rgba(238,243,251,.88) !important;
  overflow: hidden !important;
}

/* если popup_w рисует вложенный прямой div */
.popup_w > div,
.popup-window > div,
.pop-up-window > div,
.window_popup > div,
.box-modal > div,
.ui-dialog > div {
  box-sizing: border-box !important;
}

/* шапка модалки */
.popup-title,
.popup_head,
.popup-header,
.window-title,
.window_head,
.modal-title,
.modal-header,
.box-modal-title,
.ui-dialog-titlebar,
.popup_w .title,
.window .title,
#popup .title {
  min-height: 46px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  background: linear-gradient(180deg, rgba(13,27,49,.98), rgba(8,18,34,.98)) !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;
  color: #edf3fb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
}

/* тело модалки */
.popup-content,
.popup_body,
.popup-body,
.window-content,
.window_body,
.modal-content,
.modal-body,
.box-modal-content,
.ui-dialog-content,
.popup_w .content,
.window .content,
#popup .content {
  padding: 18px 20px !important;
  background: transparent !important;
  color: rgba(238,243,251,.82) !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

/* текст внутри старых php popup */
.popup_w table,
.window table,
.box-modal table,
.ui-dialog table,
.popup table,
.modal table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  color: rgba(238,243,251,.82) !important;
}

.popup_w td,
.window td,
.box-modal td,
.ui-dialog td,
.popup td,
.modal td {
  padding: 11px 14px !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
  color: rgba(238,243,251,.82) !important;
  line-height: 1.45 !important;
}

.popup_w tr:first-child td,
.window tr:first-child td,
.box-modal tr:first-child td,
.ui-dialog tr:first-child td,
.popup tr:first-child td,
.modal tr:first-child td {
  color: #d9b873 !important;
  font-weight: 900 !important;
  background: rgba(6,15,30,.72) !important;
}

.popup_w tr:last-child td,
.window tr:last-child td,
.box-modal tr:last-child td,
.ui-dialog tr:last-child td,
.popup tr:last-child td,
.modal tr:last-child td {
  border-bottom: 0 !important;
}

/* выделения в попапах */
.popup_w b,
.window b,
.box-modal b,
.ui-dialog b,
.popup b,
.modal b,
.popup_w strong,
.window strong,
.box-modal strong,
.ui-dialog strong,
.popup strong,
.modal strong {
  color: #edf3fb !important;
  font-weight: 900 !important;
}

.popup_w a,
.window a,
.box-modal a,
.ui-dialog a,
.popup a,
.modal a {
  color: #d9b873 !important;
  text-decoration: none !important;
  border-bottom: 1px dashed rgba(217,184,115,.45) !important;
}

.popup_w font[color],
.window font[color],
.box-modal font[color],
.ui-dialog font[color],
.popup font[color],
.modal font[color] {
  color: #d9b873 !important;
}

/* кнопка закрыть */
.popup-close,
.close,
.close-popup,
.window-close,
.modal-close,
.box-modal_close,
.ui-dialog-titlebar-close,
.popup_w [onclick*="close"],
.window [onclick*="close"],
#popup [onclick*="close"] {
  min-width: 68px !important;
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.04) !important;
  color: rgba(238,243,251,.86) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 32px !important;
  text-align: center !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

.popup-close:hover,
.close:hover,
.close-popup:hover,
.window-close:hover,
.modal-close:hover,
.box-modal_close:hover,
.ui-dialog-titlebar-close:hover,
.popup_w [onclick*="close"]:hover,
.window [onclick*="close"]:hover,
#popup [onclick*="close"]:hover {
  background: rgba(217,184,115,.13) !important;
  border-color: rgba(217,184,115,.35) !important;
  color: #fff !important;
}

/* история покупок / продажи: полосы секций */
.popup_w .msg-info,
.window .msg-info,
.box-modal .msg-info,
.ui-dialog .msg-info,
.popup_w .add-infa,
.window .add-infa,
.box-modal .add-infa,
.ui-dialog .add-infa {
  margin: 0 !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  background: rgba(255,255,255,.025) !important;
  color: rgba(238,243,251,.78) !important;
}

/* input/button внутри модалок */
.popup_w input,
.window input,
.box-modal input,
.ui-dialog input,
.popup_w select,
.window select,
.box-modal select,
.ui-dialog select,
.popup_w textarea,
.window textarea,
.box-modal textarea,
.ui-dialog textarea {
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.035) !important;
  color: #eef3fb !important;
  box-shadow: none !important;
}

.popup_w input[type="submit"],
.window input[type="submit"],
.box-modal input[type="submit"],
.ui-dialog input[type="submit"],
.popup_w button,
.window button,
.box-modal button,
.ui-dialog button,
.popup_w .btn,
.window .btn,
.box-modal .btn,
.ui-dialog .btn {
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.045) !important;
  color: rgba(238,243,251,.88) !important;
  font-weight: 800 !important;
}

/* размер и адаптация */
@media (max-width: 760px) {
  #popup,
  .popup,
  .popup_w,
  .popup-window,
  .pop-up,
  .pop-up-window,
  .window,
  .window_popup,
  .modal,
  .modal-window,
  .box-modal,
  .ui-dialog {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    left: 12px !important;
    right: 12px !important;
  }

  .popup-content,
  .popup_body,
  .popup-body,
  .window-content,
  .window_body,
  .modal-content,
  .modal-body,
  .box-modal-content,
  .ui-dialog-content,
  .popup_w .content,
  .window .content,
  #popup .content {
    padding: 14px !important;
  }
}


:root{
  --ref4-card: linear-gradient(180deg, rgba(36,46,63,.66), rgba(14,22,36,.94));
  --ref4-dark: rgba(6,14,27,.96);
  --ref4-border: rgba(255,255,255,.075);
  --ref4-soft: rgba(255,255,255,.035);
  --ref4-accent: var(--ads-accent,#d1b073);
  --ref4-text: var(--ads-text,#edf1f7);
  --ref4-muted: rgba(237,241,247,.66);
  --ref4-dim: rgba(237,241,247,.46);
  --ref4-ok:#8ee69a;
}
#contentwrapper .ref-v4,
.ref-v4{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:0 4px 22px!important;
  color:var(--ref4-text)!important;
}
.ref-v4 *{box-sizing:border-box}
.ref-v4>.titles{margin-bottom:6px!important}
.ref-v4__tabs,
.ref-v4__filters,
.ref-v4__quick,
.ref-v4__notice,
.ref-v4__search,
.ref-v4__refback,
.ref-v4__stats,
.ref-v4__table,
.ref-v4__buy{
  border:1px solid var(--ref4-border)!important;
  background:var(--ref4-card)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
.ref-v4__tabs,
.ref-v4__filters,
.ref-v4__quick{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:10px!important;
}
.ref-v4__filters{justify-content:flex-start!important}
.ref-v4__notice{
  padding:15px 17px!important;
  line-height:1.58!important;
  color:var(--ref4-muted)!important;
  border-left:3px solid var(--ref4-accent)!important;
  text-align:left!important;
}
.ref-v4__notice b{color:var(--ref4-text)!important}
.ref-v4__notice a{color:var(--ref4-accent)!important;border-bottom:1px dashed rgba(209,176,115,.55)!important}
.ref-v4 .menu-task-work{margin:0!important;padding:0!important;background:transparent!important}
.ref-v4 .menu-task-work__link,
.ref-v4 .btn,
.ref-v4 input[type="submit"],
.ref-v4 input[type="button"],
.ref-v4 button.form-task-p{
  min-height:34px!important;
  height:34px!important;
  width:auto!important;
  min-width:auto!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid var(--ref4-border)!important;
  background:var(--ref4-soft)!important;
  color:var(--ref4-muted)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  transform:none!important;
  filter:none!important;
}
.ref-v4__tabs .menu-task-work__link{min-width:122px!important}
.ref-v4__filters .menu-task-work__link{min-width:82px!important}
.ref-v4__quick .btn{min-width:126px!important}
.ref-v4 .menu-task-work__link:hover,
.ref-v4 .menu-task-work__link.active,
.ref-v4 .btn:hover,
.ref-v4 input[type="submit"]:hover,
.ref-v4 button.form-task-p:hover{
  color:var(--ref4-text)!important;
  border-color:rgba(209,176,115,.34)!important;
  background:linear-gradient(180deg, rgba(209,176,115,.14), rgba(255,255,255,.035))!important;
}
.ref-v4__search{
  padding:12px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.ref-v4__search-title{font-size:13px!important;font-weight:800!important;color:var(--ref4-text)!important;white-space:nowrap!important}
.ref-v4 input[type="text"],
.ref-v4 select{
  min-height:38px!important;
  height:38px!important;
  width:auto!important;
  max-width:100%!important;
  padding:0 12px!important;
  border-radius:12px!important;
  border:1px solid var(--ref4-border)!important;
  background:rgba(255,255,255,.035)!important;
  color:var(--ref4-text)!important;
  box-shadow:none!important;
}
.ref-v4__search input[type="text"]{width:220px!important}
.ref-v4 button.form-task-p{width:38px!important;min-width:38px!important;padding:0!important}
.ref-v4 .ico-search{margin:0!important;background-position:center!important}
.ref-v4__refback{padding:12px 16px!important;display:grid!important;gap:10px!important}
.ref-v4__refback-row{
  display:grid!important;
  grid-template-columns:88px minmax(180px,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.045)!important;
  background:rgba(255,255,255,.018)!important;
}
.ref-v4__refback form{display:contents!important}
.ref-v4__refback select{width:78px!important}
.ref-v4__refback input[type="submit"]{width:100%!important}
.ref-v4__hint{grid-column:1/-1!important;color:var(--ref4-muted)!important;font-size:12px!important;line-height:1.45!important}
.ref-v4__stats{
  min-height:42px!important;
  padding:10px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  background:linear-gradient(180deg, rgba(13,22,36,.90), rgba(7,14,26,.96))!important;
}
.ref-v4__count{color:var(--ref4-ok)!important;font-size:13px!important;font-weight:900!important}
.ref-v4__meta{color:var(--ref4-dim)!important;font-size:12px!important}
.ref-v4__table{overflow:hidden!important}
.ref-v4__table-scroll{overflow:auto!important}
.ref-v4 table.table,
.ref-v4 #referals-new,
.ref-v4 #referals-new_no{
  width:100%!important;
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ref-v4 .table th{
  padding:11px 12px!important;
  background:linear-gradient(180deg, rgba(4,12,24,.98), rgba(5,13,25,.98))!important;
  color:var(--ref4-accent)!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:900!important;
  border:0!important;
  border-bottom:1px solid var(--ref4-border)!important;
  text-align:center!important;
}
.ref-v4 .table td{
  padding:13px 12px!important;
  color:var(--ref4-muted)!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  vertical-align:middle!important;
  font-size:12px!important;
}
.ref-v4 .table tr:last-child td{border-bottom:0!important}
.ref-v4 .table tr:hover td{background:rgba(255,255,255,.022)!important}
.ref-v4 .table th span{
  cursor:pointer!important;
  color:inherit!important;
  border-bottom:0!important;
  margin:0 4px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
}
.ref-v4 .table th span.active-ASC,
.ref-v4 .table th span.active-DESC{color:#fff!important}
.ref-v4 .table th span.active-ASC:after{content:" ↑"!important;color:var(--ref4-accent)!important}
.ref-v4 .table th span.active-DESC:after{content:" ↓"!important;color:var(--ref4-accent)!important}
.ref-v4 .table a{color:#92bbff!important}
.ref-v4 .table b,.ref-v4 .table strong{color:var(--ref4-text)!important}
.ref-v4__empty{padding:28px 16px!important;color:#ffb2b2!important;font-weight:900!important;text-align:center!important}
.ref-v4 hr{display:none!important}
.ref-v4 center{display:block!important;text-align:inherit!important}
.ref-v4 font[color="c80000"],
.ref-v4 font[color="#c80000"],
.ref-v4 font[color="#C80000"],
.ref-v4 font[color="C80000"]{color:#ffb0b0!important}
.ref-v4--sub .ref-v4__filters{justify-content:center!important}
.ref-v4--sub .ref-v4__notice{padding:14px 16px!important}
.ref-v4__buy{padding:18px!important;text-align:center!important}
.ref-v4__buy form{margin:0!important}
.ref-v4__buy input[type="submit"]{min-width:320px!important;max-width:100%!important}
@media(max-width:980px){
  .ref-v4{padding:0 0 18px!important}
  .ref-v4__tabs .menu-task-work__link,
  .ref-v4__filters .menu-task-work__link,
  .ref-v4__quick .btn{flex:1 1 calc(50% - 8px)!important;min-width:0!important}
  .ref-v4__search{justify-content:stretch!important}
  .ref-v4__search-title{width:100%!important}
  .ref-v4__search input[type="text"]{flex:1 1 auto!important;width:calc(100% - 50px)!important}
  .ref-v4__refback-row{grid-template-columns:1fr!important}
  .ref-v4__refback select,.ref-v4__refback input[type="submit"]{width:100%!important}
}
@media(max-width:560px){
  .ref-v4__tabs .menu-task-work__link,
  .ref-v4__filters .menu-task-work__link,
  .ref-v4__quick .btn{flex-basis:100%!important}
}


/* ===== referals_table_final_fix_v4_2.css ===== */
/* ADSREK referrals v4.2 table final fix
   Put this at the very end of referals_redesign_v4_1.css,
   or connect this file after referals_redesign_v4_1.css.
*/

/* table container */
.ref-v4__table {
  background: linear-gradient(180deg, rgba(18, 28, 44, .94), rgba(8, 16, 30, .98)) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  overflow: hidden !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.16) !important;
}

/* make table natural again, colspan behaves better this way */
.ref-v4 #referals-new,
.ref-v4 #referals-new_no {
  width: 100% !important;
  min-width: 650px !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* header */
.ref-v4 #referals-new tr:first-child th {
  height: 44px !important;
  padding: 10px 8px !important;
  background: linear-gradient(180deg, rgba(2,10,22,.98), rgba(4,13,25,.98)) !important;
  color: #d9b873 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  vertical-align: middle !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  white-space: normal !important;
}

.ref-v4 #referals-new tr:first-child th:first-child {
  text-align: center !important;
}

.ref-v4 #referals-new tr:first-child th span {
  margin: 0 3px !important;
  white-space: nowrap !important;
}

/* body row */
.ref-v4 #referals-new tr:not(:first-child) {
  background: linear-gradient(180deg, rgba(18, 29, 46, .78), rgba(9, 18, 32, .96)) !important;
}

.ref-v4 #referals-new tr:not(:first-child) td {
  height: 86px !important;
  padding: 13px 8px !important;
  color: rgba(238,242,249,.72) !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
  vertical-align: middle !important;
  text-align: center !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

/* exact body columns */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1) {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  padding-left: 14px !important;
  text-align: center !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) {
  width: 185px !important;
  min-width: 185px !important;
  text-align: left !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(3) {
  width: 76px !important;
  min-width: 76px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(4) {
  width: 112px !important;
  min-width: 112px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(5) {
  width: 42px !important;
  min-width: 42px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) {
  width: 58px !important;
  min-width: 58px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) {
  width: 78px !important;
  min-width: 78px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8) {
  width: 50px !important;
  min-width: 50px !important;
  padding-right: 14px !important;
  white-space: nowrap !important;
}

/* readable text inside old generated markup */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) a,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) b,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) strong {
  color: #a8c8ff !important;
  font-weight: 900 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) font,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) span {
  line-height: 1.35 !important;
}

/* avatar/icon normalization */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1) img {
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) img {
  width: 31px !important;
  height: 31px !important;
  max-width: 31px !important;
  max-height: 31px !important;
  border-radius: 50% !important;
}

/* right action icons must stay in one line */
.ref-v4 #referals-new tr:not(:first-child) td:last-child,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8) {
  display: table-cell !important;
  vertical-align: middle !important;
  text-align: center !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:last-child a,
.ref-v4 #referals-new tr:not(:first-child) td:last-child span,
.ref-v4 #referals-new tr:not(:first-child) td:last-child img {
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 2px !important;
  float: none !important;
}

/* make small buttons in income/refback column neat */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .btn {
  min-height: 22px !important;
  height: 22px !important;
  padding: 0 8px !important;
  border-radius: 7px !important;
  font-size: 10px !important;
}

/* hover */
.ref-v4 #referals-new tr:not(:first-child):hover td {
  background: rgba(255,255,255,.025) !important;
}

/* mobile */
@media (max-width: 980px) {
  .ref-v4 #referals-new,
  .ref-v4 #referals-new_no {
    min-width: 720px !important;
  }
}


/* ===== referals_visibility_refback_fix_v4_3.css ===== */
/* ADSREK referrals v4.3 final visibility + refback fix
   Подключить САМЫМ ПОСЛЕДНИМ после всех CSS редизайна.
*/

/* hidden blocks must stay hidden */
.ref-v4 #catblock1.ref-v4__search[style*="display: none"],
.ref-v4 #catblock1.ref-v4__search[style*="display:none"],
.ref-v4 #catblock2.ref-v4__refback[style*="display: none"],
.ref-v4 #catblock2.ref-v4__refback[style*="display:none"] {
  display: none !important;
}

.ref-v4 #catblock1.ref-v4__search:not([style*="display: none"]):not([style*="display:none"]) {
  display: flex !important;
}

.ref-v4 #catblock2.ref-v4__refback:not([style*="display: none"]):not([style*="display:none"]) {
  display: block !important;
}

/* search row */
.ref-v4 #catblock1.ref-v4__search {
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  padding: 12px 14px !important;
  min-height: 58px !important;
}

.ref-v4 #catblock1.ref-v4__search .ref-v4__search-title,
.ref-v4 #catblock1.ref-v4__search label {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 190px !important;
  max-width: 220px !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.ref-v4 #catblock1.ref-v4__search input[type="text"] {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 180px !important;
  max-width: 360px !important;
}

.ref-v4 #catblock1.ref-v4__search button.form-task-p {
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
}

/* refback block */
.ref-v4 #catblock2.ref-v4__refback {
  padding: 12px 14px !important;
  border-radius: 18px !important;
  overflow: visible !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row {
  display: grid !important;
  grid-template-columns: 86px minmax(180px, 1fr) !important;
  align-items: center !important;
  gap: 10px 12px !important;
  padding: 10px !important;
  margin: 0 0 10px 0 !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
}

.ref-v4 #catblock2.ref-v4__refback form.aj-form {
  display: grid !important;
  grid-template-columns: 86px minmax(180px, 1fr) !important;
  align-items: center !important;
  gap: 10px 12px !important;
  width: 100% !important;
  margin: 0 0 8px 0 !important;
  padding: 10px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row form.aj-form {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.ref-v4 #catblock2.ref-v4__refback select {
  grid-column: 1 !important;
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background-color: rgba(17,27,43,.96) !important;
  color: #eef3fb !important;
  box-shadow: none !important;
}

.ref-v4 #catblock2.ref-v4__refback select option {
  background: #111b2b !important;
  color: #eef3fb !important;
}

.ref-v4 #catblock2.ref-v4__refback input[type="submit"],
.ref-v4 #catblock2.ref-v4__refback .btn {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__hint,
.ref-v4 #catblock2.ref-v4__refback .desctext {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding: 0 2px !important;
  color: rgba(237,241,247,.64) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.ref-v4 #catblock2.ref-v4__refback br {
  display: none !important;
}

/* compact quick buttons */
.ref-v4__quick {
  padding: 9px 10px !important;
  gap: 8px !important;
}

.ref-v4__quick .btn {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
}

/* empty table */
.ref-v4 .del-all td {
  height: 96px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.ref-v4 .del-all .ref-v4__empty,
.ref-v4 .del-all td {
  color: rgba(237,241,247,.72) !important;
}

@media (max-width: 980px) {
  .ref-v4 #catblock1.ref-v4__search {
    flex-wrap: wrap !important;
    justify-content: stretch !important;
  }

  .ref-v4 #catblock1.ref-v4__search .ref-v4__search-title,
  .ref-v4 #catblock1.ref-v4__search label {
    flex: 1 1 100% !important;
    max-width: none !important;
    width: 100% !important;
  }

  .ref-v4 #catblock1.ref-v4__search input[type="text"] {
    max-width: none !important;
  }

  .ref-v4 #catblock2.ref-v4__refback form.aj-form,
  .ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row {
    grid-template-columns: 1fr !important;
  }

  .ref-v4 #catblock2.ref-v4__refback select,
  .ref-v4 #catblock2.ref-v4__refback input[type="submit"],
  .ref-v4 #catblock2.ref-v4__refback .btn {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
  }
}


/* ===== referals_popup_polish_v4_4.css ===== */
/* ADSREK referrals v4.4 popup polish
   Подключить самым последним после всех CSS редизайна.
   Исправляет внешний вид popup_w окон: условия продажи, история покупок и похожие модалки.
*/

/* overlay / затемнение */
#fade,
.fade,
.overlay,
.popup-overlay,
.window-overlay,
#popup-overlay,
#modal-overlay,
.box-modal_close + .arcticmodal-overlay,
.arcticmodal-overlay,
.ui-widget-overlay {
  background: rgba(2, 8, 18, .78) !important;
  backdrop-filter: blur(3px) !important;
}

/* основные контейнеры модалок */
#popup,
.popup,
.popup_w,
.popup-window,
.pop-up,
.pop-up-window,
.window,
.window_popup,
.window-pop,
.modal,
.modal-window,
.box-modal,
.arcticmodal-container_i2,
.ui-dialog {
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: linear-gradient(180deg, rgba(22,32,50,.98), rgba(9,16,29,.99)) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04) !important;
  color: rgba(238,243,251,.88) !important;
  overflow: hidden !important;
}

/* если popup_w рисует вложенный прямой div */
.popup_w > div,
.popup-window > div,
.pop-up-window > div,
.window_popup > div,
.box-modal > div,
.ui-dialog > div {
  box-sizing: border-box !important;
}

/* шапка модалки */
.popup-title,
.popup_head,
.popup-header,
.window-title,
.window_head,
.modal-title,
.modal-header,
.box-modal-title,
.ui-dialog-titlebar,
.popup_w .title,
.window .title,
#popup .title {
  min-height: 46px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  background: linear-gradient(180deg, rgba(13,27,49,.98), rgba(8,18,34,.98)) !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;
  color: #edf3fb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
}

/* тело модалки */
.popup-content,
.popup_body,
.popup-body,
.window-content,
.window_body,
.modal-content,
.modal-body,
.box-modal-content,
.ui-dialog-content,
.popup_w .content,
.window .content,
#popup .content {
  padding: 18px 20px !important;
  background: transparent !important;
  color: rgba(238,243,251,.82) !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

/* текст внутри старых php popup */
.popup_w table,
.window table,
.box-modal table,
.ui-dialog table,
.popup table,
.modal table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  color: rgba(238,243,251,.82) !important;
}

.popup_w td,
.window td,
.box-modal td,
.ui-dialog td,
.popup td,
.modal td {
  padding: 11px 14px !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
  color: rgba(238,243,251,.82) !important;
  line-height: 1.45 !important;
}

.popup_w tr:first-child td,
.window tr:first-child td,
.box-modal tr:first-child td,
.ui-dialog tr:first-child td,
.popup tr:first-child td,
.modal tr:first-child td {
  color: #d9b873 !important;
  font-weight: 900 !important;
  background: rgba(6,15,30,.72) !important;
}

.popup_w tr:last-child td,
.window tr:last-child td,
.box-modal tr:last-child td,
.ui-dialog tr:last-child td,
.popup tr:last-child td,
.modal tr:last-child td {
  border-bottom: 0 !important;
}

/* выделения в попапах */
.popup_w b,
.window b,
.box-modal b,
.ui-dialog b,
.popup b,
.modal b,
.popup_w strong,
.window strong,
.box-modal strong,
.ui-dialog strong,
.popup strong,
.modal strong {
  color: #edf3fb !important;
  font-weight: 900 !important;
}

.popup_w a,
.window a,
.box-modal a,
.ui-dialog a,
.popup a,
.modal a {
  color: #d9b873 !important;
  text-decoration: none !important;
  border-bottom: 1px dashed rgba(217,184,115,.45) !important;
}

.popup_w font[color],
.window font[color],
.box-modal font[color],
.ui-dialog font[color],
.popup font[color],
.modal font[color] {
  color: #d9b873 !important;
}

/* кнопка закрыть */
.popup-close,
.close,
.close-popup,
.window-close,
.modal-close,
.box-modal_close,
.ui-dialog-titlebar-close,
.popup_w [onclick*="close"],
.window [onclick*="close"],
#popup [onclick*="close"] {
  min-width: 68px !important;
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.04) !important;
  color: rgba(238,243,251,.86) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 32px !important;
  text-align: center !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

.popup-close:hover,
.close:hover,
.close-popup:hover,
.window-close:hover,
.modal-close:hover,
.box-modal_close:hover,
.ui-dialog-titlebar-close:hover,
.popup_w [onclick*="close"]:hover,
.window [onclick*="close"]:hover,
#popup [onclick*="close"]:hover {
  background: rgba(217,184,115,.13) !important;
  border-color: rgba(217,184,115,.35) !important;
  color: #fff !important;
}

/* история покупок / продажи: полосы секций */
.popup_w .msg-info,
.window .msg-info,
.box-modal .msg-info,
.ui-dialog .msg-info,
.popup_w .add-infa,
.window .add-infa,
.box-modal .add-infa,
.ui-dialog .add-infa {
  margin: 0 !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  background: rgba(255,255,255,.025) !important;
  color: rgba(238,243,251,.78) !important;
}

/* input/button внутри модалок */
.popup_w input,
.window input,
.box-modal input,
.ui-dialog input,
.popup_w select,
.window select,
.box-modal select,
.ui-dialog select,
.popup_w textarea,
.window textarea,
.box-modal textarea,
.ui-dialog textarea {
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.035) !important;
  color: #eef3fb !important;
  box-shadow: none !important;
}

.popup_w input[type="submit"],
.window input[type="submit"],
.box-modal input[type="submit"],
.ui-dialog input[type="submit"],
.popup_w button,
.window button,
.box-modal button,
.ui-dialog button,
.popup_w .btn,
.window .btn,
.box-modal .btn,
.ui-dialog .btn {
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.045) !important;
  color: rgba(238,243,251,.88) !important;
  font-weight: 800 !important;
}

/* размер и адаптация */
@media (max-width: 760px) {
  #popup,
  .popup,
  .popup_w,
  .popup-window,
  .pop-up,
  .pop-up-window,
  .window,
  .window_popup,
  .modal,
  .modal-window,
  .box-modal,
  .ui-dialog {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    left: 12px !important;
    right: 12px !important;
  }

  .popup-content,
  .popup_body,
  .popup-body,
  .window-content,
  .window_body,
  .modal-content,
  .modal-body,
  .box-modal-content,
  .ui-dialog-content,
  .popup_w .content,
  .window .content,
  #popup .content {
    padding: 14px !important;
  }
}

:root{
  --ref4-card: linear-gradient(180deg, rgba(36,46,63,.66), rgba(14,22,36,.94));
  --ref4-dark: rgba(6,14,27,.96);
  --ref4-border: rgba(255,255,255,.075);
  --ref4-soft: rgba(255,255,255,.035);
  --ref4-accent: var(--ads-accent,#d1b073);
  --ref4-text: var(--ads-text,#edf1f7);
  --ref4-muted: rgba(237,241,247,.66);
  --ref4-dim: rgba(237,241,247,.46);
  --ref4-ok:#8ee69a;
}
#contentwrapper .ref-v4,
.ref-v4{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:0 4px 22px!important;
  color:var(--ref4-text)!important;
}
.ref-v4 *{box-sizing:border-box}
.ref-v4>.titles{margin-bottom:6px!important}
.ref-v4__tabs,
.ref-v4__filters,
.ref-v4__quick,
.ref-v4__notice,
.ref-v4__search,
.ref-v4__refback,
.ref-v4__stats,
.ref-v4__table,
.ref-v4__buy{
  border:1px solid var(--ref4-border)!important;
  background:var(--ref4-card)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
.ref-v4__tabs,
.ref-v4__filters,
.ref-v4__quick{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:10px!important;
}
.ref-v4__filters{justify-content:flex-start!important}
.ref-v4__notice{
  padding:15px 17px!important;
  line-height:1.58!important;
  color:var(--ref4-muted)!important;
  border-left:3px solid var(--ref4-accent)!important;
  text-align:left!important;
}
.ref-v4__notice b{color:var(--ref4-text)!important}
.ref-v4__notice a{color:var(--ref4-accent)!important;border-bottom:1px dashed rgba(209,176,115,.55)!important}
.ref-v4 .menu-task-work{margin:0!important;padding:0!important;background:transparent!important}
.ref-v4 .menu-task-work__link,
.ref-v4 .btn,
.ref-v4 input[type="submit"],
.ref-v4 input[type="button"],
.ref-v4 button.form-task-p{
  min-height:34px!important;
  height:34px!important;
  width:auto!important;
  min-width:auto!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid var(--ref4-border)!important;
  background:var(--ref4-soft)!important;
  color:var(--ref4-muted)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  transform:none!important;
  filter:none!important;
}
.ref-v4__tabs .menu-task-work__link{min-width:122px!important}
.ref-v4__filters .menu-task-work__link{min-width:82px!important}
.ref-v4__quick .btn{min-width:126px!important}
.ref-v4 .menu-task-work__link:hover,
.ref-v4 .menu-task-work__link.active,
.ref-v4 .btn:hover,
.ref-v4 input[type="submit"]:hover,
.ref-v4 button.form-task-p:hover{
  color:var(--ref4-text)!important;
  border-color:rgba(209,176,115,.34)!important;
  background:linear-gradient(180deg, rgba(209,176,115,.14), rgba(255,255,255,.035))!important;
}
.ref-v4__search{
  padding:12px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.ref-v4__search-title{font-size:13px!important;font-weight:800!important;color:var(--ref4-text)!important;white-space:nowrap!important}
.ref-v4 input[type="text"],
.ref-v4 select{
  min-height:38px!important;
  height:38px!important;
  width:auto!important;
  max-width:100%!important;
  padding:0 12px!important;
  border-radius:12px!important;
  border:1px solid var(--ref4-border)!important;
  background:rgba(255,255,255,.035)!important;
  color:var(--ref4-text)!important;
  box-shadow:none!important;
}
.ref-v4__search input[type="text"]{width:220px!important}
.ref-v4 button.form-task-p{width:38px!important;min-width:38px!important;padding:0!important}
.ref-v4 .ico-search{margin:0!important;background-position:center!important}
.ref-v4__refback{padding:12px 16px!important;display:grid!important;gap:10px!important}
.ref-v4__refback-row{
  display:grid!important;
  grid-template-columns:88px minmax(180px,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.045)!important;
  background:rgba(255,255,255,.018)!important;
}
.ref-v4__refback form{display:contents!important}
.ref-v4__refback select{width:78px!important}
.ref-v4__refback input[type="submit"]{width:100%!important}
.ref-v4__hint{grid-column:1/-1!important;color:var(--ref4-muted)!important;font-size:12px!important;line-height:1.45!important}
.ref-v4__stats{
  min-height:42px!important;
  padding:10px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  background:linear-gradient(180deg, rgba(13,22,36,.90), rgba(7,14,26,.96))!important;
}
.ref-v4__count{color:var(--ref4-ok)!important;font-size:13px!important;font-weight:900!important}
.ref-v4__meta{color:var(--ref4-dim)!important;font-size:12px!important}
.ref-v4__table{overflow:hidden!important}
.ref-v4__table-scroll{overflow:auto!important}
.ref-v4 table.table,
.ref-v4 #referals-new,
.ref-v4 #referals-new_no{
  width:100%!important;
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ref-v4 .table th{
  padding:11px 12px!important;
  background:linear-gradient(180deg, rgba(4,12,24,.98), rgba(5,13,25,.98))!important;
  color:var(--ref4-accent)!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:900!important;
  border:0!important;
  border-bottom:1px solid var(--ref4-border)!important;
  text-align:center!important;
}
.ref-v4 .table td{
  padding:13px 12px!important;
  color:var(--ref4-muted)!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  vertical-align:middle!important;
  font-size:12px!important;
}
.ref-v4 .table tr:last-child td{border-bottom:0!important}
.ref-v4 .table tr:hover td{background:rgba(255,255,255,.022)!important}
.ref-v4 .table th span{
  cursor:pointer!important;
  color:inherit!important;
  border-bottom:0!important;
  margin:0 4px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
}
.ref-v4 .table th span.active-ASC,
.ref-v4 .table th span.active-DESC{color:#fff!important}
.ref-v4 .table th span.active-ASC:after{content:" ↑"!important;color:var(--ref4-accent)!important}
.ref-v4 .table th span.active-DESC:after{content:" ↓"!important;color:var(--ref4-accent)!important}
.ref-v4 .table a{color:#92bbff!important}
.ref-v4 .table b,.ref-v4 .table strong{color:var(--ref4-text)!important}
.ref-v4__empty{padding:28px 16px!important;color:#ffb2b2!important;font-weight:900!important;text-align:center!important}
.ref-v4 hr{display:none!important}
.ref-v4 center{display:block!important;text-align:inherit!important}
.ref-v4 font[color="c80000"],
.ref-v4 font[color="#c80000"],
.ref-v4 font[color="#C80000"],
.ref-v4 font[color="C80000"]{color:#ffb0b0!important}
.ref-v4--sub .ref-v4__filters{justify-content:center!important}
.ref-v4--sub .ref-v4__notice{padding:14px 16px!important}
.ref-v4__buy{padding:18px!important;text-align:center!important}
.ref-v4__buy form{margin:0!important}
.ref-v4__buy input[type="submit"]{min-width:320px!important;max-width:100%!important}
@media(max-width:980px){
  .ref-v4{padding:0 0 18px!important}
  .ref-v4__tabs .menu-task-work__link,
  .ref-v4__filters .menu-task-work__link,
  .ref-v4__quick .btn{flex:1 1 calc(50% - 8px)!important;min-width:0!important}
  .ref-v4__search{justify-content:stretch!important}
  .ref-v4__search-title{width:100%!important}
  .ref-v4__search input[type="text"]{flex:1 1 auto!important;width:calc(100% - 50px)!important}
  .ref-v4__refback-row{grid-template-columns:1fr!important}
  .ref-v4__refback select,.ref-v4__refback input[type="submit"]{width:100%!important}
}
@media(max-width:560px){
  .ref-v4__tabs .menu-task-work__link,
  .ref-v4__filters .menu-task-work__link,
  .ref-v4__quick .btn{flex-basis:100%!important}
}


/* ===== referals_table_final_fix_v4_2.css ===== */
/* ADSREK referrals v4.2 table final fix
   Put this at the very end of referals_redesign_v4_1.css,
   or connect this file after referals_redesign_v4_1.css.
*/

/* table container */
.ref-v4__table {
  background: linear-gradient(180deg, rgba(18, 28, 44, .94), rgba(8, 16, 30, .98)) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  overflow: hidden !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.16) !important;
}

/* make table natural again, colspan behaves better this way */
.ref-v4 #referals-new,
.ref-v4 #referals-new_no {
  width: 100% !important;
  min-width: 650px !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* header */
.ref-v4 #referals-new tr:first-child th {
  height: 44px !important;
  padding: 10px 8px !important;
  background: linear-gradient(180deg, rgba(2,10,22,.98), rgba(4,13,25,.98)) !important;
  color: #d9b873 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  vertical-align: middle !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  white-space: normal !important;
}

.ref-v4 #referals-new tr:first-child th:first-child {
  text-align: center !important;
}

.ref-v4 #referals-new tr:first-child th span {
  margin: 0 3px !important;
  white-space: nowrap !important;
}

/* body row */
.ref-v4 #referals-new tr:not(:first-child) {
  background: linear-gradient(180deg, rgba(18, 29, 46, .78), rgba(9, 18, 32, .96)) !important;
}

.ref-v4 #referals-new tr:not(:first-child) td {
  height: 86px !important;
  padding: 13px 8px !important;
  color: rgba(238,242,249,.72) !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
  vertical-align: middle !important;
  text-align: center !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

/* exact body columns */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1) {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  padding-left: 14px !important;
  text-align: center !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) {
  width: 185px !important;
  min-width: 185px !important;
  text-align: left !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(3) {
  width: 76px !important;
  min-width: 76px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(4) {
  width: 112px !important;
  min-width: 112px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(5) {
  width: 42px !important;
  min-width: 42px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) {
  width: 58px !important;
  min-width: 58px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) {
  width: 78px !important;
  min-width: 78px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8) {
  width: 50px !important;
  min-width: 50px !important;
  padding-right: 14px !important;
  white-space: nowrap !important;
}

/* readable text inside old generated markup */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) a,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) b,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) strong {
  color: #a8c8ff !important;
  font-weight: 900 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) font,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) span {
  line-height: 1.35 !important;
}

/* avatar/icon normalization */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1) img {
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) img {
  width: 31px !important;
  height: 31px !important;
  max-width: 31px !important;
  max-height: 31px !important;
  border-radius: 50% !important;
}

/* right action icons must stay in one line */
.ref-v4 #referals-new tr:not(:first-child) td:last-child,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8) {
  display: table-cell !important;
  vertical-align: middle !important;
  text-align: center !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:last-child a,
.ref-v4 #referals-new tr:not(:first-child) td:last-child span,
.ref-v4 #referals-new tr:not(:first-child) td:last-child img {
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 2px !important;
  float: none !important;
}

/* make small buttons in income/refback column neat */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .btn {
  min-height: 22px !important;
  height: 22px !important;
  padding: 0 8px !important;
  border-radius: 7px !important;
  font-size: 10px !important;
}

/* hover */
.ref-v4 #referals-new tr:not(:first-child):hover td {
  background: rgba(255,255,255,.025) !important;
}

/* mobile */
@media (max-width: 980px) {
  .ref-v4 #referals-new,
  .ref-v4 #referals-new_no {
    min-width: 720px !important;
  }
}


/* ===== referals_visibility_refback_fix_v4_3.css ===== */
/* ADSREK referrals v4.3 final visibility + refback fix
   Подключить САМЫМ ПОСЛЕДНИМ после всех CSS редизайна.
*/

/* hidden blocks must stay hidden */
.ref-v4 #catblock1.ref-v4__search[style*="display: none"],
.ref-v4 #catblock1.ref-v4__search[style*="display:none"],
.ref-v4 #catblock2.ref-v4__refback[style*="display: none"],
.ref-v4 #catblock2.ref-v4__refback[style*="display:none"] {
  display: none !important;
}

.ref-v4 #catblock1.ref-v4__search:not([style*="display: none"]):not([style*="display:none"]) {
  display: flex !important;
}

.ref-v4 #catblock2.ref-v4__refback:not([style*="display: none"]):not([style*="display:none"]) {
  display: block !important;
}

/* search row */
.ref-v4 #catblock1.ref-v4__search {
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  padding: 12px 14px !important;
  min-height: 58px !important;
}

.ref-v4 #catblock1.ref-v4__search .ref-v4__search-title,
.ref-v4 #catblock1.ref-v4__search label {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 190px !important;
  max-width: 220px !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.ref-v4 #catblock1.ref-v4__search input[type="text"] {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 180px !important;
  max-width: 360px !important;
}

.ref-v4 #catblock1.ref-v4__search button.form-task-p {
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
}

/* refback block */
.ref-v4 #catblock2.ref-v4__refback {
  padding: 12px 14px !important;
  border-radius: 18px !important;
  overflow: visible !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row {
  display: grid !important;
  grid-template-columns: 86px minmax(180px, 1fr) !important;
  align-items: center !important;
  gap: 10px 12px !important;
  padding: 10px !important;
  margin: 0 0 10px 0 !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
}

.ref-v4 #catblock2.ref-v4__refback form.aj-form {
  display: grid !important;
  grid-template-columns: 86px minmax(180px, 1fr) !important;
  align-items: center !important;
  gap: 10px 12px !important;
  width: 100% !important;
  margin: 0 0 8px 0 !important;
  padding: 10px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row form.aj-form {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.ref-v4 #catblock2.ref-v4__refback select {
  grid-column: 1 !important;
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background-color: rgba(17,27,43,.96) !important;
  color: #eef3fb !important;
  box-shadow: none !important;
}

.ref-v4 #catblock2.ref-v4__refback select option {
  background: #111b2b !important;
  color: #eef3fb !important;
}

.ref-v4 #catblock2.ref-v4__refback input[type="submit"],
.ref-v4 #catblock2.ref-v4__refback .btn {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
}

.ref-v4 #catblock2.ref-v4__refback .ref-v4__hint,
.ref-v4 #catblock2.ref-v4__refback .desctext {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding: 0 2px !important;
  color: rgba(237,241,247,.64) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.ref-v4 #catblock2.ref-v4__refback br {
  display: none !important;
}

/* compact quick buttons */
.ref-v4__quick {
  padding: 9px 10px !important;
  gap: 8px !important;
}

.ref-v4__quick .btn {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
}

/* empty table */
.ref-v4 .del-all td {
  height: 96px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.ref-v4 .del-all .ref-v4__empty,
.ref-v4 .del-all td {
  color: rgba(237,241,247,.72) !important;
}

@media (max-width: 980px) {
  .ref-v4 #catblock1.ref-v4__search {
    flex-wrap: wrap !important;
    justify-content: stretch !important;
  }

  .ref-v4 #catblock1.ref-v4__search .ref-v4__search-title,
  .ref-v4 #catblock1.ref-v4__search label {
    flex: 1 1 100% !important;
    max-width: none !important;
    width: 100% !important;
  }

  .ref-v4 #catblock1.ref-v4__search input[type="text"] {
    max-width: none !important;
  }

  .ref-v4 #catblock2.ref-v4__refback form.aj-form,
  .ref-v4 #catblock2.ref-v4__refback .ref-v4__refback-row {
    grid-template-columns: 1fr !important;
  }

  .ref-v4 #catblock2.ref-v4__refback select,
  .ref-v4 #catblock2.ref-v4__refback input[type="submit"],
  .ref-v4 #catblock2.ref-v4__refback .btn {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
  }
}


/* ===== referals_popup_polish_v4_4.css ===== */
/* ADSREK referrals v4.4 popup polish
   Подключить самым последним после всех CSS редизайна.
   Исправляет внешний вид popup_w окон: условия продажи, история покупок и похожие модалки.
*/

/* overlay / затемнение */
#fade,
.fade,
.overlay,
.popup-overlay,
.window-overlay,
#popup-overlay,
#modal-overlay,
.box-modal_close + .arcticmodal-overlay,
.arcticmodal-overlay,
.ui-widget-overlay {
  background: rgba(2, 8, 18, .78) !important;
  backdrop-filter: blur(3px) !important;
}

/* основные контейнеры модалок */
#popup,
.popup,
.popup_w,
.popup-window,
.pop-up,
.pop-up-window,
.window,
.window_popup,
.window-pop,
.modal,
.modal-window,
.box-modal,
.arcticmodal-container_i2,
.ui-dialog {
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: linear-gradient(180deg, rgba(22,32,50,.98), rgba(9,16,29,.99)) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04) !important;
  color: rgba(238,243,251,.88) !important;
  overflow: hidden !important;
}

/* если popup_w рисует вложенный прямой div */
.popup_w > div,
.popup-window > div,
.pop-up-window > div,
.window_popup > div,
.box-modal > div,
.ui-dialog > div {
  box-sizing: border-box !important;
}

/* шапка модалки */
.popup-title,
.popup_head,
.popup-header,
.window-title,
.window_head,
.modal-title,
.modal-header,
.box-modal-title,
.ui-dialog-titlebar,
.popup_w .title,
.window .title,
#popup .title {
  min-height: 46px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  background: linear-gradient(180deg, rgba(13,27,49,.98), rgba(8,18,34,.98)) !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;
  color: #edf3fb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
}

/* тело модалки */
.popup-content,
.popup_body,
.popup-body,
.window-content,
.window_body,
.modal-content,
.modal-body,
.box-modal-content,
.ui-dialog-content,
.popup_w .content,
.window .content,
#popup .content {
  padding: 18px 20px !important;
  background: transparent !important;
  color: rgba(238,243,251,.82) !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

/* текст внутри старых php popup */
.popup_w table,
.window table,
.box-modal table,
.ui-dialog table,
.popup table,
.modal table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  color: rgba(238,243,251,.82) !important;
}

.popup_w td,
.window td,
.box-modal td,
.ui-dialog td,
.popup td,
.modal td {
  padding: 11px 14px !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.018) !important;
  color: rgba(238,243,251,.82) !important;
  line-height: 1.45 !important;
}

.popup_w tr:first-child td,
.window tr:first-child td,
.box-modal tr:first-child td,
.ui-dialog tr:first-child td,
.popup tr:first-child td,
.modal tr:first-child td {
  color: #d9b873 !important;
  font-weight: 900 !important;
  background: rgba(6,15,30,.72) !important;
}

.popup_w tr:last-child td,
.window tr:last-child td,
.box-modal tr:last-child td,
.ui-dialog tr:last-child td,
.popup tr:last-child td,
.modal tr:last-child td {
  border-bottom: 0 !important;
}

/* выделения в попапах */
.popup_w b,
.window b,
.box-modal b,
.ui-dialog b,
.popup b,
.modal b,
.popup_w strong,
.window strong,
.box-modal strong,
.ui-dialog strong,
.popup strong,
.modal strong {
  color: #edf3fb !important;
  font-weight: 900 !important;
}

.popup_w a,
.window a,
.box-modal a,
.ui-dialog a,
.popup a,
.modal a {
  color: #d9b873 !important;
  text-decoration: none !important;
  border-bottom: 1px dashed rgba(217,184,115,.45) !important;
}

.popup_w font[color],
.window font[color],
.box-modal font[color],
.ui-dialog font[color],
.popup font[color],
.modal font[color] {
  color: #d9b873 !important;
}

/* кнопка закрыть */
.popup-close,
.close,
.close-popup,
.window-close,
.modal-close,
.box-modal_close,
.ui-dialog-titlebar-close,
.popup_w [onclick*="close"],
.window [onclick*="close"],
#popup [onclick*="close"] {
  min-width: 68px !important;
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.04) !important;
  color: rgba(238,243,251,.86) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 32px !important;
  text-align: center !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

.popup-close:hover,
.close:hover,
.close-popup:hover,
.window-close:hover,
.modal-close:hover,
.box-modal_close:hover,
.ui-dialog-titlebar-close:hover,
.popup_w [onclick*="close"]:hover,
.window [onclick*="close"]:hover,
#popup [onclick*="close"]:hover {
  background: rgba(217,184,115,.13) !important;
  border-color: rgba(217,184,115,.35) !important;
  color: #fff !important;
}

/* история покупок / продажи: полосы секций */
.popup_w .msg-info,
.window .msg-info,
.box-modal .msg-info,
.ui-dialog .msg-info,
.popup_w .add-infa,
.window .add-infa,
.box-modal .add-infa,
.ui-dialog .add-infa {
  margin: 0 !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  background: rgba(255,255,255,.025) !important;
  color: rgba(238,243,251,.78) !important;
}

/* input/button внутри модалок */
.popup_w input,
.window input,
.box-modal input,
.ui-dialog input,
.popup_w select,
.window select,
.box-modal select,
.ui-dialog select,
.popup_w textarea,
.window textarea,
.box-modal textarea,
.ui-dialog textarea {
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.035) !important;
  color: #eef3fb !important;
  box-shadow: none !important;
}

.popup_w input[type="submit"],
.window input[type="submit"],
.box-modal input[type="submit"],
.ui-dialog input[type="submit"],
.popup_w button,
.window button,
.box-modal button,
.ui-dialog button,
.popup_w .btn,
.window .btn,
.box-modal .btn,
.ui-dialog .btn {
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.045) !important;
  color: rgba(238,243,251,.88) !important;
  font-weight: 800 !important;
}

/* размер и адаптация */
@media (max-width: 760px) {
  #popup,
  .popup,
  .popup_w,
  .popup-window,
  .pop-up,
  .pop-up-window,
  .window,
  .window_popup,
  .modal,
  .modal-window,
  .box-modal,
  .ui-dialog {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    left: 12px !important;
    right: 12px !important;
  }

  .popup-content,
  .popup_body,
  .popup-body,
  .window-content,
  .window_body,
  .modal-content,
  .modal-body,
  .box-modal-content,
  .ui-dialog-content,
  .popup_w .content,
  .window .content,
  #popup .content {
    padding: 14px !important;
  }
}


/* ===== referals_readable_table_v4_5.css ===== */
/* ADSREK referrals v4.5 readable table
   Подключить САМЫМ ПОСЛЕДНИМ после всех CSS редизайна.
   Исправляет нечитаемый блок рефералов: контраст, размер текста, строку пользователя, колонки и действия.
*/

/* block */
.ref-v4__table {
  background: linear-gradient(180deg, rgba(16, 27, 44, .98), rgba(8, 17, 31, .99)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.20) !important;
}

/* table base */
.ref-v4 #referals-new,
.ref-v4 #referals-new_no {
  width: 100% !important;
  min-width: 690px !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* header */
.ref-v4 #referals-new tr:first-child th,
.ref-v4 #referals-new_no tr:first-child th {
  height: 48px !important;
  padding: 12px 10px !important;
  background: #071120 !important;
  color: #f1c873 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  vertical-align: middle !important;
  text-shadow: none !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.ref-v4 #referals-new tr:first-child th span,
.ref-v4 #referals-new_no tr:first-child th span {
  color: #f1c873 !important;
  opacity: 1 !important;
  font-size: 12px !important;
}

/* body row */
.ref-v4 #referals-new tr:not(:first-child),
.ref-v4 #referals-new_no tr:not(:first-child) {
  background: linear-gradient(180deg, rgba(20, 33, 53, .96), rgba(11, 22, 38, .98)) !important;
}

.ref-v4 #referals-new tr:not(:first-child) td,
.ref-v4 #referals-new_no tr:not(:first-child) td {
  min-height: 0 !important;
  height: 92px !important;
  padding: 14px 10px !important;
  color: #dfe8f6 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.48 !important;
  text-align: center !important;
  vertical-align: middle !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* force old generated font/span colors to become readable */
.ref-v4 #referals-new tr:not(:first-child) td *,
.ref-v4 #referals-new_no tr:not(:first-child) td *,
.ref-v4 #referals-new tr:not(:first-child) td font,
.ref-v4 #referals-new_no tr:not(:first-child) td font,
.ref-v4 #referals-new tr:not(:first-child) td span,
.ref-v4 #referals-new_no tr:not(:first-child) td span {
  opacity: 1 !important;
  text-shadow: none !important;
}

/* default tiny/dark text inside row */
.ref-v4 #referals-new tr:not(:first-child) td,
.ref-v4 #referals-new tr:not(:first-child) td span,
.ref-v4 #referals-new tr:not(:first-child) td font,
.ref-v4 #referals-new_no tr:not(:first-child) td,
.ref-v4 #referals-new_no tr:not(:first-child) td span,
.ref-v4 #referals-new_no tr:not(:first-child) td font {
  color: #dfe8f6 !important;
}

/* login column */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(1) {
  width: 58px !important;
  min-width: 58px !important;
  padding-left: 16px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(2) {
  width: 190px !important;
  min-width: 190px !important;
  text-align: left !important;
  color: #dfe8f6 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) a,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(2) a {
  color: #9ec7ff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  border-bottom: 0 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) b,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) strong,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(2) b,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(2) strong {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) font[color*="green"],
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) span[style*="green"],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(2) font[color*="green"],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(2) span[style*="green"] {
  color: #7ee58b !important;
  font-weight: 800 !important;
}

/* IP / secondary info */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) a[href*="ip"],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(2) a[href*="ip"] {
  color: #4bb3ff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* numeric/stat columns */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(3),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(3) {
  width: 82px !important;
  min-width: 82px !important;
  color: #dbe6f7 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(4),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(4) {
  width: 120px !important;
  min-width: 120px !important;
  color: #dbe6f7 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(5),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(5) {
  width: 48px !important;
  min-width: 48px !important;
  color: #ffb253 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) {
  width: 64px !important;
  min-width: 64px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) {
  width: 86px !important;
  min-width: 86px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(8) {
  width: 56px !important;
  min-width: 56px !important;
  padding-right: 16px !important;
  white-space: nowrap !important;
}

/* avatar */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1) img,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(1) img {
  width: 42px !important;
  height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  filter: none !important;
  opacity: 1 !important;
}

/* globe / status icon */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) img,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) img {
  width: 34px !important;
  height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  opacity: 1 !important;
  filter: none !important;
}

/* refback mini button */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .btn,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) input,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) .btn {
  min-width: 42px !important;
  width: auto !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border-radius: 7px !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  background: linear-gradient(180deg, rgba(143, 180, 126, .95), rgba(78, 107, 70, .95)) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
}

/* actions on the right */
.ref-v4 #referals-new tr:not(:first-child) td:last-child,
.ref-v4 #referals-new_no tr:not(:first-child) td:last-child {
  white-space: nowrap !important;
  text-align: center !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:last-child img,
.ref-v4 #referals-new_no tr:not(:first-child) td:last-child img {
  width: 15px !important;
  height: 15px !important;
  max-width: 15px !important;
  max-height: 15px !important;
  margin: 0 3px !important;
  opacity: 1 !important;
  filter: none !important;
}

/* empty state */
.ref-v4 .del-all td {
  height: 110px !important;
  color: #dfe8f6 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-align: center !important;
}

.ref-v4 .del-all .ref-v4__empty {
  color: #dfe8f6 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* hover */
.ref-v4 #referals-new tr:not(:first-child):hover td,
.ref-v4 #referals-new_no tr:not(:first-child):hover td {
  background: rgba(255,255,255,.035) !important;
}

/* keep modal dark overlay not too strong over readable table */
.arcticmodal-overlay,
.ui-widget-overlay,
#fade,
.fade,
.overlay {
  background: rgba(1, 7, 16, .72) !important;
}

/* mobile */
@media (max-width: 980px) {
  .ref-v4 #referals-new,
  .ref-v4 #referals-new_no {
    min-width: 760px !important;
  }

  .ref-v4 #referals-new tr:not(:first-child) td,
  .ref-v4 #referals-new_no tr:not(:first-child) td {
    font-size: 12px !important;
  }
}


/* ===== referals_top_ui_fix_v4_6.css ===== */
/* ADSREK referrals v4.6 top UI fix
   Подключить САМЫМ ПОСЛЕДНИМ после referals_final.css.
   Исправляет верхний блок: вкладки, фильтры, инфо-блок и сервисные кнопки.
   Таблицу не трогает.
*/

.ref-v4 {
  gap: 12px !important;
}

/* Возвращаем нормальные карточки верхним секциям */
.ref-v4__tabs,
.ref-v4__filters,
.ref-v4__quick {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  background: linear-gradient(180deg, rgba(8,17,31,.96), rgba(5,13,25,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

/* Вкладки уровней */
.ref-v4__tabs {
  max-width: 100% !important;
  min-height: 66px !important;
}

.ref-v4__tabs .menu-task-work__link {
  min-width: 124px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

/* Фильтры */
.ref-v4__filters {
  min-height: 62px !important;
}

.ref-v4__filters .menu-task-work__link {
  min-width: 88px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 15px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

/* Общий вид кнопок/вкладок */
.ref-v4 .menu-task-work__link,
.ref-v4__quick .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: linear-gradient(180deg, rgba(42,53,72,.72), rgba(19,29,45,.92)) !important;
  color: rgba(239,244,252,.82) !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  opacity: 1 !important;
}

.ref-v4 .menu-task-work__link:hover,
.ref-v4 .menu-task-work__link.active,
.ref-v4__quick .btn:hover {
  color: #ffffff !important;
  border-color: rgba(209,176,115,.38) !important;
  background: linear-gradient(180deg, rgba(209,176,115,.18), rgba(30,39,55,.96)) !important;
}

/* Инфо-блок */
.ref-v4__notice {
  padding: 16px 18px !important;
  border-radius: 17px !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  border-left: 3px solid #d1b073 !important;
  background: linear-gradient(180deg, rgba(27,39,58,.84), rgba(11,20,35,.96)) !important;
  color: rgba(239,244,252,.78) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.ref-v4__notice b,
.ref-v4__notice strong {
  color: #ffffff !important;
}

.ref-v4__notice a {
  color: #d1b073 !important;
  border-bottom: 1px dashed rgba(209,176,115,.55) !important;
}

/* Сервисные кнопки под инфо-блоком */
.ref-v4__quick {
  min-height: 58px !important;
  padding: 10px 12px !important;
}

.ref-v4__quick .btn {
  min-width: 128px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* Счетчик */
.ref-v4__stats {
  min-height: 44px !important;
  padding: 10px 14px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(8,17,31,.98), rgba(5,13,25,.99)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
}

.ref-v4__count {
  color: #8eff9e !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

/* Чуть аккуратнее отступы до таблицы */
.ref-v4__stats + .ref-v4__table {
  margin-top: -2px !important;
}

/* Только для первого уровня: не даем верхним блокам расползаться */
.ref-v4--main .ref-v4__tabs,
.ref-v4--main .ref-v4__filters,
.ref-v4--main .ref-v4__notice,
.ref-v4--main .ref-v4__quick,
.ref-v4--main .ref-v4__stats,
.ref-v4--main .ref-v4__table {
  width: 100% !important;
}

/* Адаптация */
@media (max-width: 980px) {
  .ref-v4__tabs .menu-task-work__link,
  .ref-v4__filters .menu-task-work__link,
  .ref-v4__quick .btn {
    flex: 1 1 calc(50% - 9px) !important;
    min-width: 0 !important;
  }
}

@media (max-width: 560px) {
  .ref-v4__tabs .menu-task-work__link,
  .ref-v4__filters .menu-task-work__link,
  .ref-v4__quick .btn {
    flex-basis: 100% !important;
  }
}


/* ===== referals_table_inline_cleanup_v4_7.css ===== */
/* ADSREK referrals v4.7 table inline cleanup
   Подключить САМЫМ ПОСЛЕДНИМ после referals_final.css и referals_top_ui_fix_v4_6.css.
   Убирает лишние синие/цветные подложки у текста в блоке рефералов,
   которые приходят из старых span/font/div внутри out_text.
*/

/* сам блок таблицы оставляем как есть */
.ref-v4 #referals-new,
.ref-v4 #referals-new_no {
  position: relative !important;
}

/* очищаем вложенные текстовые обертки в заголовке и строках */
.ref-v4 #referals-new th span,
.ref-v4 #referals-new th font,
.ref-v4 #referals-new th div,
.ref-v4 #referals-new th p,
.ref-v4 #referals-new td span,
.ref-v4 #referals-new td font,
.ref-v4 #referals-new td div,
.ref-v4 #referals-new td p,
.ref-v4 #referals-new_no th span,
.ref-v4 #referals-new_no th font,
.ref-v4 #referals-new_no th div,
.ref-v4 #referals-new_no th p,
.ref-v4 #referals-new_no td span,
.ref-v4 #referals-new_no td font,
.ref-v4 #referals-new_no td div,
.ref-v4 #referals-new_no td p {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* не даем старым инлайновым стилям красить текст в кислотные оттенки */
.ref-v4 #referals-new td span,
.ref-v4 #referals-new td font,
.ref-v4 #referals-new td div,
.ref-v4 #referals-new td p,
.ref-v4 #referals-new_no td span,
.ref-v4 #referals-new_no td font,
.ref-v4 #referals-new_no td div,
.ref-v4 #referals-new_no td p {
  color: inherit !important;
}

/* заголовки таблицы */
.ref-v4 #referals-new tr:first-child th,
.ref-v4 #referals-new_no tr:first-child th,
.ref-v4 #referals-new tr:first-child th *,
.ref-v4 #referals-new_no tr:first-child th * {
  color: #f1c873 !important;
}

/* обычный текст в строках */
.ref-v4 #referals-new tr:not(:first-child) td,
.ref-v4 #referals-new_no tr:not(:first-child) td,
.ref-v4 #referals-new tr:not(:first-child) td *,
.ref-v4 #referals-new_no tr:not(:first-child) td * {
  color: #dfe8f6 !important;
}

/* логин и важные элементы возвращаем ярче */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) a,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(2) a {
  color: #ffffff !important;
  font-weight: 900 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) a[href*="ip"],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(2) a[href*="ip"] {
  color: #62b6ff !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) font[color*="green"],
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) span[style*="green"],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(2) font[color*="green"],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(2) span[style*="green"] {
  color: #83ec92 !important;
  font-weight: 800 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(5),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(5) {
  color: #ffb253 !important;
  font-weight: 900 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) {
  color: #ffffff !important;
  font-weight: 900 !important;
}

/* не трогаем интерактив */
.ref-v4 #referals-new td img,
.ref-v4 #referals-new td input,
.ref-v4 #referals-new td button,
.ref-v4 #referals-new td .btn,
.ref-v4 #referals-new_no td img,
.ref-v4 #referals-new_no td input,
.ref-v4 #referals-new_no td button,
.ref-v4 #referals-new_no td .btn {
  background: initial !important;
  border: initial !important;
  box-shadow: initial !important;
}

/* если в некоторых строках браузер показывает синий фокус/выделение от старых ссылок */
.ref-v4 #referals-new td *:focus,
.ref-v4 #referals-new_no td *:focus {
  outline: none !important;
}

/* для наглядности немного выравниваем строку */
.ref-v4 #referals-new tr:not(:first-child) td,
.ref-v4 #referals-new_no tr:not(:first-child) td {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* важно: кастомный вид ::selection в блоке, чтобы не было кислотного синего,
   если пользователь просто мышкой выделил текст */
.ref-v4 #referals-new ::selection,
.ref-v4 #referals-new_no ::selection {
  background: rgba(209,176,115,.28) !important;
  color: #ffffff !important;
}


/* ADSREK referrals v4.9 stats icon fix
   Исправляет пропавший значок "Статистика пользователя" в нижней таблице.
   Подключить самым последним ИЛИ использовать referals_final_v3.css из архива.
*/

/* колонка статистики пользователя */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) {
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  text-align: center !important;
  vertical-align: middle !important;
  overflow: visible !important;
}

/* ссылка/обертка статистики */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) span[title],
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) div[title],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) span[title],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) div[title] {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  border-radius: 50% !important;
  border: 1px solid rgba(115, 176, 255, .34) !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(73, 194, 255, .45), transparent 36%),
    linear-gradient(180deg, rgba(31, 57, 86, .96), rgba(11, 26, 47, .98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 8px 18px rgba(0,0,0,.22) !important;
  text-decoration: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

/* рисуем значок через CSS, чтобы не зависеть от старой картинки */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a::before,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) span[title]::before,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) div[title]::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) span[title]::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) div[title]::before {
  content: "" !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='8' fill='%2325a9ff' opacity='.18'/%3E%3Cpath d='M4 13.5h10' stroke='%23d9c27a' stroke-width='1.6' stroke-linecap='round'/%3E%3Crect x='5' y='8' width='2.2' height='4.2' rx='.7' fill='%236bd6ff'/%3E%3Crect x='8' y='5' width='2.2' height='7.2' rx='.7' fill='%23d9c27a'/%3E%3Crect x='11' y='6.8' width='2.2' height='5.4' rx='.7' fill='%238eff9e'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
  opacity: 1 !important;
}

/* старую картинку оставляем в DOM, но не даем ей ломать вид */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) img,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) img {
  display: none !important;
}

/* если в ячейке вообще нет ссылки/обертки, показываем fallback-значок на самой ячейке */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6):not(:has(a)):not(:has(span[title])):not(:has(div[title]))::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6):not(:has(a)):not(:has(span[title])):not(:has(div[title]))::before {
  content: "" !important;
  display: inline-flex !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(115, 176, 255, .34) !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(73, 194, 255, .45), transparent 36%),
    linear-gradient(180deg, rgba(31, 57, 86, .96), rgba(11, 26, 47, .98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 8px 18px rgba(0,0,0,.22) !important;
  vertical-align: middle !important;
}

/* hover */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a:hover,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) span[title]:hover,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) div[title]:hover,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a:hover,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) span[title]:hover,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) div[title]:hover {
  border-color: rgba(209,176,115,.50) !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(73, 194, 255, .55), transparent 36%),
    linear-gradient(180deg, rgba(41, 70, 102, .98), rgba(15, 33, 58, .99)) !important;
}


/* ADSREK referrals v4.10 stats tooltip fix
   Подключить САМЫМ ПОСЛЕДНИМ после referals_final_v3.css или referals_final_v2.css + v4.9.
   Что делает:
   1) не дает блоку подсказки обрезаться;
   2) показывает полноценную подсказку при наведении на значок статистики;
   3) оставляет текущий внешний вид таблицы без ломания верстки.
*/

/* контейнеры таблицы не должны резать hover-подсказку */
.ref-v4 .ref-v4__table {
  overflow: visible !important;
}

.ref-v4 .ref-v4__table-scroll {
  overflow-x: auto !important;
  overflow-y: visible !important;
}

.ref-v4 #referals-new,
.ref-v4 #referals-new_no,
.ref-v4 #referals-new tbody,
.ref-v4 #referals-new_no tbody,
.ref-v4 #referals-new tr,
.ref-v4 #referals-new_no tr {
  overflow: visible !important;
}

/* ячейка со значком статистики */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) {
  position: relative !important;
  overflow: visible !important;
  z-index: 6 !important;
}

/* делаем весь ховер-таргет явным */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) span[title],
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) div[title],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) span[title],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) div[title] {
  position: relative !important;
  overflow: visible !important;
  z-index: 7 !important;
}

/* если внутри картинки есть старый title - не убиваем ее полностью */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) img,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) img {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  pointer-events: auto !important;
  z-index: 2 !important;
}

/* единая подсказка */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6)::after,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6)::after {
  content: "Статистика пользователя" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 10px) !important;
  transform: translateX(-50%) translateY(8px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: linear-gradient(180deg, rgba(16, 27, 44, .98), rgba(8, 17, 31, .99)) !important;
  color: #eef5ff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.32) !important;
  z-index: 999 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6)::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6)::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 4px) !important;
  width: 10px !important;
  height: 10px !important;
  transform: translateX(-50%) rotate(45deg) translateY(8px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  background: rgba(11, 21, 36, .98) !important;
  border-right: 1px solid rgba(255,255,255,.12) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  z-index: 998 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6):hover::after,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6):hover::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6):hover::after,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6):hover::before {
  opacity: 1 !important;
  visibility: visible !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6):hover::after,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6):hover::after {
  transform: translateX(-50%) translateY(0) !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6):hover::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6):hover::before {
  transform: translateX(-50%) rotate(45deg) translateY(0) !important;
}


/* ADSREK referrals v4.11 stats hover tooltip hard fix
   Подключить самым последним.
   Исправляет случай, когда подсказка у значка статистики не показывается.
*/

/* не даем таблице и строкам резать всплывашку */
.ref-v4,
.ref-v4__table,
.ref-v4__table-scroll,
.ref-v4 #referals-new,
.ref-v4 #referals-new_no,
.ref-v4 #referals-new tbody,
.ref-v4 #referals-new_no tbody,
.ref-v4 #referals-new tr,
.ref-v4 #referals-new_no tr,
.ref-v4 #referals-new td,
.ref-v4 #referals-new_no td {
  overflow: visible !important;
}

/* сама ячейка статистики */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) {
  position: relative !important;
  z-index: 20 !important;
  overflow: visible !important;
  text-align: center !important;
}

/* круглая кнопка статистики */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) span[title],
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) div[title],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) span[title],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) div[title] {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  overflow: visible !important;
  z-index: 30 !important;
  cursor: pointer !important;
}

/* подсказка на самой кнопке, а не на td — так надежнее */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a::after,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) span[title]::after,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) div[title]::after,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a::after,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) span[title]::after,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) div[title]::after {
  content: "Статистика пользователя" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 12px) !important;
  transform: translateX(-50%) translateY(6px) !important;
  width: max-content !important;
  max-width: 220px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: linear-gradient(180deg, rgba(17, 29, 47, .98), rgba(7, 15, 28, .99)) !important;
  color: #eef5ff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  text-align: center !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.38) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 99999 !important;
}

/* стрелка */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a::before,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) span[title]::before,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) div[title]::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) span[title]::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) div[title]::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 7px) !important;
  width: 10px !important;
  height: 10px !important;
  transform: translateX(-50%) rotate(45deg) translateY(6px) !important;
  background: rgba(8, 17, 31, .99) !important;
  border-right: 1px solid rgba(255,255,255,.12) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 99998 !important;
}

/* показываем */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a:hover::after,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a:hover::before,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) span[title]:hover::after,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) span[title]:hover::before,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) div[title]:hover::after,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) div[title]:hover::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a:hover::after,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a:hover::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) span[title]:hover::after,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) span[title]:hover::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) div[title]:hover::after,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) div[title]:hover::before {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* если старый CSS рисовал иконку через ::before, возвращаем значок отдельным слоем */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a > img,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a > img {
  display: none !important;
}

/* если после v4.10 ::before стал стрелкой, рисуем иконку фоном */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) span[title],
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) div[title],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) span[title],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) div[title] {
  background:
    url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13.5h10' stroke='%23d9c27a' stroke-width='1.6' stroke-linecap='round'/%3E%3Crect x='5' y='8' width='2.2' height='4.2' rx='.7' fill='%236bd6ff'/%3E%3Crect x='8' y='5' width='2.2' height='7.2' rx='.7' fill='%23d9c27a'/%3E%3Crect x='11' y='6.8' width='2.2' height='5.4' rx='.7' fill='%238eff9e'/%3E%3C/svg%3E") center/18px 18px no-repeat,
    radial-gradient(circle at 35% 25%, rgba(73, 194, 255, .45), transparent 36%),
    linear-gradient(180deg, rgba(31, 57, 86, .96), rgba(11, 26, 47, .98)) !important;
}


/* ADSREK referrals v4.12 header align fix
   Подключить самым последним, либо использовать referals_final_v6.css.
   Исправляет неровный заголовок нижней таблицы:
   ID / Логин / Рейтинг / Пришел | Серф./Зад-я | Регистрация/Заходил | ... | Доход/Рефбек.
*/

/* table layout */
.ref-v4 #referals-new,
.ref-v4 #referals-new_no {
  width: 100% !important;
  min-width: 690px !important;
  table-layout: fixed !important;
}

/* exact body column model: 8 columns */
.ref-v4 #referals-new col,
.ref-v4 #referals-new_no col {
  display: table-column !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(1) {
  width: 9% !important;
  min-width: 54px !important;
  max-width: 72px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(2) {
  width: 25% !important;
  min-width: 150px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(3),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(3) {
  width: 13% !important;
  min-width: 78px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(4),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(4) {
  width: 17% !important;
  min-width: 112px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(5),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(5) {
  width: 7% !important;
  min-width: 42px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) {
  width: 8% !important;
  min-width: 58px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) {
  width: 13% !important;
  min-width: 78px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(8) {
  width: 8% !important;
  min-width: 50px !important;
}

/* header uses the same 8-column model */
.ref-v4 #referals-new tr:first-child th,
.ref-v4 #referals-new_no tr:first-child th {
  height: 48px !important;
  padding: 10px 8px !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: normal !important;
}

/* profile header spans avatar + login/profile columns */
.ref-v4 #referals-new tr:first-child th.ref-v4-th-profile,
.ref-v4 #referals-new_no tr:first-child th.ref-v4-th-profile {
  width: 34% !important;
  min-width: 204px !important;
}

/* other headers */
.ref-v4 #referals-new tr:first-child th.ref-v4-th-work,
.ref-v4 #referals-new_no tr:first-child th.ref-v4-th-work {
  width: 13% !important;
  min-width: 78px !important;
}

.ref-v4 #referals-new tr:first-child th.ref-v4-th-date,
.ref-v4 #referals-new_no tr:first-child th.ref-v4-th-date {
  width: 17% !important;
  min-width: 112px !important;
}

.ref-v4 #referals-new tr:first-child th.ref-v4-th-refs,
.ref-v4 #referals-new_no tr:first-child th.ref-v4-th-refs {
  width: 7% !important;
  min-width: 42px !important;
}

.ref-v4 #referals-new tr:first-child th.ref-v4-th-stats,
.ref-v4 #referals-new_no tr:first-child th.ref-v4-th-stats {
  width: 8% !important;
  min-width: 58px !important;
}

.ref-v4 #referals-new tr:first-child th.ref-v4-th-money,
.ref-v4 #referals-new_no tr:first-child th.ref-v4-th-money {
  width: 13% !important;
  min-width: 78px !important;
}

.ref-v4 #referals-new tr:first-child th.ref-v4-th-actions,
.ref-v4 #referals-new_no tr:first-child th.ref-v4-th-actions {
  width: 8% !important;
  min-width: 50px !important;
}

/* better header text spacing */
.ref-v4 #referals-new tr:first-child th span,
.ref-v4 #referals-new_no tr:first-child th span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 3px !important;
  line-height: 1.25 !important;
}

/* remove visual gap at far right by styling empty actions header */
.ref-v4 #referals-new tr:first-child th.ref-v4-th-actions::before,
.ref-v4 #referals-new_no tr:first-child th.ref-v4-th-actions::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 1px !important;
}

/* last column icons align under the new empty header */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(8) {
  text-align: center !important;
  vertical-align: middle !important;
  padding-right: 10px !important;
}

/* stats icon column centered under its empty header */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) {
  text-align: center !important;
  vertical-align: middle !important;
}
/* ADSREK referrals v4.13 filters + badges polish fix
   Что исправлено:
   1) блок фильтров (Все / Активные / ... / Штрафники) собран в одну строку на десктопе;
   2) синяя иконка статистики и блок Доход/90% выровнены аккуратнее.
   Подключать самым последним.
*/

/* 1. Фильтры в одну строку */
.ref-v4--main .ref-v4__filters {
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 7px !important;
}

.ref-v4--main .ref-v4__filters .menu-task-work__link {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 10px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* чтобы длинный текст не выпирал */
.ref-v4--main .ref-v4__filters .menu-task-work__link:last-child {
  font-size: 10.5px !important;
}

/* на более узких экранах снова разрешаем перенос */
@media (max-width: 1240px) {
  .ref-v4--main .ref-v4__filters {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .ref-v4--main .ref-v4__filters .menu-task-work__link {
    flex: 0 1 auto !important;
    min-width: 88px !important;
    font-size: 12px !important;
  }

  .ref-v4--main .ref-v4__filters .menu-task-work__link:last-child {
    font-size: 12px !important;
  }
}

/* 2. Иконка статистики и блок доход/рефбек */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6),
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) {
  text-align: center !important;
  vertical-align: middle !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) span[title],
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) div[title],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) span[title],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) div[title] {
  margin: 0 auto !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) {
  padding-left: 6px !important;
  padding-right: 6px !important;
  line-height: 1.2 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) br,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) br {
  display: block !important;
  content: "" !important;
  margin-top: 5px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .btn,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) input,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 6px auto 0 !important;
  min-width: 44px !important;
  height: 24px !important;
  padding: 0 8px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) {
  text-align: center !important;
  vertical-align: middle !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) > *,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) > * {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Блок Доход/Рефбек - строгой колонкой */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) {
  display: table-cell !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  padding: 12px 6px !important;
  line-height: 1.2 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* убираем лишнюю темную заливку, если она прилипла к колонке */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7)::before,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7)::after,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7)::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7)::after {
  display: none !important;
  content: none !important;
}

/* 0.02 */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

/* 90% строго под 0.02, но без flex на самой TD */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input[type="submit"],
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input[type="button"],
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .btn,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) input[type="submit"],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) input[type="button"],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) .btn {
  display: block !important;
  width: fit-content !important;
  min-width: 44px !important;
  height: 23px !important;
  min-height: 23px !important;
  margin: 6px auto 0 !important;
  padding: 0 8px !important;
  border-radius: 7px !important;
  line-height: 22px !important;
  text-align: center !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  background: linear-gradient(180deg, rgba(42, 190, 255, .95), rgba(16, 139, 220, .95)) !important;
  border: 1px solid rgba(91, 204, 255, .45) !important;
  box-shadow: none !important;
}

.ref-v4 #referals-new tr:first-child th.ref-v4-th-actions,
.ref-v4 #referals-new_no tr:first-child th.ref-v4-th-actions {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* новая ровная 7-колоночная сетка */
.ref-v4 #referals-new,
.ref-v4 #referals-new_no {
  table-layout: fixed !important;
  width: 100% !important;
  min-width: 690px !important;
}

/* шапка: 2 первые колонки объединены */
.ref-v4 #referals-new tr:first-child th.ref-v4-th-profile,
.ref-v4 #referals-new_no tr:first-child th.ref-v4-th-profile {
  width: 36% !important;
}

.ref-v4 #referals-new tr:first-child th.ref-v4-th-work,
.ref-v4 #referals-new_no tr:first-child th.ref-v4-th-work {
  width: 15% !important;
}

.ref-v4 #referals-new tr:first-child th.ref-v4-th-date,
.ref-v4 #referals-new_no tr:first-child th.ref-v4-th-date {
  width: 18% !important;
}

.ref-v4 #referals-new tr:first-child th.ref-v4-th-refs,
.ref-v4 #referals-new_no tr:first-child th.ref-v4-th-refs {
  width: 7% !important;
}

.ref-v4 #referals-new tr:first-child th.ref-v4-th-stats,
.ref-v4 #referals-new_no tr:first-child th.ref-v4-th-stats {
  width: 10% !important;
}

.ref-v4 #referals-new tr:first-child th.ref-v4-th-money,
.ref-v4 #referals-new_no tr:first-child th.ref-v4-th-money {
  width: 14% !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* строка: 7 видимых колонок */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(1) {
  width: 8% !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(2) {
  width: 28% !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(3),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(3) {
  width: 15% !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(4),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(4) {
  width: 18% !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(5),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(5) {
  width: 7% !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) {
  width: 10% !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) {
  width: 14% !important;
}

/* убираем темную вертикальную полосу: всем ячейкам один фон */
.ref-v4 #referals-new tr:not(:first-child) td,
.ref-v4 #referals-new_no tr:not(:first-child) td {
  background: linear-gradient(180deg, rgba(18, 29, 46, .78), rgba(9, 18, 32, .96)) !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) {
  display: table-cell !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  padding: 12px 6px !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

/* 90% строго под 0.02 без поломки table-cell */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input[type="submit"],
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input[type="button"],
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .btn,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) input[type="submit"],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) input[type="button"],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) .btn {
  display: block !important;
  width: fit-content !important;
  min-width: 44px !important;
  height: 23px !important;
  min-height: 23px !important;
  margin: 6px auto 0 !important;
  padding: 0 8px !important;
  line-height: 22px !important;
}

/* если вдруг действия существуют отдельной 8-й ячейкой — показываем ее компактно, но не даем ломать сетку */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(8) {
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}




/* ============================================================
   ADSREK REFERRALS REAL FINAL v18
   ВАЖНО:
   - Удалены лишние TH-колонки в tpl.
   - Таблица рассчитана на фактический вывод out_text.
   - Никаких flex на td.
   - Никакого горизонтального скролла на десктопе.
   ============================================================ */

.ref-v4 .ref-v4__table,
.ref-v4 .ref-v4__table-scroll,
.ref-v4__table,
.ref-v4__table-scroll {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  box-sizing: border-box !important;
}

/* жестко гасим ширины, из-за которых появлялся нижний скролл */
.ref-v4 #referals-new,
.ref-v4 #referals-new_no,
#referals-new,
#referals-new_no {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

/* table-cell only */
.ref-v4 #referals-new th,
.ref-v4 #referals-new td,
.ref-v4 #referals-new_no th,
.ref-v4 #referals-new_no td,
#referals-new th,
#referals-new td,
#referals-new_no th,
#referals-new_no td {
  box-sizing: border-box !important;
  display: table-cell !important;
  float: none !important;
}

/* лишняя колонка действий, если она вдруг осталась в HTML */
.ref-v4 #referals-new tr:first-child th.ref-v4-th-actions,
.ref-v4 #referals-new_no tr:first-child th.ref-v4-th-actions,
#referals-new tr:first-child th.ref-v4-th-actions,
#referals-new_no tr:first-child th.ref-v4-th-actions {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* фильтры в один ряд */
.ref-v4--main .ref-v4__filters {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 7px !important;
}

.ref-v4--main .ref-v4__filters .menu-task-work__link {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: 36px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

@media (max-width: 1240px) {
  .ref-v4--main .ref-v4__filters {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  .ref-v4--main .ref-v4__filters .menu-task-work__link {
    flex: 0 1 auto !important;
    min-width: 88px !important;
    font-size: 12px !important;
  }
}

/* шапка нижней таблицы: 6 видимых TH.
   Первый TH colspan=2 и занимает аватар+профиль. */
.ref-v4 #referals-new tr:first-child th,
.ref-v4 #referals-new_no tr:first-child th,
#referals-new tr:first-child th,
#referals-new_no tr:first-child th {
  height: 44px !important;
  padding: 9px 5px !important;
  text-align: center !important;
  vertical-align: middle !important;
  color: #f1c873 !important;
  background: #071120 !important;
  border: 0 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  overflow: hidden !important;
}

/* 7 фактических TD: avatar/profile/work/date/refs/stats/money
   Header: profile(colspan2) + work + date + refs + stats + money */
.ref-v4 #referals-new tr:first-child th:nth-child(1),
.ref-v4 #referals-new_no tr:first-child th:nth-child(1),
#referals-new tr:first-child th:nth-child(1),
#referals-new_no tr:first-child th:nth-child(1) {
  width: 34% !important;
}
.ref-v4 #referals-new tr:first-child th:nth-child(2),
.ref-v4 #referals-new_no tr:first-child th:nth-child(2),
#referals-new tr:first-child th:nth-child(2),
#referals-new_no tr:first-child th:nth-child(2) {
  width: 14% !important;
}
.ref-v4 #referals-new tr:first-child th:nth-child(3),
.ref-v4 #referals-new_no tr:first-child th:nth-child(3),
#referals-new tr:first-child th:nth-child(3),
#referals-new_no tr:first-child th:nth-child(3) {
  width: 18% !important;
}
.ref-v4 #referals-new tr:first-child th:nth-child(4),
.ref-v4 #referals-new_no tr:first-child th:nth-child(4),
#referals-new tr:first-child th:nth-child(4),
#referals-new_no tr:first-child th:nth-child(4) {
  width: 7% !important;
}
.ref-v4 #referals-new tr:first-child th:nth-child(5),
.ref-v4 #referals-new_no tr:first-child th:nth-child(5),
#referals-new tr:first-child th:nth-child(5),
#referals-new_no tr:first-child th:nth-child(5) {
  width: 9% !important;
}
.ref-v4 #referals-new tr:first-child th:nth-child(6),
.ref-v4 #referals-new_no tr:first-child th:nth-child(6),
#referals-new tr:first-child th:nth-child(6),
#referals-new_no tr:first-child th:nth-child(6) {
  width: 18% !important;
}

.ref-v4 #referals-new tr:first-child th span,
.ref-v4 #referals-new_no tr:first-child th span,
#referals-new tr:first-child th span,
#referals-new_no tr:first-child th span {
  margin: 0 2px !important;
  color: #f1c873 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
}

/* тело таблицы */
.ref-v4 #referals-new tr:not(:first-child),
.ref-v4 #referals-new_no tr:not(:first-child),
#referals-new tr:not(:first-child),
#referals-new_no tr:not(:first-child) {
  background: linear-gradient(180deg, rgba(18,29,46,.86), rgba(8,17,31,.98)) !important;
}

.ref-v4 #referals-new tr:not(:first-child) td,
.ref-v4 #referals-new_no tr:not(:first-child) td,
#referals-new tr:not(:first-child) td,
#referals-new_no tr:not(:first-child) td {
  height: 94px !important;
  min-height: 94px !important;
  padding: 12px 6px !important;
  background: transparent !important;
  border: 0 !important;
  color: #dfe8f6 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.38 !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: normal !important;
  overflow: visible !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* фактическая сетка 7 колонок */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(1),
#referals-new tr:not(:first-child) td:nth-child(1),
#referals-new_no tr:not(:first-child) td:nth-child(1) {
  width: 8% !important;
  padding-left: 10px !important;
  padding-right: 4px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(2),
#referals-new tr:not(:first-child) td:nth-child(2),
#referals-new_no tr:not(:first-child) td:nth-child(2) {
  width: 26% !important;
  text-align: left !important;
  padding-left: 4px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(3),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(3),
#referals-new tr:not(:first-child) td:nth-child(3),
#referals-new_no tr:not(:first-child) td:nth-child(3) {
  width: 14% !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(4),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(4),
#referals-new tr:not(:first-child) td:nth-child(4),
#referals-new_no tr:not(:first-child) td:nth-child(4) {
  width: 18% !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(5),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(5),
#referals-new tr:not(:first-child) td:nth-child(5),
#referals-new_no tr:not(:first-child) td:nth-child(5) {
  width: 7% !important;
  color: #ffb253 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6),
#referals-new tr:not(:first-child) td:nth-child(6),
#referals-new_no tr:not(:first-child) td:nth-child(6) {
  width: 9% !important;
  text-align: center !important;
  overflow: visible !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7),
#referals-new tr:not(:first-child) td:nth-child(7),
#referals-new_no tr:not(:first-child) td:nth-child(7) {
  width: 18% !important;
  display: table-cell !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* если есть 8-я ячейка действий, не даем ей раздувать таблицу */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(8),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(8),
#referals-new tr:not(:first-child) td:nth-child(8),
#referals-new_no tr:not(:first-child) td:nth-child(8) {
  width: 0 !important;
  max-width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

/* avatar */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(1) img,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(1) img,
#referals-new tr:not(:first-child) td:nth-child(1) img,
#referals-new_no tr:not(:first-child) td:nth-child(1) img {
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* profile */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) a,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(2) a,
#referals-new tr:not(:first-child) td:nth-child(2) a,
#referals-new_no tr:not(:first-child) td:nth-child(2) a {
  color: #fff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(2) a[href*="ip"],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(2) a[href*="ip"],
#referals-new tr:not(:first-child) td:nth-child(2) a[href*="ip"],
#referals-new_no tr:not(:first-child) td:nth-child(2) a[href*="ip"] {
  color: #62b6ff !important;
  font-size: 11px !important;
}

/* stats icon */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) span[title],
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) div[title],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) span[title],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) div[title],
#referals-new tr:not(:first-child) td:nth-child(6) a,
#referals-new tr:not(:first-child) td:nth-child(6) span[title],
#referals-new tr:not(:first-child) td:nth-child(6) div[title],
#referals-new_no tr:not(:first-child) td:nth-child(6) a,
#referals-new_no tr:not(:first-child) td:nth-child(6) span[title],
#referals-new_no tr:not(:first-child) td:nth-child(6) div[title] {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  margin: 0 auto !important;
  border-radius: 50% !important;
  border: 1px solid rgba(115,176,255,.32) !important;
  background:
    url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13.5h10' stroke='%23d9c27a' stroke-width='1.6' stroke-linecap='round'/%3E%3Crect x='5' y='8' width='2.2' height='4.2' rx='.7' fill='%236bd6ff'/%3E%3Crect x='8' y='5' width='2.2' height='7.2' rx='.7' fill='%23d9c27a'/%3E%3Crect x='11' y='6.8' width='2.2' height='5.4' rx='.7' fill='%238eff9e'/%3E%3C/svg%3E") center/18px 18px no-repeat,
    radial-gradient(circle at 35% 25%, rgba(73,194,255,.45), transparent 36%),
    linear-gradient(180deg, rgba(31,57,86,.96), rgba(11,26,47,.98)) !important;
  overflow: visible !important;
  cursor: pointer !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) img,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) img,
#referals-new tr:not(:first-child) td:nth-child(6) img,
#referals-new_no tr:not(:first-child) td:nth-child(6) img {
  display: none !important;
}

/* income/refback */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) br,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) br,
#referals-new tr:not(:first-child) td:nth-child(7) br,
#referals-new_no tr:not(:first-child) td:nth-child(7) br {
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .refbonus,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .refbonus-no,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input[type="submit"],
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input[type="button"],
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) .refbonus,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) .refbonus-no,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) input[type="submit"],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) input[type="button"],
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) button,
#referals-new tr:not(:first-child) td:nth-child(7) .refbonus,
#referals-new tr:not(:first-child) td:nth-child(7) .refbonus-no,
#referals-new tr:not(:first-child) td:nth-child(7) input[type="submit"],
#referals-new tr:not(:first-child) td:nth-child(7) input[type="button"],
#referals-new tr:not(:first-child) td:nth-child(7) button,
#referals-new_no tr:not(:first-child) td:nth-child(7) .refbonus,
#referals-new_no tr:not(:first-child) td:nth-child(7) .refbonus-no,
#referals-new_no tr:not(:first-child) td:nth-child(7) input[type="submit"],
#referals-new_no tr:not(:first-child) td:nth-child(7) input[type="button"],
#referals-new_no tr:not(:first-child) td:nth-child(7) button {
  float: none !important;
  display: block !important;
  width: fit-content !important;
  min-width: 42px !important;
  max-width: max-content !important;
  height: 23px !important;
  min-height: 23px !important;
  margin: 6px auto 0 !important;
  padding: 0 8px !important;
  border-radius: 7px !important;
  line-height: 22px !important;
  text-align: center !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  background: linear-gradient(180deg, rgba(42,190,255,.95), rgba(16,139,220,.95)) !important;
  border: 1px solid rgba(91,204,255,.45) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* old inline text wrappers */
.ref-v4 #referals-new th span,
.ref-v4 #referals-new td span,
.ref-v4 #referals-new th font,
.ref-v4 #referals-new td font,
.ref-v4 #referals-new_no th span,
.ref-v4 #referals-new_no td span,
.ref-v4 #referals-new_no th font,
.ref-v4 #referals-new_no td font,
#referals-new th span,
#referals-new td span,
#referals-new th font,
#referals-new td font,
#referals-new_no th span,
#referals-new_no td span,
#referals-new_no th font,
#referals-new_no td font {
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* mobile only: scroll allowed */
@media (max-width: 900px) {
  .ref-v4 .ref-v4__table-scroll,
  .ref-v4__table-scroll {
    overflow-x: auto !important;
  }

  .ref-v4 #referals-new,
  .ref-v4 #referals-new_no,
  #referals-new,
  #referals-new_no {
    min-width: 720px !important;
  }
}



/* ============================================================
   ADSREK REFERRALS REAL FINAL v19
   Tooltip + stats/money cleanup.
   Исправляет:
   - лишние всплывающие "Статистика пользователя";
   - белый native title tooltip;
   - сдвиг иконки статистики и дохода.
   ============================================================ */

/* Полностью гасим ВСЕ старые CSS-подсказки на колонке статистики */
.ref-v4 #referals-new tr:first-child th:nth-child(5)::before,
.ref-v4 #referals-new tr:first-child th:nth-child(5)::after,
.ref-v4 #referals-new_no tr:first-child th:nth-child(5)::before,
.ref-v4 #referals-new_no tr:first-child th:nth-child(5)::after,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6)::before,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6)::after,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6)::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6)::after,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a::before,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a::after,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) span[title]::before,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) span[title]::after,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) div[title]::before,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) div[title]::after,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a::after,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) span[title]::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) span[title]::after,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) div[title]::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) div[title]::after,
#referals-new tr:first-child th:nth-child(5)::before,
#referals-new tr:first-child th:nth-child(5)::after,
#referals-new_no tr:first-child th:nth-child(5)::before,
#referals-new_no tr:first-child th:nth-child(5)::after,
#referals-new tr:not(:first-child) td:nth-child(6)::before,
#referals-new tr:not(:first-child) td:nth-child(6)::after,
#referals-new_no tr:not(:first-child) td:nth-child(6)::before,
#referals-new_no tr:not(:first-child) td:nth-child(6)::after,
#referals-new tr:not(:first-child) td:nth-child(6) a::before,
#referals-new tr:not(:first-child) td:nth-child(6) a::after,
#referals-new_no tr:not(:first-child) td:nth-child(6) a::before,
#referals-new_no tr:not(:first-child) td:nth-child(6) a::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Рисуем иконку статистики фоном самого элемента, без ::before/::after */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) span,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) div,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) span,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) div,
#referals-new tr:not(:first-child) td:nth-child(6) a,
#referals-new tr:not(:first-child) td:nth-child(6) span,
#referals-new tr:not(:first-child) td:nth-child(6) div,
#referals-new_no tr:not(:first-child) td:nth-child(6) a,
#referals-new_no tr:not(:first-child) td:nth-child(6) span,
#referals-new_no tr:not(:first-child) td:nth-child(6) div {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid rgba(115,176,255,.32) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  overflow: hidden !important;
  background:
    url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13.5h10' stroke='%23d9c27a' stroke-width='1.6' stroke-linecap='round'/%3E%3Crect x='5' y='8' width='2.2' height='4.2' rx='.7' fill='%236bd6ff'/%3E%3Crect x='8' y='5' width='2.2' height='7.2' rx='.7' fill='%23d9c27a'/%3E%3Crect x='11' y='6.8' width='2.2' height='5.4' rx='.7' fill='%238eff9e'/%3E%3C/svg%3E") center/18px 18px no-repeat,
    radial-gradient(circle at 35% 25%, rgba(73,194,255,.45), transparent 36%),
    linear-gradient(180deg, rgba(31,57,86,.96), rgba(11,26,47,.98)) !important;
}

/* старую картинку внутри статистики скрываем, чтобы не было второго слоя */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) img,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) img,
#referals-new tr:not(:first-child) td:nth-child(6) img,
#referals-new_no tr:not(:first-child) td:nth-child(6) img {
  display: none !important;
}

/* центрируем stats и money строго по своим колонкам */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6),
#referals-new tr:not(:first-child) td:nth-child(6),
#referals-new_no tr:not(:first-child) td:nth-child(6) {
  text-align: center !important;
  vertical-align: middle !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7),
#referals-new tr:not(:first-child) td:nth-child(7),
#referals-new_no tr:not(:first-child) td:nth-child(7) {
  text-align: center !important;
  vertical-align: middle !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
  white-space: nowrap !important;
  background: transparent !important;
}

/* refback строго под доходом */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .refbonus,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .refbonus-no,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) .refbonus,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) .refbonus-no,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) input,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) button,
#referals-new tr:not(:first-child) td:nth-child(7) .refbonus,
#referals-new tr:not(:first-child) td:nth-child(7) .refbonus-no,
#referals-new tr:not(:first-child) td:nth-child(7) input,
#referals-new tr:not(:first-child) td:nth-child(7) button,
#referals-new_no tr:not(:first-child) td:nth-child(7) .refbonus,
#referals-new_no tr:not(:first-child) td:nth-child(7) .refbonus-no,
#referals-new_no tr:not(:first-child) td:nth-child(7) input,
#referals-new_no tr:not(:first-child) td:nth-child(7) button {
  display: block !important;
  float: none !important;
  margin: 6px auto 0 !important;
}


.referrals-table tbody tr,
.referrals-table tbody td,
.referrals-table tbody .income-cell,
.referrals-table tbody .refback-cell,
.referrals-table tbody .stats-cell {
    transition: none !important;
}

/* строка не должна менять фон */
.referrals-table tbody tr:hover,
.referrals-table tbody tr:hover td,
.referrals-table tbody td:hover {
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
}

/* доход / рефбек / синяя иконка не должны прыгать и менять вид */
.referrals-table tbody .income-cell:hover,
.referrals-table tbody .refback-cell:hover,
.referrals-table tbody .stats-cell:hover,
.referrals-table tbody .stats-icon:hover,
.referrals-table tbody .refback-badge:hover {
    background: inherit !important;
    color: inherit !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
}

/* если tooltip появляется от hover — пусть не ломает блок */
.referrals-table [title] {
    position: relative;
}


/* ============================================================
   ADSREK REFERRALS v20 NO-HOVER FIX
   Исправляет изменение нижней таблицы при наведении мыши.
   Подключать САМЫМ ПОСЛЕДНИМ.
   ============================================================ */

/* 1. Убираем анимации/переходы только в нижней таблице рефералов */
.ref-v4 #referals-new,
.ref-v4 #referals-new *,
.ref-v4 #referals-new_no,
.ref-v4 #referals-new_no *,
#referals-new,
#referals-new *,
#referals-new_no,
#referals-new_no * {
  transition: none !important;
  animation: none !important;
}

/* 2. Строка и ячейки не должны менять фон/размер/позицию при hover */
.ref-v4 #referals-new tr:not(:first-child):hover,
.ref-v4 #referals-new tr:not(:first-child):hover td,
.ref-v4 #referals-new tr:not(:first-child) td:hover,
.ref-v4 #referals-new_no tr:not(:first-child):hover,
.ref-v4 #referals-new_no tr:not(:first-child):hover td,
.ref-v4 #referals-new_no tr:not(:first-child) td:hover,
#referals-new tr:not(:first-child):hover,
#referals-new tr:not(:first-child):hover td,
#referals-new tr:not(:first-child) td:hover,
#referals-new_no tr:not(:first-child):hover,
#referals-new_no tr:not(:first-child):hover td,
#referals-new_no tr:not(:first-child) td:hover {
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
}

/* 3. Фиксируем фактический фон строки, чтобы hover не давал темную колонку */
.ref-v4 #referals-new tr:not(:first-child),
.ref-v4 #referals-new_no tr:not(:first-child),
#referals-new tr:not(:first-child),
#referals-new_no tr:not(:first-child) {
  background: linear-gradient(180deg, rgba(18,29,46,.86), rgba(8,17,31,.98)) !important;
}

.ref-v4 #referals-new tr:not(:first-child) td,
.ref-v4 #referals-new_no tr:not(:first-child) td,
#referals-new tr:not(:first-child) td,
#referals-new_no tr:not(:first-child) td {
  background: transparent !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}

/* 4. Статистика: при hover не меняется размер/фон/позиция */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6),
#referals-new tr:not(:first-child) td:nth-child(6),
#referals-new_no tr:not(:first-child) td:nth-child(6) {
  text-align: center !important;
  vertical-align: middle !important;
  overflow: visible !important;
}

.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) span,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) div,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) span,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) div,
#referals-new tr:not(:first-child) td:nth-child(6) a,
#referals-new tr:not(:first-child) td:nth-child(6) span,
#referals-new tr:not(:first-child) td:nth-child(6) div,
#referals-new_no tr:not(:first-child) td:nth-child(6) a,
#referals-new_no tr:not(:first-child) td:nth-child(6) span,
#referals-new_no tr:not(:first-child) td:nth-child(6) div,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a:hover,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) span:hover,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) div:hover,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a:hover,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) span:hover,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) div:hover,
#referals-new tr:not(:first-child) td:nth-child(6) a:hover,
#referals-new tr:not(:first-child) td:nth-child(6) span:hover,
#referals-new tr:not(:first-child) td:nth-child(6) div:hover,
#referals-new_no tr:not(:first-child) td:nth-child(6) a:hover,
#referals-new_no tr:not(:first-child) td:nth-child(6) span:hover,
#referals-new_no tr:not(:first-child) td:nth-child(6) div:hover {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid rgba(115,176,255,.32) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
  background:
    url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13.5h10' stroke='%23d9c27a' stroke-width='1.6' stroke-linecap='round'/%3E%3Crect x='5' y='8' width='2.2' height='4.2' rx='.7' fill='%236bd6ff'/%3E%3Crect x='8' y='5' width='2.2' height='7.2' rx='.7' fill='%23d9c27a'/%3E%3Crect x='11' y='6.8' width='2.2' height='5.4' rx='.7' fill='%238eff9e'/%3E%3C/svg%3E") center/18px 18px no-repeat,
    radial-gradient(circle at 35% 25%, rgba(73,194,255,.45), transparent 36%),
    linear-gradient(180deg, rgba(31,57,86,.96), rgba(11,26,47,.98)) !important;
}

/* 5. Гасим CSS-подсказки и псевдоэлементы, которые меняют блок при наведении */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6)::before,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6)::after,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6)::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6)::after,
#referals-new tr:not(:first-child) td:nth-child(6)::before,
#referals-new tr:not(:first-child) td:nth-child(6)::after,
#referals-new_no tr:not(:first-child) td:nth-child(6)::before,
#referals-new_no tr:not(:first-child) td:nth-child(6)::after,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a::before,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(6) a::after,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a::before,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(6) a::after,
#referals-new tr:not(:first-child) td:nth-child(6) a::before,
#referals-new tr:not(:first-child) td:nth-child(6) a::after,
#referals-new_no tr:not(:first-child) td:nth-child(6) a::before,
#referals-new_no tr:not(:first-child) td:nth-child(6) a::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* 6. Доход и рефбек: при hover не меняют цвет/фон/позицию */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7),
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7),
#referals-new tr:not(:first-child) td:nth-child(7),
#referals-new_no tr:not(:first-child) td:nth-child(7),
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7):hover,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7):hover,
#referals-new tr:not(:first-child) td:nth-child(7):hover,
#referals-new_no tr:not(:first-child) td:nth-child(7):hover {
  display: table-cell !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}

/* 7. Кнопка 90%: одинаковая в обычном и hover */
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .refbonus,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .refbonus-no,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) .refbonus,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) .refbonus-no,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) input,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) button,
#referals-new tr:not(:first-child) td:nth-child(7) .refbonus,
#referals-new tr:not(:first-child) td:nth-child(7) .refbonus-no,
#referals-new tr:not(:first-child) td:nth-child(7) input,
#referals-new tr:not(:first-child) td:nth-child(7) button,
#referals-new_no tr:not(:first-child) td:nth-child(7) .refbonus,
#referals-new_no tr:not(:first-child) td:nth-child(7) .refbonus-no,
#referals-new_no tr:not(:first-child) td:nth-child(7) input,
#referals-new_no tr:not(:first-child) td:nth-child(7) button,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .refbonus:hover,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) .refbonus-no:hover,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) input:hover,
.ref-v4 #referals-new tr:not(:first-child) td:nth-child(7) button:hover,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) .refbonus:hover,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) .refbonus-no:hover,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) input:hover,
.ref-v4 #referals-new_no tr:not(:first-child) td:nth-child(7) button:hover,
#referals-new tr:not(:first-child) td:nth-child(7) .refbonus:hover,
#referals-new tr:not(:first-child) td:nth-child(7) .refbonus-no:hover,
#referals-new tr:not(:first-child) td:nth-child(7) input:hover,
#referals-new tr:not(:first-child) td:nth-child(7) button:hover,
#referals-new_no tr:not(:first-child) td:nth-child(7) .refbonus:hover,
#referals-new_no tr:not(:first-child) td:nth-child(7) .refbonus-no:hover,
#referals-new_no tr:not(:first-child) td:nth-child(7) input:hover,
#referals-new_no tr:not(:first-child) td:nth-child(7) button:hover {
  display: block !important;
  float: none !important;
  width: fit-content !important;
  min-width: 42px !important;
  height: 23px !important;
  min-height: 23px !important;
  margin: 6px auto 0 !important;
  padding: 0 8px !important;
  border-radius: 7px !important;
  line-height: 22px !important;
  text-align: center !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-shadow: none !important;
  background: linear-gradient(180deg, rgba(42,190,255,.95), rgba(16,139,220,.95)) !important;
  border: 1px solid rgba(91,204,255,.45) !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
}

/* 8. Иконки действий справа не прыгают при hover */
.ref-v4 #referals-new .refdel,
.ref-v4 #referals-new .refdel_no,
.ref-v4 #referals-new .ref_birj,
.ref-v4 #referals-new .ref_birj_es,
.ref-v4 #referals-new .ref_birj_no,
.ref-v4 #referals-new_no .refdel,
.ref-v4 #referals-new_no .refdel_no,
.ref-v4 #referals-new_no .ref_birj,
.ref-v4 #referals-new_no .ref_birj_es,
.ref-v4 #referals-new_no .ref_birj_no,
#referals-new .refdel,
#referals-new .refdel_no,
#referals-new .ref_birj,
#referals-new .ref_birj_es,
#referals-new .ref_birj_no,
#referals-new_no .refdel,
#referals-new_no .refdel_no,
#referals-new_no .ref_birj,
#referals-new_no .ref_birj_es,
#referals-new_no .ref_birj_no,
.ref-v4 #referals-new .refdel:hover,
.ref-v4 #referals-new .refdel_no:hover,
.ref-v4 #referals-new .ref_birj:hover,
.ref-v4 #referals-new .ref_birj_es:hover,
.ref-v4 #referals-new .ref_birj_no:hover,
.ref-v4 #referals-new_no .refdel:hover,
.ref-v4 #referals-new_no .refdel_no:hover,
.ref-v4 #referals-new_no .ref_birj:hover,
.ref-v4 #referals-new_no .ref_birj_es:hover,
.ref-v4 #referals-new_no .ref_birj_no:hover,
#referals-new .refdel:hover,
#referals-new .refdel_no:hover,
#referals-new .ref_birj:hover,
#referals-new .ref_birj_es:hover,
#referals-new .ref_birj_no:hover,
#referals-new_no .refdel:hover,
#referals-new_no .refdel_no:hover,
#referals-new_no .ref_birj:hover,
#referals-new_no .ref_birj_es:hover,
#referals-new_no .ref_birj_no:hover {
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
  border: none !important;
}

.refbirj-v1,
.refbirj-v1 * {
  box-sizing: border-box;
}

.refbirj-v1 {
  width: 100%;
  color: #dfe8f6;
}

.refbirj-v1__title.titles {
  display: block !important;
  width: min(660px, 100%) !important;
  margin: 0 auto 18px !important;
  padding: 12px 18px !important;
  border-radius: 16px !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-shadow: none !important;
  background: linear-gradient(180deg, rgba(8,17,31,.98), rgba(5,12,23,.98)) !important;
  border: 1px solid rgba(173,188,216,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 14px 32px rgba(0,0,0,.18) !important;
}

.refbirj-v1__inner {
  width: 100%;
  padding: 0 7px 12px;
}

.refbirj-v1__tabs.menu-task-work,
.refbirj-v1__search-panel.add-infa,
.refbirj-v1__table-wrap,
.refbirj-v1__count,
.refbirj-v1__info.add-infa,
.refbirj-v1__search-toggle-wrap {
  width: 100%;
}

.refbirj-v1__tabs.menu-task-work {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  min-height: 74px !important;
  margin: 0 0 16px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(8,17,31,.94), rgba(5,12,23,.98)) !important;
  border: 1px solid rgba(173,188,216,.09) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 14px 30px rgba(0,0,0,.16) !important;
}

.refbirj-v1 .menu-task-work__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 68px !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  color: #edf3ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  background: linear-gradient(180deg, rgba(29,42,63,.92), rgba(15,25,42,.98)) !important;
  border: 1px solid rgba(173,188,216,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.16) !important;
  transition: none !important;
}

.refbirj-v1 .menu-task-work__link:hover,
.refbirj-v1 .menu-task-work__link.active,
.refbirj-v1 .menu-task-work__link.activ,
.refbirj-v1 .menu-task-work__link[class*="active"] {
  color: #fff !important;
  border-color: rgba(216,177,115,.58) !important;
  background: linear-gradient(180deg, rgba(68,66,60,.82), rgba(28,37,51,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(216,177,115,.14), 0 12px 26px rgba(0,0,0,.18) !important;
}

.refbirj-v1__info.add-infa {
  margin: 0 0 14px !important;
  padding: 18px 20px 18px 22px !important;
  color: #dfe8f6 !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  text-align: left !important;
  text-shadow: none !important;
  background: linear-gradient(180deg, rgba(20,32,51,.82), rgba(8,17,31,.98)) !important;
  border: 1px solid rgba(173,188,216,.11) !important;
  border-left: 4px solid rgba(216,177,115,.92) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 14px 28px rgba(0,0,0,.14) !important;
}

.refbirj-v1__info b {
  color: #fff !important;
  font-weight: 900 !important;
}

.refbirj-v1__search-toggle-wrap {
  display: flex !important;
  justify-content: center !important;
  margin: 0 0 16px !important;
}

.refbirj-v1__search-toggle.btn.green {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 210px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  border-radius: 15px !important;
  cursor: pointer !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-shadow: none !important;
  background: linear-gradient(180deg, rgba(37,51,73,.96), rgba(17,28,46,.98)) !important;
  border: 1px solid rgba(173,188,216,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.16) !important;
}

.refbirj-v1__search-toggle.btn.green:hover {
  border-color: rgba(216,177,115,.5) !important;
  background: linear-gradient(180deg, rgba(55,60,65,.88), rgba(18,29,48,.98)) !important;
}

.refbirj-v1__search-panel.add-infa {
  margin: 0 0 16px !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(28,40,60,.84), rgba(12,22,38,.98)) !important;
  border: 1px solid rgba(173,188,216,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 14px 30px rgba(0,0,0,.16) !important;
}

.refbirj-v1__search-row {
  display: grid !important;
  grid-template-columns: 210px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 12px !important;
}

.refbirj-v1__search-row:last-child {
  margin-bottom: 0 !important;
}

.refbirj-v1__search-row label {
  display: block !important;
  margin: 0 !important;
  color: #edf3ff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

.refbirj-v1__search-control,
.refbirj-v1__price-control {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

.refbirj-v1__search-control input,
.refbirj-v1__price-control input {
  width: 100% !important;
  max-width: none !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 15px !important;
  border-radius: 15px !important;
  color: #edf3ff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 46px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)) !important;
  border: 1px solid rgba(173,188,216,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(0,0,0,.18) !important;
}

.refbirj-v1__price-control input {
  max-width: 110px !important;
  text-align: center !important;
}

.refbirj-v1__price-control span {
  color: #aebbd0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.refbirj-v1__search-btn.form-task-p {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, rgba(37,51,73,.96), rgba(17,28,46,.98)) !important;
  border: 1px solid rgba(173,188,216,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.16) !important;
  cursor: pointer !important;
}

.refbirj-v1__search-btn .ico {
  margin: 0 !important;
  opacity: .95 !important;
}

.refbirj-v1__count {
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 16px 16px 0 0 !important;
  color: #72ff9f !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-align: left !important;
  background: linear-gradient(180deg, rgba(8,17,31,.98), rgba(5,12,23,.98)) !important;
  border: 1px solid rgba(173,188,216,.08) !important;
  border-bottom: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.refbirj-v1__table-wrap {
  overflow-x: hidden !important;
  overflow-y: visible !important;
  margin: 0 0 12px !important;
  border-radius: 0 0 16px 16px !important;
  background: linear-gradient(180deg, rgba(11,22,38,.98), rgba(7,15,27,.99)) !important;
  border: 1px solid rgba(173,188,216,.08) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.16) !important;
}

.refbirj-v1 #referals-new.refbirj-v1__table,
.refbirj-v1 #referals-new {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
}

.refbirj-v1 .refbirj-col-ava { width: 66px !important; }
.refbirj-v1 .refbirj-col-user { width: auto !important; }
.refbirj-v1 .refbirj-col-work { width: 110px !important; }
.refbirj-v1 .refbirj-col-stat { width: 52px !important; }
.refbirj-v1 .refbirj-col-date { width: 118px !important; }
.refbirj-v1 .refbirj-col-refs { width: 58px !important; }
.refbirj-v1 .refbirj-col-price { width: 86px !important; }

.refbirj-v1 #referals-new tr:first-child th {
  height: 54px !important;
  padding: 10px 8px !important;
  color: #f3d18d !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  vertical-align: middle !important;
  text-shadow: none !important;
  background: linear-gradient(180deg, rgba(6,15,28,.99), rgba(3,10,20,.99)) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(173,188,216,.08) !important;
}

.refbirj-v1 #referals-new tr:first-child th:first-child {
  text-align: left !important;
  padding-left: 18px !important;
}

.refbirj-v1 #referals-new tr:first-child th span {
  display: inline-block !important;
  margin: 0 7px 3px 0 !important;
  color: #f3d18d !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-shadow: none !important;
  cursor: pointer !important;
}

.refbirj-v1 #referals-new tr:first-child th:not(:first-child) span {
  display: block !important;
  margin: 0 !important;
}

.refbirj-v1 #referals-new tr:first-child th span.active-ASC,
.refbirj-v1 #referals-new tr:first-child th span.active-DESC {
  color: #fff !important;
  border-bottom: 1px dashed rgba(255,255,255,.75) !important;
}

.refbirj-v1 #referals-new tr:not(:first-child) {
  background: linear-gradient(180deg, rgba(18,31,50,.94), rgba(8,18,33,.98)) !important;
}

.refbirj-v1 #referals-new tr:not(:first-child):hover {
  background: linear-gradient(180deg, rgba(20,34,55,.96), rgba(9,20,36,.99)) !important;
}

.refbirj-v1 #referals-new tr:not(:first-child) td {
  height: 86px !important;
  padding: 14px 8px !important;
  color: #e7effc !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  vertical-align: middle !important;
  text-shadow: none !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid rgba(173,188,216,.06) !important;
  box-shadow: none !important;
}

.refbirj-v1 #referals-new tr:not(:first-child) td:first-child {
  padding-left: 16px !important;
}

.refbirj-v1 #referals-new tr:not(:first-child) td:nth-child(2) {
  text-align: left !important;
}

.refbirj-v1 #referals-new tr:not(:first-child) td:nth-child(7) {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.refbirj-v1 #referals-new td a {
  color: #8fd4ff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.refbirj-v1 #referals-new td a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}

.refbirj-v1 #referals-new td img {
  max-width: 42px !important;
  height: auto !important;
  vertical-align: middle !important;
}

.refbirj-v1 #referals-new td input,
.refbirj-v1 #referals-new td button,
.refbirj-v1 #referals-new td .btn,
.refbirj-v1 #referals-new td a.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: none !important;
  background: linear-gradient(180deg, rgba(42,190,255,.95), rgba(16,139,220,.95)) !important;
  border: 1px solid rgba(91,204,255,.45) !important;
  box-shadow: 0 7px 16px rgba(0,0,0,.16) !important;
}

.refbirj-v1 .refdel,
.refbirj-v1 .refdel_no,
.refbirj-v1 .ref_birj,
.refbirj-v1 .ref_birj_es,
.refbirj-v1 .ref_birj_no {
  float: none !important;
  display: inline-block !important;
  margin: 0 2px !important;
  vertical-align: middle !important;
  opacity: 1 !important;
}

.refbirj-v1 #referals-new .del-all td,
.refbirj-v1 #referals-new .refbirj-v1__empty-row td {
  height: auto !important;
  padding: 0 !important;
  border-top: 0 !important;
}

.refbirj-v1__empty {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 94px !important;
  padding: 24px !important;
  color: #ff5b5b !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-align: center !important;
  background: linear-gradient(180deg, rgba(11,22,38,.94), rgba(7,15,27,.99)) !important;
}

.refbirj-v1__navi {
  margin-top: 10px !important;
  text-align: center !important;
}

.refbirj-v1 #referals-new ::selection {
  background: rgba(216,177,115,.28) !important;
  color: #ffffff !important;
}

@media (max-width: 820px) {
  .refbirj-v1__table-wrap {
    overflow-x: auto !important;
  }

  .refbirj-v1 #referals-new.refbirj-v1__table,
  .refbirj-v1 #referals-new {
    min-width: 680px !important;
  }

  .refbirj-v1__search-row {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .refbirj-v1__price-control {
    flex-wrap: wrap !important;
  }

  .refbirj-v1__price-control input {
    max-width: none !important;
    flex: 1 1 110px !important;
  }
}

.refbirj-v1 {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

/* верхние вкладки */
.refbirj-v1 .refbirj-v1__tabs,
.refbirj-v1 .ref-v4__levels,
.refbirj-v1 .ref-v4__filters {
  margin-bottom: 6px !important;
}

/* информационный блок */
.refbirj-v1 .refbirj-v1__notice,
.refbirj-v1 .ref-v4__notice,
.refbirj-v1 .ref-v4__info {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

/* кнопка "Поиск пользователя" */
.refbirj-v1 .refbirj-v1__search-toggle,
.refbirj-v1 .ref-v4__quick,
.refbirj-v1 .menu-task-work__link[data-target],
.refbirj-v1 .menu-task-work__link.search-user {
  margin-top: 2px !important;
  margin-bottom: 8px !important;
}

/* форма поиска */
.refbirj-v1 .refbirj-v1__search,
.refbirj-v1 .ref-v4__search,
.refbirj-v1 .ref-v4__form,
.refbirj-v1 .ref-v4__controls {
  margin-top: 4px !important;
  margin-bottom: 18px !important;
}

/* блок "Всего рефералов" + таблица */
.refbirj-v1 .refbirj-v1__table,
.refbirj-v1 .ref-v4__table {
  margin-top: 0 !important;
}

/* если счетчик "Всего рефералов" отдельным блоком */
.refbirj-v1 .refbirj-v1__count,
.refbirj-v1 .ref-v4__count,
.refbirj-v1 .ref-v4__total {
  margin-top: 4px !important;
  margin-bottom: 8px !important;
}

/* точечно: если после формы сразу идет таблица */
.refbirj-v1 .ref-v4__search + .ref-v4__table,
.refbirj-v1 .ref-v4__form + .ref-v4__table,
.refbirj-v1 .ref-v4__controls + .ref-v4__table,
.refbirj-v1 .refbirj-v1__search + .refbirj-v1__table {
  margin-top: 18px !important;
}

/* немного воздуха внутри формы, чтобы поля не слипались */
.refbirj-v1 .refbirj-v1__search-row,
.refbirj-v1 .ref-v4__search-row,
.refbirj-v1 .ref-v4__field-row {
  margin-bottom: 12px !important;
}

.refbirj-v1 .refbirj-v1__search-row:last-child,
.refbirj-v1 .ref-v4__search-row:last-child,
.refbirj-v1 .ref-v4__field-row:last-child {
  margin-bottom: 0 !important;
}

/* мобильная версия */
@media (max-width: 900px) {
  .refbirj-v1 {
    gap: 14px !important;
  }

  .refbirj-v1 .refbirj-v1__search,
  .refbirj-v1 .ref-v4__search,
  .refbirj-v1 .ref-v4__form,
  .refbirj-v1 .ref-v4__controls {
    margin-bottom: 14px !important;
  }
}

.messref-v1,
.messref-v1 * {
  box-sizing: border-box;
}

.messref-v1 {
  width: 100%;
  max-width: 780px;
  margin: 0 auto 36px;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  color: #e8eef8;
}

/* верхняя информационная карточка */
.messref-v1__info,
.messref-v1__current {
  position: relative;
  padding: 18px 20px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(24, 38, 60, .82), rgba(10, 20, 36, .94));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 14px 34px rgba(0,0,0,.16);
  overflow: hidden;
}

.messref-v1__info::before,
.messref-v1__current::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 3px;
  border-radius: 0 8px 8px 0;
  background: linear-gradient(180deg, #d8ba72, #f0a92d);
}

.messref-v1__info-title,
.messref-v1__current-title {
  margin-bottom: 6px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
}

.messref-v1__info-text,
.messref-v1__current-text {
  color: rgba(236, 242, 250, .92);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.55;
}

.messref-v1__info a,
.messref-v1__current a {
  color: #e9c57a;
  font-weight: 900;
  text-decoration: none;
}

.messref-v1__card {
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.075);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 18px 38px rgba(0,0,0,.18);
  overflow: hidden;
}

.messref-v1__card-title {
  min-height: 48px;
  padding: 15px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e8c176;
  font-size: 15px;
  font-weight: 900;
  text-align: center;
  background: linear-gradient(180deg, rgba(7,17,31,.98), rgba(4,12,24,.98));
  border-bottom: 1px solid rgba(255,255,255,.055);
}

.messref-v1__form {
  padding: 18px 18px 20px;
}

.messref-v1__field {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,.055);
}

.messref-v1__field--message {
  display: block;
  padding-top: 16px;
  border-bottom: 0;
}

.messref-v1__label {
  display: block;
  color: rgba(238,244,252,.92);
  font-size: 14px;
  font-weight: 900;
  line-height: 1.3;
}

.messref-v1__control {
  min-width: 0;
}

.messref-v1__input,
.messref-v1__textarea {
  width: 100% !important;
  display: block;
  border-radius: 16px !important;
  border: 1px solid rgba(117, 139, 170, .24) !important;
  background:
    linear-gradient(180deg, rgba(39, 52, 75, .9), rgba(26, 38, 58, .95)) !important;
  color: #eef5ff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  outline: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 8px 18px rgba(0,0,0,.10) !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.messref-v1__input {
  min-height: 48px;
  padding: 0 16px !important;
}

.messref-v1__textarea {
  min-height: 170px;
  resize: vertical;
  padding: 14px 16px !important;
  line-height: 1.45 !important;
}

.messref-v1__input:focus,
.messref-v1__textarea:focus {
  border-color: rgba(216,186,114,.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 3px rgba(216,186,114,.08) !important;
}

.messref-v1__message-head {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.messref-v1__bb {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.messref-v1__bb .bb-code {
  width: 24px;
  height: 24px;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 7px !important;
  border: 1px solid rgba(91, 204, 255, .26) !important;
  background: linear-gradient(180deg, rgba(29, 166, 145, .96), rgba(13, 126, 123, .96)) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer;
  box-shadow: none !important;
}

.messref-v1__bb .bb-code:hover {
  border-color: rgba(216,186,114,.45) !important;
  filter: none !important;
  transform: none !important;
}

.messref-v1__counter {
  margin-top: 12px;
  text-align: center;
  color: #dfeaf9 !important;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.messref-v1__counter .kab-text,
.messref-v1__counter #tt1 {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 10px;
  background: rgba(6, 14, 26, .42);
  color: #dfeaf9 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.messref-v1__counter #chrLeft1 {
  color: #f2c977 !important;
  font-weight: 900 !important;
}

.messref-v1__actions {
  margin-top: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.messref-v1__save,
.messref-v1__delete {
  width: auto !important;
  min-width: 210px !important;
  height: 48px !important;
  padding: 0 30px !important;
  border-radius: 15px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 12px 28px rgba(0,0,0,.18) !important;
}

.messref-v1__save {
  background: linear-gradient(180deg, rgba(48, 73, 106, .98), rgba(30, 45, 69, .98)) !important;
  color: #ffffff !important;
}

.messref-v1__save:hover {
  background: linear-gradient(180deg, rgba(57, 84, 119, .98), rgba(36, 54, 82, .98)) !important;
  transform: none !important;
}

.messref-v1__delete-form {
  padding: 0 18px 20px;
}

.messref-v1__actions--delete {
  margin-top: 8px;
}

.messref-v1__delete {
  background: linear-gradient(180deg, rgba(172, 67, 67, .98), rgba(125, 36, 36, .98)) !important;
  color: #ffffff !important;
}

/* убирает белые browser-tooltip, если где-то остались title в этой форме */
.messref-v1 [title] {
  position: relative;
}

/* responsive */
@media (max-width: 760px) {
  .messref-v1 {
    padding: 0;
    gap: 14px;
  }

  .messref-v1__field {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .messref-v1__message-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .messref-v1__save,
  .messref-v1__delete {
    width: 100% !important;
    min-width: 0 !important;
  }
}

.ref-ransom-v1,
.ref-ransom-v1 * { box-sizing: border-box; }

.ref-ransom-v1 .titles { margin-left: auto !important; margin-right: auto !important; }

.ref-ransom-v1__wrap {
  width: 100%; max-width: 780px; margin: 0 auto 42px; padding: 0 10px;
  display: flex; flex-direction: column; gap: 18px; color: #e8eef8;
}

.ref-ransom-v1__info {
  position: relative; padding: 18px 22px; border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(24,38,60,.84), rgba(10,20,36,.96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 34px rgba(0,0,0,.16);
  overflow: hidden;
}
.ref-ransom-v1__info::before {
  content: ""; position: absolute; left: 0; top: 16px; bottom: 16px; width: 3px;
  border-radius: 0 8px 8px 0; background: linear-gradient(180deg, #d8ba72, #f0a92d);
}
.ref-ransom-v1__info-title { margin-bottom: 7px; color: #fff; font-size: 15px; font-weight: 900; line-height: 1.25; }
.ref-ransom-v1__info-text { color: rgba(236,242,250,.94); font-size: 14px; font-weight: 750; line-height: 1.55; text-align: left; }
.ref-ransom-v1__info-text b { color: #f1cf86; font-weight: 900; }

.ref-ransom-v1__form-card,
.ref-ransom-v1__table-card {
  border-radius: 18px; border: 1px solid rgba(255,255,255,.075);
  background: linear-gradient(180deg, rgba(18,30,49,.82), rgba(9,18,32,.96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 18px 38px rgba(0,0,0,.18);
  overflow: hidden;
}
.ref-ransom-v1__form-card { padding: 18px; }
.ref-ransom-v1__form { width: 100%; max-width: 430px; margin: 0 auto; }
.ref-ransom-v1__field { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 14px; align-items: center; margin-bottom: 14px; }
.ref-ransom-v1__label { display: block; color: rgba(238,244,252,.94); font-size: 14px; font-weight: 900; line-height: 1.3; }
.ref-ransom-v1__input {
  width: 100% !important; height: 48px !important; display: block; padding: 0 16px !important;
  border-radius: 16px !important; border: 1px solid rgba(117,139,170,.24) !important;
  background: linear-gradient(180deg, rgba(39,52,75,.9), rgba(26,38,58,.95)) !important;
  color: #eef5ff !important; font-size: 14px !important; font-weight: 800 !important; text-align: left !important;
  outline: none !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 8px 18px rgba(0,0,0,.10) !important;
}
.ref-ransom-v1__input:focus { border-color: rgba(216,186,114,.42) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 3px rgba(216,186,114,.08) !important; }
.ref-ransom-v1__actions { display: flex; align-items: center; justify-content: center; }
.ref-ransom-v1__submit {
  width: auto !important; min-width: 190px !important; height: 46px !important; padding: 0 24px !important;
  border-radius: 15px !important; border: 1px solid rgba(255,255,255,.10) !important;
  color: #fff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 46px !important; text-align: center !important; cursor: pointer !important;
  background: linear-gradient(180deg, rgba(48,73,106,.98), rgba(30,45,69,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.18) !important;
}
.ref-ransom-v1__submit:hover { background: linear-gradient(180deg, rgba(57,84,119,.98), rgba(36,54,82,.98)) !important; transform: none !important; filter: none !important; }
.ref-ransom-v1__submit--cancel { background: linear-gradient(180deg, rgba(168,91,54,.98), rgba(119,54,35,.98)) !important; }
.ref-ransom-v1__status { max-width: 520px; margin: 0 auto 16px; padding: 14px 16px; border-radius: 15px; border: 1px solid rgba(240,196,117,.18); background: rgba(216,186,114,.08); text-align: center; }
.ref-ransom-v1__status-title { color: #f1cf86; font-size: 15px; font-weight: 900; margin-bottom: 4px; }
.ref-ransom-v1__status-text { color: rgba(236,242,250,.82); font-size: 13px; font-weight: 700; line-height: 1.45; }
.ref-ransom-v1__table-title { min-height: 44px; padding: 13px 18px; display: flex; align-items: center; justify-content: center; color: #e8c176; font-size: 14px; font-weight: 900; text-align: center; background: linear-gradient(180deg, rgba(7,17,31,.98), rgba(4,12,24,.98)); border-bottom: 1px solid rgba(255,255,255,.055); }
.ref-ransom-v1 #pay-today,
.ref-ransom-v1__table { width: 100% !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; overflow: hidden; background: transparent !important; }
.ref-ransom-v1 #pay-today thead th,
.ref-ransom-v1__table thead th { padding: 14px 12px !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; background: linear-gradient(180deg, rgba(9,18,32,.98), rgba(4,12,24,.98)) !important; color: #f2cd84 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.25 !important; text-align: center !important; text-shadow: none !important; }
.ref-ransom-v1 #pay-today tbody td,
.ref-ransom-v1 #pay-today tr td,
.ref-ransom-v1__table tbody td,
.ref-ransom-v1__table tr td { padding: 14px 12px !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.045) !important; background: rgba(11,24,43,.66) !important; color: #eaf2ff !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.45 !important; text-align: center !important; vertical-align: middle !important; }
.ref-ransom-v1 #pay-today tbody tr:hover td,
.ref-ransom-v1 #pay-today tr:hover td { background: rgba(16,32,54,.82) !important; transform: none !important; filter: none !important; }
.ref-ransom-v1 #pay-today a { color: #f1cf86 !important; font-weight: 900 !important; text-decoration: none !important; }
.ref-ransom-v1 #pay-today input,
.ref-ransom-v1 #pay-today button,
.ref-ransom-v1 #pay-today .btn { width: auto !important; min-width: 120px !important; height: 34px !important; padding: 0 14px !important; border-radius: 11px !important; font-size: 12px !important; font-weight: 900 !important; text-align: center !important; }
@media (max-width: 760px) {
  .ref-ransom-v1__wrap { padding: 0; gap: 14px; }
  .ref-ransom-v1__field { grid-template-columns: 1fr; gap: 8px; }
  .ref-ransom-v1__submit { width: 100% !important; min-width: 0 !important; }
  .ref-ransom-v1__table-card { overflow-x: auto; }
  .ref-ransom-v1 #pay-today { min-width: 560px; }
}

.ref-ransom-v1__table-card {
  margin-top: 2px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  background: linear-gradient(180deg, rgba(18,30,49,.82), rgba(9,18,32,.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 18px 38px rgba(0,0,0,.18) !important;
  overflow: hidden !important;
}

.ref-ransom-v1__table-title {
  width: 100% !important;
  min-height: 44px !important;
  padding: 13px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #e8c176 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-align: center !important;
  background: linear-gradient(180deg, rgba(7,17,31,.98), rgba(4,12,24,.98)) !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
}

/* главное исправление: общий CSS сайта делал #pay-today flex */
.ref-ransom-v1 #pay-today,
.ref-ransom-v1 table#pay-today,
.ref-ransom-v1__table {
  display: table !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
  margin: 0 !important;
}

.ref-ransom-v1 #pay-today thead { display: table-header-group !important; }
.ref-ransom-v1 #pay-today tbody { display: table-row-group !important; }
.ref-ransom-v1 #pay-today tr { display: table-row !important; }
.ref-ransom-v1 #pay-today th,
.ref-ransom-v1 #pay-today td {
  display: table-cell !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* ширины колонок на всю ширину блока, без пустых полей слева/справа */
.ref-ransom-v1 #pay-today th:nth-child(1),
.ref-ransom-v1 #pay-today td:nth-child(1) { width: 42% !important; }
.ref-ransom-v1 #pay-today th:nth-child(2),
.ref-ransom-v1 #pay-today td:nth-child(2) { width: 20% !important; }
.ref-ransom-v1 #pay-today th:nth-child(3),
.ref-ransom-v1 #pay-today td:nth-child(3) { width: 20% !important; }
.ref-ransom-v1 #pay-today th:nth-child(4),
.ref-ransom-v1 #pay-today td:nth-child(4) { width: 18% !important; }

.ref-ransom-v1 #pay-today thead th,
.ref-ransom-v1 #pay-today tr:first-child th {
  height: 52px !important;
  padding: 12px 10px !important;
  border: 0 !important;
  border-right: 1px solid rgba(255,255,255,.045) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  background: linear-gradient(180deg, rgba(9,18,32,.98), rgba(4,12,24,.98)) !important;
  color: #f2cd84 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
  text-align: center !important;
  vertical-align: middle !important;
  text-shadow: none !important;
  white-space: normal !important;
}

.ref-ransom-v1 #pay-today thead th:last-child,
.ref-ransom-v1 #pay-today tr:first-child th:last-child {
  border-right: 0 !important;
}

.ref-ransom-v1 #pay-today td {
  min-height: 58px !important;
  padding: 14px 12px !important;
  border: 0 !important;
  border-right: 1px solid rgba(255,255,255,.035) !important;
  border-bottom: 1px solid rgba(255,255,255,.045) !important;
  background: rgba(11,24,43,.66) !important;
  color: #eaf2ff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.ref-ransom-v1 #pay-today td:first-child {
  text-align: left !important;
}

.ref-ransom-v1 #pay-today td:last-child {
  border-right: 0 !important;
}

.ref-ransom-v1 #pay-today tr:hover td {
  background: rgba(16,32,54,.82) !important;
  transform: none !important;
  filter: none !important;
}

.ref-ransom-v1 #pay-today a {
  color: #f1cf86 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.ref-ransom-v1 #pay-today input,
.ref-ransom-v1 #pay-today button,
.ref-ransom-v1 #pay-today .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 110px !important;
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: linear-gradient(180deg, rgba(48,73,106,.98), rgba(30,45,69,.98)) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 34px !important;
  text-align: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  .ref-ransom-v1__table-card { overflow-x: auto !important; }
  .ref-ransom-v1 #pay-today,
  .ref-ransom-v1 table#pay-today {
    min-width: 620px !important;
  }
}

.mail-page,
.mail-page * {
  box-sizing: border-box;
}

.mail-page {
  width: 100%;
  max-width: 790px;
  margin: 0 auto 36px;
  padding: 0 10px;
  color: #e8eef8;
}

.mail-page__inner {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* Заголовок */
.mail-page__title.titles {
  margin-bottom: 18px !important;
}

/* Информационный блок */
.mail-intro {
  position: relative;
  margin: 0 auto !important;
  width: 100%;
  max-width: 700px;
  padding: 18px 20px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  background:
    linear-gradient(180deg, rgba(24,38,60,.82), rgba(10,20,36,.94)) !important;
  color: rgba(236,242,250,.92) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 14px 34px rgba(0,0,0,.16) !important;
  overflow: hidden;
}

.mail-intro::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 3px;
  border-radius: 0 8px 8px 0;
  background: linear-gradient(180deg, #d8ba72, #f0a92d);
}

.mail-intro font {
  color: #ff6e6e !important;
}

.mail-intro__help {
  margin-top: 14px;
  padding: 13px 16px;
  border-radius: 15px;
  border: 1px solid rgba(255,255,255,.07);
  background: rgba(8,17,31,.42);
  text-align: center;
}

.mail-intro__help a {
  color: #e9c57a !important;
  text-decoration: none !important;
}

/* Табы */
.mail-tabs {
  width: 100%;
  padding: 10px !important;
  margin: 0 !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.055);
  background: linear-gradient(180deg, rgba(10,20,36,.98), rgba(5,14,27,.98));
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: nowrap;
}

.mail-tabs .menu-task-work__link {
  flex: 1 1 0;
  min-width: 0;
  max-width: 180px;
  height: 40px !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 13px !important;
  font-weight: 900 !important;
}

/* Карточки */
.mail-card {
  width: 100%;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.075);
  background:
    linear-gradient(180deg, rgba(18,30,49,.82), rgba(9,18,32,.96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 18px 38px rgba(0,0,0,.18);
  overflow: hidden;
}

.mail-card__title {
  min-height: 50px;
  padding: 15px 18px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e8c176 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-align: center;
  background: linear-gradient(180deg, rgba(7,17,31,.98), rgba(4,12,24,.98)) !important;
  border-bottom: 1px solid rgba(255,255,255,.055);
}

.mail-card__body {
  padding: 14px !important;
}

/* Общие поля */
.mail-page input[type="text"],
.mail-page textarea {
  border-radius: 15px !important;
  border: 1px solid rgba(117,139,170,.24) !important;
  background:
    linear-gradient(180deg, rgba(39,52,75,.9), rgba(26,38,58,.95)) !important;
  color: #eef5ff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  outline: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 8px 18px rgba(0,0,0,.10) !important;
}

.mail-page textarea {
  width: 100% !important;
  min-height: 115px !important;
  padding: 12px 14px !important;
  resize: vertical;
  line-height: 1.4 !important;
}

.mail-page input[type="text"] {
  min-height: 40px;
  padding: 0 12px !important;
}

/* Рассылка */
.mail-page--rass .mail-card__body {
  padding: 14px !important;
}

.mail-rass-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mail-rass-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mail-rass-option {
  min-height: 48px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.07);
  background:
    linear-gradient(180deg, rgba(28,42,64,.78), rgba(17,30,49,.92));
  color: rgba(236,242,250,.92);
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease;
}

.mail-rass-option:hover {
  border-color: rgba(216,186,114,.24);
  background:
    linear-gradient(180deg, rgba(32,48,72,.85), rgba(18,32,52,.96));
}

.mail-rass-option__radio {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mail-rass-option__radio input {
  width: 14px;
  height: 14px;
  accent-color: #62b6ff;
}

.mail-rass-option__text {
  min-width: 0;
  color: #e9eff9;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}

.mail-rass-option__text small {
  display: block;
  margin-top: 2px;
  color: rgba(202,213,229,.66);
  font-size: 11px;
  font-weight: 700;
}

.mail-rass-option__price {
  padding: 5px 9px;
  border-radius: 9px;
  background: rgba(4,12,24,.38);
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.mail-rass-message {
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.07);
  background:
    linear-gradient(180deg, rgba(12,24,42,.86), rgba(7,16,30,.98));
}

.mail-rass-toolbar {
  margin: 0 0 8px !important;
  display: flex !important;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.mail-rass-toolbar__label {
  margin-right: 4px;
  color: #eef5ff;
  font-size: 13px;
  font-weight: 900;
}

.mail-rass-toolbar .bb-code,
.bb-toolbar .bb-code {
  width: 24px;
  height: 24px;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 7px !important;
  border: 1px solid rgba(91,204,255,.26) !important;
  background: linear-gradient(180deg, rgba(29,166,145,.96), rgba(13,126,123,.96)) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer;
  box-shadow: none !important;
}

.mail-counter {
  margin-left: auto;
  padding: 5px 10px;
  border-radius: 10px;
  background: rgba(6,14,26,.46);
  color: #dfeaf9 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.mail-counter #length {
  color: #f2c977 !important;
  font-weight: 900 !important;
}

.mail-rass-actions,
.mail-actions {
  margin-top: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.mail-rass-actions .btn,
.mail-actions .btn,
.mail-submit-row .btn {
  min-width: 210px !important;
  height: 42px !important;
  padding: 0 24px !important;
  border-radius: 15px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: linear-gradient(180deg, rgba(48,73,106,.98), rgba(30,45,69,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 12px 28px rgba(0,0,0,.16) !important;
}

.mail-rass-actions .btn:hover,
.mail-actions .btn:hover,
.mail-submit-row .btn:hover {
  transform: none !important;
  filter: none !important;
  background: linear-gradient(180deg, rgba(57,84,119,.98), rgba(36,54,82,.98)) !important;
}

/* Для старой таблицы, если где-то останется старый rass-блок */
.mail-page--rass .mail-form-card table.table {
  width: 100% !important;
}

/* Диалоги и поиск */
.mail-search-box input {
  width: 100% !important;
}

.mail-bottom-space {
  margin-top: 16px;
}

/* Мобилка */
@media (max-width: 760px) {
  .mail-page {
    padding: 0;
  }

  .mail-tabs {
    flex-wrap: wrap;
  }

  .mail-tabs .menu-task-work__link {
    flex: 1 1 45%;
    max-width: none;
  }

  .mail-rass-option {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .mail-rass-option__price {
    grid-column: 2;
    justify-self: flex-start;
  }

  .mail-counter {
    margin-left: 0;
    width: 100%;
    text-align: center;
  }

  .mail-rass-actions .btn,
  .mail-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* v6 compact adjustments */
.mail-page--rass .mail-card__title{min-height:46px;padding:13px 16px !important;font-size:14px !important;}
.mail-page--rass .mail-rass-option__text br{display:none;}
.mail-page--rass .mail-rass-option__price{align-self:center;}
.mail-page--rass .mail-rass-options{margin-bottom:2px;}

.mail-page--all .mail-card__body {
  padding: 14px !important;
}

.mail-page--all .mail-search-box {
  margin-bottom: 14px !important;
  padding: 10px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  background: linear-gradient(180deg, rgba(19,32,52,.78), rgba(10,20,36,.94)) !important;
}

.mail-page--all .mail-search-box input,
.mail-page--all #login-dialog {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 13px !important;
  padding: 0 15px !important;
  color: #eaf2ff !important;
  background: linear-gradient(180deg, rgba(39,52,75,.90), rgba(24,36,56,.96)) !important;
  border: 1px solid rgba(112,139,176,.25) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.mail-page--all #dialog-load {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* универсальный сброс светлых карточек внутри списка диалогов */
.mail-page--all #dialog-load > *,
.mail-page--all #scan-mail-load #dialog-load > *,
.mail-page--all #dialog-load table,
.mail-page--all #dialog-load tbody,
.mail-page--all #dialog-load tr,
.mail-page--all #dialog-load td,
.mail-page--all #dialog-load div,
.mail-page--all #dialog-load a {
  box-sizing: border-box !important;
}

/* если диалоги выводятся таблицей */
.mail-page--all #dialog-load table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
  background: transparent !important;
  border: 0 !important;
}

.mail-page--all #dialog-load tr {
  background: transparent !important;
}

.mail-page--all #dialog-load td {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* основной вид одной строки/карточки диалога */
.mail-page--all #dialog-load > div,
.mail-page--all #dialog-load > a,
.mail-page--all #dialog-load tr:not(:first-child),
.mail-page--all #dialog-load .dialog,
.mail-page--all #dialog-load .dialog-list,
.mail-page--all #dialog-load .mail-dialog,
.mail-page--all #dialog-load .mail-list-item,
.mail-page--all #dialog-load .new-mail,
.mail-page--all #dialog-load .mess,
.mail-page--all #dialog-load .mail_mess {
  min-height: 82px !important;
  padding: 13px 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  background:
    linear-gradient(180deg, rgba(18,31,50,.88), rgba(8,18,32,.98)) !important;
  color: #e7f0ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 10px 24px rgba(0,0,0,.14) !important;
  overflow: hidden !important;
}

/* гасим старые светлые фоны глубже внутри карточки */
.mail-page--all #dialog-load > div *,
.mail-page--all #dialog-load > a *,
.mail-page--all #dialog-load .dialog *,
.mail-page--all #dialog-load .dialog-list *,
.mail-page--all #dialog-load .mail-dialog *,
.mail-page--all #dialog-load .mail-list-item *,
.mail-page--all #dialog-load .new-mail *,
.mail-page--all #dialog-load .mess * {
  color: inherit;
  text-shadow: none !important;
}

.mail-page--all #dialog-load [style*="background"],
.mail-page--all #dialog-load [bgcolor],
.mail-page--all #dialog-load .white,
.mail-page--all #dialog-load .light,
.mail-page--all #dialog-load .msg {
  background: transparent !important;
}

/* ссылки/логины/заголовки внутри диалогов */
.mail-page--all #dialog-load a {
  color: #ffffff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.mail-page--all #dialog-load a:hover {
  color: #f2c977 !important;
  text-decoration: none !important;
}

/* вторичный текст */
.mail-page--all #dialog-load small,
.mail-page--all #dialog-load .date,
.mail-page--all #dialog-load .time,
.mail-page--all #dialog-load .status,
.mail-page--all #dialog-load .last,
.mail-page--all #dialog-load font {
  color: rgba(213,224,240,.74) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* текст последнего сообщения */
.mail-page--all #dialog-load p,
.mail-page--all #dialog-load span,
.mail-page--all #dialog-load div {
  color: #dfe9f8 !important;
}

/* аватарки и иконки */
.mail-page--all #dialog-load img {
  max-width: 44px !important;
  max-height: 44px !important;
  width: auto !important;
  height: auto !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

.mail-page--all #dialog-load .ava img,
.mail-page--all #dialog-load .avatar img,
.mail-page--all #dialog-load img[src*="avatar"],
.mail-page--all #dialog-load img[src*="ava"] {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
}

/* маленькие системные иконки не превращаем в аватар */
.mail-page--all #dialog-load img[src*="ico"],
.mail-page--all #dialog-load img[src*="icon"],
.mail-page--all #dialog-load img[src*="status"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  border-radius: 0 !important;
}

/* счетчик новых сообщений */
.mail-page--all #dialog-load .count,
.mail-page--all #dialog-load .new,
.mail-page--all #dialog-load .badge,
.mail-page--all #dialog-load [class*="count"],
.mail-page--all #dialog-load [class*="badge"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 26px !important;
  height: 26px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(70,176,129,.96), rgba(42,132,96,.96)) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

/* если старый вывод делал белую/голубую плашку через input/кнопку */
.mail-page--all #dialog-load input,
.mail-page--all #dialog-load button {
  background: linear-gradient(180deg, rgba(48,73,106,.98), rgba(30,45,69,.98)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 10px !important;
}

/* пустой список */
.mail-page--all .msg-warning {
  display: block;
  padding: 18px;
  border-radius: 16px;
  background: rgba(5,14,27,.72);
  color: #f2c977 !important;
  text-align: center;
  font-weight: 900;
}

/* hover без засветки */
.mail-page--all #dialog-load > div:hover,
.mail-page--all #dialog-load > a:hover,
.mail-page--all #dialog-load tr:not(:first-child):hover,
.mail-page--all #dialog-load .dialog:hover,
.mail-page--all #dialog-load .mail-list-item:hover {
  border-color: rgba(216,186,114,.22) !important;
  background:
    linear-gradient(180deg, rgba(21,36,58,.94), rgba(9,20,36,.99)) !important;
  transform: none !important;
  filter: none !important;
}

/* если в старом выводе вложенная голубая карточка */
.mail-page--all #dialog-load [style*="rgb(224"],
.mail-page--all #dialog-load [style*="#e"],
.mail-page--all #dialog-load [style*="#f"],
.mail-page--all #dialog-load [style*="aliceblue"],
.mail-page--all #dialog-load [style*="lightblue"] {
  background: transparent !important;
  color: #dfe9f8 !important;
}

/* компактнее навигация */
.mail-page--all #navi {
  margin-top: 14px !important;
  text-align: center !important;
}

mail-page--all #dialog-load > div,
.mail-page--all #dialog-load > a,
.mail-page--all #dialog-load tr:not(:first-child),
.mail-page--all #dialog-load .dialog,
.mail-page--all #dialog-load .dialog-list,
.mail-page--all #dialog-load .mail-dialog,
.mail-page--all #dialog-load .mail-list-item,
.mail-page--all #dialog-load .new-mail,
.mail-page--all #dialog-load .mess,
.mail-page--all #dialog-load .mail_mess {
  position: relative !important;
  min-height: 78px !important;
  padding: 12px 54px 12px 16px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(18,31,50,.88), rgba(8,18,32,.98)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  overflow: hidden !important;
}

/* Убираем ошибочную зеленую полоску: v7 слишком широко стилизовал .new/.count/[class*=count] */
.mail-page--all #dialog-load .new,
.mail-page--all #dialog-load .count,
.mail-page--all #dialog-load .badge,
.mail-page--all #dialog-load [class*="count"],
.mail-page--all #dialog-load [class*="badge"] {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  display: inline !important;
  align-items: initial !important;
  justify-content: initial !important;
}

/* Но маленький счетчик справа оставляем красивым.
   Работает для типичных вариантов, где счетчик находится последним элементом карточки. */
.mail-page--all #dialog-load > div > .count:last-child,
.mail-page--all #dialog-load > div > .new:last-child,
.mail-page--all #dialog-load > div > .badge:last-child,
.mail-page--all #dialog-load > a > .count:last-child,
.mail-page--all #dialog-load > a > .new:last-child,
.mail-page--all #dialog-load > a > .badge:last-child,
.mail-page--all #dialog-load .dialog > .count:last-child,
.mail-page--all #dialog-load .dialog > .new:last-child,
.mail-page--all #dialog-load .dialog > .badge:last-child,
.mail-page--all #dialog-load .mail-dialog > .count:last-child,
.mail-page--all #dialog-load .mail-dialog > .new:last-child,
.mail-page--all #dialog-load .mail-dialog > .badge:last-child,
.mail-page--all #dialog-load .mail-list-item > .count:last-child,
.mail-page--all #dialog-load .mail-list-item > .new:last-child,
.mail-page--all #dialog-load .mail-list-item > .badge:last-child {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 26px !important;
  width: auto !important;
  height: 26px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(70,176,129,.96), rgba(42,132,96,.96)) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 26px !important;
  box-shadow: none !important;
}

/* Иконки в строке: компактно, без второй огромной иконки */
.mail-page--all #dialog-load img {
  display: inline-block !important;
  max-width: 24px !important;
  max-height: 24px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  vertical-align: middle !important;
  margin: 0 4px 0 0 !important;
  border-radius: 50% !important;
}

/* первая аватарка/иконка может быть чуть крупнее */
.mail-page--all #dialog-load img:first-child,
.mail-page--all #dialog-load .ava img,
.mail-page--all #dialog-load .avatar img {
  width: 34px !important;
  height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
}

/* если внутри системного сообщения есть две одинаковые иконки подряд — вторая не должна ломать блок */
.mail-page--all #dialog-load img + img {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  opacity: .78 !important;
}

/* Текст внутри карточки */
.mail-page--all #dialog-load,
.mail-page--all #dialog-load * {
  text-shadow: none !important;
}

.mail-page--all #dialog-load a,
.mail-page--all #dialog-load b,
.mail-page--all #dialog-load strong {
  color: #ffffff !important;
  font-weight: 900 !important;
}

.mail-page--all #dialog-load span,
.mail-page--all #dialog-load div,
.mail-page--all #dialog-load p,
.mail-page--all #dialog-load font {
  color: #dfe9f8 !important;
}

.mail-page--all #dialog-load small,
.mail-page--all #dialog-load .date,
.mail-page--all #dialog-load .time {
  color: rgba(213,224,240,.76) !important;
  font-size: 12px !important;
}

/* Убираем старые светлые/зеленые подложки, которые могли прийти inline/style */
.mail-page--all #dialog-load [style*="background"],
.mail-page--all #dialog-load [bgcolor],
.mail-page--all #dialog-load .white,
.mail-page--all #dialog-load .light,
.mail-page--all #dialog-load .msg {
  background: transparent !important;
}

/* Системное сообщение в одну аккуратную строку */
.mail-page--all #dialog-load .system,
.mail-page--all #dialog-load [class*="system"],
.mail-page--all #dialog-load [class*="sistem"] {
  color: #dfe9f8 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  background: transparent !important;
}

/* Hover без появления полос */
.mail-page--all #dialog-load > div:hover,
.mail-page--all #dialog-load > a:hover,
.mail-page--all #dialog-load tr:not(:first-child):hover,
.mail-page--all #dialog-load .dialog:hover,
.mail-page--all #dialog-load .mail-list-item:hover {
  background: linear-gradient(180deg, rgba(21,36,58,.94), rgba(9,20,36,.99)) !important;
  border-color: rgba(216,186,114,.22) !important;
  transform: none !important;
  filter: none !important;
}

.mail-page--dialog .mail-card {
  overflow: hidden !important;
}

.mail-page--dialog .mail-dialog-head {
  min-height: 52px !important;
  padding: 10px 14px !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.mail-page--dialog .mail-dialog-user {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

.mail-page--dialog .mail-dialog-user img {
  width: 34px !important;
  height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.mail-page--dialog .mail-dialog-usertext {
  min-width: 0 !important;
  text-align: left !important;
  line-height: 1.2 !important;
}

.mail-page--dialog .mail-dialog-usertext strong {
  display: block !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.mail-page--dialog .mail-dialog-usertext span {
  display: block !important;
  margin-top: 2px !important;
  color: rgba(214,224,240,.66) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.mail-page--dialog .mail-dialog-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-shrink: 0 !important;
}

.mail-page--dialog .mail-dialog-actions .ico {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  border-radius: 10px !important;
  background-color: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

/* тело карточки */
.mail-page--dialog .mail-card__body--compact {
  padding: 12px !important;
  background: linear-gradient(180deg, rgba(12,24,42,.88), rgba(6,15,28,.98)) !important;
}

/* зона сообщений */
.mail-page--dialog #dialog.mail_mess,
.mail-page--dialog #dialog {
  width: 100% !important;
  max-height: 430px !important;
  min-height: 320px !important;
  padding: 12px !important;
  border-radius: 17px !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  background:
    linear-gradient(180deg, rgba(20,33,52,.74), rgba(8,18,32,.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.12) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(137,153,178,.55) rgba(5,12,22,.8);
}

.mail-page--dialog #dialog::-webkit-scrollbar {
  width: 9px;
}

.mail-page--dialog #dialog::-webkit-scrollbar-track {
  background: rgba(5,12,22,.8);
  border-radius: 10px;
}

.mail-page--dialog #dialog::-webkit-scrollbar-thumb {
  background: rgba(137,153,178,.55);
  border-radius: 10px;
}

/* сообщения: универсально под старый вывод */
.mail-page--dialog #dialog > div,
.mail-page--dialog #dialog > p,
.mail-page--dialog #dialog > table,
.mail-page--dialog #dialog .mess,
.mail-page--dialog #dialog .message,
.mail-page--dialog #dialog .mail-message,
.mail-page--dialog #dialog .mail_mess,
.mail-page--dialog #dialog [class*="mess"] {
  box-sizing: border-box !important;
}

.mail-page--dialog #dialog > div,
.mail-page--dialog #dialog > p,
.mail-page--dialog #dialog .mess,
.mail-page--dialog #dialog .message,
.mail-page--dialog #dialog .mail-message,
.mail-page--dialog #dialog [class*="mess_item"],
.mail-page--dialog #dialog [class*="message"] {
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 0 10px !important;
  padding: 13px 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  background:
    linear-gradient(180deg, rgba(25,39,61,.70), rgba(13,25,43,.92)) !important;
  color: #dfe9f8 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 18px rgba(0,0,0,.10) !important;
  overflow: hidden !important;
}

/* если сообщения идут таблицей */
.mail-page--dialog #dialog table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
  background: transparent !important;
}

.mail-page--dialog #dialog tr {
  background: transparent !important;
}

.mail-page--dialog #dialog td {
  padding: 10px 12px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(25,39,61,.70), rgba(13,25,43,.92)) !important;
  color: #dfe9f8 !important;
  border: 1px solid rgba(255,255,255,.065) !important;
}

/* большие системные иконки */
.mail-page--dialog #dialog img {
  max-width: 54px !important;
  max-height: 54px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 50% !important;
  vertical-align: middle !important;
  margin: 0 12px 8px 0 !important;
}

/* если аватар является первым элементом сообщения */
.mail-page--dialog #dialog > div > img:first-child,
.mail-page--dialog #dialog .mess > img:first-child,
.mail-page--dialog #dialog .message > img:first-child,
.mail-page--dialog #dialog .avatar img,
.mail-page--dialog #dialog .ava img {
  width: 54px !important;
  height: 54px !important;
  max-width: 54px !important;
  max-height: 54px !important;
  float: left !important;
  margin: 0 14px 8px 0 !important;
}

/* маленькие иконки */
.mail-page--dialog #dialog img[src*="ico"],
.mail-page--dialog #dialog img[src*="icon"],
.mail-page--dialog #dialog img[src*="status"],
.mail-page--dialog #dialog .ico img {
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  margin: 0 4px !important;
  border-radius: 0 !important;
}

/* текст сообщений */
.mail-page--dialog #dialog,
.mail-page--dialog #dialog * {
  text-shadow: none !important;
}

.mail-page--dialog #dialog a {
  color: #8dccff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.mail-page--dialog #dialog a:hover {
  color: #f2c977 !important;
}

.mail-page--dialog #dialog b,
.mail-page--dialog #dialog strong {
  color: #ffffff !important;
  font-weight: 900 !important;
}

.mail-page--dialog #dialog span,
.mail-page--dialog #dialog div,
.mail-page--dialog #dialog p,
.mail-page--dialog #dialog font {
  color: #dfe9f8 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.mail-page--dialog #dialog small,
.mail-page--dialog #dialog .date,
.mail-page--dialog #dialog .time,
.mail-page--dialog #dialog [class*="date"],
.mail-page--dialog #dialog [class*="time"] {
  color: rgba(213,224,240,.70) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

/* подпись "Система" */
.mail-page--dialog #dialog .system,
.mail-page--dialog #dialog [class*="system"],
.mail-page--dialog #dialog [class*="sistem"] {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

/* гасим светлые inline-фоны старого вывода */
.mail-page--dialog #dialog [style*="background"],
.mail-page--dialog #dialog [bgcolor],
.mail-page--dialog #dialog .white,
.mail-page--dialog #dialog .light,
.mail-page--dialog #dialog .msg {
  background: transparent !important;
}

/* нижний блок-предупреждение */
.mail-page--dialog .msg-warning,
.mail-page--dialog .msg-error {
  display: block !important;
  margin-top: 12px !important;
  padding: 13px 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  background:
    linear-gradient(180deg, rgba(32,32,32,.85), rgba(20,20,20,.92)) !important;
  color: #ffffff !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.mail-page--dialog .msg-error {
  color: #ff8a8a !important;
}

/* composer */
.mail-page--dialog .mail-composer {
  margin-top: 12px !important;
  padding: 14px !important;
  border-radius: 17px !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  background:
    linear-gradient(180deg, rgba(15,28,48,.86), rgba(8,18,32,.96)) !important;
}

.mail-page--dialog .mail-composer textarea {
  min-height: 118px !important;
}

@media (max-width: 760px) {
  .mail-page--dialog #dialog.mail_mess,
  .mail-page--dialog #dialog {
    max-height: 380px !important;
    min-height: 260px !important;
  }

  .mail-page--dialog #dialog > div > img:first-child,
  .mail-page--dialog #dialog .mess > img:first-child,
  .mail-page--dialog #dialog .message > img:first-child {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
  }
}

/* ============================================================
   ADSREK FINAL FIX: компактные сообщения в диалоге /new_mail?s=dialog
   Подключать в самом конце CSS. Логику PHP/JS не трогает.
   ============================================================ */

/* сама зона сообщений */
.mail-page--dialog #dialog.mail_mess,
.mail-page--dialog #dialog,
.mail-page .mail_mess {
  padding: 8px !important;
  max-height: 410px !important;
  min-height: 0 !important;
  border-radius: 16px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: linear-gradient(180deg, rgba(10,20,36,.94), rgba(6,14,26,.98)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 20px rgba(0,0,0,.14) !important;
}

/* главная карточка сообщения: фикс завышенной высоты */
.mail-page--dialog #dialog .mess_dial,
.mail-page--dialog .mail_mess .mess_dial,
.mail-page #dialog .mess_dial,
.mail-page .mail_mess .mess_dial {
  display: block !important;
  position: relative !important;
  width: auto !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 8px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  background: linear-gradient(180deg, rgba(22,36,58,.74), rgba(10,22,39,.92)) !important;
  color: #dfe9f8 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.mail-page--dialog #dialog .mess_dial::after,
.mail-page--dialog .mail_mess .mess_dial::after,
.mail-page #dialog .mess_dial::after,
.mail-page .mail_mess .mess_dial::after {
  content: "";
  display: block;
  clear: both;
}

.mail-page--dialog #dialog .mess_dial:last-child,
.mail-page--dialog .mail_mess .mess_dial:last-child,
.mail-page #dialog .mess_dial:last-child,
.mail-page .mail_mess .mess_dial:last-child {
  margin-bottom: 0 !important;
}

/* шапка сообщения: Система + дата */
.mail-page--dialog #dialog .data-us,
.mail-page--dialog .mail_mess .data-us,
.mail-page #dialog .data-us,
.mail-page .mail_mess .data-us {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  max-width: calc(100% - 52px) !important;
  margin: 0 0 6px !important;
  padding: 3px 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.055) !important;
  color: rgba(235,242,255,.92) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.mail-page--dialog #dialog .date_mail,
.mail-page--dialog .mail_mess .date_mail,
.mail-page #dialog .date_mail,
.mail-page .mail_mess .date_mail {
  float: none !important;
  display: inline !important;
  margin-left: 2px !important;
  color: rgba(213,224,240,.64) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

/* аватар/системная иконка не должна делать блок высоким */
.mail-page--dialog #dialog .avatar-mail,
.mail-page--dialog .mail_mess .avatar-mail,
.mail-page #dialog .avatar-mail,
.mail-page .mail_mess .avatar-mail,
.mail-page--dialog #dialog .supp-title .d-a-p,
.mail-page--dialog .mail_mess .supp-title .d-a-p,
.mail-page #dialog .supp-title .d-a-p,
.mail-page .mail_mess .supp-title .d-a-p {
  float: left !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  margin: 0 10px 4px 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

.mail-page--dialog #dialog img,
.mail-page--dialog .mail_mess img {
  max-width: 38px !important;
  max-height: 38px !important;
}

/* блок автора/подписи */
.mail-page--dialog #dialog .supp-title,
.mail-page--dialog .mail_mess .supp-title,
.mail-page #dialog .supp-title,
.mail-page .mail_mess .supp-title {
  float: none !important;
  display: block !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  line-height: 1.25 !important;
  color: #ffffff !important;
}

/* текст сообщения */
.mail-page--dialog #dialog .text-us,
.mail-page--dialog .mail_mess .text-us,
.mail-page #dialog .text-us,
.mail-page .mail_mess .text-us {
  display: block !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 2px 0 0 !important;
  clear: none !important;
  background: transparent !important;
  color: #dfe9f8 !important;
  font-size: 13px !important;
  line-height: 1.38 !important;
  word-wrap: break-word !important;
  overflow-wrap: anywhere !important;
}

.mail-page--dialog #dialog .text-us br:first-child,
.mail-page--dialog .mail_mess .text-us br:first-child {
  display: none !important;
}

/* авторское сообщение тем же компактным размером */
.mail-page--dialog #dialog .mess_autor,
.mail-page--dialog .mail_mess .mess_autor,
.mail-page #dialog .mess_autor,
.mail-page .mail_mess .mess_autor {
  background: linear-gradient(180deg, rgba(49,76,122,.30), rgba(15,32,55,.88)) !important;
  border-color: rgba(120,158,224,.18) !important;
}

.mail-page--dialog #dialog .mess_autor .data-us,
.mail-page--dialog .mail_mess .mess_autor .data-us {
  background: rgba(91,132,201,.16) !important;
  color: #ffffff !important;
}

.mail-page--dialog #dialog .mess_autor .text-us,
.mail-page--dialog .mail_mess .mess_autor .text-us {
  background: transparent !important;
}

/* мелкие служебные элементы */
.mail-page--dialog #dialog .status-mess,
.mail-page--dialog .mail_mess .status-mess {
  color: #ff8b8b !important;
  font-size: 10px !important;
}

/* нижняя плашка */
.mail-page--dialog .msg-warning,
.mail-page--dialog .msg-error,
.mail-page .msg-warning,
.mail-page .msg-error {
  margin-top: 8px !important;
  padding: 10px 12px !important;
  min-height: 0 !important;
  border-radius: 14px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* ===== v2 meta near icon fix for dialog thread ===== */
.mail-page--dialog #dialog .mess_dial,
.mail-page--dialog .mail_mess .mess_dial,
.mail-page #dialog .mess_dial,
.mail-page .mail_mess .mess_dial {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  row-gap: 6px !important;
  align-items: start !important;
}

/* case 1: avatar is a direct child of the message */
.mail-page--dialog #dialog .mess_dial > .avatar-mail,
.mail-page--dialog .mail_mess .mess_dial > .avatar-mail,
.mail-page #dialog .mess_dial > .avatar-mail,
.mail-page .mail_mess .mess_dial > .avatar-mail {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  float: none !important;
  margin: 0 !important;
  align-self: start !important;
}

/* case 2: icon is inside the support title block */
.mail-page--dialog #dialog .mess_dial > .supp-title,
.mail-page--dialog .mail_mess .mess_dial > .supp-title,
.mail-page #dialog .mess_dial > .supp-title,
.mail-page .mail_mess .mess_dial > .supp-title {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  row-gap: 0 !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
}

.mail-page--dialog #dialog .mess_dial > .supp-title .d-a-p,
.mail-page--dialog .mail_mess .mess_dial > .supp-title .d-a-p,
.mail-page #dialog .mess_dial > .supp-title .d-a-p,
.mail-page .mail_mess .mess_dial > .supp-title .d-a-p {
  grid-column: 1 !important;
  grid-row: 1 !important;
  float: none !important;
  margin: 0 !important;
  align-self: start !important;
}

.mail-page--dialog #dialog .mess_dial > .supp-title .data-us,
.mail-page--dialog .mail_mess .mess_dial > .supp-title .data-us,
.mail-page #dialog .mess_dial > .supp-title .data-us,
.mail-page .mail_mess .mess_dial > .supp-title .data-us {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  margin: 0 !important;
  max-width: 100% !important;
}

/* fallback: when data-us is outside supp-title */
.mail-page--dialog #dialog .mess_dial > .data-us,
.mail-page--dialog .mail_mess .mess_dial > .data-us,
.mail-page #dialog .mess_dial > .data-us,
.mail-page .mail_mess .mess_dial > .data-us {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  margin: 0 !important;
  max-width: 100% !important;
}

.mail-page--dialog #dialog .mess_dial > .text-us,
.mail-page--dialog .mail_mess .mess_dial > .text-us,
.mail-page #dialog .mess_dial > .text-us,
.mail-page .mail_mess .mess_dial > .text-us {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  padding-top: 0 !important;
}

/* if text is placed after supp-title but not as direct child */
.mail-page--dialog #dialog .mess_dial .supp-title + .text-us,
.mail-page--dialog .mail_mess .mess_dial .supp-title + .text-us,
.mail-page #dialog .mess_dial .supp-title + .text-us,
.mail-page .mail_mess .mess_dial .supp-title + .text-us {
  grid-column: 1 / -1 !important;
  margin-left: 52px !important;
}

/* direct images inside a message should not break the meta line */
.mail-page--dialog #dialog .mess_dial > img,
.mail-page--dialog .mail_mess .mess_dial > img,
.mail-page #dialog .mess_dial > img,
.mail-page .mail_mess .mess_dial > img {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  float: none !important;
  margin: 0 !important;
}


/* ============================================================
   ADSREK mail dialog v6
   Фикс именно для выделенного места:
   - значок в шапке диалога больше не уезжает вверх;
   - "Системные сообщения / Информационный диалог" ставится рядом со значком;
   - если аватар приходит не как img, а через .supp-title/.d-a-p, старые float/margin сбрасываются;
   - в сообщениях строка "Система дата" остается рядом со значком.
   Подключать ПОСЛЕ основного style.css и после всех прошлых патчей.
   ============================================================ */

/* Шапка открытого диалога */
.mail-page--dialog .mail-card > .mail-dialog-head,
.mail-page .mail-card > .mail-dialog-head {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 58px !important;
  height: auto !important;
  padding: 10px 14px !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-align: left !important;
}

.mail-page--dialog .mail-card > .mail-dialog-head .mail-dialog-user,
.mail-page .mail-card > .mail-dialog-head .mail-dialog-user {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  overflow: hidden !important;
}

/* Если системная иконка попадает в шапку через supp-title, полностью убираем старые float/отступы */
.mail-page--dialog .mail-dialog-head .mail-dialog-user .supp-title,
.mail-page .mail-dialog-head .mail-dialog-user .supp-title {
  position: static !important;
  float: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  flex: 0 0 40px !important;
}

.mail-page--dialog .mail-dialog-head .mail-dialog-user .avatar-mail,
.mail-page .mail-dialog-head .mail-dialog-user .avatar-mail,
.mail-page--dialog .mail-dialog-head .mail-dialog-user .d-a-p,
.mail-page .mail-dialog-head .mail-dialog-user .d-a-p,
.mail-page--dialog .mail-dialog-head .mail-dialog-user img,
.mail-page .mail-dialog-head .mail-dialog-user img {
  position: static !important;
  float: none !important;
  display: block !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  flex: 0 0 40px !important;
  transform: none !important;
  box-shadow: 0 0 0 2px rgba(215,178,116,.55) !important;
}

/* В шапке не показываем лишние подписи, если они пришли внутри блока аватарки */
.mail-page--dialog .mail-dialog-head .mail-dialog-user .supp-title .data-us,
.mail-page .mail-dialog-head .mail-dialog-user .supp-title .data-us,
.mail-page--dialog .mail-dialog-head .mail-dialog-user .supp-title .text-us,
.mail-page .mail-dialog-head .mail-dialog-user .supp-title .text-us,
.mail-page--dialog .mail-dialog-head .mail-dialog-user .supp-title .date_mail,
.mail-page .mail-dialog-head .mail-dialog-user .supp-title .date_mail {
  display: none !important;
}

.mail-page--dialog .mail-dialog-head .mail-dialog-usertext,
.mail-page .mail-dialog-head .mail-dialog-usertext {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.15 !important;
  text-align: left !important;
}

.mail-page--dialog .mail-dialog-head .mail-dialog-usertext strong,
.mail-page .mail-dialog-head .mail-dialog-usertext strong {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

.mail-page--dialog .mail-dialog-head .mail-dialog-usertext span,
.mail-page .mail-dialog-head .mail-dialog-usertext span {
  display: block !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  color: rgba(214,224,240,.68) !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

.mail-page--dialog .mail-dialog-head .mail-dialog-actions,
.mail-page .mail-dialog-head .mail-dialog-actions {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  flex: 0 0 auto !important;
  margin: 0 0 0 10px !important;
  padding: 0 !important;
}

/* Сообщения внутри диалога: значок + "Система дата" строго в одной строке */
.mail-page--dialog #dialog .mess_dial,
.mail-page--dialog .mail_mess .mess_dial,
.mail-page #dialog .mess_dial,
.mail-page .mail_mess .mess_dial {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) !important;
  column-gap: 12px !important;
  row-gap: 4px !important;
  align-items: start !important;
  min-height: 78px !important;
  padding: 12px 14px !important;
  overflow: hidden !important;
}

.mail-page--dialog #dialog .mess_dial > .avatar-mail,
.mail-page--dialog .mail_mess .mess_dial > .avatar-mail,
.mail-page #dialog .mess_dial > .avatar-mail,
.mail-page .mail_mess .mess_dial > .avatar-mail,
.mail-page--dialog #dialog .mess_dial > img,
.mail-page--dialog .mail_mess .mess_dial > img,
.mail-page #dialog .mess_dial > img,
.mail-page .mail_mess .mess_dial > img {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  position: static !important;
  float: none !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: start !important;
}

.mail-page--dialog #dialog .mess_dial > .supp-title,
.mail-page--dialog .mail_mess .mess_dial > .supp-title,
.mail-page #dialog .mess_dial > .supp-title,
.mail-page .mail_mess .mess_dial > .supp-title {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) !important;
  column-gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  line-height: 1.2 !important;
}

.mail-page--dialog #dialog .mess_dial > .supp-title .d-a-p,
.mail-page--dialog .mail_mess .mess_dial > .supp-title .d-a-p,
.mail-page #dialog .mess_dial > .supp-title .d-a-p,
.mail-page .mail_mess .mess_dial > .supp-title .d-a-p {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: static !important;
  float: none !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: start !important;
}

.mail-page--dialog #dialog .mess_dial > .supp-title .data-us,
.mail-page--dialog .mail_mess .mess_dial > .supp-title .data-us,
.mail-page #dialog .mess_dial > .supp-title .data-us,
.mail-page .mail_mess .mess_dial > .supp-title .data-us,
.mail-page--dialog #dialog .mess_dial > .data-us,
.mail-page--dialog .mail_mess .mess_dial > .data-us,
.mail-page #dialog .mess_dial > .data-us,
.mail-page .mail_mess .mess_dial > .data-us {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: start !important;
  margin: 0 0 5px !important;
  max-width: 100% !important;
}

.mail-page--dialog #dialog .mess_dial > .text-us,
.mail-page--dialog .mail_mess .mess_dial > .text-us,
.mail-page #dialog .mess_dial > .text-us,
.mail-page .mail_mess .mess_dial > .text-us,
.mail-page--dialog #dialog .mess_dial .supp-title + .text-us,
.mail-page--dialog .mail_mess .mess_dial .supp-title + .text-us,
.mail-page #dialog .mess_dial .supp-title + .text-us,
.mail-page .mail_mess .mess_dial .supp-title + .text-us {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  clear: none !important;
}
.mail-page--dialog .mail-card > .mail-dialog-head,
.mail-page.mail-page--dialog .mail-card > .mail-dialog-head.tiket.mail-card__title {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-items: stretch !important;
  justify-content: stretch !important;
  column-gap: 12px !important;
  min-height: 62px !important;
  height: auto !important;
  padding: 10px 14px !important;
  text-align: left !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
}

.mail-page--dialog .mail-dialog-head > .mail-dialog-user {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: start !important;
  justify-items: start !important;
  column-gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  text-align: left !important;
  line-height: 1.15 !important;
  overflow: hidden !important;
}

/* Новый стабильный контейнер для аватарки. Если tpl уже обновлен — работает через него. */
.mail-page--dialog .mail-dialog-head .mail-dialog-avatar {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  overflow: hidden !important;
}

/* Если tpl еще старый и контейнера .mail-dialog-avatar нет. */
.mail-page--dialog .mail-dialog-head > .mail-dialog-user > .supp-title,
.mail-page--dialog .mail-dialog-head > .mail-dialog-user > .avatar-mail,
.mail-page--dialog .mail-dialog-head > .mail-dialog-user > .d-a-p,
.mail-page--dialog .mail-dialog-head > .mail-dialog-user > img {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.mail-page--dialog .mail-dialog-head .mail-dialog-avatar .supp-title,
.mail-page--dialog .mail-dialog-head > .mail-dialog-user > .supp-title {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  line-height: 1 !important;
  overflow: hidden !important;
  transform: none !important;
}

.mail-page--dialog .mail-dialog-head .mail-dialog-avatar img,
.mail-page--dialog .mail-dialog-head .mail-dialog-avatar .avatar-mail,
.mail-page--dialog .mail-dialog-head .mail-dialog-avatar .d-a-p,
.mail-page--dialog .mail-dialog-head > .mail-dialog-user > .supp-title img,
.mail-page--dialog .mail-dialog-head > .mail-dialog-user > .supp-title .d-a-p,
.mail-page--dialog .mail-dialog-head > .mail-dialog-user > .avatar-mail,
.mail-page--dialog .mail-dialog-head > .mail-dialog-user > img {
  position: static !important;
  display: block !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  background-position: center !important;
  background-size: cover !important;
  transform: none !important;
  box-shadow: 0 0 0 2px rgba(215,178,116,.56) !important;
}

.mail-page--dialog .mail-dialog-head .mail-dialog-usertext {
  grid-column: 2 !important;
  grid-row: 1 !important;
  position: static !important;
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  text-align: left !important;
  line-height: 1.15 !important;
  overflow: hidden !important;
  transform: none !important;
}

.mail-page--dialog .mail-dialog-head .mail-dialog-usertext strong,
.mail-page--dialog .mail-dialog-head .mail-dialog-usertext span {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transform: none !important;
}

.mail-page--dialog .mail-dialog-head .mail-dialog-usertext strong {
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 18px !important;
  font-weight: 900 !important;
}

.mail-page--dialog .mail-dialog-head .mail-dialog-usertext span {
  margin-top: 2px !important;
  color: rgba(214,224,240,.70) !important;
  font-size: 11px !important;
  line-height: 14px !important;
  font-weight: 800 !important;
}

.mail-page--dialog .mail-dialog-head > .mail-dialog-actions {
  grid-column: 2 !important;
  grid-row: 1 !important;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  width: auto !important;
  min-width: max-content !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* Скрываем мусорные подписи, если старый html случайно кладет их внутрь аватарки. */
.mail-page--dialog .mail-dialog-head .mail-dialog-avatar .data-us,
.mail-page--dialog .mail-dialog-head .mail-dialog-avatar .text-us,
.mail-page--dialog .mail-dialog-head .mail-dialog-avatar .date_mail,
.mail-page--dialog .mail-dialog-head > .mail-dialog-user > .supp-title .data-us,
.mail-page--dialog .mail-dialog-head > .mail-dialog-user > .supp-title .text-us,
.mail-page--dialog .mail-dialog-head > .mail-dialog-user > .supp-title .date_mail {
  display: none !important;
}

/* Внутри сообщений: "Система + дата" рядом со значком, без уезда вверх. */
.mail-page--dialog #dialog .mess_dial,
.mail-page--dialog .mail_mess .mess_dial {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 12px !important;
  row-gap: 4px !important;
  min-height: 74px !important;
  padding: 12px 14px !important;
  overflow: hidden !important;
}

.mail-page--dialog #dialog .mess_dial > .supp-title,
.mail-page--dialog .mail_mess .mess_dial > .supp-title {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  overflow: visible !important;
}

.mail-page--dialog #dialog .mess_dial > .supp-title .d-a-p,
.mail-page--dialog .mail_mess .mess_dial > .supp-title .d-a-p,
.mail-page--dialog #dialog .mess_dial > .avatar-mail,
.mail-page--dialog .mail_mess .mess_dial > .avatar-mail,
.mail-page--dialog #dialog .mess_dial > img,
.mail-page--dialog .mail_mess .mess_dial > img {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: static !important;
  display: block !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  transform: none !important;
}

.mail-page--dialog #dialog .mess_dial > .supp-title .data-us,
.mail-page--dialog .mail_mess .mess_dial > .supp-title .data-us,
.mail-page--dialog #dialog .mess_dial > .data-us,
.mail-page--dialog .mail_mess .mess_dial > .data-us {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
}

.mail-page--dialog #dialog .mess_dial > .text-us,
.mail-page--dialog .mail_mess .mess_dial > .text-us,
.mail-page--dialog #dialog .mess_dial > .supp-title + .text-us,
.mail-page--dialog .mail_mess .mess_dial > .supp-title + .text-us {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
}

@media (max-width: 640px) {
  .mail-page--dialog .mail-card > .mail-dialog-head,
  .mail-page.mail-page--dialog .mail-card > .mail-dialog-head.tiket.mail-card__title {
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 8px !important;
  }

  .mail-page--dialog .mail-dialog-head > .mail-dialog-actions {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: end !important;
  }
}

/* =========================================================
   FINAL FIX 2026-04-25: compact mass mailing blocks
   Keeps the redesigned dark style, but makes /new_mail?s=rass compact.
   ========================================================= */

.mail-page--rass .mail-card__body {
  padding: 10px !important;
}

.mail-page--rass .mail-card__title {
  min-height: 40px !important;
  height: auto !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  line-height: 18px !important;
}

.mail-page--rass .mail-rass-form {
  gap: 8px !important;
}

.mail-page--rass .mail-rass-options {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 0 8px !important;
}

.mail-page--rass .mail-rass-option {
  min-height: 40px !important;
  height: auto !important;
  padding: 7px 10px !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  border-radius: 12px !important;
}

.mail-page--rass .mail-rass-option__radio {
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.mail-page--rass .mail-rass-option__radio input,
.mail-page--rass input[type="radio"] {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mail-page--rass .mail-rass-option__text {
  min-width: 0 !important;
  font-size: 12px !important;
  line-height: 15px !important;
  font-weight: 800 !important;
}

.mail-page--rass .mail-rass-option__text br {
  display: none !important;
}

.mail-page--rass .mail-rass-option__text small {
  display: block !important;
  margin-top: 0 !important;
  font-size: 10px !important;
  line-height: 12px !important;
  font-weight: 700 !important;
}

.mail-page--rass .mail-rass-option__price {
  align-self: center !important;
  padding: 4px 8px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  line-height: 13px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.mail-page--rass .mail-rass-message {
  padding: 9px 10px !important;
  border-radius: 14px !important;
}

.mail-page--rass .mail-rass-toolbar,
.mail-page--rass .bb-toolbar {
  margin: 0 0 6px !important;
  gap: 5px !important;
  align-items: center !important;
}

.mail-page--rass .mail-rass-toolbar__label,
.mail-page--rass .bb-toolbar__label,
.mail-page--rass .mail-rass-message label {
  font-size: 12px !important;
  line-height: 18px !important;
  font-weight: 900 !important;
}

.mail-page--rass .mail-rass-toolbar .bb-code,
.mail-page--rass .bb-toolbar .bb-code,
.mail-page--rass .bb-code {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  margin: 0 2px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

.mail-page--rass .mail-counter {
  margin-left: auto !important;
  padding: 4px 8px !important;
  border-radius: 8px !important;
  font-size: 10px !important;
  line-height: 12px !important;
  font-weight: 800 !important;
}

.mail-page--rass .mail-counter #length,
.mail-page--rass #length {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 900 !important;
}

.mail-page--rass textarea,
.mail-page--rass .mail-rass-message textarea,
.mail-page--rass textarea.textarea,
.mail-page--rass #message {
  min-height: 90px !important;
  height: 90px !important;
  padding: 9px 11px !important;
  font-size: 12px !important;
  line-height: 16px !important;
  border-radius: 12px !important;
  resize: vertical !important;
}

.mail-page--rass .mail-rass-actions,
.mail-page--rass .mail-actions,
.mail-page--rass .mail-submit-row {
  margin-top: 8px !important;
  gap: 10px !important;
}

.mail-page--rass .mail-rass-actions .btn,
.mail-page--rass .mail-actions .btn,
.mail-page--rass .mail-submit-row .btn {
  min-width: 170px !important;
  height: 38px !important;
  padding: 0 18px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
  line-height: 38px !important;
}

/* If the old table layout is used somewhere inside the same page, keep it compact too. */
.mail-page--rass .mail-form-card table,
.mail-page--rass .mail-form-card table.table {
  margin: 0 !important;
}

.mail-page--rass .mail-form-card table td,
.mail-page--rass .mail-form-card table th,
.mail-page--rass table.table td,
.mail-page--rass table.table th {
  padding: 7px 8px !important;
  font-size: 12px !important;
  line-height: 15px !important;
}

@media (max-width: 760px) {
  .mail-page--rass .mail-rass-option {
    grid-template-columns: 18px minmax(0, 1fr) !important;
    padding: 7px 9px !important;
  }

  .mail-page--rass .mail-rass-option__price {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 2px !important;
  }

  .mail-page--rass .mail-counter {
    margin-left: 0 !important;
  }

  .mail-page--rass .mail-rass-actions .btn,
  .mail-page--rass .mail-actions .btn,
  .mail-page--rass .mail-submit-row .btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* =========================================================
   REF BONUS V2 FIX 2026-04-25
   Page: /refbonus?s=bonus_myview + add bonus popup
   Fixes: modal header, close button, compact form, readable text,
   dark select/options, stable center popup position.
   ========================================================= */

html.refbonus-page-active #load,
body.refbonus-popup-page #load {
  background: rgba(2, 6, 14, 0.82) !important;
}

.refbonus-page,
.refbonus-page * {
  box-sizing: border-box;
}

.refbonus-page {
  width: 100%;
  margin: 0 auto;
}

.refbonus-page__title,
.refbonus-page > .titles {
  width: min(100%, 640px) !important;
  margin: 0 auto 16px !important;
  padding: 13px 18px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(8,17,31,0.98), rgba(5,12,24,0.98)) !important;
  border: 1px solid rgba(173,188,216,0.08) !important;
  color: #f4f7ff !important;
  font-size: 15px !important;
  line-height: 20px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-shadow: none !important;
  box-shadow: 0 14px 28px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.refbonus-page__inner {
  width: min(100%, 700px);
  margin: 0 auto;
  padding: 0 6px 24px;
}

.refbonus-page .refbonus-info,
.refbonus-page .add-infa {
  margin: 0 0 14px !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(173,188,216,0.10) !important;
  border-left: 3px solid #d9b873 !important;
  background: linear-gradient(180deg, rgba(19,31,50,0.82), rgba(10,18,32,0.96)) !important;
  color: #e7eefc !important;
  font-size: 13px !important;
  line-height: 20px !important;
  font-weight: 700 !important;
  text-align: left !important;
  box-shadow: 0 16px 34px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.refbonus-page .refbonus-info b,
.refbonus-page .add-infa b {
  color: #ffffff !important;
  font-weight: 900 !important;
}

.refbonus-page .refbonus-faq,
.refbonus-page .add-infa span[onclick*="tos-refbonus"] {
  color: #f3d18d !important;
  border-bottom: 1px dashed rgba(243,209,141,0.55) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.refbonus-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 12px 0 16px !important;
}

.refbonus-page .btn.green,
.refbonus-page .refbonus-create {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 250px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(104,160,255,0.34) !important;
  background: linear-gradient(180deg, #4776c7, #315a98) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  line-height: 42px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-shadow: 0 1px 0 rgba(0,0,0,0.28) !important;
  box-shadow: 0 12px 24px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.16) !important;
  cursor: pointer !important;
}

.refbonus-page .btn.green:hover,
.refbonus-page .refbonus-create:hover {
  filter: brightness(1.08) !important;
  border-color: rgba(243,209,141,0.48) !important;
}

.refbonus-page hr {
  display: none !important;
}

.refbonus-page .msg-error,
.refbonus-page .msg-warning,
.refbonus-page .msg-ok {
  display: block !important;
  margin: 14px auto 0 !important;
  padding: 13px 16px !important;
  max-width: 640px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  background: rgba(8,17,31,0.94) !important;
  color: #f4f7ff !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-shadow: none !important;
}

.refbonus-page .msg-error { color: #ff8d8d !important; }
.refbonus-page .msg-warning { color: #6cff92 !important; }

.refbonus-page table.work-serf,
.refbonus-page table.new-class {
  width: 100% !important;
  margin: 14px auto 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  border: 1px solid rgba(173,188,216,0.08) !important;
  background: rgba(8,17,31,0.94) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,0.18) !important;
}

.refbonus-page table.work-serf th,
.refbonus-page table.new-class th,
.refbonus-page table.work-serf td,
.refbonus-page table.new-class td {
  padding: 9px 10px !important;
  border-bottom: 1px solid rgba(173,188,216,0.07) !important;
  color: #e9f0ff !important;
  font-size: 12px !important;
  line-height: 16px !important;
  text-align: center !important;
  vertical-align: middle !important;
  background: transparent !important;
}

.refbonus-page table.work-serf th,
.refbonus-page table.new-class th {
  color: #f3d18d !important;
  font-weight: 900 !important;
  background: rgba(4,12,24,0.96) !important;
}

/* Bonus popup: force a normal modal instead of an oversized/shifted old popup. */
html.refbonus-page-active #popup,
body.refbonus-popup-page #popup {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: 620px !important;
  min-width: 0 !important;
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100vh - 32px) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(173,188,216,0.14) !important;
  background: linear-gradient(180deg, rgba(18,29,48,0.99), rgba(8,16,30,0.99)) !important;
  color: #edf3ff !important;
  overflow: hidden !important;
  box-shadow: 0 28px 80px rgba(0,0,0,0.68), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

html.refbonus-page-active #popup .title-popup,
body.refbonus-popup-page #popup .title-popup {
  position: relative !important;
  display: block !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 104px 0 14px !important;
  border-bottom: 1px solid rgba(173,188,216,0.09) !important;
  background: linear-gradient(180deg, rgba(18,31,52,0.98), rgba(10,19,34,0.98)) !important;
  color: #f4f7ff !important;
  font-size: 13px !important;
  line-height: 44px !important;
  font-weight: 900 !important;
  text-align: left !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  cursor: move !important;
}

html.refbonus-page-active #popup .closed-popup,
body.refbonus-popup-page #popup .closed-popup {
  position: absolute !important;
  top: 8px !important;
  right: 10px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 20 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 76px !important;
  min-width: 76px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(173,188,216,0.18) !important;
  background: rgba(255,255,255,0.06) !important;
  color: #edf3ff !important;
  font-size: 11px !important;
  line-height: 28px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-shadow: none !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

html.refbonus-page-active #popup .closed-popup:hover,
body.refbonus-popup-page #popup .closed-popup:hover {
  background: rgba(217,184,115,0.15) !important;
  border-color: rgba(217,184,115,0.48) !important;
  color: #ffffff !important;
}

html.refbonus-page-active #popup .text-popup,
body.refbonus-popup-page #popup .text-popup {
  max-height: calc(100vh - 76px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0 0 12px !important;
  background: transparent !important;
  color: #edf3ff !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(113,137,172,0.72) rgba(5,12,24,0.72);
}

html.refbonus-page-active #popup .text-popup::-webkit-scrollbar,
body.refbonus-popup-page #popup .text-popup::-webkit-scrollbar { width: 8px; }
html.refbonus-page-active #popup .text-popup::-webkit-scrollbar-track,
body.refbonus-popup-page #popup .text-popup::-webkit-scrollbar-track { background: rgba(5,12,24,0.72); }
html.refbonus-page-active #popup .text-popup::-webkit-scrollbar-thumb,
body.refbonus-popup-page #popup .text-popup::-webkit-scrollbar-thumb { background: rgba(113,137,172,0.72); border-radius: 10px; }

html.refbonus-page-active #popup table,
body.refbonus-popup-page #popup table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
}

html.refbonus-page-active #popup tr,
body.refbonus-popup-page #popup tr {
  background: transparent !important;
}

html.refbonus-page-active #popup td,
body.refbonus-popup-page #popup td {
  padding: 9px 12px !important;
  border-bottom: 1px solid rgba(173,188,216,0.07) !important;
  background: rgba(255,255,255,0.012) !important;
  color: #e8efff !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 750 !important;
  vertical-align: middle !important;
  text-align: left !important;
  text-shadow: none !important;
}

html.refbonus-page-active #popup td:first-child,
body.refbonus-popup-page #popup td:first-child {
  width: 210px !important;
  color: #f0f5ff !important;
  font-weight: 900 !important;
}

html.refbonus-page-active #popup b,
html.refbonus-page-active #popup strong,
body.refbonus-popup-page #popup b,
body.refbonus-popup-page #popup strong {
  color: #ffffff !important;
  font-weight: 900 !important;
}

html.refbonus-page-active #popup [style*="green"],
html.refbonus-page-active #popup font[color="green"],
html.refbonus-page-active #popup font[color="#008000"],
body.refbonus-popup-page #popup [style*="green"],
body.refbonus-popup-page #popup font[color="green"],
body.refbonus-popup-page #popup font[color="#008000"] {
  color: #6cff92 !important;
  text-shadow: none !important;
}

html.refbonus-page-active #popup [style*="red"],
html.refbonus-page-active #popup font[color="red"],
html.refbonus-page-active #popup font[color="#C80000"],
html.refbonus-page-active #popup font[color="#c80000"],
body.refbonus-popup-page #popup [style*="red"],
body.refbonus-popup-page #popup font[color="red"],
body.refbonus-popup-page #popup font[color="#C80000"],
body.refbonus-popup-page #popup font[color="#c80000"] {
  color: #ff7373 !important;
  text-shadow: none !important;
}

html.refbonus-page-active #popup input,
html.refbonus-page-active #popup select,
html.refbonus-page-active #popup textarea,
body.refbonus-popup-page #popup input,
body.refbonus-popup-page #popup select,
body.refbonus-popup-page #popup textarea {
  width: 100% !important;
  min-height: 38px !important;
  height: auto !important;
  padding: 9px 12px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(173,188,216,0.13) !important;
  background: rgba(255,255,255,0.045) !important;
  color: #f4f7ff !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 800 !important;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), inset 0 -1px 0 rgba(0,0,0,0.15) !important;
}

html.refbonus-page-active #popup input:focus,
html.refbonus-page-active #popup select:focus,
html.refbonus-page-active #popup textarea:focus,
body.refbonus-popup-page #popup input:focus,
body.refbonus-popup-page #popup select:focus,
body.refbonus-popup-page #popup textarea:focus {
  border-color: rgba(104,180,255,0.56) !important;
  background: rgba(24,39,62,0.98) !important;
  box-shadow: 0 0 0 3px rgba(70,135,220,0.16), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

html.refbonus-page-active #popup select,
body.refbonus-popup-page #popup select {
  height: 40px !important;
  cursor: pointer !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
}

html.refbonus-page-active #popup select option,
body.refbonus-popup-page #popup select option {
  background: #101a2c !important;
  color: #edf3ff !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

html.refbonus-page-active #popup select option:checked,
html.refbonus-page-active #popup select option:hover,
body.refbonus-popup-page #popup select option:checked,
body.refbonus-popup-page #popup select option:hover {
  background: #315a98 !important;
  color: #ffffff !important;
}

html.refbonus-page-active #popup textarea,
body.refbonus-popup-page #popup textarea {
  min-height: 86px !important;
  height: 86px !important;
  resize: vertical !important;
}

html.refbonus-page-active #popup input[type="checkbox"],
html.refbonus-page-active #popup input[type="radio"],
body.refbonus-popup-page #popup input[type="checkbox"],
body.refbonus-popup-page #popup input[type="radio"] {
  width: 14px !important;
  min-width: 14px !important;
  height: 14px !important;
  min-height: 14px !important;
  padding: 0 !important;
  margin: 0 8px 0 0 !important;
  vertical-align: -2px !important;
}

html.refbonus-page-active #popup .scount,
html.refbonus-page-active #popup #tt1,
html.refbonus-page-active #popup [id^="tt"],
html.refbonus-page-active #popup [id^="chrLeft"],
html.refbonus-page-active #popup [id^="length"],
body.refbonus-popup-page #popup .scount,
body.refbonus-popup-page #popup #tt1,
body.refbonus-popup-page #popup [id^="tt"],
body.refbonus-popup-page #popup [id^="chrLeft"],
body.refbonus-popup-page #popup [id^="length"] {
  color: #9fd3ff !important;
  font-size: 11px !important;
  line-height: 15px !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

html.refbonus-page-active #popup input[type="submit"],
html.refbonus-page-active #popup button,
html.refbonus-page-active #popup .btn,
html.refbonus-page-active #popup .button,
html.refbonus-page-active #popup .butt_good,
body.refbonus-popup-page #popup input[type="submit"],
body.refbonus-popup-page #popup button,
body.refbonus-popup-page #popup .btn,
body.refbonus-popup-page #popup .button,
body.refbonus-popup-page #popup .butt_good {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 190px !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 20px !important;
  margin: 8px auto !important;
  border-radius: 13px !important;
  border: 1px solid rgba(104,160,255,0.36) !important;
  background: linear-gradient(180deg, #4776c7, #315a98) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 38px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-shadow: 0 1px 0 rgba(0,0,0,0.28) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.14) !important;
  cursor: pointer !important;
  position: static !important;
}

html.refbonus-page-active #popup input[type="submit"]:hover,
html.refbonus-page-active #popup button:hover,
html.refbonus-page-active #popup .btn:hover,
html.refbonus-page-active #popup .button:hover,
html.refbonus-page-active #popup .butt_good:hover,
body.refbonus-popup-page #popup input[type="submit"]:hover,
body.refbonus-popup-page #popup button:hover,
body.refbonus-popup-page #popup .btn:hover,
body.refbonus-popup-page #popup .button:hover,
body.refbonus-popup-page #popup .butt_good:hover {
  filter: brightness(1.08) !important;
}

html.refbonus-page-active #popup center,
body.refbonus-popup-page #popup center {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
}

html.refbonus-page-active #popup .bb-code,
body.refbonus-popup-page #popup .bb-code {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  margin: 0 2px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  background: #149c93 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

@media (max-width: 760px) {
  .refbonus-page__inner { padding: 0 0 18px; }

  .refbonus-page .refbonus-info,
  .refbonus-page .add-infa {
    padding: 14px !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  .refbonus-page .btn.green,
  .refbonus-page .refbonus-create {
    width: 100% !important;
    min-width: 0 !important;
  }

  html.refbonus-page-active #popup,
  body.refbonus-popup-page #popup {
    width: calc(100vw - 22px) !important;
    max-width: calc(100vw - 22px) !important;
  }

  html.refbonus-page-active #popup .title-popup,
  body.refbonus-popup-page #popup .title-popup {
    padding-right: 92px !important;
    font-size: 12px !important;
  }

  html.refbonus-page-active #popup td,
  html.refbonus-page-active #popup td:first-child,
  body.refbonus-popup-page #popup td,
  body.refbonus-popup-page #popup td:first-child {
    display: block !important;
    width: 100% !important;
    padding: 7px 12px !important;
  }

  html.refbonus-page-active #popup td:first-child,
  body.refbonus-popup-page #popup td:first-child {
    padding-bottom: 2px !important;
  }
}



/* ============================================================
   ADSREK refbonus modal v3 button fix
   Исправляет низ модального окна бонусов:
   - кнопка "Добавить бонус" строго по центру;
   - убирает двойной/наложенный вид кнопки;
   - делает нижний блок формы аккуратным.
   Подключать после всех CSS или использовать полный файл.
   ============================================================ */

#bonus_myview .modal-footer,
#bonus_myview .refbonus-modal-footer,
#bonus_myview .bonus-modal-footer,
#bonus_myview .form-footer,
#bonus_myview .button-row,
#bonus_myview .submit-row,
#bonus_myview .add-bonus-row,
#bonus_myview .bonus-submit-row,
.modal-bonus .modal-footer,
.modal-bonus .refbonus-modal-footer,
.modal-bonus .bonus-modal-footer,
.modal-bonus .form-footer,
.modal-bonus .button-row,
.modal-bonus .submit-row,
.modal-bonus .add-bonus-row,
.modal-bonus .bonus-submit-row {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  padding: 14px 16px 16px !important;
  margin: 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
}

/* если кнопка лежит просто последним элементом формы */
#bonus_myview form > input[type="submit"]:last-child,
#bonus_myview form > button[type="submit"]:last-child,
#bonus_myview form > .btn:last-child,
#bonus_myview form > .button:last-child,
.modal-bonus form > input[type="submit"]:last-child,
.modal-bonus form > button[type="submit"]:last-child,
.modal-bonus form > .btn:last-child,
.modal-bonus form > .button:last-child {
  display: block !important;
  margin: 14px auto 16px !important;
}

/* сама кнопка: один слой, без псевдо-дублей */
#bonus_myview input[type="submit"],
#bonus_myview button[type="submit"],
#bonus_myview .btn-submit,
#bonus_myview .btn-add,
#bonus_myview .add_bonus,
#bonus_myview .bonus-add,
#bonus_myview .bonus-submit,
#bonus_myview .add-bonus,
.modal-bonus input[type="submit"],
.modal-bonus button[type="submit"],
.modal-bonus .btn-submit,
.modal-bonus .btn-add,
.modal-bonus .add_bonus,
.modal-bonus .bonus-add,
.modal-bonus .bonus-submit,
.modal-bonus .add-bonus {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 220px !important;
  max-width: 280px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 34px !important;
  margin: 0 auto !important;
  border-radius: 14px !important;
  border: 1px solid rgba(147,184,255,.45) !important;
  background: linear-gradient(180deg, #5f91df 0%, #3267bd 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 8px 18px rgba(35,86,167,.22) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 42px !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* убираем второй синий слой/подложку */
#bonus_myview input[type="submit"]::before,
#bonus_myview input[type="submit"]::after,
#bonus_myview button[type="submit"]::before,
#bonus_myview button[type="submit"]::after,
#bonus_myview .btn-submit::before,
#bonus_myview .btn-submit::after,
#bonus_myview .btn-add::before,
#bonus_myview .btn-add::after,
#bonus_myview .add_bonus::before,
#bonus_myview .add_bonus::after,
#bonus_myview .bonus-submit::before,
#bonus_myview .bonus-submit::after,
#bonus_myview .add-bonus::before,
#bonus_myview .add-bonus::after,
.modal-bonus input[type="submit"]::before,
.modal-bonus input[type="submit"]::after,
.modal-bonus button[type="submit"]::before,
.modal-bonus button[type="submit"]::after,
.modal-bonus .btn-submit::before,
.modal-bonus .btn-submit::after,
.modal-bonus .btn-add::before,
.modal-bonus .btn-add::after,
.modal-bonus .add_bonus::before,
.modal-bonus .add_bonus::after,
.modal-bonus .bonus-submit::before,
.modal-bonus .bonus-submit::after,
.modal-bonus .add-bonus::before,
.modal-bonus .add-bonus::after {
  content: none !important;
  display: none !important;
}

/* если старая верстка дала два submit подряд — второй прячем */
#bonus_myview input[type="submit"] + input[type="submit"],
#bonus_myview button[type="submit"] + button[type="submit"],
#bonus_myview .btn-submit + .btn-submit,
#bonus_myview .add_bonus + .add_bonus,
#bonus_myview .bonus-submit + .bonus-submit,
.modal-bonus input[type="submit"] + input[type="submit"],
.modal-bonus button[type="submit"] + button[type="submit"],
.modal-bonus .btn-submit + .btn-submit,
.modal-bonus .add_bonus + .add_bonus,
.modal-bonus .bonus-submit + .bonus-submit {
  display: none !important;
}

/* чекбокс + подпись чуть аккуратнее перед кнопкой */
#bonus_myview .agree-row,
#bonus_myview .rules-row,
#bonus_myview .checkbox-row,
.modal-bonus .agree-row,
.modal-bonus .rules-row,
.modal-bonus .checkbox-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 28px !important;
  padding: 8px 12px !important;
  margin: 0 !important;
}

/* на всякий случай: общий нижний блок модалки */
#bonus_myview .bonus-form-bottom,
.modal-bonus .bonus-form-bottom {
  display: flex !important;
  justify-content: center !important;
  padding: 14px 16px 16px !important;
}

@media (max-width: 640px) {
  #bonus_myview input[type="submit"],
  #bonus_myview button[type="submit"],
  #bonus_myview .btn-submit,
  #bonus_myview .btn-add,
  #bonus_myview .add_bonus,
  #bonus_myview .bonus-submit,
  #bonus_myview .add-bonus,
  .modal-bonus input[type="submit"],
  .modal-bonus button[type="submit"],
  .modal-bonus .btn-submit,
  .modal-bonus .btn-add,
  .modal-bonus .add_bonus,
  .modal-bonus .bonus-submit,
  .modal-bonus .add-bonus {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* ============================================================
   ADSREK REFBONUS POPUP v9 FINAL
   Это не очередная попытка красить старую .butt_good.
   Стили ниже работают вместе с JS из refbonus_v9_fixed.tpl:
   JS переносит реальную кнопку submit в чистую строку
   .refbonus-final-submit-row, поэтому двойной слой исчезает.
   ============================================================ */

#popup .refbonus-final-submit-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 12px 0 16px !important;
  margin: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

#popup .refbonus-final-submit {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: static !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  float: none !important;
  clear: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 230px !important;
  min-width: 230px !important;
  max-width: 230px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;

  margin: 0 auto !important;
  padding: 0 20px !important;

  background: linear-gradient(180deg, #5b8bd6 0%, #3266bb 100%) !important;
  background-image: linear-gradient(180deg, #5b8bd6 0%, #3266bb 100%) !important;
  border: 1px solid rgba(139,178,246,.56) !important;
  border-radius: 13px !important;
  box-shadow: 0 8px 16px rgba(25,72,146,.22) !important;
  outline: 0 !important;

  color: #ffffff !important;
  font-family: Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 38px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.18) !important;
  white-space: nowrap !important;

  cursor: pointer !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#popup .refbonus-final-submit:hover {
  background: linear-gradient(180deg, #6899e2 0%, #3a70c8 100%) !important;
  background-image: linear-gradient(180deg, #6899e2 0%, #3a70c8 100%) !important;
  box-shadow: 0 8px 16px rgba(25,72,146,.22) !important;
  filter: none !important;
}

#popup .refbonus-final-submit::before,
#popup .refbonus-final-submit::after,
#popup .refbonus-final-submit-row::before,
#popup .refbonus-final-submit-row::after {
  content: none !important;
  display: none !important;
}

/* Старые нижние обёртки после переноса кнопки не должны оставлять синюю подложку */
#popup .refbonus-old-submit-holder {
  display: none !important;
}

/* Если JS не сработал мгновенно, хотя бы не даём старой .butt_good быть absolute */
#popup input.butt_good,
#popup button.butt_good,
#popup .butt_good {
  position: static !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
}

@media (max-width: 680px) {
  #popup .refbonus-final-submit {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* ============================================================
   ADSREK GLOBAL DOUBLE BUTTON FIX v10
   Проблема по DevTools:
   В HTML кнопки сделаны так:
     <button style="background-color:transparent; padding:0; border:0">
       <span class="btn green">Добавить конкурс</span>
     </button>

   Но старый style.css глобально красит и button, и .btn.
   Поэтому получается двойная кнопка:
   внешний button + внутренний span.btn.

   Этот фикс:
   - делает внешний button прозрачной оберткой;
   - оставляет вид кнопки только у внутреннего .btn;
   - работает для всех страниц: бонусы, конкурсы, почта и т.д.
   ============================================================ */

/* 1. Любой button, внутри которого есть .btn, НЕ должен выглядеть как кнопка */
button:has(> .btn),
button:has(> span.btn),
button:has(.btn.green),
button:has(.btn.blue),
button:has(.btn.red),
button:has(.btn.gray),
button:has(.button2),
button:has(.button3),
button:has(.button4) {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: static !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  float: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;

  color: inherit !important;
  font: inherit !important;
  line-height: normal !important;
  text-align: inherit !important;
  text-shadow: none !important;
  text-decoration: none !important;

  overflow: visible !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

/* 2. У внешнего button не должно быть псевдо-слоев */
button:has(> .btn)::before,
button:has(> .btn)::after,
button:has(> span.btn)::before,
button:has(> span.btn)::after,
button:has(.btn.green)::before,
button:has(.btn.green)::after,
button:has(.btn.blue)::before,
button:has(.btn.blue)::after,
button:has(.btn.red)::before,
button:has(.btn.red)::after,
button:has(.button2)::before,
button:has(.button2)::after,
button:has(.button3)::before,
button:has(.button3)::after,
button:has(.button4)::before,
button:has(.button4)::after {
  content: none !important;
  display: none !important;
}

/* 3. Внутренний span.btn остается единственной настоящей кнопкой */
button > .btn,
button > span.btn,
button .btn.green,
button .btn.blue,
button .btn.red,
button .btn.gray,
button .button2,
button .button3,
button .button4 {
  position: static !important;
  float: none !important;
  transform: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 38px !important;
  padding: 0 22px !important;
  margin: 0 !important;

  border-radius: 13px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

/* 4. Если внутри .btn уже задана ширина inline style, не ломаем ее.
      Но убираем дублирующие псевдо-слои у внутреннего span. */
button > .btn::before,
button > .btn::after,
button > span.btn::before,
button > span.btn::after,
button .button2::before,
button .button2::after,
button .button3::before,
button .button3::after,
button .button4::before,
button .button4::after {
  content: none !important;
  display: none !important;
}

/* 5. Для таблиц конкурсов/бонусов: ячейка с кнопкой центрирует только один слой */
.tables-refkon button:has(> .btn),
.tables-refkon button:has(> span.btn),
.tables-refbonus button:has(> .btn),
.tables-refbonus button:has(> span.btn),
#popup button:has(> .btn),
#popup button:has(> span.btn) {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 6. Старый глобальный стиль button не должен влиять на такие кнопки при наведении */
button:has(> .btn):hover,
button:has(> span.btn):hover,
button:has(.btn.green):hover,
button:has(.btn.blue):hover,
button:has(.btn.red):hover {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* 7. Если где-то кнопка сделана через button.btn без внутреннего span,
      она остается нормальной кнопкой и этот фикс ее не трогает. */

/* ============================================================
   ADSREK SELECT DROPDOWN READABILITY FIX v13
   Исправляет выпадающий список <select> в popup бонусов:
   браузер на Windows открывает список белым фоном, а старый CSS
   задавал option светлый цвет текста (#edf3ff). Поэтому пункты
   почти не читались. Ниже принудительно задаём тёмный текст.
   ============================================================ */

#popup select option,
#popup select optgroup,
html.refbonus-page-active #popup select option,
html.refbonus-page-active #popup select optgroup,
body.refbonus-popup-page #popup select option,
body.refbonus-popup-page #popup select optgroup {
  color: #172235 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

#popup select option:disabled,
html.refbonus-page-active #popup select option:disabled,
body.refbonus-popup-page #popup select option:disabled {
  color: #7f8a9c !important;
  background: #f3f6fb !important;
  background-color: #f3f6fb !important;
  opacity: 1 !important;
}

#popup select option:checked,
#popup select option:hover,
html.refbonus-page-active #popup select option:checked,
html.refbonus-page-active #popup select option:hover,
body.refbonus-popup-page #popup select option:checked,
body.refbonus-popup-page #popup select option:hover {
  color: #ffffff !important;
  background: #3f75c8 !important;
  background-color: #3f75c8 !important;
}

/* Страховка для всех нативных dropdown, если где-то ещё наследуется белый текст */
select option,
select optgroup {
  text-shadow: none !important;
  opacity: 1 !important;
}

select option:not(:checked) {
  color: #172235 !important;
  background-color: #ffffff !important;
}

/* ============================================================
   ADSREK WALL BLOCKS FIX v18
   Для страницы /wall?uid=...
   ============================================================ */

#contentwrapper .wall-page {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#contentwrapper .wall-page__inner {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.wall-page .wall-hero-card,
.wall-page .wall-info-table,
.wall-page .wall-section-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 16px 0 0 !important;
  box-sizing: border-box !important;
}

.wall-page .wall-section-card {
  display: block !important;
  overflow: hidden !important;
  padding: 0 !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(20,29,45,.76), rgba(11,18,32,.92)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.16) !important;
}

.wall-page .wall-section-card.wall-section-empty {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.wall-page .wall-section-card > .wall_new_title {
  position: relative !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(7,16,29,.98), rgba(4,11,22,.98)) !important;
  color: #f2f6ff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-shadow: none !important;
}

.wall-page .wall-section-card > .wall_new_title a {
  color: #f2f6ff !important;
  text-decoration: none !important;
  border: 0 !important;
}

.wall-page .wall-section-card > .wall_new_title a:hover {
  color: #f0d8a2 !important;
}

.wall-page .wall-title-toggle {
  cursor: pointer !important;
  user-select: none !important;
}

.wall-page .wall-section-card > .wall_new_data,
.wall-page .wall-section-card > .wall-section-body {
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px 20px 16px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  position: relative !important;
}

.wall-page .wall-section-empty > .wall_new_data,
.wall-page .wall-section-empty > .wall-section-body {
  display: none !important;
}

.wall-page .wall-gift-action {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  height: 28px !important;
  padding: 0 4px !important;
  max-width: 220px !important;
  border: 0 !important;
  background: transparent !important;
  color: #eef4ff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  text-shadow: none !important;
}

.wall-page .wall-gift-action:hover {
  color: #f0d8a2 !important;
}

.wall-page .wall-gift-action i {
  color: #ffc253 !important;
  font-size: 16px !important;
}

.wall-page .wall-toggle-icon,
.wall-page .wall-toggle-icon a {
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  left: auto !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  width: 26px !important;
  height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: #eef4ff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  line-height: 1 !important;
  box-shadow: none !important;
  z-index: 3 !important;
}

.wall-page .wall-toggle-icon i,
.wall-page .wall-toggle-icon .mqwkdqw {
  display: block !important;
  margin: 0 !important;
  color: #eef4ff !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.wall-page .wall-toggle-icon:hover,
.wall-page .wall-toggle-icon a:hover {
  color: #f0d8a2 !important;
  border-color: rgba(216,177,115,.38) !important;
}

.wall-page .wall-collapsible-body {
  background: rgba(7,14,26,.34) !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
  overflow-x: auto !important;
}

.wall-page .wall-chart-wrap {
  width: 100% !important;
  max-width: 100% !important;
  padding: 8px 0 !important;
  text-align: center !important;
  overflow-x: auto !important;
}

.wall-page .wall-chart-wrap table,
.wall-page .data_stat_new table {
  max-width: 100% !important;
  min-width: 0 !important;
}

.wall-page .wall-comments-card {
  margin-bottom: 14px !important;
}

.wall-page .wall-comments-card + #wall-load,
.wall-page #wall-load,
.wall-page .wall-comments-card + .msg-warning {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 14px !important;
  box-sizing: border-box !important;
}

.wall-page .msg-warning,
.wall-page .msg-error,
.wall-page .msg-ok {
  display: block !important;
  margin: 14px 0 0 !important;
  padding: 14px 18px !important;
  border-radius: 18px !important;
  background: rgba(10,18,32,.72) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: #eef4ff !important;
  text-shadow: none !important;
  text-align: center !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  #contentwrapper .wall-page,
  #contentwrapper .wall-page__inner {
    max-width: 100% !important;
  }

  .wall-page .wall-section-card > .wall_new_title {
    min-height: 46px !important;
    padding: 0 42px !important;
    font-size: 14px !important;
  }

  .wall-page .wall-gift-action {
    right: 10px !important;
    max-width: 34px !important;
    overflow: hidden !important;
    font-size: 0 !important;
  }

  .wall-page .wall-gift-action i {
    font-size: 16px !important;
  }
}

/* ============================================================
   ADSREK WALL STATISTICS NO HORIZONTAL SCROLL v19
   Убирает нижний горизонтальный скролл в блоке статистики.
   Причина была в v18: для .wall-collapsible-body был задан
   overflow-x:auto, а таблица статистики шире блока.
   ============================================================ */

/* сам блок статистики не должен давать горизонтальный скролл */
.wall-page .wall-stats-card,
.wall-page .wall-stats-card .wall_new_data,
.wall-page .wall-stats-card .wall-section-body,
.wall-page .wall-stats-card .wall-collapsible-body,
.wall-page .data_stat_new,
.wall-page #text2 {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  box-sizing: border-box !important;
}

/* контейнер графика должен занимать ширину блока, а не создавать свою */
.wall-page .wall-chart-wrap,
.wall-page .wall-chart-wrap center {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Highcharts / SVG / Canvas / div с inline-width приводим к ширине блока */
.wall-page .wall-chart-wrap > *,
.wall-page .wall-chart-wrap center > *,
.wall-page .wall-chart-wrap div,
.wall-page .wall-chart-wrap svg,
.wall-page .wall-chart-wrap canvas,
.wall-page .data_stat_new div,
.wall-page .data_stat_new svg,
.wall-page .data_stat_new canvas,
.wall-page .data_stat_new .highcharts-container,
.wall-page .data_stat_new .highcharts-root {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* если библиотека графика прописала inline width, не даем вылезать наружу */
.wall-page .data_stat_new .highcharts-container,
.wall-page .data_stat_new .highcharts-container svg,
.wall-page .wall-chart-wrap .highcharts-container,
.wall-page .wall-chart-wrap .highcharts-container svg {
  width: 100% !important;
  max-width: 100% !important;
}

/* таблицу статистики сжимаем внутрь блока */
.wall-page .data_stat_new table,
.wall-page .wall-chart-wrap table,
.wall-page .wall-stats-card table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  box-sizing: border-box !important;
}

/* ячейки не должны раздувать таблицу */
.wall-page .data_stat_new th,
.wall-page .data_stat_new td,
.wall-page .wall-chart-wrap th,
.wall-page .wall-chart-wrap td,
.wall-page .wall-stats-card th,
.wall-page .wall-stats-card td {
  min-width: 0 !important;
  max-width: none !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

/* первый столбец статистики обычно с названием типа "Серфинг" */
.wall-page .data_stat_new th:first-child,
.wall-page .data_stat_new td:first-child,
.wall-page .wall-stats-card th:first-child,
.wall-page .wall-stats-card td:first-child {
  width: 130px !important;
  max-width: 130px !important;
  text-align: left !important;
}

/* остальные дни недели равномерно */
.wall-page .data_stat_new th:not(:first-child),
.wall-page .data_stat_new td:not(:first-child),
.wall-page .wall-stats-card th:not(:first-child),
.wall-page .wall-stats-card td:not(:first-child) {
  width: auto !important;
}

/* убрать визуальный scrollbar, если браузер уже создал дорожку */
.wall-page .wall-stats-card *::-webkit-scrollbar {
  height: 0 !important;
}

.wall-page .wall-stats-card * {
  scrollbar-width: none !important;
}

/* на узком экране таблица остается компактной */
@media (max-width: 760px) {
  .wall-page .data_stat_new th,
  .wall-page .data_stat_new td,
  .wall-page .wall-stats-card th,
  .wall-page .wall-stats-card td {
    padding-left: 3px !important;
    padding-right: 3px !important;
    font-size: 11px !important;
  }

  .wall-page .data_stat_new th:first-child,
  .wall-page .data_stat_new td:first-child,
  .wall-page .wall-stats-card th:first-child,
  .wall-page .wall-stats-card td:first-child {
    width: 82px !important;
    max-width: 82px !important;
  }
}

/* ============================================================
   ADSREK WALL BLOCKS ALIGN FIX v20
   Подравнивает нижние блоки стены по ширине верхней таблицы.
   На скрине блоки Друзья/Подарки/Статистика/Комментарии были
   чуть сдвинуты вправо из-за внутренних отступов старых правил.
   ============================================================ */

/* средняя колонка стены */
#contentwrapper .wall-page,
#contentwrapper .wall-page__inner {
  max-width: 700px !important;
  width: 700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* все основные блоки одной ширины и без бокового сдвига */
.wall-page .wall-hero-card,
.wall-page .wall-info-table,
.wall-page .wall-section-card,
.wall-page .wall-comments-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* именно нижние секции: убираем возможный старый left/right offset */
.wall-page .wall-section-card {
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

/* заголовки внутри секций не должны иметь дополнительный боковой вынос */
.wall-page .wall-section-card > .wall_new_title {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* тело раскрываемых секций тоже строго по ширине родителя */
.wall-page .wall-section-card > .wall_new_data,
.wall-page .wall-section-card > .wall-section-body,
.wall-page .wall-stats-card .wall-collapsible-body {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Если хочется совсем ровно с верхней таблицей, убираем лишнюю внешнюю рамку у пустых секций */
.wall-page .wall-section-card.wall-section-empty {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* правые иконки не раздвигают сам блок */
.wall-page .wall-toggle-icon,
.wall-page .wall-toggle-icon a,
.wall-page .wall-gift-action {
  box-sizing: border-box !important;
}

@media (max-width: 760px) {
  #contentwrapper .wall-page,
  #contentwrapper .wall-page__inner {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ============================================================
   ADSREK WALL EMPTY BLOCKS LEFT ALIGN FIX v21
   На странице стены первые 3 пустых блока:
   Друзья / Друзья Онлайн / Подарки
   уходили чуть вправо относительно Статистики и Комментариев.
   Причина: у пустых секций остается старая внутренняя геометрия,
   а у статистики/комментариев есть внешний контейнер с другой посадкой.
   ============================================================ */

/* пустые верхние секции стены ставим в ту же левую линию, что статистика и комментарии */
.wall-page .wall-friends-card.wall-section-empty,
.wall-page .wall-gifts-card.wall-section-empty {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: -9px !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
}

/* чтобы правый край не стал короче после сдвига */
.wall-page .wall-friends-card.wall-section-empty > .wall_new_title,
.wall-page .wall-gifts-card.wall-section-empty > .wall_new_title {
  width: calc(100% + 9px) !important;
  max-width: calc(100% + 9px) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Подарки: кнопка "Отправить подарок" не должна выталкивать заголовок вправо */
.wall-page .wall-gifts-card.wall-section-empty > .wall_new_title {
  justify-content: center !important;
  padding-left: 52px !important;
  padding-right: 52px !important;
}

.wall-page .wall-gifts-card.wall-section-empty .wall-gift-action {
  right: 14px !important;
}

/* статистику и комментарии оставляем как базовую линию */
.wall-page .wall-stats-card,
.wall-page .wall-comments-card {
  margin-left: 0 !important;
  transform: none !important;
}

@media (max-width: 760px) {
  .wall-page .wall-friends-card.wall-section-empty,
  .wall-page .wall-gifts-card.wall-section-empty {
    margin-left: 0 !important;
  }

  .wall-page .wall-friends-card.wall-section-empty > .wall_new_title,
  .wall-page .wall-gifts-card.wall-section-empty > .wall_new_title {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ============================================================
   ADSREK WALL EMPTY BLOCKS FINAL ALIGN v22
   Исправление после v21:
   v21 двигал первые 3 блока влево и расширял заголовок через
   width: calc(100% + 9px), из-за этого правый край всё равно
   выпирал. Здесь отменяем расширение и задаём первым 3 блокам
   такую же посадку, как у Статистики и Комментариев.
   ============================================================ */

/* отмена старого расширения v21 */
.wall-page .wall-friends-card.wall-section-empty,
.wall-page .wall-gifts-card.wall-section-empty {
  width: calc(100% - 10px) !important;
  max-width: calc(100% - 10px) !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 10px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

/* заголовок не должен быть шире родителя */
.wall-page .wall-friends-card.wall-section-empty > .wall_new_title,
.wall-page .wall-gifts-card.wall-section-empty > .wall_new_title {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

/* статистику и комментарии оставляем базой выравнивания */
.wall-page .wall-stats-card,
.wall-page .wall-comments-card {
  width: calc(100% - 10px) !important;
  max-width: calc(100% - 10px) !important;
  margin-left: 0 !important;
  margin-right: 10px !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.wall-page .wall-stats-card > .wall_new_title,
.wall-page .wall-comments-card > .wall_new_title {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* кнопка подарка не выталкивает правый край */
.wall-page .wall-gifts-card.wall-section-empty .wall-gift-action {
  right: 12px !important;
  max-width: 205px !important;
}

/* на мобильных возвращаем 100% */
@media (max-width: 760px) {
  .wall-page .wall-friends-card.wall-section-empty,
  .wall-page .wall-gifts-card.wall-section-empty,
  .wall-page .wall-stats-card,
  .wall-page .wall-comments-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
  }
}

/* ============================================================
   ADSREK WALL VISIBLE BARS FINAL ALIGN v23
   Финальная правка выравнивания видимых чёрных плашек:
   все 5 нижних блоков стены получают один и тот же левый край,
   правый край и ширину. Никаких calc(100% + ...), сдвигов и
   разных margin у первых трёх блоков.
   ============================================================ */

/* отменяем предыдущие смещения v21/v22 */
.wall-page .wall-friends-card.wall-section-empty,
.wall-page .wall-gifts-card.wall-section-empty,
.wall-page .wall-stats-card,
.wall-page .wall-comments-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

/* общая посадка именно видимой плашки-заголовка */
.wall-page .wall-friends-card.wall-section-empty > .wall_new_title,
.wall-page .wall-gifts-card.wall-section-empty > .wall_new_title,
.wall-page .wall-stats-card > .wall_new_title,
.wall-page .wall-comments-card > .wall_new_title {
  display: flex !important;
  width: calc(100% - 20px) !important;
  max-width: calc(100% - 20px) !important;
  min-width: 0 !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 auto !important;
  padding-left: 52px !important;
  padding-right: 52px !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
  border-radius: 18px !important;
}

/* внешний фон у статистики/комментариев не должен выглядеть шире плашек */
.wall-page .wall-stats-card,
.wall-page .wall-comments-card {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  background: rgba(12, 21, 35, .55) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

/* у первых трёх пустых блоков оставляем только видимую плашку без внешней широкой рамки */
.wall-page .wall-friends-card.wall-section-empty,
.wall-page .wall-gifts-card.wall-section-empty {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* кнопка подарка внутри такой же плашки, не двигает ширину */
.wall-page .wall-gifts-card.wall-section-empty .wall-gift-action {
  right: 18px !important;
  max-width: 210px !important;
}

/* стрелки статистики/комментариев внутри общей ширины */
.wall-page .wall-stats-card .wall-toggle-icon,
.wall-page .wall-comments-card .wall-toggle-icon,
.wall-page .wall-stats-card .wall-toggle-icon a,
.wall-page .wall-comments-card .wall-toggle-icon a {
  right: 18px !important;
}

/* раскрытое тело статистики ровно под той же плашкой */
.wall-page .wall-stats-card > .wall_new_data,
.wall-page .wall-stats-card > .wall-section-body,
.wall-page .wall-stats-card > .wall-collapsible-body {
  width: calc(100% - 20px) !important;
  max-width: calc(100% - 20px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

@media (max-width: 760px) {
  .wall-page .wall-friends-card.wall-section-empty > .wall_new_title,
  .wall-page .wall-gifts-card.wall-section-empty > .wall_new_title,
  .wall-page .wall-stats-card > .wall_new_title,
  .wall-page .wall-comments-card > .wall_new_title,
  .wall-page .wall-stats-card > .wall_new_data,
  .wall-page .wall-stats-card > .wall-section-body,
  .wall-page .wall-stats-card > .wall-collapsible-body {
    width: 100% !important;
    max-width: 100% !important;
  }

  .wall-page .wall-stats-card,
  .wall-page .wall-comments-card {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }
}

/* ============================================================
   ADSREK WORK-SERF EXACT FIX v42
   Основа: рабочий CSS из Вставленный текст(4).txt.
   ВАЖНО: правка точечная, не трогает /advm-task и /referals.
   Исправляет /work-serf?ctrl=...
   ============================================================ */

/* Центральная страница серфинга */
#contentwrapper .serf-page,
#contentwrapper .serf-page-dynamic {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  min-width: 0 !important;
  margin: 0 auto 28px !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  text-align: left !important;
}

/* Блок с основной ссылкой */
#contentwrapper .serf-main-list {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  min-width: 0 !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Строки серфинга: только singular work-serf/work-serff, НЕ .work-serfs */
#contentwrapper .serf-page table.work-serf:not(.work-serfs):not([id^="task-block"]),
#contentwrapper .serf-page table.work-serff:not(.work-serfs):not([id^="task-block"]) {
  width: 100% !important;
  max-width: 760px !important;
  min-width: 0 !important;
  margin: 0 auto 12px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background:
    radial-gradient(460px 150px at 22% 0%, rgba(88,130,200,.11), rgba(88,130,200,0) 70%),
    linear-gradient(180deg, rgba(17,28,48,.86), rgba(8,16,31,.96)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.035) !important;
  color: #eef3fb !important;
  box-sizing: border-box !important;
}

#contentwrapper .serf-page table.work-serf:not(.work-serfs):not([id^="task-block"]) td,
#contentwrapper .serf-page table.work-serff:not(.work-serfs):not([id^="task-block"]) td {
  height: auto !important;
  min-height: 0 !important;
  padding: 14px 14px !important;
  vertical-align: middle !important;
  background: transparent !important;
  border: 0 !important;
  color: #eef3fb !important;
  text-shadow: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

#contentwrapper .serf-page table.work-serf:not(.work-serfs):not([id^="task-block"]) td:first-child,
#contentwrapper .serf-page table.work-serff:not(.work-serfs):not([id^="task-block"]) td:first-child {
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  text-align: center !important;
}

#contentwrapper .serf-page table.work-serf:not(.work-serfs):not([id^="task-block"]) td:last-child,
#contentwrapper .serf-page table.work-serff:not(.work-serfs):not([id^="task-block"]) td:last-child {
  width: 120px !important;
  min-width: 90px !important;
  max-width: 140px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

#contentwrapper .serf-page .serf-text,
#contentwrapper .serf-page .serff-text,
#contentwrapper .serf-page .kab-text {
  color: rgba(238,243,251,.68) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  text-shadow: none !important;
}

#contentwrapper .serf-page table.work-serf a,
#contentwrapper .serf-page table.work-serff a {
  color: #eef3fb !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* Сообщение, когда нет ссылок */
#contentwrapper .serf-empty-state {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  margin: 0 auto 16px !important;
  padding: 12px 18px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(55,43,25,.42), rgba(20,22,26,.88)) !important;
  border: 1px solid rgba(241,208,141,.18) !important;
  color: #ffe6b7 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* Панель "Закончились ссылки" */
#contentwrapper .serf-finish-panel {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#contentwrapper .serf-finish-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 auto 10px !important;
  padding: 0 16px !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, rgba(5,13,25,.98), rgba(7,15,28,.96)) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  color: #eef3fb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-shadow: none !important;
  box-sizing: border-box !important;
}

#contentwrapper .serf-suggest-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

#contentwrapper .serf-suggest-card {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 58px !important;
  padding: 10px 14px !important;
  border-radius: 16px !important;
  background:
    radial-gradient(420px 120px at 20% 0%, rgba(88,130,200,.10), rgba(88,130,200,0) 70%),
    linear-gradient(180deg, rgba(17,28,48,.82), rgba(8,16,31,.94)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.035) !important;
  color: #eef3fb !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-sizing: border-box !important;
}

#contentwrapper .serf-suggest-card b {
  display: block !important;
  color: #eef3fb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

#contentwrapper .serf-suggest-card small {
  display: block !important;
  margin-top: 2px !important;
  color: rgba(238,243,251,.70) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}

/* Рекламный блок снизу */
#contentwrapper .serf-random-ad {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  clear: both !important;
}

#contentwrapper .serf-random-banner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100px !important;
  padding: 14px 16px 10px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(5,13,25,.98), rgba(7,15,28,.94)) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.035) !important;
  overflow: hidden !important;
}

/* Сам баннер: точечно ограничиваем span и img */
#contentwrapper .serf-random-banner #baner,
#contentwrapper .serf-random-banner #banner468x60_2,
#contentwrapper .serf-random-banner #banner468x60_2 a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 468px !important;
  max-width: 100% !important;
  height: 60px !important;
  max-height: 60px !important;
  min-height: 60px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

#contentwrapper .serf-random-banner #banner468x60_2 img,
#contentwrapper .serf-random-banner img.adsrek-banner-468x60,
#contentwrapper .serf-random-banner img {
  display: block !important;
  width: 468px !important;
  min-width: 0 !important;
  max-width: 468px !important;
  height: 60px !important;
  min-height: 0 !important;
  max-height: 60px !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 auto !important;
  border-radius: 9px !important;
  box-sizing: border-box !important;
}

/* Иконки под баннером */
#contentwrapper .serf-random-banner .imgb {
  width: 18px !important;
  height: 18px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 18px !important;
  max-height: 18px !important;
  margin: 0 5px !important;
  opacity: .85 !important;
}

/* Текстовое объявление внутри серфинга */
#contentwrapper .serf-random-ad .serf-text-ob {
  width: 100% !important;
  max-width: 560px !important;
  min-height: 64px !important;
  margin: 0 auto !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(126,181,255,.18) !important;
  background: linear-gradient(180deg, rgba(17,30,50,.74), rgba(8,17,31,.92)) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#contentwrapper .serf-random-ad .serf-text-ob-title,
#contentwrapper .serf-random-ad .serf-text-ob-url-pars,
#contentwrapper .serf-random-ad .newdoskars {
  color: #eef3fb !important;
  text-shadow: none !important;
  word-break: break-word !important;
}

/* Защита: эти страницы не трогаем */
#contentwrapper table[id^="task-block"].work-serfs,
#contentwrapper table#referals-new,
#contentwrapper #referals-new {
  table-layout: auto !important;
  overflow: visible !important;
}

/* ADSREK WORK-SERF ICON ROW FIX v43 */
#contentwrapper .serf-random-banner .adsrek-bottom-468-actions,
#contentwrapper .adsrek-bottom-468-actions,
.adsrek-bottom-468-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 468px !important;
  height: 22px !important;
  min-height: 22px !important;
  margin: 8px auto 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
#contentwrapper .serf-random-banner .adsrek-bottom-468-actions a,
#contentwrapper .adsrek-bottom-468-actions a,
.adsrek-bottom-468-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  line-height: 1 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
#contentwrapper .serf-random-banner .adsrek-bottom-468-actions img,
#contentwrapper .adsrek-bottom-468-actions img,
.adsrek-bottom-468-actions img,
#contentwrapper .serf-random-banner .adsrek-bottom-468-actions .imgb,
#contentwrapper .adsrek-bottom-468-actions .imgb,
.adsrek-bottom-468-actions .imgb {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  object-fit: contain !important;
  opacity: .9 !important;
}

/* ============================================================
   ADSREK TASK READ FIX v44
   Только страница /work-task-read.
   Убирает старые голубые .tiket-полосы.
   Не трогает /advm-task, /referals, /work-serf.
   ============================================================ */

.task-read-page,
.task-read-page * {
  box-sizing: border-box !important;
}

.task-read-page {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  min-width: 0 !important;
  margin: 0 auto 28px !important;
  padding: 0 8px 24px !important;
  color: #eef3fb !important;
  overflow: visible !important;
}

/* Верхние заголовки секций вместо голубых полос */
.task-read-page .tiket {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 42px !important;
  height: auto !important;
  margin: 12px auto 0 !important;
  padding: 10px 18px !important;
  position: relative !important;
  border-radius: 14px 14px 0 0 !important;
  background:
    radial-gradient(360px 110px at 50% 0%, rgba(90,128,196,.10), rgba(90,128,196,0) 65%),
    linear-gradient(180deg, rgba(8,17,31,.98), rgba(5,12,23,.98)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  border-bottom: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 20px rgba(0,0,0,.12) !important;
  color: #eef3fb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  text-shadow: none !important;
  cursor: default !important;
}

.task-read-page .tiket:first-of-type {
  border-radius: 14px !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;
  margin-bottom: 0 !important;
}

/* Дата справа в "Информация о задании" */
.task-read-page .tiket span[style*="float:right"] {
  float: none !important;
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  color: rgba(238,243,251,.62) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* Таблицы информации */
.task-read-page table.table {
  width: 100% !important;
  max-width: 760px !important;
  min-width: 0 !important;
  margin: 0 auto 12px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
  overflow: hidden !important;
  border-radius: 0 0 16px 16px !important;
  background:
    radial-gradient(420px 140px at 50% 0%, rgba(90,128,196,.08), rgba(90,128,196,0) 65%),
    linear-gradient(180deg, rgba(18,29,47,.78), rgba(10,18,31,.94)) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-top: 0 !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.14) !important;
  color: #eef3fb !important;
}

.task-read-page table.table td {
  padding: 12px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  background: transparent !important;
  color: #eef3fb !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  text-shadow: none !important;
  vertical-align: middle !important;
}

.task-read-page table.table tr:last-child td {
  border-bottom: 0 !important;
}

/* Аватар автора */
.task-read-page .avatar_wall {
  width: 58px !important;
  height: 58px !important;
  border-radius: 14px !important;
  padding: 4px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  object-fit: cover !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.16) !important;
}

/* Кнопки */
.task-read-page input[type="submit"],
.task-read-page input[type="button"],
.task-read-page .btn,
.task-read-page .btn_big_red {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background:
    radial-gradient(240px 90px at 50% 0%, rgba(255,255,255,.09), rgba(255,255,255,0) 65%),
    linear-gradient(180deg, rgba(35,48,70,.96), rgba(22,33,51,.98)) !important;
  color: #eef3fb !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.13) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

/* Текстовые блоки под заголовками */
.task-read-page .tiket + div[style*="padding: 10px"] {
  width: 100% !important;
  max-width: 760px !important;
  min-height: 42px !important;
  margin: 0 auto 12px !important;
  padding: 14px 16px !important;
  border-radius: 0 0 16px 16px !important;
  background: linear-gradient(180deg, rgba(18,29,47,.70), rgba(10,18,31,.92)) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-top: 0 !important;
  color: #eef3fb !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  text-shadow: none !important;
  word-break: break-word !important;
}

/* Предупреждения */
.task-read-page .add-infa,
.task-read-page .msg-warning,
.task-read-page .msg-error,
.task-read-page .block-task-read {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 14px auto !important;
  padding: 14px 18px !important;
  border-radius: 16px !important;
  background:
    radial-gradient(360px 110px at 50% 0%, rgba(90,128,196,.10), rgba(90,128,196,0) 65%),
    linear-gradient(180deg, rgba(18,29,47,.78), rgba(10,18,31,.94)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.14) !important;
  color: #eef3fb !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  text-align: center !important;
  text-shadow: none !important;
}

.task-read-page .msg-warning {
  color: #ffe6b7 !important;
  border-color: rgba(241,208,141,.18) !important;
  background: linear-gradient(180deg, rgba(55,43,25,.42), rgba(20,22,26,.88)) !important;
}

.task-read-page .msg-error {
  color: #ffd8d8 !important;
  border-color: rgba(255,114,114,.25) !important;
  background: linear-gradient(180deg, rgba(75,32,32,.42), rgba(20,22,26,.88)) !important;
}

/* Ссылки и цветные статусы */
.task-read-page a {
  color: #8fc7ff !important;
  text-decoration: none !important;
}

.task-read-page a:hover {
  color: #ffffff !important;
}

.task-read-page font[color="green"],
.task-read-page .status font[color="green"] {
  color: #75e49a !important;
}

.task-read-page font[color="#c80000"],
.task-read-page font[color="#C80000"],
.task-read-page font[color="red"] {
  color: #ff8585 !important;
}

.task-read-page font[color="#D28000"] {
  color: #f1b95f !important;
}

.task-read-page .textgray {
  color: rgba(238,243,251,.64) !important;
}

/* Низ страницы */
.task-read-page .task-start,
.task-read-page .task-report,
.task-read-page textarea,
.task-read-page input[type="text"] {
  max-width: 100% !important;
}

.task-read-page textarea,
.task-read-page input[type="text"] {
  background: rgba(18,29,47,.82) !important;
  border: 1px solid rgba(143,199,255,.16) !important;
  color: #eef3fb !important;
  border-radius: 14px !important;
  outline: none !important;
}

/* Мобильная защита */
@media (max-width: 760px) {
  .task-read-page {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .task-read-page .tiket {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .task-read-page .tiket span[style*="float:right"] {
    position: static !important;
    display: block !important;
    transform: none !important;
    margin-top: 6px !important;
  }

  .task-read-page table.table,
  .task-read-page table.table tbody,
  .task-read-page table.table tr,
  .task-read-page table.table td {
    display: block !important;
    width: 100% !important;
  }

  .task-read-page table.table td {
    text-align: left !important;
  }
}

/* ============================================================
   ADSREK AUTOSERF TEXT AD FIX v45
   Только страница /work-autoserf.
   Исправляет светло-голубой рекламный блок, который приходит
   с inline style="background:#F0FFFF;".
   Не трогает /advm-task, /referals, /work-serf, /work-task-read.
   ============================================================ */

.autoserf-page,
.autoserf-page * {
  box-sizing: border-box !important;
}

.autoserf-page {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  min-width: 0 !important;
  margin: 0 auto 28px !important;
  padding: 0 8px 24px !important;
  color: #eef3fb !important;
  overflow: visible !important;
}

/* Верхний блок автосерфинга */
.autoserf-page .autoserf-info-card {
  display: block !important;
  width: 100% !important;
  margin: 0 auto 18px !important;
  padding: 22px 18px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(420px 140px at 50% 0%, rgba(90,128,196,.10), rgba(90,128,196,0) 65%),
    linear-gradient(180deg, rgba(18,29,47,.78), rgba(10,18,31,.94)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.autoserf-page .autoserf-count {
  margin: 0 0 16px !important;
  color: #eef3fb !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-shadow: none !important;
}

.autoserf-page .autoserf-count b {
  color: #f1d08d !important;
  font-weight: 900 !important;
}

.autoserf-page .autoserf-start-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 190px !important;
  min-height: 42px !important;
  margin: 0 !important;
}

/* Сообщения автосерфинга */
.autoserf-page .autoserf-message {
  display: none;
  width: 100% !important;
  margin: 14px 0 0 !important;
  padding: 14px 18px !important;
  border-radius: 16px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  text-shadow: none !important;
}

.autoserf-page .autoserf-message-error {
  display: block !important;
  color: #ffd8d8 !important;
  background: rgba(95, 36, 36, .32) !important;
  border: 1px solid rgba(255, 114, 114, .28) !important;
}

.autoserf-page .autoserf-message-info {
  display: block !important;
  color: #d9e9ff !important;
  background: rgba(45, 87, 145, .22) !important;
  border: 1px solid rgba(128, 174, 255, .24) !important;
}

.autoserf-page .autoserf-message-success {
  display: block !important;
  color: #ceffd9 !important;
  background: rgba(33, 112, 64, .24) !important;
  border: 1px solid rgba(111, 230, 144, .24) !important;
}

.autoserf-page #autoserf-visible-timer {
  color: #f1d08d !important;
  font-weight: 900 !important;
}

/* Рандомное текстовое объявление на /work-autoserf */
.autoserf-page .adsrek-random-ad-box {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  min-width: 0 !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  clear: both !important;
}

.autoserf-page .adsrek-random-ad-box .serf-text-ob,
.autoserf-page .adsrek-random-ad-box #wall-ad,
.autoserf-page .serf-text-ob#wall-ad {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: 760px !important;
  min-width: 0 !important;
  min-height: 78px !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 14px 44px 14px 16px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(420px 130px at 22% 0%, rgba(90,128,196,.10), rgba(90,128,196,0) 70%),
    linear-gradient(180deg, rgba(17,28,48,.84), rgba(8,16,31,.96)) !important;
  border: 1px solid rgba(143,199,255,.16) !important;
  outline: 1px dotted rgba(143,199,255,.30) !important;
  outline-offset: -2px !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.035) !important;
  color: #eef3fb !important;
  text-shadow: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* перебивает inline background:#F0FFFF */
.autoserf-page .adsrek-random-ad-box .serf-text-ob[style],
.autoserf-page .adsrek-random-ad-box #wall-ad[style],
.autoserf-page .serf-text-ob#wall-ad[style] {
  background:
    radial-gradient(420px 130px at 22% 0%, rgba(90,128,196,.10), rgba(90,128,196,0) 70%),
    linear-gradient(180deg, rgba(17,28,48,.84), rgba(8,16,31,.96)) !important;
  color: #eef3fb !important;
}

/* Текст внутри объявления */
.autoserf-page .adsrek-random-ad-box .serf-text-ob-title,
.autoserf-page .adsrek-random-ad-box #wall-ad .serf-text-ob-title {
  display: block !important;
  margin: 0 0 4px !important;
  color: #eef3fb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  word-break: break-word !important;
}

.autoserf-page .adsrek-random-ad-box .newdoskars,
.autoserf-page .adsrek-random-ad-box #wall-ad .newdoskars {
  display: block !important;
  margin: 0 0 4px !important;
  color: rgba(238,243,251,.70) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-shadow: none !important;
  word-break: break-word !important;
}

.autoserf-page .adsrek-random-ad-box .serf-text-ob-url-pars,
.autoserf-page .adsrek-random-ad-box #wall-ad .serf-text-ob-url-pars {
  display: inline-block !important;
  color: #8fc7ff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  word-break: break-word !important;
}

/* Значок помощи справа */
.autoserf-page .adsrek-random-ad-box .serf-text-ob-ico,
.autoserf-page .adsrek-random-ad-box #wall-ad .serf-text-ob-ico {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 18px !important;
  height: 18px !important;
  opacity: .85 !important;
}

/* Ссылка "Разместить объявление" */
.autoserf-page .adsrek-random-ad-box .serf-text-ob-add,
.autoserf-page .adsrek-random-ad-box #wall-ad .serf-text-ob-add {
  position: absolute !important;
  right: 14px !important;
  bottom: 10px !important;
  color: rgba(143,199,255,.55) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* Нижний баннер на /work-autoserf */
.autoserf-page > .adsrek-bottom-468-box,
.autoserf-page #baner.adsrek-bottom-468-box,
.autoserf-page #baner {
  display: block !important;
  width: 468px !important;
  max-width: 100% !important;
  height: 60px !important;
  min-height: 60px !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  text-align: center !important;
}

.autoserf-page .adsrek-bottom-468-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 468px !important;
  margin: 8px auto 0 !important;
  padding: 0 !important;
}

.autoserf-page .adsrek-bottom-468-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Мобильная версия */
@media (max-width: 760px) {
  .autoserf-page {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .autoserf-page .autoserf-info-card {
    padding: 18px 14px !important;
  }

  .autoserf-page .autoserf-count {
    text-align: center !important;
  }

  .autoserf-page .autoserf-start-btn {
    display: flex !important;
    width: 100% !important;
    max-width: 260px !important;
    margin: 0 auto !important;
  }

  .autoserf-page .adsrek-random-ad-box .serf-text-ob,
  .autoserf-page .adsrek-random-ad-box #wall-ad,
  .autoserf-page .serf-text-ob#wall-ad {
    padding: 14px 36px 30px 14px !important;
  }
}

/* ============================================================
   ADSREK WORK-JUMP PAGE FIX v34
   Исправляет ошибку v33: нижние блоки "Переходы" собирались
   в одну горизонтальную строку. Теперь секция строго вертикальная.
   ============================================================ */

/* Страховка для v33-классов, если они уже стоят на сайте */
.jump-transitions-page,
.jump-transitions-page > *,
.jump-page.jump-transitions-page,
.jump-page.jump-transitions-page > * {
  float: none !important;
  clear: both !important;
}

.jump-transitions-page,
.jump-page.jump-transitions-page {
  display: block !important;
  flex-direction: initial !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 26px !important;
  padding: 0 8px !important;
  overflow: visible !important;
}

.jump-transitions-page > .jump-list,
.jump-transitions-page > .jump-offers-title,
.jump-transitions-page > .jump-offers-list,
.jump-transitions-page > .jump-text-ad-box,
.jump-transitions-page > .adsrek-bottom-banner-box {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
}

.jump-transitions-page > .jump-offers-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.jump-transitions-page > .jump-offers-list > .jump-offer-card {
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Новые уникальные классы v34 */
.adsrek-jump-section,
.adsrek-jump-section * {
  box-sizing: border-box !important;
}

.adsrek-jump-section {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 26px !important;
  padding: 0 8px !important;
  color: #eef3fb !important;
  float: none !important;
  clear: both !important;
  overflow: visible !important;
}

.adsrek-jump-section > * {
  float: none !important;
  clear: both !important;
}

.adsrek-jump-static-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  min-height: 86px !important;
  margin: 0 auto 14px !important;
  padding: 18px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(420px 140px at 18% 0%, rgba(90,128,196,.11), rgba(90,128,196,0) 65%),
    linear-gradient(180deg, rgba(18,29,47,.78), rgba(10,18,31,.94)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.adsrek-jump-static-links {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.adsrek-jump-static-link {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  background: rgba(143,199,255,.08) !important;
  border: 1px solid rgba(143,199,255,.15) !important;
  color: #eef3fb !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.adsrek-jump-static-link:hover {
  background: rgba(143,199,255,.13) !important;
  border-color: rgba(214,181,122,.32) !important;
  color: #ffffff !important;
}

.adsrek-jump-muted {
  color: rgba(238,243,251,.66) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.adsrek-jump-place-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 178px !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background:
    radial-gradient(240px 90px at 50% 0%, rgba(255,255,255,.10), rgba(255,255,255,0) 65%),
    linear-gradient(180deg, rgba(35,48,70,.96), rgba(22,33,51,.98)) !important;
  color: #eef3fb !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.13) !important;
}

.adsrek-jump-place-btn:hover {
  border-color: rgba(214,181,122,.32) !important;
  color: #fff !important;
}

.adsrek-jump-surfe {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  min-height: 0 !important;
  max-height: 92px !important;
  margin: 8px auto 18px !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-align: center !important;
}

.adsrek-jump-surfe:empty {
  display: none !important;
}

.adsrek-jump-surfe iframe,
.adsrek-jump-surfe ins {
  max-width: 100% !important;
  max-height: 90px !important;
}

/* Секция переходов — строго вертикальная колонка */
.adsrek-jump-transitions-section {
  display: block !important;
  flex-direction: initial !important;
}

.adsrek-jump-transitions-section > .adsrek-jump-list,
.adsrek-jump-transitions-section > .adsrek-jump-alert,
.adsrek-jump-transitions-section > .adsrek-jump-offers-title,
.adsrek-jump-transitions-section > .adsrek-jump-offers-list,
.adsrek-jump-transitions-section > .adsrek-jump-text-ad-wrap,
.adsrek-jump-transitions-section > .adsrek-jump-bottom-banner {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  clear: both !important;
}

.adsrek-jump-list {
  margin-bottom: 16px !important;
}

/* Сообщение "Нет переходов..." */
.adsrek-jump-alert {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 52px !important;
  margin: 0 auto 18px !important;
  padding: 14px 18px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(55,43,25,.42), rgba(20,22,26,.88)) !important;
  border: 1px solid rgba(241,208,141,.18) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.14) !important;
  color: #ffe6b7 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  text-shadow: none !important;
}

.adsrek-jump-alert a {
  color: #fff !important;
  border-bottom: 1px dotted rgba(255,255,255,.65) !important;
  text-decoration: none !important;
}

/* Старый out_text, если есть переходы */
.adsrek-jump-section table.work-serf {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 10px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background:
    radial-gradient(420px 140px at 18% 0%, rgba(90,128,196,.10), rgba(90,128,196,0) 65%),
    linear-gradient(180deg, rgba(18,29,47,.82), rgba(10,18,31,.96)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.035) !important;
  color: #eef3fb !important;
}

.adsrek-jump-section table.work-serf td {
  padding: 12px 14px !important;
  background: transparent !important;
  border: 0 !important;
  color: #eef3fb !important;
  vertical-align: middle !important;
  text-shadow: none !important;
}

.adsrek-jump-section table.work-serf td:first-child {
  width: 54px !important;
  min-width: 54px !important;
  text-align: center !important;
}

.adsrek-jump-section table.work-serf a {
  color: #eef3fb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.adsrek-jump-section table.work-serf a:hover {
  color: #f1d08d !important;
}

.adsrek-jump-section table.work-serf .serf-text {
  color: rgba(238,243,251,.66) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  text-shadow: none !important;
}

/* Заголовок офферов */
.adsrek-jump-offers-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  margin-top: 18px !important;
  margin-bottom: 12px !important;
  padding: 0 16px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(5,13,25,.98), rgba(7,15,28,.96)) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  color: #eef3fb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 24px rgba(0,0,0,.14) !important;
}

.adsrek-jump-offers-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}

/* Одна оффер-карточка */
.adsrek-jump-offer-card {
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 68px !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(420px 140px at 18% 0%, rgba(90,128,196,.10), rgba(90,128,196,0) 65%),
    linear-gradient(180deg, rgba(18,29,47,.82), rgba(10,18,31,.96)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.035) !important;
  color: #eef3fb !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.adsrek-jump-offer-card:hover {
  border-color: rgba(214,181,122,.28) !important;
  transform: translateY(-1px) !important;
}

.adsrek-jump-offer-icon {
  margin: 0 auto !important;
}

.adsrek-jump-offer-copy b {
  display: block !important;
  color: #eef3fb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.adsrek-jump-offer-copy small {
  display: block !important;
  margin-top: 3px !important;
  color: rgba(238,243,251,.66) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}

/* Текстовая реклама и нижний баннер */
.adsrek-jump-text-ad-wrap {
  width: 560px !important;
  max-width: 100% !important;
  margin-top: 18px !important;
  margin-bottom: 0 !important;
}

.adsrek-jump-text-ad-wrap #wall-ad.serf-text-ob {
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 auto !important;
}

.adsrek-jump-bottom-banner {
  display: block !important;
  width: 100% !important;
  margin-top: 18px !important;
}

/* Внутри этой обёртки баннер не должен становиться горизонтальным элементом строки */
.adsrek-jump-bottom-banner .adsrek-bottom-banner-box {
  margin-top: 0 !important;
}

/* Скрываем старые br */
.adsrek-jump-section > br,
.jump-transitions-page > br {
  display: none !important;
}

/* Мобильная версия */
@media (max-width: 760px) {
  .adsrek-jump-section {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .adsrek-jump-static-card {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 16px !important;
  }

  .adsrek-jump-place-btn {
    width: 100% !important;
  }

  .adsrek-jump-alert {
    min-height: 48px !important;
    padding: 12px 14px !important;
  }

  .adsrek-jump-offer-card {
    grid-template-columns: 46px minmax(0, 1fr) !important;
  }

  .adsrek-jump-surfe {
    max-height: 80px !important;
  }
}

/* ============================================================
   ADSREK WORK-JUMP RESTORE + DARK ADS v46
   Возвращает нормальное оформление /work-jump:
   - статические ссылки в карточке;
   - переходы и офферы в вертикальной колонке;
   - текстовый рекламный блок тёмный, даже если у него inline background:#F0FFFF;
   - нижний 468x60 не растягивает страницу.
   ============================================================ */

.adsrek-jump-section .adsrek-jump-text-ad-wrap #wall-ad.serf-text-ob,
.adsrek-jump-section .adsrek-jump-text-ad-wrap .serf-text-ob,
.adsrek-jump-text-ad-wrap #wall-ad.serf-text-ob,
.adsrek-jump-text-ad-wrap .serf-text-ob {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: 560px !important;
  min-width: 0 !important;
  min-height: 72px !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 12px 42px 12px 14px !important;
  border-radius: 16px !important;
  background:
    radial-gradient(420px 130px at 22% 0%, rgba(90,128,196,.10), rgba(90,128,196,0) 70%),
    linear-gradient(180deg, rgba(17,28,48,.84), rgba(8,16,31,.96)) !important;
  border: 1px solid rgba(143,199,255,.16) !important;
  outline: 1px dotted rgba(143,199,255,.30) !important;
  outline-offset: -2px !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.035) !important;
  color: #eef3fb !important;
  text-shadow: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Перебивает inline цвет из базы рекламных объявлений */
.adsrek-jump-text-ad-wrap #wall-ad[style],
.adsrek-jump-text-ad-wrap .serf-text-ob[style] {
  background:
    radial-gradient(420px 130px at 22% 0%, rgba(90,128,196,.10), rgba(90,128,196,0) 70%),
    linear-gradient(180deg, rgba(17,28,48,.84), rgba(8,16,31,.96)) !important;
  color: #eef3fb !important;
}

.adsrek-jump-text-ad-wrap .serf-text-ob-title,
.adsrek-jump-text-ad-wrap #wall-ad .serf-text-ob-title {
  display: block !important;
  margin: 0 0 4px !important;
  color: #eef3fb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  word-break: break-word !important;
}

.adsrek-jump-text-ad-wrap .newdoskars,
.adsrek-jump-text-ad-wrap #wall-ad .newdoskars {
  display: block !important;
  margin: 0 0 4px !important;
  color: rgba(238,243,251,.70) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-shadow: none !important;
  word-break: break-word !important;
}

.adsrek-jump-text-ad-wrap .serf-text-ob-url-pars,
.adsrek-jump-text-ad-wrap #wall-ad .serf-text-ob-url-pars {
  display: inline-block !important;
  color: #8fc7ff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  word-break: break-word !important;
}

.adsrek-jump-text-ad-wrap .serf-text-ob-ico,
.adsrek-jump-text-ad-wrap #wall-ad .serf-text-ob-ico {
  position: absolute !important;
  top: 9px !important;
  right: 10px !important;
  width: 18px !important;
  height: 18px !important;
  opacity: .85 !important;
}

.adsrek-jump-text-ad-wrap .serf-text-ob-add,
.adsrek-jump-text-ad-wrap #wall-ad .serf-text-ob-add {
  position: absolute !important;
  right: 14px !important;
  bottom: 9px !important;
  color: rgba(143,199,255,.55) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* Нижний баннер на /work-jump */
.adsrek-jump-bottom-banner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 760px !important;
  min-height: 100px !important;
  margin: 18px auto 0 !important;
  padding: 14px 16px 10px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(5,13,25,.98), rgba(7,15,28,.94)) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.035) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  clear: both !important;
}

.adsrek-jump-bottom-banner #baner,
.adsrek-jump-bottom-banner #banner468x60_2,
.adsrek-jump-bottom-banner #banner468x60_2 a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 468px !important;
  max-width: 100% !important;
  height: 60px !important;
  max-height: 60px !important;
  min-height: 60px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

.adsrek-jump-bottom-banner #banner468x60_2 img,
.adsrek-jump-bottom-banner img.adsrek-banner-468x60 {
  display: block !important;
  width: 468px !important;
  max-width: 468px !important;
  height: 60px !important;
  max-height: 60px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  border-radius: 9px !important;
  box-sizing: border-box !important;
}

.adsrek-jump-bottom-banner .adsrek-bottom-468-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 468px !important;
  height: 22px !important;
  min-height: 22px !important;
  margin: 8px auto 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.adsrek-jump-bottom-banner .adsrek-bottom-468-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.adsrek-jump-bottom-banner .adsrek-bottom-468-actions img,
.adsrek-jump-bottom-banner .imgb {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  object-fit: contain !important;
}

/* Если вдруг старый шаблон ещё не заменён, хотя бы сделать его не белым */
#contentwrapper > .serf-text-ob#wall-ad,
#contentwrapper .serf-text-ob#wall-ad {
  background:
    radial-gradient(420px 130px at 22% 0%, rgba(90,128,196,.10), rgba(90,128,196,0) 70%),
    linear-gradient(180deg, rgba(17,28,48,.84), rgba(8,16,31,.96)) !important;
  color: #eef3fb !important;
}

/* ============================================================
   ADSREK v58 SAFE RESTORE
   ВАЖНО:
   - Откат опасных правок v53-v57.
   - Причина поломки: селектор body:has([href*="work-tg"])
     срабатывал на ЛЮБОЙ странице, потому что ссылка Telegram есть
     в левом меню. Из-за этого Telegram-иконки появились даже в
     /advm-instagram.
   - Этот файл не содержит глобальных body:has([href*="work-tg"])
     и body:has([href*="work-youtube"]) правок.
   ============================================================ */

/* Страховка: на страницах управления рекламой и Instagram не подменять иконки на Telegram */
body #contentwrapper table td:first-child {
  text-indent: initial;
}

/* Возвращаем обычное отображение внутренних иконок в админских карточках */
body #contentwrapper table td:first-child img,
body #contentwrapper table td:first-child i,
body #contentwrapper table td:first-child svg,
body #contentwrapper table td:first-child span {
  visibility: visible;
  opacity: 1;
}

/* Убираем псевдо-иконки, если они остались в кеше от старых правил */
body #contentwrapper table td:first-child::before,
body #contentwrapper table td:first-child::after {
  background-image: none;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Баннер 468x60: безопасное ограничение без привязки к страницам */
#contentwrapper #baner,
#contentwrapper #banner468x60_2,
#contentwrapper #banner468x60_2 a {
  max-width: 468px;
  max-height: 60px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

#contentwrapper #banner468x60_2 img {
  max-width: 468px;
  max-height: 60px;
  object-fit: contain;
}

/* Нижние иконки под 468x60 баннером */
#contentwrapper .adsrek-bottom-468-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  max-width: 468px;
  margin: 8px auto 0;
}

/* ============================================================
   ADSREK v59 SAFE TELEGRAM ICON FIX - CSS ONLY
   Исправляет синий квадратик на /work-tg без глобального
   body:has([href*="work-tg"]), который ломал другие страницы.
   Шаблоны .tpl НЕ трогать.
   ============================================================ */

/* Реальная причина квадратика: иконка Telegram из икон-шрифта не подгрузилась.
   Правим только элементы-иконки внутри центральной колонки, не трогаем таблицы
   и не цепляем страницы через левое меню. */

#contentwrapper i.fa-telegram,
#contentwrapper i.fa-telegram-plane,
#contentwrapper i.fa-paper-plane,
#contentwrapper span.fa-telegram,
#contentwrapper span.fa-telegram-plane,
#contentwrapper span.fa-paper-plane,
#contentwrapper em.fa-telegram,
#contentwrapper em.fa-telegram-plane,
#contentwrapper em.fa-paper-plane,
#contentwrapper i[class*="telegram"],
#contentwrapper span[class*="telegram"],
#contentwrapper em[class*="telegram"],
#contentwrapper .tg-icon,
#contentwrapper .icon-tg,
#contentwrapper .telegram-icon {
  display: inline-block !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
  margin: 0 12px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='21' y1='2' x2='21' y2='40' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2340C4FF'/%3E%3Cstop offset='0.55' stop-color='%2329A9EA'/%3E%3Cstop offset='1' stop-color='%231B86D1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='21' cy='21' r='20' fill='url(%23g)'/%3E%3Cpath fill='%23fff' d='M32.2 11.7c.5-.2 1 .2.88.76l-4.1 19.35c-.3 1.42-1.15 1.76-2.34 1.1l-6.25-4.6-3.02 2.9c-.34.34-.62.62-1.27.62l.45-6.36 11.58-10.46c.5-.45-.11-.7-.78-.25L13.05 23.8l-6.17-1.93c-1.34-.42-1.36-1.34.28-1.98L32.2 11.7z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 42px 42px !important;
  box-shadow: 0 9px 18px rgba(20,121,196,.22) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  vertical-align: middle !important;
}

/* Отключаем символ из FontAwesome, который показывался как синий квадрат */
#contentwrapper i.fa-telegram::before,
#contentwrapper i.fa-telegram-plane::before,
#contentwrapper i.fa-paper-plane::before,
#contentwrapper span.fa-telegram::before,
#contentwrapper span.fa-telegram-plane::before,
#contentwrapper span.fa-paper-plane::before,
#contentwrapper em.fa-telegram::before,
#contentwrapper em.fa-telegram-plane::before,
#contentwrapper em.fa-paper-plane::before,
#contentwrapper i[class*="telegram"]::before,
#contentwrapper span[class*="telegram"]::before,
#contentwrapper em[class*="telegram"]::before,
#contentwrapper .tg-icon::before,
#contentwrapper .icon-tg::before,
#contentwrapper .telegram-icon::before,
#contentwrapper i.fa-telegram::after,
#contentwrapper i.fa-telegram-plane::after,
#contentwrapper i.fa-paper-plane::after,
#contentwrapper span.fa-telegram::after,
#contentwrapper span.fa-telegram-plane::after,
#contentwrapper span.fa-paper-plane::after,
#contentwrapper em.fa-telegram::after,
#contentwrapper em.fa-telegram-plane::after,
#contentwrapper em.fa-paper-plane::after,
#contentwrapper i[class*="telegram"]::after,
#contentwrapper span[class*="telegram"]::after,
#contentwrapper em[class*="telegram"]::after,
#contentwrapper .tg-icon::after,
#contentwrapper .icon-tg::after,
#contentwrapper .telegram-icon::after {
  content: none !important;
  display: none !important;
}

/* Если иконка сидит в ссылке, не даём ей подчеркиваться */
#contentwrapper a i.fa-telegram,
#contentwrapper a i.fa-telegram-plane,
#contentwrapper a span.fa-telegram,
#contentwrapper a span.fa-telegram-plane {
  text-decoration: none !important;
}

/* ============================================================
   ADSREK v60 WORK-INSTAGRAM DESIGN - CSS ONLY
   Без опасных body:has([href*="..."]) правил.
   Цепляется только за центральный #contentwrapper, где реально есть Instagram.
   Шаблоны .tpl НЕ трогать.
   ============================================================ */

/* Центральная Instagram-страница */
#contentwrapper:has(img[src*="instagram"]),
#contentwrapper:has(img[src*="Instagram"]),
#contentwrapper:has([class*="instagram"]) {
  --ig-card-bg: linear-gradient(180deg, rgba(17,30,52,.94), rgba(8,16,31,.99));
  --ig-card-border: rgba(143,199,255,.13);
  --ig-blue: #8fc7ff;
  --ig-text: #eef3fb;
  --ig-muted: rgba(238,243,251,.62);
}

/* Заголовок и панель вкладок */
#contentwrapper:has(img[src*="instagram"]) .titles,
#contentwrapper:has(img[src*="Instagram"]) .titles,
#contentwrapper:has([class*="instagram"]) .titles {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#contentwrapper:has(img[src*="instagram"]) .titles + .job-note,
#contentwrapper:has(img[src*="Instagram"]) .titles + .job-note,
#contentwrapper:has([class*="instagram"]) .titles + .job-note {
  width: 100% !important;
  max-width: 760px !important;
  min-height: 82px !important;
  margin: 0 auto 18px !important;
  padding: 16px 18px !important;
  border-radius: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  background:
    radial-gradient(520px 160px at 50% 0%, rgba(90,128,196,.12), rgba(90,128,196,0) 68%),
    linear-gradient(180deg, rgba(11,23,41,.90), rgba(6,14,27,.97)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow: 0 18px 36px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.035) !important;
  box-sizing: border-box !important;
}

/* Кнопки вкладок Instagram */
#contentwrapper:has(img[src*="instagram"]) .titles + .job-note a,
#contentwrapper:has(img[src*="Instagram"]) .titles + .job-note a,
#contentwrapper:has([class*="instagram"]) .titles + .job-note a,
#contentwrapper:has(img[src*="instagram"]) .titles + .job-note button,
#contentwrapper:has(img[src*="Instagram"]) .titles + .job-note button,
#contentwrapper:has([class*="instagram"]) .titles + .job-note button,
#contentwrapper:has(img[src*="instagram"]) .titles + .job-note .btn,
#contentwrapper:has(img[src*="Instagram"]) .titles + .job-note .btn,
#contentwrapper:has([class*="instagram"]) .titles + .job-note .btn,
#contentwrapper:has(img[src*="instagram"]) .titles + .job-note .button2,
#contentwrapper:has(img[src*="Instagram"]) .titles + .job-note .button2,
#contentwrapper:has([class*="instagram"]) .titles + .job-note .button2 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 92px !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background:
    radial-gradient(220px 80px at 50% 0%, rgba(255,255,255,.10), rgba(255,255,255,0) 70%),
    linear-gradient(180deg, rgba(34,49,74,.96), rgba(19,31,51,.99)) !important;
  color: rgba(238,243,251,.88) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 9px 18px rgba(0,0,0,.12) !important;
}

/* Активная вкладка / hover */
#contentwrapper:has(img[src*="instagram"]) .titles + .job-note a:hover,
#contentwrapper:has(img[src*="Instagram"]) .titles + .job-note a:hover,
#contentwrapper:has([class*="instagram"]) .titles + .job-note a:hover,
#contentwrapper:has(img[src*="instagram"]) .titles + .job-note button:hover,
#contentwrapper:has(img[src*="Instagram"]) .titles + .job-note button:hover,
#contentwrapper:has([class*="instagram"]) .titles + .job-note button:hover {
  transform: translateY(-1px) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 12px 24px rgba(0,0,0,.18) !important;
}

/* Блок задания Instagram */
#contentwrapper table:has(img[src*="instagram"]),
#contentwrapper table:has(img[src*="Instagram"]) {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 12px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#contentwrapper table:has(img[src*="instagram"]) > tbody > tr,
#contentwrapper table:has(img[src*="Instagram"]) > tbody > tr {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 82px !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(460px 150px at 18% 0%, rgba(228,64,95,.13), rgba(228,64,95,0) 72%),
    radial-gradient(420px 140px at 82% 0%, rgba(131,58,180,.12), rgba(131,58,180,0) 72%),
    linear-gradient(180deg, rgba(17,30,52,.94), rgba(8,16,31,.99)) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#contentwrapper table:has(img[src*="instagram"]) > tbody > tr > td,
#contentwrapper table:has(img[src*="Instagram"]) > tbody > tr > td {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--ig-text) !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

/* Instagram-иконка */
#contentwrapper table:has(img[src*="instagram"]) img[src*="instagram"],
#contentwrapper table:has(img[src*="Instagram"]) img[src*="Instagram"],
#contentwrapper img[src*="instagram"],
#contentwrapper img[src*="Instagram"] {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  display: block !important;
  box-shadow: 0 10px 18px rgba(228,64,95,.20), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

/* Центр карточки */
#contentwrapper table:has(img[src*="instagram"]) > tbody > tr > td:nth-child(2),
#contentwrapper table:has(img[src*="Instagram"]) > tbody > tr > td:nth-child(2) {
  color: var(--ig-muted) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

#contentwrapper table:has(img[src*="instagram"]) > tbody > tr > td:nth-child(2) b,
#contentwrapper table:has(img[src*="Instagram"]) > tbody > tr > td:nth-child(2) b,
#contentwrapper table:has(img[src*="instagram"]) > tbody > tr > td:nth-child(2) a,
#contentwrapper table:has(img[src*="Instagram"]) > tbody > tr > td:nth-child(2) a {
  color: #fff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

/* Правая часть: цена, vip, кнопки */
#contentwrapper table:has(img[src*="instagram"]) > tbody > tr > td:last-child,
#contentwrapper table:has(img[src*="Instagram"]) > tbody > tr > td:last-child {
  min-width: 155px !important;
  text-align: right !important;
  color: #eef3fb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

#contentwrapper table:has(img[src*="instagram"]) .btn,
#contentwrapper table:has(img[src*="Instagram"]) .btn,
#contentwrapper table:has(img[src*="instagram"]) .button2,
#contentwrapper table:has(img[src*="Instagram"]) .button2,
#contentwrapper table:has(img[src*="instagram"]) button,
#contentwrapper table:has(img[src*="Instagram"]) button,
#contentwrapper table:has(img[src*="instagram"]) input[type="submit"],
#contentwrapper table:has(img[src*="Instagram"]) input[type="submit"],
#contentwrapper table:has(img[src*="instagram"]) input[type="button"],
#contentwrapper table:has(img[src*="Instagram"]) input[type="button"] {
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(180px 70px at 50% 0%, rgba(255,255,255,.10), rgba(255,255,255,0) 70%),
    linear-gradient(180deg, rgba(43,61,90,.96), rgba(20,32,52,.99)) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 8px 16px rgba(0,0,0,.16) !important;
}

/* Ссылка "Разместить свою подписку" */
#contentwrapper:has(img[src*="instagram"]) a[href*="advm-instagram"],
#contentwrapper:has(img[src*="Instagram"]) a[href*="advm-instagram"],
#contentwrapper:has([class*="instagram"]) a[href*="advm-instagram"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  margin: 10px 0 0 auto !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  color: rgba(238,243,251,.86) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  background: linear-gradient(180deg, rgba(34,49,74,.86), rgba(12,23,40,.94)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* Текстовая реклама внутри Instagram-страницы */
#contentwrapper:has(img[src*="instagram"]) .serf-text-ob#wall-ad,
#contentwrapper:has(img[src*="Instagram"]) .serf-text-ob#wall-ad {
  width: 100% !important;
  max-width: 760px !important;
  min-height: 76px !important;
  margin: 18px auto 18px !important;
  padding: 14px 44px 14px 16px !important;
  border-radius: 17px !important;
  background:
    radial-gradient(440px 135px at 20% 0%, rgba(90,128,196,.11), rgba(90,128,196,0) 72%),
    linear-gradient(180deg, rgba(18,30,52,.88), rgba(8,16,31,.98)) !important;
  border: 1px solid rgba(143,199,255,.16) !important;
  outline: 1px dotted rgba(143,199,255,.24) !important;
  outline-offset: -2px !important;
  color: #eef3fb !important;
  box-sizing: border-box !important;
}

/* Мобильная версия */
@media (max-width: 760px) {
  #contentwrapper table:has(img[src*="instagram"]) > tbody > tr,
  #contentwrapper table:has(img[src*="Instagram"]) > tbody > tr {
    grid-template-columns: 48px minmax(0, 1fr) !important;
  }

  #contentwrapper table:has(img[src*="instagram"]) > tbody > tr > td:last-child,
  #contentwrapper table:has(img[src*="Instagram"]) > tbody > tr > td:last-child {
    grid-column: 2 !important;
    min-width: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    margin-top: 6px !important;
  }

  #contentwrapper:has(img[src*="instagram"]) .titles + .job-note,
  #contentwrapper:has(img[src*="Instagram"]) .titles + .job-note {
    padding: 12px !important;
    gap: 8px !important;
  }
}

/* ============================================================
   ADSREK v61 WORK-RUTUBE DESIGN - CSS ONLY
   Страница /work-rutube.
   Без опасных body:has([href*="..."]) правил.
   Цепляется только за центральный #contentwrapper.
   Шаблоны .tpl НЕ трогать.
   ============================================================ */

/* Безопасная зона Rutube: только центральный контент с Rutube-иконкой/классом */
#contentwrapper:has(img[src*="rutube"]),
#contentwrapper:has(img[src*="RuTube"]),
#contentwrapper:has(img[src*="rutub"]),
#contentwrapper:has([class*="rutube"]),
#contentwrapper:has([class*="RuTube"]) {
  --rt-card-bg: linear-gradient(180deg, rgba(17,30,52,.94), rgba(8,16,31,.99));
  --rt-card-border: rgba(143,199,255,.13);
  --rt-blue: #8fc7ff;
  --rt-text: #eef3fb;
  --rt-muted: rgba(238,243,251,.62);
}

/* Заголовок страницы */
#contentwrapper:has(img[src*="rutube"]) .titles,
#contentwrapper:has(img[src*="RuTube"]) .titles,
#contentwrapper:has(img[src*="rutub"]) .titles,
#contentwrapper:has([class*="rutube"]) .titles,
#contentwrapper:has([class*="RuTube"]) .titles {
  width: 100% !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Строка "Просмотр видео" и инструкция */
#contentwrapper:has(img[src*="rutube"]) font[color="#00A8FF"],
#contentwrapper:has(img[src*="RuTube"]) font[color="#00A8FF"],
#contentwrapper:has(img[src*="rutub"]) font[color="#00A8FF"],
#contentwrapper:has([class*="rutube"]) font[color="#00A8FF"],
#contentwrapper:has([class*="RuTube"]) font[color="#00A8FF"],
#contentwrapper:has(img[src*="rutube"]) font[color="#00a8ff"],
#contentwrapper:has(img[src*="RuTube"]) font[color="#00a8ff"],
#contentwrapper:has(img[src*="rutub"]) font[color="#00a8ff"],
#contentwrapper:has([class*="rutube"]) font[color="#00a8ff"],
#contentwrapper:has([class*="RuTube"]) font[color="#00a8ff"] {
  color: #8fc7ff !important;
  font-weight: 900 !important;
  font-size: 13px !important;
}

#contentwrapper:has(img[src*="rutube"]) font[color="red"],
#contentwrapper:has(img[src*="RuTube"]) font[color="red"],
#contentwrapper:has(img[src*="rutub"]) font[color="red"],
#contentwrapper:has([class*="rutube"]) font[color="red"],
#contentwrapper:has([class*="RuTube"]) font[color="red"],
#contentwrapper:has(img[src*="rutube"]) font[color="#ff0000"],
#contentwrapper:has(img[src*="RuTube"]) font[color="#ff0000"],
#contentwrapper:has(img[src*="rutub"]) font[color="#ff0000"],
#contentwrapper:has([class*="rutube"]) font[color="#ff0000"],
#contentwrapper:has([class*="RuTube"]) font[color="#ff0000"],
#contentwrapper:has(img[src*="rutube"]) font[color="#FF0000"],
#contentwrapper:has(img[src*="RuTube"]) font[color="#FF0000"],
#contentwrapper:has(img[src*="rutub"]) font[color="#FF0000"],
#contentwrapper:has([class*="rutube"]) font[color="#FF0000"],
#contentwrapper:has([class*="RuTube"]) font[color="#FF0000"] {
  color: #ff5b5b !important;
  font-weight: 900 !important;
  font-size: 13px !important;
}

/* Таблица задания Rutube */
#contentwrapper table:has(img[src*="rutube"]),
#contentwrapper table:has(img[src*="RuTube"]),
#contentwrapper table:has(img[src*="rutub"]),
#contentwrapper table:has([class*="rutube"]),
#contentwrapper table:has([class*="RuTube"]) {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 12px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Карточка задания */
#contentwrapper table:has(img[src*="rutube"]) > tbody > tr,
#contentwrapper table:has(img[src*="RuTube"]) > tbody > tr,
#contentwrapper table:has(img[src*="rutub"]) > tbody > tr,
#contentwrapper table:has([class*="rutube"]) > tbody > tr,
#contentwrapper table:has([class*="RuTube"]) > tbody > tr {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 155px !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 82px !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(460px 150px at 18% 0%, rgba(0,214,255,.12), rgba(0,214,255,0) 72%),
    radial-gradient(420px 140px at 82% 0%, rgba(55,125,255,.10), rgba(55,125,255,0) 72%),
    linear-gradient(180deg, rgba(17,30,52,.94), rgba(8,16,31,.99)) !important;
  border: 1px solid rgba(143,199,255,.13) !important;
  box-shadow:
    0 14px 30px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#contentwrapper table:has(img[src*="rutube"]) > tbody > tr > td,
#contentwrapper table:has(img[src*="RuTube"]) > tbody > tr > td,
#contentwrapper table:has(img[src*="rutub"]) > tbody > tr > td,
#contentwrapper table:has([class*="rutube"]) > tbody > tr > td,
#contentwrapper table:has([class*="RuTube"]) > tbody > tr > td {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #eef3fb !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

/* Иконка Rutube */
#contentwrapper table:has(img[src*="rutube"]) img[src*="rutube"],
#contentwrapper table:has(img[src*="RuTube"]) img[src*="RuTube"],
#contentwrapper table:has(img[src*="rutub"]) img[src*="rutub"],
#contentwrapper img[src*="rutube"],
#contentwrapper img[src*="RuTube"],
#contentwrapper img[src*="rutub"] {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
  border-radius: 11px !important;
  object-fit: contain !important;
  display: block !important;
  background: linear-gradient(180deg, rgba(11,20,35,.96), rgba(4,10,20,.99)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 10px 18px rgba(0,214,255,.16), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Если иконка Rutube сделана через класс, а не картинку */
#contentwrapper table:has([class*="rutube"]) [class*="rutube"],
#contentwrapper table:has([class*="RuTube"]) [class*="RuTube"] {
  max-width: 42px !important;
  max-height: 42px !important;
}

/* Центральная часть карточки */
#contentwrapper table:has(img[src*="rutube"]) > tbody > tr > td:nth-child(2),
#contentwrapper table:has(img[src*="RuTube"]) > tbody > tr > td:nth-child(2),
#contentwrapper table:has(img[src*="rutub"]) > tbody > tr > td:nth-child(2),
#contentwrapper table:has([class*="rutube"]) > tbody > tr > td:nth-child(2),
#contentwrapper table:has([class*="RuTube"]) > tbody > tr > td:nth-child(2) {
  color: rgba(238,243,251,.74) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

#contentwrapper table:has(img[src*="rutube"]) > tbody > tr > td:nth-child(2) b,
#contentwrapper table:has(img[src*="RuTube"]) > tbody > tr > td:nth-child(2) b,
#contentwrapper table:has(img[src*="rutub"]) > tbody > tr > td:nth-child(2) b,
#contentwrapper table:has([class*="rutube"]) > tbody > tr > td:nth-child(2) b,
#contentwrapper table:has([class*="RuTube"]) > tbody > tr > td:nth-child(2) b,
#contentwrapper table:has(img[src*="rutube"]) > tbody > tr > td:nth-child(2) a,
#contentwrapper table:has(img[src*="RuTube"]) > tbody > tr > td:nth-child(2) a,
#contentwrapper table:has(img[src*="rutub"]) > tbody > tr > td:nth-child(2) a,
#contentwrapper table:has([class*="rutube"]) > tbody > tr > td:nth-child(2) a,
#contentwrapper table:has([class*="RuTube"]) > tbody > tr > td:nth-child(2) a {
  color: #8fc7ff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

/* Правая часть: цена/таймер/иконки */
#contentwrapper table:has(img[src*="rutube"]) > tbody > tr > td:last-child,
#contentwrapper table:has(img[src*="RuTube"]) > tbody > tr > td:last-child,
#contentwrapper table:has(img[src*="rutub"]) > tbody > tr > td:last-child,
#contentwrapper table:has([class*="rutube"]) > tbody > tr > td:last-child,
#contentwrapper table:has([class*="RuTube"]) > tbody > tr > td:last-child {
  min-width: 150px !important;
  text-align: right !important;
  color: #eef3fb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

/* Кнопки внутри Rutube карточек */
#contentwrapper table:has(img[src*="rutube"]) .btn,
#contentwrapper table:has(img[src*="RuTube"]) .btn,
#contentwrapper table:has(img[src*="rutub"]) .btn,
#contentwrapper table:has([class*="rutube"]) .btn,
#contentwrapper table:has([class*="RuTube"]) .btn,
#contentwrapper table:has(img[src*="rutube"]) .button2,
#contentwrapper table:has(img[src*="RuTube"]) .button2,
#contentwrapper table:has(img[src*="rutub"]) .button2,
#contentwrapper table:has([class*="rutube"]) .button2,
#contentwrapper table:has([class*="RuTube"]) .button2,
#contentwrapper table:has(img[src*="rutube"]) button,
#contentwrapper table:has(img[src*="RuTube"]) button,
#contentwrapper table:has(img[src*="rutub"]) button,
#contentwrapper table:has([class*="rutube"]) button,
#contentwrapper table:has([class*="RuTube"]) button,
#contentwrapper table:has(img[src*="rutube"]) input[type="submit"],
#contentwrapper table:has(img[src*="RuTube"]) input[type="submit"],
#contentwrapper table:has(img[src*="rutub"]) input[type="submit"],
#contentwrapper table:has([class*="rutube"]) input[type="submit"],
#contentwrapper table:has([class*="RuTube"]) input[type="submit"] {
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(180px 70px at 50% 0%, rgba(255,255,255,.10), rgba(255,255,255,0) 70%),
    linear-gradient(180deg, rgba(43,61,90,.96), rgba(20,32,52,.99)) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 8px 16px rgba(0,0,0,.16) !important;
}

/* Текстовый рекламный блок */
#contentwrapper:has(img[src*="rutube"]) .serf-text-ob#wall-ad,
#contentwrapper:has(img[src*="RuTube"]) .serf-text-ob#wall-ad,
#contentwrapper:has(img[src*="rutub"]) .serf-text-ob#wall-ad,
#contentwrapper:has([class*="rutube"]) .serf-text-ob#wall-ad,
#contentwrapper:has([class*="RuTube"]) .serf-text-ob#wall-ad {
  width: 100% !important;
  max-width: 760px !important;
  min-height: 76px !important;
  margin: 18px auto 18px !important;
  padding: 14px 44px 14px 16px !important;
  border-radius: 17px !important;
  background:
    radial-gradient(440px 135px at 20% 0%, rgba(90,128,196,.11), rgba(90,128,196,0) 72%),
    linear-gradient(180deg, rgba(18,30,52,.88), rgba(8,16,31,.98)) !important;
  border: 1px solid rgba(143,199,255,.16) !important;
  outline: 1px dotted rgba(143,199,255,.24) !important;
  outline-offset: -2px !important;
  color: #eef3fb !important;
  box-sizing: border-box !important;
}

/* Мобильная версия */
@media (max-width: 760px) {
  #contentwrapper table:has(img[src*="rutube"]) > tbody > tr,
  #contentwrapper table:has(img[src*="RuTube"]) > tbody > tr,
  #contentwrapper table:has(img[src*="rutub"]) > tbody > tr,
  #contentwrapper table:has([class*="rutube"]) > tbody > tr,
  #contentwrapper table:has([class*="RuTube"]) > tbody > tr {
    grid-template-columns: 48px minmax(0, 1fr) !important;
  }

  #contentwrapper table:has(img[src*="rutube"]) > tbody > tr > td:last-child,
  #contentwrapper table:has(img[src*="RuTube"]) > tbody > tr > td:last-child,
  #contentwrapper table:has(img[src*="rutub"]) > tbody > tr > td:last-child,
  #contentwrapper table:has([class*="rutube"]) > tbody > tr > td:last-child,
  #contentwrapper table:has([class*="RuTube"]) > tbody > tr > td:last-child {
    grid-column: 2 !important;
    min-width: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    margin-top: 6px !important;
  }
}

/* ============================================================
   ADSREK v62 WORK-OFFERS DESIGN - CSS ONLY
   Страница /work-offers.
   Без body:has([href*="work-offers"]) — не цепляет левое меню.
   Шаблоны .tpl НЕ трогать.
   ============================================================ */

/* Безопасный детектор страницы офферов:
   в центральном #contentwrapper есть iframe офферволла и ссылки/кнопки work-offers */
#contentwrapper:has(iframe):has(a[href*="work-offers"]),
#contentwrapper:has(iframe):has(form[action*="work-offers"]),
#contentwrapper:has(iframe):has([class*="offer"]),
#contentwrapper:has(iframe):has([id*="offer"]) {
  --offer-text: #eef3fb;
  --offer-muted: rgba(238,243,251,.68);
  --offer-blue: #8fc7ff;
  --offer-border: rgba(143,199,255,.13);
  --offer-panel: linear-gradient(180deg, rgba(17,30,52,.94), rgba(8,16,31,.99));
}

/* Заголовок Offers */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) .titles,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) .titles,
#contentwrapper:has(iframe):has([class*="offer"]) .titles,
#contentwrapper:has(iframe):has([id*="offer"]) .titles {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 18px !important;
  min-height: 48px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(520px 120px at 50% 0%, rgba(143,199,255,.10), rgba(143,199,255,0) 72%),
    linear-gradient(180deg, rgba(5,13,25,.96), rgba(2,8,17,.99)) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.035) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
}

/* Верхний информационный блок */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) .job-note,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) .job-note,
#contentwrapper:has(iframe):has([class*="offer"]) .job-note,
#contentwrapper:has(iframe):has([id*="offer"]) .job-note {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 16px !important;
  padding: 16px 18px !important;
  border-radius: 17px !important;
  background:
    radial-gradient(520px 150px at 20% 0%, rgba(42,116,255,.17), rgba(42,116,255,0) 72%),
    linear-gradient(180deg, rgba(18,38,72,.92), rgba(10,23,45,.98)) !important;
  border: 1px solid rgba(91,157,255,.24) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
  color: rgba(238,243,251,.92) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  box-sizing: border-box !important;
}

/* Панель выбора офферволла */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) .job-note + div,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) .job-note + div,
#contentwrapper:has(iframe):has([class*="offer"]) .job-note + div,
#contentwrapper:has(iframe):has([id*="offer"]) .job-note + div {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 20px !important;
  padding: 16px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(520px 150px at 50% 0%, rgba(143,199,255,.08), rgba(143,199,255,0) 72%),
    linear-gradient(180deg, rgba(18,30,52,.84), rgba(7,15,29,.96)) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.035) !important;
  box-sizing: border-box !important;
}

/* Кнопки офферволлов */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) a[href*="work-offers"],
#contentwrapper:has(iframe):has(form[action*="work-offers"]) a[href*="work-offers"],
#contentwrapper:has(iframe):has([class*="offer"]) a[href*="work-offers"],
#contentwrapper:has(iframe):has([id*="offer"]) a[href*="work-offers"],
#contentwrapper:has(iframe):has(a[href*="work-offers"]) input[type="button"],
#contentwrapper:has(iframe):has(a[href*="work-offers"]) input[type="submit"],
#contentwrapper:has(iframe):has(a[href*="work-offers"]) button,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) input[type="button"],
#contentwrapper:has(iframe):has(form[action*="work-offers"]) input[type="submit"],
#contentwrapper:has(iframe):has(form[action*="work-offers"]) button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 148px !important;
  min-height: 56px !important;
  margin: 6px !important;
  padding: 0 18px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background:
    radial-gradient(220px 80px at 50% 0%, rgba(255,255,255,.10), rgba(255,255,255,0) 70%),
    linear-gradient(180deg, rgba(39,55,80,.96), rgba(19,31,51,.99)) !important;
  color: rgba(238,243,251,.90) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 10px 20px rgba(0,0,0,.13) !important;
  box-sizing: border-box !important;
}

#contentwrapper:has(iframe):has(a[href*="work-offers"]) a[href*="work-offers"]:hover,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) a[href*="work-offers"]:hover,
#contentwrapper:has(iframe):has([class*="offer"]) a[href*="work-offers"]:hover,
#contentwrapper:has(iframe):has([id*="offer"]) a[href*="work-offers"]:hover,
#contentwrapper:has(iframe):has(a[href*="work-offers"]) button:hover,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) button:hover {
  transform: translateY(-1px) !important;
  color: #fff !important;
  border-color: rgba(143,199,255,.24) !important;
  background:
    radial-gradient(220px 80px at 50% 0%, rgba(143,199,255,.16), rgba(143,199,255,0) 70%),
    linear-gradient(180deg, rgba(45,65,96,.98), rgba(20,34,58,.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 14px 26px rgba(0,0,0,.18) !important;
}

/* Активная кнопка офферволла */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) a.active,
#contentwrapper:has(iframe):has(a[href*="work-offers"]) .active a,
#contentwrapper:has(iframe):has(a[href*="work-offers"]) .button2.active,
#contentwrapper:has(iframe):has(a[href*="work-offers"]) input.active,
#contentwrapper:has(iframe):has(a[href*="work-offers"]) button.active {
  color: #fff !important;
  border-color: rgba(143,199,255,.34) !important;
  background:
    radial-gradient(240px 90px at 50% 0%, rgba(126,181,255,.22), rgba(126,181,255,0) 72%),
    linear-gradient(180deg, rgba(50,75,112,.98), rgba(20,38,68,.99)) !important;
}

/* Обертка iframe офферволла */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) iframe,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) iframe,
#contentwrapper:has(iframe):has([class*="offer"]) iframe,
#contentwrapper:has(iframe):has([id*="offer"]) iframe {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  min-height: 540px !important;
  margin: 0 auto 18px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(44,112,255,.30) !important;
  background: #03070d !important;
  box-shadow:
    0 22px 45px rgba(0,0,0,.24),
    0 0 0 1px rgba(255,255,255,.035) inset !important;
  overflow: hidden !important;
}

/* Если iframe лежит внутри div/center — делаем аккуратную карточку */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) iframe,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) iframe {
  box-sizing: border-box !important;
}

/* Сглаживание лишних таблиц/центров вокруг iframe */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) center,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) center,
#contentwrapper:has(iframe):has([class*="offer"]) center,
#contentwrapper:has(iframe):has([id*="offer"]) center {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Небольшая защита от выпирания */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) *,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) *,
#contentwrapper:has(iframe):has([class*="offer"]) *,
#contentwrapper:has(iframe):has([id*="offer"]) * {
  box-sizing: border-box !important;
}

/* Мобильная версия */
@media (max-width: 760px) {
  #contentwrapper:has(iframe):has(a[href*="work-offers"]) a[href*="work-offers"],
  #contentwrapper:has(iframe):has(form[action*="work-offers"]) a[href*="work-offers"],
  #contentwrapper:has(iframe):has([class*="offer"]) a[href*="work-offers"],
  #contentwrapper:has(iframe):has([id*="offer"]) a[href*="work-offers"] {
    min-width: calc(50% - 14px) !important;
  }

  #contentwrapper:has(iframe):has(a[href*="work-offers"]) .job-note + div,
  #contentwrapper:has(iframe):has(form[action*="work-offers"]) .job-note + div,
  #contentwrapper:has(iframe):has([class*="offer"]) .job-note + div,
  #contentwrapper:has(iframe):has([id*="offer"]) .job-note + div {
    padding: 12px !important;
  }

  #contentwrapper:has(iframe):has(a[href*="work-offers"]) iframe,
  #contentwrapper:has(iframe):has(form[action*="work-offers"]) iframe,
  #contentwrapper:has(iframe):has([class*="offer"]) iframe,
  #contentwrapper:has(iframe):has([id*="offer"]) iframe {
    min-height: 480px !important;
  }
}

/* ============================================================
   ADSREK v63 WORK-OFFERS VISUAL POLISH
   Более аккуратный и премиальный вид страницы /work-offers.
   Без правок tpl. Только CSS.
   ============================================================ */

#contentwrapper:has(iframe):has(a[href*="work-offers"]),
#contentwrapper:has(iframe):has(form[action*="work-offers"]),
#contentwrapper:has(iframe):has([class*="offer"]),
#contentwrapper:has(iframe):has([id*="offer"]) {
  --ow-text: #f2f6ff;
  --ow-muted: rgba(242,246,255,.74);
  --ow-blue: #79b8ff;
  --ow-blue-2: #4f8df1;
  --ow-panel: linear-gradient(180deg, rgba(16,28,49,.94), rgba(8,15,28,.98));
}

/* Основной контейнер контента страницы offers */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) > div:last-of-type,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) > div:last-of-type,
#contentwrapper:has(iframe):has([class*="offer"]) > div:last-of-type,
#contentwrapper:has(iframe):has([id*="offer"]) > div:last-of-type {
  position: relative !important;
}

/* Заголовок */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) .titles,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) .titles,
#contentwrapper:has(iframe):has([class*="offer"]) .titles,
#contentwrapper:has(iframe):has([id*="offer"]) .titles {
  max-width: 760px !important;
  min-height: 52px !important;
  margin: 0 auto 18px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(540px 120px at 50% 0%, rgba(121,184,255,.11), rgba(121,184,255,0) 74%),
    linear-gradient(180deg, rgba(4,10,20,.98), rgba(4,9,18,.98)) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  box-shadow:
    0 18px 34px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}

/* Информационный блок */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) .job-note,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) .job-note,
#contentwrapper:has(iframe):has([class*="offer"]) .job-note,
#contentwrapper:has(iframe):has([id*="offer"]) .job-note {
  max-width: 760px !important;
  margin: 0 auto 16px !important;
  padding: 18px 20px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(560px 170px at 15% 0%, rgba(45,112,255,.18), rgba(45,112,255,0) 72%),
    linear-gradient(180deg, rgba(14,39,82,.96), rgba(11,23,47,.98)) !important;
  border: 1px solid rgba(105,166,255,.24) !important;
  box-shadow:
    0 18px 36px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  color: rgba(242,246,255,.95) !important;
  line-height: 1.58 !important;
}

/* Панель кнопок офферволлов */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) .job-note + div,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) .job-note + div,
#contentwrapper:has(iframe):has([class*="offer"]) .job-note + div,
#contentwrapper:has(iframe):has([id*="offer"]) .job-note + div {
  max-width: 760px !important;
  margin: 0 auto 18px !important;
  padding: 18px 16px 14px !important;
  border-radius: 22px !important;
  background:
    radial-gradient(560px 160px at 50% 0%, rgba(121,184,255,.08), rgba(121,184,255,0) 74%),
    linear-gradient(180deg, rgba(25,36,58,.78), rgba(12,20,36,.96)) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px 12px !important;
}

/* Кнопки */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) a[href*="work-offers"],
#contentwrapper:has(iframe):has(form[action*="work-offers"]) a[href*="work-offers"],
#contentwrapper:has(iframe):has([class*="offer"]) a[href*="work-offers"],
#contentwrapper:has(iframe):has([id*="offer"]) a[href*="work-offers"],
#contentwrapper:has(iframe):has(a[href*="work-offers"]) input[type="button"],
#contentwrapper:has(iframe):has(a[href*="work-offers"]) input[type="submit"],
#contentwrapper:has(iframe):has(a[href*="work-offers"]) button,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) input[type="button"],
#contentwrapper:has(iframe):has(form[action*="work-offers"]) input[type="submit"],
#contentwrapper:has(iframe):has(form[action*="work-offers"]) button {
  min-width: 126px !important;
  width: 126px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background:
    radial-gradient(160px 80px at 50% 0%, rgba(255,255,255,.10), rgba(255,255,255,0) 72%),
    linear-gradient(180deg, rgba(45,60,84,.96), rgba(20,32,53,.99)) !important;
  color: rgba(242,246,255,.92) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow:
    0 10px 20px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

#contentwrapper:has(iframe):has(a[href*="work-offers"]) a[href*="work-offers"]:hover,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) a[href*="work-offers"]:hover,
#contentwrapper:has(iframe):has([class*="offer"]) a[href*="work-offers"]:hover,
#contentwrapper:has(iframe):has([id*="offer"]) a[href*="work-offers"]:hover,
#contentwrapper:has(iframe):has(a[href*="work-offers"]) button:hover,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) button:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(121,184,255,.26) !important;
  color: #fff !important;
  background:
    radial-gradient(180px 86px at 50% 0%, rgba(121,184,255,.16), rgba(121,184,255,0) 72%),
    linear-gradient(180deg, rgba(49,70,104,.98), rgba(23,39,66,.99)) !important;
  box-shadow:
    0 16px 28px rgba(0,0,0,.18),
    0 0 0 1px rgba(121,184,255,.06),
    inset 0 1px 0 rgba(255,255,255,.065) !important;
}

/* Активная кнопка */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) a.active,
#contentwrapper:has(iframe):has(a[href*="work-offers"]) .active a,
#contentwrapper:has(iframe):has(a[href*="work-offers"]) .button2.active,
#contentwrapper:has(iframe):has(a[href*="work-offers"]) input.active,
#contentwrapper:has(iframe):has(a[href*="work-offers"]) button.active,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) a.active,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) .active a {
  color: #fff !important;
  border-color: rgba(128,188,255,.40) !important;
  background:
    radial-gradient(200px 90px at 50% 0%, rgba(132,189,255,.25), rgba(132,189,255,0) 74%),
    linear-gradient(180deg, rgba(60,92,140,.98), rgba(28,49,85,.99)) !important;
  box-shadow:
    0 16px 30px rgba(0,0,0,.20),
    0 0 0 1px rgba(128,188,255,.10),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
}

/* Блок с iframe — как основная карточка */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) iframe,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) iframe,
#contentwrapper:has(iframe):has([class*="offer"]) iframe,
#contentwrapper:has(iframe):has([id*="offer"]) iframe {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  min-height: 600px !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  border-radius: 24px !important;
  border: 1px solid rgba(57,123,255,.28) !important;
  background: #02050b !important;
  box-shadow:
    0 26px 48px rgba(0,0,0,.24),
    0 0 0 6px rgba(11,33,74,.42),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
  overflow: hidden !important;
}

/* Центровка всех возможных внешних оберток рядом с iframe */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) center,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) center,
#contentwrapper:has(iframe):has([class*="offer"]) center,
#contentwrapper:has(iframe):has([id*="offer"]) center,
#contentwrapper:has(iframe):has(a[href*="work-offers"]) table,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) table {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Небольшой воздух под iframe */
#contentwrapper:has(iframe):has(a[href*="work-offers"]) iframe + *,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) iframe + * {
  margin-top: 14px !important;
}

/* Мобильная адаптация */
@media (max-width: 860px) {
  #contentwrapper:has(iframe):has(a[href*="work-offers"]) .job-note + div,
  #contentwrapper:has(iframe):has(form[action*="work-offers"]) .job-note + div,
  #contentwrapper:has(iframe):has([class*="offer"]) .job-note + div,
  #contentwrapper:has(iframe):has([id*="offer"]) .job-note + div {
    padding: 14px !important;
  }

  #contentwrapper:has(iframe):has(a[href*="work-offers"]) a[href*="work-offers"],
  #contentwrapper:has(iframe):has(form[action*="work-offers"]) a[href*="work-offers"],
  #contentwrapper:has(iframe):has([class*="offer"]) a[href*="work-offers"],
  #contentwrapper:has(iframe):has([id*="offer"]) a[href*="work-offers"] {
    width: calc(50% - 8px) !important;
    min-width: calc(50% - 8px) !important;
  }

  #contentwrapper:has(iframe):has(a[href*="work-offers"]) iframe,
  #contentwrapper:has(iframe):has(form[action*="work-offers"]) iframe,
  #contentwrapper:has(iframe):has([class*="offer"]) iframe,
  #contentwrapper:has(iframe):has([id*="offer"]) iframe {
    min-height: 500px !important;
    border-radius: 20px !important;
  }
}

/* ============================================================
   ADSREK v64 WORK-OFFERS SMALLER BUTTONS
   Уменьшение кнопок на странице /work-offers
   ============================================================ */

#contentwrapper:has(iframe):has(a[href*="work-offers"]) .job-note + div,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) .job-note + div,
#contentwrapper:has(iframe):has([class*="offer"]) .job-note + div,
#contentwrapper:has(iframe):has([id*="offer"]) .job-note + div {
  gap: 8px 10px !important;
  padding: 14px 14px 12px !important;
}

#contentwrapper:has(iframe):has(a[href*="work-offers"]) a[href*="work-offers"],
#contentwrapper:has(iframe):has(form[action*="work-offers"]) a[href*="work-offers"],
#contentwrapper:has(iframe):has([class*="offer"]) a[href*="work-offers"],
#contentwrapper:has(iframe):has([id*="offer"]) a[href*="work-offers"],
#contentwrapper:has(iframe):has(a[href*="work-offers"]) input[type="button"],
#contentwrapper:has(iframe):has(a[href*="work-offers"]) input[type="submit"],
#contentwrapper:has(iframe):has(a[href*="work-offers"]) button,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) input[type="button"],
#contentwrapper:has(iframe):has(form[action*="work-offers"]) input[type="submit"],
#contentwrapper:has(iframe):has(form[action*="work-offers"]) button {
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 10px !important;
  border-radius: 14px !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
}

#contentwrapper:has(iframe):has(a[href*="work-offers"]) a.active,
#contentwrapper:has(iframe):has(a[href*="work-offers"]) .active a,
#contentwrapper:has(iframe):has(a[href*="work-offers"]) .button2.active,
#contentwrapper:has(iframe):has(a[href*="work-offers"]) input.active,
#contentwrapper:has(iframe):has(a[href*="work-offers"]) button.active,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) a.active,
#contentwrapper:has(iframe):has(form[action*="work-offers"]) .active a {
  transform: none !important;
}

@media (max-width: 860px) {
  #contentwrapper:has(iframe):has(a[href*="work-offers"]) a[href*="work-offers"],
  #contentwrapper:has(iframe):has(form[action*="work-offers"]) a[href*="work-offers"],
  #contentwrapper:has(iframe):has([class*="offer"]) a[href*="work-offers"],
  #contentwrapper:has(iframe):has([id*="offer"]) a[href*="work-offers"] {
    width: calc(50% - 6px) !important;
    min-width: calc(50% - 6px) !important;
    max-width: calc(50% - 6px) !important;
    height: 42px !important;
    min-height: 42px !important;
    font-size: 11px !important;
  }
}

/* ============================================================
   ADSREK v65 WORK-OFFERS BALANCE + SMALL BUTTONS
   Исправляет страницу /work-offers?s=balance:
   v64 уменьшал кнопки только там, где есть iframe, а на Balance iframe нет.
   ============================================================ */

/* Общая страница Offers без привязки к iframe */
#contentwrapper:has(.job-note):has(a[href*="work-offers"]) .job-note + div,
#contentwrapper:has(.job-note):has(form[action*="work-offers"]) .job-note + div {
  gap: 8px 10px !important;
  padding: 14px 14px 12px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

/* Кнопки вкладок Offers — меньше и аккуратнее на всех вкладках, включая Баланс */
#contentwrapper:has(.job-note):has(a[href*="work-offers"]) a[href*="work-offers"],
#contentwrapper:has(.job-note):has(form[action*="work-offers"]) a[href*="work-offers"],
#contentwrapper:has(.job-note):has(a[href*="work-offers"]) input[type="button"],
#contentwrapper:has(.job-note):has(a[href*="work-offers"]) input[type="submit"],
#contentwrapper:has(.job-note):has(a[href*="work-offers"]) button,
#contentwrapper:has(.job-note):has(form[action*="work-offers"]) input[type="button"],
#contentwrapper:has(.job-note):has(form[action*="work-offers"]) input[type="submit"],
#contentwrapper:has(.job-note):has(form[action*="work-offers"]) button {
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 9px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
}

/* Баланс — делаем сам блок компактнее и ровнее */
#contentwrapper:has(.job-note):has(a[href*="work-offers"]) .job-note + div + div,
#contentwrapper:has(.job-note):has(form[action*="work-offers"]) .job-note + div + div {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Большая синяя карточка баланса */
#contentwrapper:has(.job-note):has(a[href*="work-offers"]) .job-note + div + div:not(:has(iframe)),
#contentwrapper:has(.job-note):has(form[action*="work-offers"]) .job-note + div + div:not(:has(iframe)) {
  border-radius: 20px !important;
  background:
    radial-gradient(520px 180px at 50% 0%, rgba(68,139,255,.15), rgba(68,139,255,0) 72%),
    linear-gradient(180deg, rgba(11,34,83,.94), rgba(8,22,56,.98)) !important;
  border: 1px solid rgba(91,157,255,.22) !important;
  box-shadow:
    0 20px 38px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* Карточки "доступно / заморожено" */
#contentwrapper:has(.job-note):has(a[href*="work-offers"]) .job-note + div + div div,
#contentwrapper:has(.job-note):has(form[action*="work-offers"]) .job-note + div + div div {
  box-sizing: border-box !important;
}

/* Кнопка вывода средств — чуть меньше */
#contentwrapper:has(.job-note):has(a[href*="work-offers"]) input[value*="Вывести"],
#contentwrapper:has(.job-note):has(form[action*="work-offers"]) input[value*="Вывести"],
#contentwrapper:has(.job-note):has(a[href*="work-offers"]) input[value*="Вывести"],
#contentwrapper:has(.job-note):has(form[action*="work-offers"]) input[value*="Вывести"] {
  min-height: 46px !important;
  height: 46px !important;
  max-width: 260px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
}

/* На случай если :contains не поддерживается — обычные submit-кнопки в блоке баланса */
#contentwrapper:has(.job-note):has(a[href*="work-offers"]) .job-note + div + div input[type="submit"],
#contentwrapper:has(.job-note):has(form[action*="work-offers"]) .job-note + div + div input[type="submit"],
#contentwrapper:has(.job-note):has(a[href*="work-offers"]) .job-note + div + div button,
#contentwrapper:has(.job-note):has(form[action*="work-offers"]) .job-note + div + div button {
  min-height: 46px !important;
  height: 46px !important;
  max-width: 260px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
}

/* Мобильная адаптация */
@media (max-width: 860px) {
  #contentwrapper:has(.job-note):has(a[href*="work-offers"]) a[href*="work-offers"],
  #contentwrapper:has(.job-note):has(form[action*="work-offers"]) a[href*="work-offers"] {
    width: calc(50% - 6px) !important;
    min-width: calc(50% - 6px) !important;
    max-width: calc(50% - 6px) !important;
    height: 40px !important;
    min-height: 40px !important;
    font-size: 11px !important;
  }
}

/* ============================================================
   ADSREK v67 OFFERS TABS ALIGN FIX
   Исправление несовпадения вкладки "Баланс":
   вкладки Offers теперь одинаковые на Balance и OfferWallMedia.
   ============================================================ */

/* На вкладке Баланс нет iframe, поэтому старые iframe-селекторы не срабатывали.
   Теперь цепляемся за инфоблок .job-note внутри центрального contentwrapper. */

#contentwrapper:has(.job-note) .job-note + div {
  width: 100% !important;
  max-width: 760px !important;
  min-height: 58px !important;
  margin: 0 auto 18px !important;
  padding: 10px 14px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 18px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Все вкладки Offers: BitcoTasks / OfferWall / OfferWallMedia / REVTOO / DripOffers / Баланс */
#contentwrapper:has(.job-note) .job-note + div a,
#contentwrapper:has(.job-note) .job-note + div button,
#contentwrapper:has(.job-note) .job-note + div input[type="button"],
#contentwrapper:has(.job-note) .job-note + div input[type="submit"],
#contentwrapper:has(.job-note) .job-note + div .btn,
#contentwrapper:has(.job-note) .job-note + div .button2 {
  width: 102px !important;
  min-width: 102px !important;
  max-width: 102px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border-radius: 12px !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

/* Длинное название делаем чуть шире, чтобы не ломало сетку */
#contentwrapper:has(.job-note) .job-note + div a[href*="offerwallmedia"],
#contentwrapper:has(.job-note) .job-note + div button[value*="OfferWallMedia"],
#contentwrapper:has(.job-note) .job-note + div input[value*="OfferWallMedia"] {
  width: 122px !important;
  min-width: 122px !important;
  max-width: 122px !important;
}

/* Короткие кнопки можно уже */
#contentwrapper:has(.job-note) .job-note + div a[href*="revtoo"],
#contentwrapper:has(.job-note) .job-note + div button[value*="REVTOO"],
#contentwrapper:has(.job-note) .job-note + div input[value*="REVTOO"],
#contentwrapper:has(.job-note) .job-note + div a[href*="balance"],
#contentwrapper:has(.job-note) .job-note + div button[value*="Баланс"],
#contentwrapper:has(.job-note) .job-note + div input[value*="Баланс"] {
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
}

/* Активная вкладка не должна увеличиваться и сдвигать ряд */
#contentwrapper:has(.job-note) .job-note + div a.active,
#contentwrapper:has(.job-note) .job-note + div .active,
#contentwrapper:has(.job-note) .job-note + div button.active,
#contentwrapper:has(.job-note) .job-note + div input.active {
  transform: none !important;
  height: 38px !important;
  min-height: 38px !important;
}

/* Блок Balance держим такой же ширины, как iframe-карточка */
#contentwrapper:has(.job-note) .job-note + div + div {
  width: 100% !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Если экран уже — разрешаем перенос только на мобильных */
@media (max-width: 860px) {
  #contentwrapper:has(.job-note) .job-note + div {
    flex-wrap: wrap !important;
    gap: 7px !important;
  }

  #contentwrapper:has(.job-note) .job-note + div a,
  #contentwrapper:has(.job-note) .job-note + div button,
  #contentwrapper:has(.job-note) .job-note + div input[type="button"],
  #contentwrapper:has(.job-note) .job-note + div input[type="submit"],
  #contentwrapper:has(.job-note) .job-note + div .btn,
  #contentwrapper:has(.job-note) .job-note + div .button2 {
    width: calc(50% - 6px) !important;
    min-width: calc(50% - 6px) !important;
    max-width: calc(50% - 6px) !important;
  }
}

/* ============================================================
   ADSREK v69 OFFERS BALANCE SAFE FIX
   Исправляет поломку v68:
   - НЕ используем широкие div:has(a[href*="balance"]) правила;
   - возвращаем блоки Balance на место;
   - уменьшаем кнопки только внутри панели вкладок Offers.
   ============================================================ */

/* На всякий случай гасим опасное поведение v68, если оно осталось в кэше/старом CSS */
#contentwrapper div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]),
#contentwrapper center:has(a[href*="balance"]):has(a[href*="offerwallmedia"]),
#contentwrapper td:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) {
  flex-direction: initial !important;
  flex-wrap: initial !important;
  align-items: initial !important;
  justify-content: initial !important;
  overflow: visible !important;
}

/* Основная безопасная панель вкладок Offers — только блок сразу после .job-note */
#contentwrapper .job-note + div {
  width: 100% !important;
  max-width: 760px !important;
  min-height: 54px !important;
  margin: 0 auto 18px !important;
  padding: 10px 12px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 18px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Убираем переносы только в панели вкладок, а не по всей странице */
#contentwrapper .job-note + div br {
  display: none !important;
}

/* Кнопки вкладок внутри панели Offers */
#contentwrapper .job-note + div a,
#contentwrapper .job-note + div button,
#contentwrapper .job-note + div input[type="button"],
#contentwrapper .job-note + div input[type="submit"],
#contentwrapper .job-note + div .btn,
#contentwrapper .job-note + div .button2 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border-radius: 12px !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

/* Длинная вкладка OfferWallMedia */
#contentwrapper .job-note + div a[href*="offerwallmedia"],
#contentwrapper .job-note + div button[value*="OfferWallMedia"],
#contentwrapper .job-note + div input[value*="OfferWallMedia"] {
  width: 122px !important;
  min-width: 122px !important;
  max-width: 122px !important;
}

/* Короткие вкладки */
#contentwrapper .job-note + div a[href*="balance"],
#contentwrapper .job-note + div a[href*="revtoo"],
#contentwrapper .job-note + div button[value*="Баланс"],
#contentwrapper .job-note + div input[value*="Баланс"],
#contentwrapper .job-note + div button[value*="REVTOO"],
#contentwrapper .job-note + div input[value*="REVTOO"] {
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
}

/* Активная вкладка не должна сдвигать ряд */
#contentwrapper .job-note + div a.active,
#contentwrapper .job-note + div .active,
#contentwrapper .job-note + div button.active,
#contentwrapper .job-note + div input.active {
  transform: none !important;
}

/* Блок баланса возвращаем в обычный поток и держим по центру */
#contentwrapper .job-note + div + div {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 18px !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
  clear: both !important;
}

/* Внутри блока баланса не делаем весь контейнер flex-строкой */
#contentwrapper .job-note + div + div:has(input[value*="Вывести"]),
#contentwrapper .job-note + div + div:has(button) {
  display: block !important;
}

/* Карточки баланса держим по центру, а не вправо */
#contentwrapper .job-note + div + div > center,
#contentwrapper .job-note + div + div center {
  display: block !important;
  text-align: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Кнопка вывода средств не должна наследовать размеры вкладок */
#contentwrapper .job-note + div + div input[type="submit"],
#contentwrapper .job-note + div + div button {
  width: auto !important;
  min-width: 240px !important;
  max-width: 280px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
}

/* Баннер под балансом по центру */
#contentwrapper .job-note + div + div + *,
#contentwrapper .job-note + div + div + center {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Мобильная адаптация */
@media (max-width: 860px) {
  #contentwrapper .job-note + div {
    flex-wrap: wrap !important;
    gap: 7px !important;
  }

  #contentwrapper .job-note + div a,
  #contentwrapper .job-note + div button,
  #contentwrapper .job-note + div input[type="button"],
  #contentwrapper .job-note + div input[type="submit"],
  #contentwrapper .job-note + div .btn,
  #contentwrapper .job-note + div .button2 {
    width: calc(50% - 6px) !important;
    min-width: calc(50% - 6px) !important;
    max-width: calc(50% - 6px) !important;
  }
}

/* ============================================================
   ADSREK v70 OFFERS BALANCE NORMAL FIX
   Точная правка вкладки Balance:
   - кнопки вкладок не растягиваются;
   - панель вкладок совпадает с OfferWallMedia;
   - блок баланса возвращен в нормальный центральный вид.
   ============================================================ */

/* Детектор именно страницы Balance */
#contentwrapper:has(.job-note + div a[href*="balance"].active),
#contentwrapper:has(.job-note + div .active[href*="balance"]),
#contentwrapper:has(.job-note + div .active a[href*="balance"]),
#contentwrapper:has(input[value*="Вывести"]) {
  --balance-tabs-width: 640px;
}

/* Панель вкладок Balance. Специально высокая специфичность, чтобы перебить старые v68/v69 правила. */
#contentwrapper:has(.job-note + div a[href*="balance"].active) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]),
#contentwrapper:has(.job-note + div .active[href*="balance"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]),
#contentwrapper:has(.job-note + div .active a[href*="balance"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]),
#contentwrapper:has(input[value*="Вывести"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) {
  width: 100% !important;
  max-width: var(--balance-tabs-width) !important;
  min-height: 50px !important;
  height: auto !important;
  margin: 0 auto 18px !important;
  padding: 8px 10px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border-radius: 18px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Если вкладки были сверстаны таблицей — не даем ячейкам растягивать кнопки */
#contentwrapper:has(.job-note + div a[href*="balance"].active) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) table,
#contentwrapper:has(.job-note + div a[href*="balance"].active) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) tbody,
#contentwrapper:has(.job-note + div a[href*="balance"].active) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) tr,
#contentwrapper:has(.job-note + div .active[href*="balance"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) table,
#contentwrapper:has(.job-note + div .active[href*="balance"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) tbody,
#contentwrapper:has(.job-note + div .active[href*="balance"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) tr,
#contentwrapper:has(input[value*="Вывести"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) table,
#contentwrapper:has(input[value*="Вывести"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) tbody,
#contentwrapper:has(input[value*="Вывести"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) tr {
  display: contents !important;
  width: auto !important;
  max-width: none !important;
}

#contentwrapper:has(.job-note + div a[href*="balance"].active) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) td,
#contentwrapper:has(.job-note + div .active[href*="balance"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) td,
#contentwrapper:has(input[value*="Вывести"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) td {
  display: contents !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
}

/* Убираем переносы только в панели вкладок Balance */
#contentwrapper:has(.job-note + div a[href*="balance"].active) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) br,
#contentwrapper:has(.job-note + div .active[href*="balance"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) br,
#contentwrapper:has(input[value*="Вывести"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) br {
  display: none !important;
}

/* Кнопки вкладок Balance — компактно, как на OfferWallMedia */
#contentwrapper:has(.job-note + div a[href*="balance"].active) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) a,
#contentwrapper:has(.job-note + div .active[href*="balance"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) a,
#contentwrapper:has(input[value*="Вывести"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) a,
#contentwrapper:has(input[value*="Вывести"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) button,
#contentwrapper:has(input[value*="Вывести"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) input[type="button"],
#contentwrapper:has(input[value*="Вывести"]) .job-note + div:has(a[href*="balance"]):has(a[href*="offerwallmedia"]) input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 0 7px !important;
  border-radius: 11px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-align: center !important;
  box-sizing: border-box !important;
  transform: none !important;
}

/* Длинная кнопка OfferWallMedia */
#contentwrapper:has(input[value*="Вывести"]) .job-note + div a[href*="offerwallmedia"] {
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
}

/* Исправление опечаточного селектора выше безопасно не влияет; рабочий селектор ниже */
#contentwrapper:has(.job-note + div a[href*="balance"].active) .job-note + div a[href*="offerwallmedia"],
#contentwrapper:has(.job-note + div .active[href*="balance"]) .job-note + div a[href*="offerwallmedia"],
#contentwrapper:has(input[value*="Вывести"]) .job-note + div a[href*="offerwallmedia"] {
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
}

/* Блок баланса — нормальная ширина и центр, без ухода вправо */
#contentwrapper:has(.job-note + div a[href*="balance"].active) .job-note + div + div,
#contentwrapper:has(.job-note + div .active[href*="balance"]) .job-note + div + div,
#contentwrapper:has(.job-note + div .active a[href*="balance"]) .job-note + div + div,
#contentwrapper:has(input[value*="Вывести"]) .job-note + div + div {
  display: block !important;
  width: 100% !important;
  max-width: 640px !important;
  min-height: 0 !important;
  margin: 0 auto 20px !important;
  padding: 20px 24px 18px !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  clear: both !important;
  box-sizing: border-box !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

/* Внутренние таблицы/обертки баланса не должны выпирать */
#contentwrapper:has(input[value*="Вывести"]) .job-note + div + div table,
#contentwrapper:has(input[value*="Вывести"]) .job-note + div + div tbody,
#contentwrapper:has(input[value*="Вывести"]) .job-note + div + div tr {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Кнопка вывода — нормальная, не как вкладка */
#contentwrapper:has(input[value*="Вывести"]) .job-note + div + div input[type="submit"],
#contentwrapper:has(input[value*="Вывести"]) .job-note + div + div button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 14px !important;
  font-size: 14px !important;
}

/* Баннер после Balance по центру и не слишком близко */
#contentwrapper:has(input[value*="Вывести"]) .job-note + div + div + *,
#contentwrapper:has(input[value*="Вывести"]) .job-note + div + div + center {
  max-width: 640px !important;
  margin: 22px auto 0 !important;
  text-align: center !important;
}

/* ============================================================
   ADSREK v71 OFFERS BALANCE EXACT FIX
   По DOM из DevTools:
   .offers-skin
   .offers-skin__notice
   .menu-task-work
   .menu-task-work__link
   .offers-skin__panel

   Главная проблема была в том, что кнопки имели реальные классы
   .offers-skin .menu-task-work__link и ширину 122px/148px,
   поэтому предыдущие общие селекторы попадали не туда.
   ============================================================ */

/* Общая оболочка Offers */
#contentwrapper .offers-skin {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Информационный блок сверху */
#contentwrapper .offers-skin__notice {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  box-sizing: border-box !important;
}

/* Панель вкладок — не таблица, не растягивать, не выпирать */
#contentwrapper .offers-skin .menu-task-work {
  width: 100% !important;
  max-width: 760px !important;
  min-height: 46px !important;
  margin: 0 auto 16px !important;
  padding: 8px 10px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Убираем любые переносы между вкладками */
#contentwrapper .offers-skin .menu-task-work br {
  display: none !important;
}

/* Точные кнопки Offers из DevTools */
#contentwrapper .offers-skin .menu-task-work__link,
#contentwrapper .offers-skin .menu-task-work__link.ajax-site,
#contentwrapper .offers-skin a.menu-task-work__link,
#contentwrapper .offers-skin a.menu-task-work__link.ajax-site {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;

  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;

  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;

  margin: 0 !important;
  padding: 0 7px !important;

  border-radius: 11px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-align: center !important;
  box-sizing: border-box !important;
  transform: none !important;
}

/* Длинное название, но без растягивания всей панели */
#contentwrapper .offers-skin .menu-task-work__link[href*="offerwallmedia"],
#contentwrapper .offers-skin a.menu-task-work__link[href*="offerwallmedia"] {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
}

/* Короткие вкладки */
#contentwrapper .offers-skin .menu-task-work__link[href*="revtoo"],
#contentwrapper .offers-skin .menu-task-work__link[href*="balance"],
#contentwrapper .offers-skin a.menu-task-work__link[href*="revtoo"],
#contentwrapper .offers-skin a.menu-task-work__link[href*="balance"] {
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
}

/* Активная вкладка НЕ должна становиться больше */
#contentwrapper .offers-skin .menu-task-work__link.active,
#contentwrapper .offers-skin .menu-task-work__link.ajax-site.active,
#contentwrapper .offers-skin a.menu-task-work__link.active,
#contentwrapper .offers-skin a.menu-task-work__link.ajax-site.active {
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 7px !important;
  transform: none !important;
  box-sizing: border-box !important;
}

/* Панель баланса/iframe — строго под ширину .offers-skin, не вправо */
#contentwrapper .offers-skin__panel {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 20px !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  clear: both !important;
}

/* На странице Баланс делаем сам синий блок аккуратнее и не на всю ширину */
#contentwrapper .offers-skin:has(.menu-task-work__link[href*="balance"].active) .offers-skin__panel {
  max-width: 760px !important;
  padding: 20px 22px 18px !important;
  border-radius: 22px !important;
}

/* Внутренности блока баланса не должны растягивать карточку */
#contentwrapper .offers-skin:has(.menu-task-work__link[href*="balance"].active) .offers-skin__panel table,
#contentwrapper .offers-skin:has(.menu-task-work__link[href*="balance"].active) .offers-skin__panel tbody,
#contentwrapper .offers-skin:has(.menu-task-work__link[href*="balance"].active) .offers-skin__panel tr {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Кнопка вывода — не наследует размеры вкладок */
#contentwrapper .offers-skin:has(.menu-task-work__link[href*="balance"].active) .offers-skin__panel input[type="submit"],
#contentwrapper .offers-skin:has(.menu-task-work__link[href*="balance"].active) .offers-skin__panel button {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 14px !important;
  font-size: 14px !important;
}

/* Баннер под Offers — центрируем */
#contentwrapper .offers-skin + #banner,
#contentwrapper .offers-skin + div[id*="banner"],
#contentwrapper .offers-skin ~ #banner,
#contentwrapper .offers-skin ~ div[id*="banner"] {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Если места мало — разрешаем перенос только на узких экранах */
@media (max-width: 860px) {
  #contentwrapper .offers-skin .menu-task-work {
    flex-wrap: wrap !important;
    gap: 7px !important;
  }

  #contentwrapper .offers-skin .menu-task-work__link,
  #contentwrapper .offers-skin .menu-task-work__link.ajax-site,
  #contentwrapper .offers-skin a.menu-task-work__link,
  #contentwrapper .offers-skin a.menu-task-work__link.ajax-site {
    width: calc(50% - 5px) !important;
    min-width: calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
  }
}

/* ============================================================
   ADSREK v72 SITE BACKGROUND
   Фон под весь сайт, чтобы страница выглядела цельно:
   - общий темный фон;
   - мягкое синее свечение под центральной зоной;
   - без влияния на размеры блоков Offers/Balance.
   ============================================================ */

html {
  background: #070d17 !important;
  min-height: 100% !important;
}

body,
body.site-body,
body.dark,
body[data-theme="dark"] {
  min-height: 100% !important;
  background:
    radial-gradient(900px 520px at 50% 0%, rgba(54, 86, 132, .22), rgba(54, 86, 132, 0) 68%),
    radial-gradient(760px 420px at 50% 42%, rgba(63, 91, 127, .17), rgba(63, 91, 127, 0) 72%),
    linear-gradient(180deg, #08101c 0%, #0b1421 42%, #0c1724 100%) !important;
  background-attachment: fixed !important;
}

/* затемненные боковые зоны, чтобы сайт не висел на пустом фоне */
body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
  background:
    linear-gradient(90deg,
      rgba(2, 7, 14, .58) 0%,
      rgba(2, 7, 14, .28) 13%,
      rgba(255, 255, 255, 0) 34%,
      rgba(255, 255, 255, 0) 66%,
      rgba(2, 7, 14, .28) 87%,
      rgba(2, 7, 14, .58) 100%) !important;
}

/* главный каркас сайта — мягкая подложка под весь контент */
table.main,
table.premium-main,
.main.premium-main,
#layout-stage,
.layout-stage {
  background:
    radial-gradient(720px 340px at 50% 16%, rgba(255, 255, 255, .045), rgba(255, 255, 255, 0) 70%),
    linear-gradient(180deg, rgba(22, 33, 49, .58), rgba(17, 29, 44, .42)) !important;
  border-radius: 28px !important;
}

/* центральная колонка без белых/чужих просветов */
#contentwrapper,
#contentwrapper.content-column,
td#contentwrapper {
  background:
    radial-gradient(620px 360px at 50% 0%, rgba(255, 255, 255, .04), rgba(255, 255, 255, 0) 72%),
    linear-gradient(180deg, rgba(25, 37, 54, .30), rgba(16, 28, 43, .18)) !important;
  border-radius: 24px !important;
}

/* левая и правая колонки тоже на общей подложке */
#leftcolumn,
#rightcolumn,
td#leftcolumn,
td#rightcolumn {
  background: transparent !important;
}

/* если где-то есть внешняя оболочка страницы */
.wrapper,
.page-wrapper,
.content-wrapper,
.container-main {
  background-color: transparent !important;
}

/* ============================================================
   ADSREK v74 NO BLUE BACKGROUND / GRAPHITE SKIN
   Убирает синий оттенок с фона сайта и с блока Offers/Balance.
   Палитра: графит / уголь / темно-серый, без синих radial-gradient.
   ============================================================ */

:root {
  --adsrek-bg-0: #07090d;
  --adsrek-bg-1: #0b0e13;
  --adsrek-bg-2: #11161d;
  --adsrek-bg-3: #161c24;
  --adsrek-card: rgba(17, 22, 29, .86);
  --adsrek-card-2: rgba(13, 17, 23, .92);
  --adsrek-border: rgba(255,255,255,.075);
  --adsrek-border-soft: rgba(255,255,255,.045);
}

/* Полностью убираем синий фон страницы */
html {
  background: var(--adsrek-bg-0) !important;
  min-height: 100% !important;
}

body,
body.site-body,
body.dark,
body[data-theme="dark"] {
  min-height: 100% !important;
  background:
    radial-gradient(1000px 620px at 50% 0%, rgba(255,255,255,.035), rgba(255,255,255,0) 64%),
    linear-gradient(180deg, #07090d 0%, #0a0d12 45%, #0d1117 100%) !important;
  background-attachment: fixed !important;
}

/* Виньетка только черная/серая, без синего */
body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.40) 0%,
      rgba(0,0,0,.16) 15%,
      rgba(255,255,255,0) 36%,
      rgba(255,255,255,0) 64%,
      rgba(0,0,0,.16) 85%,
      rgba(0,0,0,.40) 100%) !important;
}

/* Каркас страницы в графите */
table.main,
table.premium-main,
.main.premium-main,
#layout-stage,
.layout-stage {
  background:
    linear-gradient(180deg, rgba(26,31,38,.58), rgba(14,18,24,.48)) !important;
  border: 1px solid var(--adsrek-border-soft) !important;
  border-radius: 28px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 20px 70px rgba(0,0,0,.22) !important;
}

/* Центральная зона без синего свечения */
#contentwrapper,
#contentwrapper.content-column,
td#contentwrapper {
  background:
    linear-gradient(180deg, rgba(25,30,37,.28), rgba(12,16,22,.18)) !important;
  border-radius: 24px !important;
}

/* Offers: верхнее уведомление больше не синее */
#contentwrapper .offers-skin__notice,
#contentwrapper .job-note,
#contentwrapper div[class*="notice"] {
  background:
    linear-gradient(180deg, rgba(25,31,39,.92), rgba(14,18,24,.94)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 28px rgba(0,0,0,.18) !important;
  color: #edf1f5 !important;
}

/* Панель кнопок Offers в тон сайту */
#contentwrapper .offers-skin .menu-task-work {
  background:
    linear-gradient(180deg, rgba(27,33,41,.84), rgba(16,20,27,.88)) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

/* Кнопки вкладок без синего активного свечения */
#contentwrapper .offers-skin .menu-task-work__link,
#contentwrapper .offers-skin .menu-task-work__link.ajax-site,
#contentwrapper .offers-skin a.menu-task-work__link,
#contentwrapper .offers-skin a.menu-task-work__link.ajax-site {
  background:
    linear-gradient(180deg, rgba(39,45,54,.92), rgba(25,30,38,.92)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  color: #e9edf2 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
}

#contentwrapper .offers-skin .menu-task-work__link.active,
#contentwrapper .offers-skin .menu-task-work__link.ajax-site.active,
#contentwrapper .offers-skin a.menu-task-work__link.active,
#contentwrapper .offers-skin a.menu-task-work__link.ajax-site.active {
  background:
    linear-gradient(180deg, rgba(52,58,67,.96), rgba(31,36,45,.96)) !important;
  border-color: rgba(255,255,255,.16) !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 8px 20px rgba(0,0,0,.16) !important;
}

/* Синий Balance-панель заменяем графитом */
#contentwrapper .offers-skin__panel {
  background:
    linear-gradient(180deg, rgba(18,23,31,.94), rgba(10,13,18,.96)) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 18px 42px rgba(0,0,0,.18) !important;
}

/* Карточки внутри баланса: тоже без синего */
#contentwrapper .offers-skin__panel > div,
#contentwrapper .offers-skin__panel center > div,
#contentwrapper .offers-skin__panel table,
#contentwrapper .offers-skin__panel td {
  border-color: rgba(255,255,255,.075) !important;
}

/* Числовые карточки баланса, если они div-ами */
#contentwrapper .offers-skin__panel div[style*="border"],
#contentwrapper .offers-skin__panel div[style*="background"],
#contentwrapper .offers-skin__panel td[style*="background"] {
  background:
    linear-gradient(180deg, rgba(25,31,39,.90), rgba(12,16,22,.92)) !important;
  border-color: rgba(255,255,255,.08) !important;
}

/* Кнопку вывода оставляем заметной, но не кислотно-синей */
#contentwrapper .offers-skin__panel input[type="submit"],
#contentwrapper .offers-skin__panel button {
  background:
    linear-gradient(180deg, #4b5563, #374151) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 8px 20px rgba(0,0,0,.22) !important;
}

/* Подписи и вторичный текст не голубые */
#contentwrapper .offers-skin__panel small,
#contentwrapper .offers-skin__panel span,
#contentwrapper .offers-skin__panel div {
  color: inherit;
}

/* Боковые зоны и внешние обертки */
#leftcolumn,
#rightcolumn,
td#leftcolumn,
td#rightcolumn,
.wrapper,
.page-wrapper,
.content-wrapper,
.container-main {
  background: transparent !important;
}
/* ============================================================
   ADSREK v76 - Offers tabs like header menu
   Делает кнопки в Offers такими же по духу, как верхнее меню сайта.
   ============================================================ */

/* Внешняя полоса под вкладки */
#contentwrapper .offers-skin .menu-task-work {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  margin: 0 0 14px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(22, 27, 34, 0.95), rgba(15, 19, 25, 0.98)) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 8px 22px rgba(0,0,0,0.16) !important;
}

/* Кнопки вкладок */
#contentwrapper .offers-skin .menu-task-work__link,
#contentwrapper .offers-skin .menu-task-work__link.ajax-site,
#contentwrapper .offers-skin a.menu-task-work__link,
#contentwrapper .offers-skin a.menu-task-work__link.ajax-site {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 42px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-align: center !important;
  color: #d5dce6 !important;
  text-decoration: none !important;
  background: linear-gradient(180deg, rgba(44, 50, 58, 0.96), rgba(28, 33, 40, 0.98)) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 3px 10px rgba(0,0,0,0.16) !important;
  transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

#contentwrapper .offers-skin .menu-task-work__link:hover,
#contentwrapper .offers-skin .menu-task-work__link.ajax-site:hover,
#contentwrapper .offers-skin a.menu-task-work__link:hover,
#contentwrapper .offers-skin a.menu-task-work__link.ajax-site:hover {
  color: #ffffff !important;
  background: linear-gradient(180deg, rgba(52, 59, 68, 0.98), rgba(33, 38, 46, 0.98)) !important;
  border-color: rgba(255,255,255,0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 5px 14px rgba(0,0,0,0.20) !important;
  transform: translateY(-1px) !important;
}

/* Активная вкладка - аккуратно выделена, без синевы */
#contentwrapper .offers-skin .menu-task-work__link.active,
#contentwrapper .offers-skin .menu-task-work__link.ajax-site.active,
#contentwrapper .offers-skin a.menu-task-work__link.active,
#contentwrapper .offers-skin a.menu-task-work__link.ajax-site.active {
  color: #ffffff !important;
  background: linear-gradient(180deg, rgba(66, 74, 84, 0.98), rgba(41, 47, 56, 0.98)) !important;
  border-color: rgba(255,255,255,0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 7px 16px rgba(0,0,0,0.20) !important;
}

/* Кнопка вывода - тоже под общий графитовый стиль */
#contentwrapper .offers-skin__panel input[type="submit"],
#contentwrapper .offers-skin__panel button,
#contentwrapper .offers-skin__panel .button,
#contentwrapper .offers-skin__panel a.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 250px !important;
  height: 48px !important;
  padding: 0 24px !important;
  border-radius: 16px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #f5f7fa !important;
  text-decoration: none !important;
  background: linear-gradient(180deg, rgba(69, 76, 86, 0.98), rgba(41, 47, 56, 0.98)) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 10px 24px rgba(0,0,0,0.22) !important;
}

#contentwrapper .offers-skin__panel input[type="submit"]:hover,
#contentwrapper .offers-skin__panel button:hover,
#contentwrapper .offers-skin__panel .button:hover,
#contentwrapper .offers-skin__panel a.button:hover {
  background: linear-gradient(180deg, rgba(79, 87, 98, 0.98), rgba(47, 53, 63, 0.98)) !important;
  border-color: rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
}

/* Чуть компактнее на более узких экранах */
@media (max-width: 1360px) {
  #contentwrapper .offers-skin .menu-task-work {
    gap: 8px !important;
    padding: 10px !important;
  }

  #contentwrapper .offers-skin .menu-task-work__link,
  #contentwrapper .offers-skin .menu-task-work__link.ajax-site,
  #contentwrapper .offers-skin a.menu-task-work__link,
  #contentwrapper .offers-skin a.menu-task-work__link.ajax-site {
    height: 40px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    border-radius: 13px !important;
  }
}

#js-popup .p-ser {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 14px;
}

#js-popup .p-ser button {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

#js-popup .p-ser button .button,
#js-popup .p-ser button .button.orange {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 230px;
    height: 46px;
    padding: 0 18px !important;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
    box-sizing: border-box;
}

/* светлая кнопка */
#js-popup .p-ser button .button {
    background: linear-gradient(180deg, rgba(58,64,76,.95) 0%, rgba(34,38,46,.95) 100%) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    color: #f2f4f8 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

/* оранжевая кнопка */
#js-popup .p-ser button .button.orange {
    background: linear-gradient(180deg, #f3b23f 0%, #d88b16 100%) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: #1f1f1f !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.20);
}

#js-popup .p-ser button:hover .button,
#js-popup .p-ser button:hover .button.orange {
    transform: translateY(-1px);
    transition: 0.18s ease;
}

/* mobile */
@media (max-width: 700px) {
    #js-popup .p-ser {
        flex-direction: column;
        gap: 10px;
    }

    #js-popup .p-ser button .button,
    #js-popup .p-ser button .button.orange {
        min-width: 100%;
        width: 100%;
    }
}

/* ============================================================
   ADSREK v86 - refkonkurs page safe polish
   Страница: /refkonkurs?s=view
   Важно: без body:has(a[href*="refkonkurs"]) — это ломало другие страницы,
   потому что ссылка "Конкурсы" есть в шапке почти везде.
   Фикс привязан к реальным элементам страницы конкурсов: .tables-refkon.
   ============================================================ */

/* Заголовок и верхний текст только на странице, где есть таблица конкурса */
#contentwrapper:has(.tables-refkon) > .titles,
#contentwrapper:has(.tables-refkon) center > .titles {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto 22px !important;
    padding: 13px 18px !important;
    box-sizing: border-box !important;
    color: #f4f7fb !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-shadow: none !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    background: linear-gradient(180deg, rgba(8,15,25,.98), rgba(4,10,18,.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 30px rgba(0,0,0,.14) !important;
}

#contentwrapper:has(.tables-refkon) > .add-infa,
#contentwrapper:has(.tables-refkon) center > .add-infa {
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 auto 14px !important;
    padding: 17px 20px !important;
    box-sizing: border-box !important;
    color: #eef3fb !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    text-align: left !important;
    text-shadow: none !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    background: linear-gradient(180deg, rgba(28,35,45,.92), rgba(16,22,31,.96)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 26px rgba(0,0,0,.13) !important;
}

#contentwrapper:has(.tables-refkon) > .add-infa b,
#contentwrapper:has(.tables-refkon) center > .add-infa b {
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* Основная карточка конкурса */
#contentwrapper .tables-refkon,
#aj-content .tables-refkon,
table.tables-refkon {
    width: 100% !important;
    max-width: 760px !important;
    margin: 14px auto 0 !important;
    color: #eef3fb !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
    text-align: left !important;
    text-shadow: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    background: linear-gradient(180deg, rgba(17,25,38,.96), rgba(9,15,25,.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 18px 34px rgba(0,0,0,.18) !important;
}

/* Ячейки без старой табличной сетки */
#contentwrapper .tables-refkon td,
#contentwrapper .tables-refkon th,
#aj-content .tables-refkon td,
#aj-content .tables-refkon th,
table.tables-refkon td,
table.tables-refkon th {
    padding: 7px 11px !important;
    color: #eef3fb !important;
    background: transparent !important;
    border: 0 !important;
    text-shadow: none !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

/* Верхняя строка конкурса */
#contentwrapper table.tables-refkon > tbody > tr:first-child > td,
#aj-content table.tables-refkon > tbody > tr:first-child > td,
table.tables-refkon > tbody > tr:first-child > td {
    padding-top: 14px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

#contentwrapper table.tables-refkon > tbody > tr > td:first-child,
#aj-content table.tables-refkon > tbody > tr > td:first-child,
table.tables-refkon > tbody > tr > td:first-child {
    padding-left: 16px !important;
}

#contentwrapper table.tables-refkon > tbody > tr > td:last-child,
#aj-content table.tables-refkon > tbody > tr > td:last-child,
table.tables-refkon > tbody > tr > td:last-child {
    padding-right: 16px !important;
}

/* Разделители внутри карточки — мягкие, без серых рамок */
#contentwrapper table.tables-refkon > tbody > tr + tr > td,
#aj-content table.tables-refkon > tbody > tr + tr > td,
table.tables-refkon > tbody > tr + tr > td {
    border-top: 1px solid rgba(255,255,255,.045) !important;
}

/* Важный текст */
#contentwrapper .tables-refkon b,
#aj-content .tables-refkon b,
.tables-refkon b {
    color: #ffffff !important;
    font-weight: 850 !important;
}

/* Название/зеленый текст не должен быть темным на темном фоне */
#contentwrapper .tables-refkon font[color="green"],
#aj-content .tables-refkon font[color="green"],
.tables-refkon font[color="green"] {
    color: #7ed18a !important;
    text-shadow: none !important;
    font-weight: 800 !important;
}

/* Красный текст оставляем красным, но читаемым */
#contentwrapper .tables-refkon font[color="red"],
#aj-content .tables-refkon font[color="red"],
#contentwrapper .tables-refkon .red,
#aj-content .tables-refkon .red,
.tables-refkon .red {
    color: #ff4d4d !important;
    text-shadow: none !important;
    font-weight: 850 !important;
}

/* Метка "Единоразовый" */
#contentwrapper .tables-refkon .period,
#aj-content .tables-refkon .period,
.tables-refkon .period,
#contentwrapper .period,
#aj-content .period {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 19px !important;
    padding: 2px 8px !important;
    margin: 0 5px !important;
    border-radius: 7px !important;
    color: #f2c36f !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-shadow: none !important;
    background: rgba(216,177,115,.12) !important;
    border: 1px solid rgba(216,177,115,.30) !important;
}

/* Иконки управления в карточке конкурса */
#contentwrapper .tables-refkon .refkonkurs-play,
#contentwrapper .tables-refkon .refkonkurs-stop,
#contentwrapper .tables-refkon .serfcontrol-play,
#contentwrapper .tables-refkon .serfcontrol-pause,
#aj-content .tables-refkon .refkonkurs-play,
#aj-content .tables-refkon .refkonkurs-stop,
#aj-content .tables-refkon .serfcontrol-play,
#aj-content .tables-refkon .serfcontrol-pause {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background-color: rgba(141,162,215,.13) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 4px 10px rgba(0,0,0,.16) !important;
}

/* Таблица призовых мест внутри карточки */
#contentwrapper .tables-refkon table,
#aj-content .tables-refkon table,
.tables-refkon table {
    width: 100% !important;
    margin: 14px 0 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    border-radius: 13px !important;
    background: rgba(5,10,18,.56) !important;
    border: 1px solid rgba(255,255,255,.065) !important;
}

#contentwrapper .tables-refkon table th,
#aj-content .tables-refkon table th,
.tables-refkon table th {
    padding: 10px 12px !important;
    color: #f3d18d !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    text-align: center !important;
    background: rgba(4,9,16,.76) !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

#contentwrapper .tables-refkon table td,
#aj-content .tables-refkon table td,
.tables-refkon table td {
    padding: 10px 12px !important;
    color: #edf3ff !important;
    text-align: center !important;
    background: rgba(9,15,25,.40) !important;
    border-top: 0 !important;
}

.top-mesto,
.top-mesto-no {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding-left: 30px !important;
    color: #edf3ff !important;
}

.top-priz {
    color: #f3d18d !important;
    font-weight: 850 !important;
}

@media (max-width: 760px) {
    #contentwrapper:has(.tables-refkon) > .titles,
    #contentwrapper:has(.tables-refkon) > .add-infa,
    #contentwrapper .tables-refkon,
    #aj-content .tables-refkon,
    table.tables-refkon {
        max-width: 100% !important;
        border-radius: 15px !important;
    }

    #contentwrapper .tables-refkon td,
    #contentwrapper .tables-refkon th,
    #aj-content .tables-refkon td,
    #aj-content .tables-refkon th,
    table.tables-refkon td,
    table.tables-refkon th {
        padding: 8px 7px !important;
        font-size: 12px !important;
    }
}

/* ============================================================
   ADSREK v87 - refkonkurs spacing
   Точечный фикс расстояний только для страницы конкурсов рефера.
   Не трогает TG/VK/Youtube/RuTube/Instagram.
   ============================================================ */

/* Блок описания конкурса */
#contentwrapper .refkonkurs-info,
#aj-content .refkonkurs-info {
    margin-bottom: 20px !important;
}

/* Карточка конкурса ниже описания */
#contentwrapper .tables-refkon,
#aj-content .tables-refkon,
table.tables-refkon {
    margin-top: 20px !important;
}

/* Если описание идет сразу перед таблицей конкурса */
#contentwrapper .refkonkurs-info + .tables-refkon,
#aj-content .refkonkurs-info + .tables-refkon {
    margin-top: 22px !important;
}

/* Верхняя строка внутри карточки конкурса */
#contentwrapper .tables-refkon > tbody > tr:first-child > td,
#aj-content .tables-refkon > tbody > tr:first-child > td,
table.tables-refkon > tbody > tr:first-child > td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* Отступ между верхней строкой конкурса и основным описанием */
#contentwrapper .tables-refkon tr:nth-child(2) td,
#aj-content .tables-refkon tr:nth-child(2) td,
table.tables-refkon tr:nth-child(2) td {
    padding-top: 18px !important;
}

/* Небольшой воздух перед таблицей призов */
#contentwrapper .tables-refkon table,
#aj-content .tables-refkon table,
.tables-refkon table {
    margin-top: 20px !important;
}

/* ============================================================
   ADSREK v88 - refkonkurs no block-in-block
   Убирает эффект "блок в блоке" на /refkonkurs?s=view.
   Причина: ранее фон/рамка были повешены на всю .tables-refkon,
   а верхняя строка конкурса уже сама выглядит как отдельная карточка.
   Теперь внешний слой .tables-refkon прозрачный, а оформление остается
   только у реальных внутренних элементов.
   Не трогает TG/VK/Youtube/RuTube/Instagram.
   ============================================================ */

/* Больше воздуха между информацией и конкурсом */
#contentwrapper:has(.tables-refkon) > .add-infa,
#contentwrapper:has(.tables-refkon) center > .add-infa {
    margin-bottom: 26px !important;
}

/* Внешнюю таблицу конкурса делаем НЕ карточкой, чтобы не было блок-в-блок */
#contentwrapper table.tables-refkon,
#aj-content table.tables-refkon,
table.tables-refkon {
    width: 100% !important;
    max-width: 760px !important;
    margin: 24px auto 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

/* Убираем внутренние разделители, которые давали ощущение вложенной рамки */
#contentwrapper table.tables-refkon > tbody > tr + tr > td,
#aj-content table.tables-refkon > tbody > tr + tr > td,
table.tables-refkon > tbody > tr + tr > td {
    border-top: 0 !important;
}

/* Верхняя плашка конкурса - одна самостоятельная карточка */
#contentwrapper table.tables-refkon > tbody > tr:first-child > td,
#aj-content table.tables-refkon > tbody > tr:first-child > td,
table.tables-refkon > tbody > tr:first-child > td {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    background: linear-gradient(180deg, rgba(18,27,40,.96), rgba(9,15,25,.98)) !important;
    border-top: 1px solid rgba(255,255,255,.075) !important;
    border-bottom: 1px solid rgba(255,255,255,.055) !important;
}

/* Скругляем именно края верхней плашки, а не внешний контейнер */
#contentwrapper table.tables-refkon > tbody > tr:first-child > td:first-child,
#aj-content table.tables-refkon > tbody > tr:first-child > td:first-child,
table.tables-refkon > tbody > tr:first-child > td:first-child {
    border-left: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 16px 0 0 16px !important;
}

#contentwrapper table.tables-refkon > tbody > tr:first-child > td:last-child,
#aj-content table.tables-refkon > tbody > tr:first-child > td:last-child,
table.tables-refkon > tbody > tr:first-child > td:last-child {
    border-right: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 0 16px 16px 0 !important;
}

/* Основной текст конкурса ниже верхней плашки - без отдельной внешней рамки */
#contentwrapper table.tables-refkon > tbody > tr:nth-child(n+2) > td,
#aj-content table.tables-refkon > tbody > tr:nth-child(n+2) > td,
table.tables-refkon > tbody > tr:nth-child(n+2) > td {
    padding-left: 16px !important;
    padding-right: 16px !important;
    background: transparent !important;
    border: 0 !important;
}

/* Воздух после верхней строки перед описанием */
#contentwrapper table.tables-refkon > tbody > tr:nth-child(2) > td,
#aj-content table.tables-refkon > tbody > tr:nth-child(2) > td,
table.tables-refkon > tbody > tr:nth-child(2) > td {
    padding-top: 24px !important;
}

/* Таблица призовых мест остается отдельной аккуратной таблицей, но не выглядит как лишний внешний блок */
#contentwrapper .tables-refkon table,
#aj-content .tables-refkon table,
.tables-refkon table {
    margin-top: 18px !important;
    border-radius: 12px !important;
    background: rgba(5,10,18,.50) !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    box-shadow: none !important;
}

/* Если после таблицы призов есть пустой хвост, не даем ему рисовать лишние рамки */
#contentwrapper .tables-refkon tr:empty,
#aj-content .tables-refkon tr:empty,
.tables-refkon tr:empty {
    display: none !important;
}

/* ============================================================
   ADSREK v89 - remove full page double frame
   Косяк: ранее фон/рамка были повешены на общий каркас:
   table.main / table.premium-main / #layout-stage / .layout-stage.
   Из-за этого вся страница выглядела как блок внутри блока.
   Оставляем фон сайта, карточки колонок и блоки контента, но убираем
   внешний дубль-слой вокруг всей страницы.
   ============================================================ */

html body #layout-stage,
html body .layout-stage,
html body table.main,
html body table.premium-main,
html body .main.premium-main,
html body table.main.premium-main {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* На всякий случай убираем псевдо-обводки внешнего каркаса, если они есть */
html body #layout-stage::before,
html body #layout-stage::after,
html body .layout-stage::before,
html body .layout-stage::after,
html body table.main::before,
html body table.main::after,
html body table.premium-main::before,
html body table.premium-main::after,
html body .main.premium-main::before,
html body .main.premium-main::after {
    display: none !important;
    content: none !important;
}

/* Центральную колонку оставляем аккуратной, но без тяжелого второго контейнера */
html body #contentwrapper,
html body #contentwrapper.content-column,
html body td#contentwrapper {
    box-shadow: none !important;
}

/* ============================================================
   ADSREK v90 - final refkonkurs page polish
   Страница: /refkonkurs?s=view
   Исправляет: лишний внешний блок, блок-в-блок, маленькие зазоры,
   сжатую карточку конкурса и пустую страницу без конкурсов.
   ============================================================ */

/* 1) Каркас страницы не должен рисовать второй большой блок */
body.page-refkonkurs #layout-stage,
body.page-refkonkurs .layout-stage,
body.page-refkonkurs table.main,
body.page-refkonkurs table.premium-main,
body.page-refkonkurs .main.premium-main,
body.page-refkonkurs table.main.premium-main {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

body.page-refkonkurs #layout-stage:before,
body.page-refkonkurs #layout-stage:after,
body.page-refkonkurs .layout-stage:before,
body.page-refkonkurs .layout-stage:after,
body.page-refkonkurs table.main:before,
body.page-refkonkurs table.main:after,
body.page-refkonkurs table.premium-main:before,
body.page-refkonkurs table.premium-main:after {
    display: none !important;
    content: none !important;
}

/* 2) Центральная колонка ровная, без своего тяжелого фона */
body.page-refkonkurs td#contentwrapper,
body.page-refkonkurs #contentwrapper,
body.page-refkonkurs #aj-content {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.page-refkonkurs #contentwrapper > center,
body.page-refkonkurs #aj-content > center {
    display: block !important;
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* 3) Заголовок как на остальных страницах */
body.page-refkonkurs #contentwrapper .titles,
body.page-refkonkurs #aj-content .titles,
body.page-refkonkurs #contentwrapper center > .titles,
body.page-refkonkurs #aj-content center > .titles {
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 auto 34px !important;
    padding: 13px 18px !important;
    box-sizing: border-box !important;
    border-radius: 17px !important;
    color: #f3f6fb !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    text-align: center !important;
    text-shadow: none !important;
    background: linear-gradient(180deg, rgba(8,15,25,.98), rgba(4,9,16,.98)) !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 24px rgba(0,0,0,.14) !important;
}

/* 4) Информационный блок - отдельная карточка, с нормальным отступом до конкурса */
body.page-refkonkurs #contentwrapper .add-infa,
body.page-refkonkurs #aj-content .add-infa,
body.page-refkonkurs #contentwrapper .refkonkurs-info,
body.page-refkonkurs #aj-content .refkonkurs-info {
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 auto 26px !important;
    padding: 18px 22px !important;
    box-sizing: border-box !important;
    border-radius: 18px !important;
    color: #eef3fb !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.46 !important;
    text-align: left !important;
    text-shadow: none !important;
    background: linear-gradient(180deg, rgba(31,38,49,.92), rgba(17,23,32,.96)) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 26px rgba(0,0,0,.16) !important;
}

body.page-refkonkurs #contentwrapper .add-infa b,
body.page-refkonkurs #aj-content .add-infa b {
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* 5) Внешняя таблица конкурса не должна быть отдельной карточкой */
body.page-refkonkurs table.tables-refkon,
body.page-refkonkurs #contentwrapper table.tables-refkon,
body.page-refkonkurs #aj-content table.tables-refkon {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto 0 !important;
    padding: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 0 !important;
    color: #eef3fb !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    text-align: left !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.page-refkonkurs table.tables-refkon > tbody > tr,
body.page-refkonkurs table.tables-refkon > tbody > tr > td,
body.page-refkonkurs table.tables-refkon > tbody > tr > th {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

/* 6) Верхняя строка конкурса - одна цельная карточка */
body.page-refkonkurs table.tables-refkon > tbody > tr:first-child > td {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    background: linear-gradient(180deg, rgba(18,27,40,.96), rgba(9,15,25,.98)) !important;
    border-top: 1px solid rgba(255,255,255,.075) !important;
    border-bottom: 1px solid rgba(255,255,255,.055) !important;
}

body.page-refkonkurs table.tables-refkon > tbody > tr:first-child > td:first-child {
    padding-left: 18px !important;
    border-left: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 16px 0 0 16px !important;
}

body.page-refkonkurs table.tables-refkon > tbody > tr:first-child > td:last-child {
    padding-right: 18px !important;
    border-right: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 0 16px 16px 0 !important;
}

/* 7) Описание конкурса ниже карточки - без вложенной рамки, но с воздухом */
body.page-refkonkurs table.tables-refkon > tbody > tr:nth-child(n+2) > td {
    padding: 0 18px 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.page-refkonkurs table.tables-refkon > tbody > tr:nth-child(2) > td {
    padding-top: 28px !important;
}

body.page-refkonkurs table.tables-refkon > tbody > tr:last-child > td {
    padding-bottom: 0 !important;
}

/* 8) Цвета старого inline-текста */
body.page-refkonkurs .tables-refkon b {
    color: #ffffff !important;
    font-weight: 850 !important;
}

body.page-refkonkurs .tables-refkon font[color="green"] {
    color: #77d58a !important;
    font-weight: 850 !important;
    text-shadow: none !important;
}

body.page-refkonkurs .tables-refkon font[color="red"],
body.page-refkonkurs .tables-refkon .red {
    color: #ff4d4d !important;
    font-weight: 850 !important;
    text-shadow: none !important;
}

body.page-refkonkurs .tables-refkon .period,
body.page-refkonkurs .period {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 19px !important;
    padding: 2px 8px !important;
    margin: 0 6px !important;
    border-radius: 7px !important;
    color: #f2c36f !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-shadow: none !important;
    background: rgba(216,177,115,.12) !important;
    border: 1px solid rgba(216,177,115,.30) !important;
}

/* 9) Таблица призов внутри конкурса остается аккуратной таблицей */
body.page-refkonkurs .tables-refkon table {
    width: 100% !important;
    margin: 20px 0 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    border-radius: 13px !important;
    background: rgba(5,10,18,.52) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    box-shadow: none !important;
}

body.page-refkonkurs .tables-refkon table th {
    padding: 11px 12px !important;
    color: #f3d18d !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    text-align: center !important;
    background: rgba(4,9,16,.76) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

body.page-refkonkurs .tables-refkon table td {
    padding: 11px 12px !important;
    color: #edf3ff !important;
    text-align: center !important;
    background: rgba(9,15,25,.38) !important;
    border: 0 !important;
}

body.page-refkonkurs .top-mesto,
body.page-refkonkurs .top-mesto-no {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding-left: 30px !important;
    color: #edf3ff !important;
}

body.page-refkonkurs .top-priz {
    color: #f3d18d !important;
    font-weight: 850 !important;
}

/* 10) Пустая страница без активных конкурсов */
body.page-refkonkurs #contentwrapper .add-infa + div,
body.page-refkonkurs #aj-content .add-infa + div {
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.page-refkonkurs #contentwrapper center > div:not(.titles):not(.add-infa):not([id*="banner"]):not(.adsrek-bottom-468-box),
body.page-refkonkurs #aj-content center > div:not(.titles):not(.add-infa):not([id*="banner"]):not(.adsrek-bottom-468-box) {
    box-sizing: border-box !important;
}

/* 11) Адаптив */
@media (max-width: 760px) {
    body.page-refkonkurs #contentwrapper > center,
    body.page-refkonkurs #aj-content > center,
    body.page-refkonkurs #contentwrapper .titles,
    body.page-refkonkurs #aj-content .titles,
    body.page-refkonkurs #contentwrapper .add-infa,
    body.page-refkonkurs #aj-content .add-infa,
    body.page-refkonkurs table.tables-refkon {
        max-width: 100% !important;
    }

    body.page-refkonkurs table.tables-refkon > tbody > tr:first-child > td,
    body.page-refkonkurs table.tables-refkon > tbody > tr:nth-child(n+2) > td,
    body.page-refkonkurs .tables-refkon table td,
    body.page-refkonkurs .tables-refkon table th {
        padding-left: 9px !important;
        padding-right: 9px !important;
        font-size: 12px !important;
    }
}

/* ============================================================
   ADSREK v91 - refkonkurs remove contest row frame
   Убирает тонкую прямоугольную рамку вокруг конкурса на /refkonkurs?s=view.
   Причина рамки: старые правила/табличная разметка дают border на table.tables-refkon
   и/или на td верхней строки. Снимаем только на странице конкурса рефера.
   ============================================================ */

body.page-refkonkurs #contentwrapper table.tables-refkon,
body.page-refkonkurs #aj-content table.tables-refkon,
body.page-refkonkurs table.tables-refkon {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

/* Убираем рамки со всех ячеек этой таблицы */
body.page-refkonkurs #contentwrapper table.tables-refkon td,
body.page-refkonkurs #contentwrapper table.tables-refkon th,
body.page-refkonkurs #aj-content table.tables-refkon td,
body.page-refkonkurs #aj-content table.tables-refkon th,
body.page-refkonkurs table.tables-refkon td,
body.page-refkonkurs table.tables-refkon th {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Верхняя строка конкурса без внешней обводки */
body.page-refkonkurs #contentwrapper table.tables-refkon > tbody > tr:first-child > td,
body.page-refkonkurs #aj-content table.tables-refkon > tbody > tr:first-child > td,
body.page-refkonkurs table.tables-refkon > tbody > tr:first-child > td {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: rgba(10, 17, 27, .52) !important;
}

/* Убираем псевдо-рамки, если они добавлены через ::before/::after */
body.page-refkonkurs #contentwrapper table.tables-refkon::before,
body.page-refkonkurs #contentwrapper table.tables-refkon::after,
body.page-refkonkurs #contentwrapper table.tables-refkon tr::before,
body.page-refkonkurs #contentwrapper table.tables-refkon tr::after,
body.page-refkonkurs #contentwrapper table.tables-refkon td::before,
body.page-refkonkurs #contentwrapper table.tables-refkon td::after {
    display: none !important;
    content: none !important;
}

/* Воздух между инфо-блоком и строкой конкурса */
body.page-refkonkurs #contentwrapper .add-infa,
body.page-refkonkurs #aj-content .add-infa {
    margin-bottom: 22px !important;
}

/* ============================================================
   ADSREK v92 - refkonkurs contest frame hard remove
   Убирает именно прямоугольную рамку вокруг строки конкурса.
   Причина: рамка идет не только от table.tables-refkon, но и от
   старых правил на .tables-refkon / tr / td. Поэтому перебиваем
   через #contentwrapper:has(.tables-refkon), без привязки к body.
   Соц-разделы не затрагиваются.
   ============================================================ */

/* Внешний контейнер конкурса без рамки и без отдельной карточки */
#contentwrapper:has(.tables-refkon) .tables-refkon,
#aj-content:has(.tables-refkon) .tables-refkon,
#contentwrapper:has(.tables-refkon) table.tables-refkon,
#aj-content:has(.tables-refkon) table.tables-refkon {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

/* Снимаем рамки со строк и ячеек конкурса */
#contentwrapper:has(.tables-refkon) .tables-refkon tr,
#contentwrapper:has(.tables-refkon) .tables-refkon td,
#contentwrapper:has(.tables-refkon) .tables-refkon th,
#aj-content:has(.tables-refkon) .tables-refkon tr,
#aj-content:has(.tables-refkon) .tables-refkon td,
#aj-content:has(.tables-refkon) .tables-refkon th {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Убираем прямоугольную обводку именно с верхней строки конкурса */
#contentwrapper:has(.tables-refkon) .tables-refkon > tbody > tr:first-child,
#contentwrapper:has(.tables-refkon) .tables-refkon > tbody > tr:first-child > td,
#aj-content:has(.tables-refkon) .tables-refkon > tbody > tr:first-child,
#aj-content:has(.tables-refkon) .tables-refkon > tbody > tr:first-child > td {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Нормальный вид самой строки без рамки: просто мягкая темная плашка */
#contentwrapper:has(.tables-refkon) .tables-refkon > tbody > tr:first-child {
    background: linear-gradient(180deg, rgba(15, 24, 37, .72), rgba(8, 14, 23, .76)) !important;
    border-radius: 14px !important;
}

/* Чтобы у table-row работали скругления, фон переносим на ячейки без border */
#contentwrapper:has(.tables-refkon) .tables-refkon > tbody > tr:first-child > td,
#aj-content:has(.tables-refkon) .tables-refkon > tbody > tr:first-child > td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    background: rgba(9, 15, 25, .62) !important;
}

#contentwrapper:has(.tables-refkon) .tables-refkon > tbody > tr:first-child > td:first-child,
#aj-content:has(.tables-refkon) .tables-refkon > tbody > tr:first-child > td:first-child {
    border-radius: 14px 0 0 14px !important;
}

#contentwrapper:has(.tables-refkon) .tables-refkon > tbody > tr:first-child > td:last-child,
#aj-content:has(.tables-refkon) .tables-refkon > tbody > tr:first-child > td:last-child {
    border-radius: 0 14px 14px 0 !important;
}

/* Псевдо-обводки тоже отключаем */
#contentwrapper:has(.tables-refkon) .tables-refkon::before,
#contentwrapper:has(.tables-refkon) .tables-refkon::after,
#contentwrapper:has(.tables-refkon) .tables-refkon tr::before,
#contentwrapper:has(.tables-refkon) .tables-refkon tr::after,
#contentwrapper:has(.tables-refkon) .tables-refkon td::before,
#contentwrapper:has(.tables-refkon) .tables-refkon td::after {
    display: none !important;
    content: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Чуть воздуха между описанием и строкой конкурса */
#contentwrapper:has(.tables-refkon) .add-infa {
    margin-bottom: 24px !important;
}

/* ============================================================
   ADSREK v93 - refkonkurs contest row WITHOUT frame/panel
   На v92 рамка визуально осталась, потому что я сам оставил темную
   плашку/фон на первой строке конкурса. Тут убирается не только border,
   но и сам фон-панель вокруг строки конкурса.
   ============================================================ */

/* Любой внешний контейнер/таблица конкурса - полностью без панели */
html body.page-refkonkurs table.tables-refkon,
html body.page-refkonkurs #contentwrapper table.tables-refkon,
html body.page-refkonkurs #aj-content table.tables-refkon,
html body.page-refkonkurs table[class*="refkon"] {
    width: 100% !important;
    max-width: 760px !important;
    margin: 20px auto 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;

    border-radius: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    overflow: visible !important;
}

/* Снимаем фон/рамки со всех частей таблицы конкурса */
html body.page-refkonkurs table.tables-refkon tbody,
html body.page-refkonkurs table.tables-refkon thead,
html body.page-refkonkurs table.tables-refkon tfoot,
html body.page-refkonkurs table.tables-refkon tr,
html body.page-refkonkurs table.tables-refkon td,
html body.page-refkonkurs table.tables-refkon th {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    border-radius: 0 !important;
}

/* ВАЖНО: первая строка конкурса была как прямоугольная плашка - убираем полностью */
html body.page-refkonkurs table.tables-refkon > tbody > tr:first-child,
html body.page-refkonkurs table.tables-refkon > tbody > tr:first-child > td,
html body.page-refkonkurs #contentwrapper table.tables-refkon > tbody > tr:first-child,
html body.page-refkonkurs #contentwrapper table.tables-refkon > tbody > tr:first-child > td,
html body.page-refkonkurs #aj-content table.tables-refkon > tbody > tr:first-child,
html body.page-refkonkurs #aj-content table.tables-refkon > tbody > tr:first-child > td {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    border-radius: 0 !important;

    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

/* Если рамка сидит на родительском div вокруг таблицы */
html body.page-refkonkurs #contentwrapper center > div:has(table.tables-refkon),
html body.page-refkonkurs #aj-content center > div:has(table.tables-refkon),
html body.page-refkonkurs #contentwrapper div:has(> table.tables-refkon),
html body.page-refkonkurs #aj-content div:has(> table.tables-refkon) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    border-radius: 0 !important;

    padding: 0 !important;
    margin-top: 18px !important;
}

/* Псевдо-рамки тоже убираем */
html body.page-refkonkurs table.tables-refkon::before,
html body.page-refkonkurs table.tables-refkon::after,
html body.page-refkonkurs table.tables-refkon tbody::before,
html body.page-refkonkurs table.tables-refkon tbody::after,
html body.page-refkonkurs table.tables-refkon tr::before,
html body.page-refkonkurs table.tables-refkon tr::after,
html body.page-refkonkurs table.tables-refkon td::before,
html body.page-refkonkurs table.tables-refkon td::after,
html body.page-refkonkurs #contentwrapper div:has(> table.tables-refkon)::before,
html body.page-refkonkurs #contentwrapper div:has(> table.tables-refkon)::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Читаемость строки конкурса без рамки */
html body.page-refkonkurs table.tables-refkon > tbody > tr:first-child td {
    color: rgba(238, 243, 251, .86) !important;
}

html body.page-refkonkurs table.tables-refkon > tbody > tr:first-child b,
html body.page-refkonkurs table.tables-refkon > tbody > tr:first-child strong {
    color: #eef3fb !important;
}

/* Метка "Единоразовый" без белой прямоугольной заливки */
html body.page-refkonkurs table.tables-refkon font,
html body.page-refkonkurs table.tables-refkon span {
    box-shadow: none !important;
}

/* Нормальный отступ после инфо-блока */
html body.page-refkonkurs #contentwrapper .add-infa,
html body.page-refkonkurs #aj-content .add-infa,
html body.page-refkonkurs #contentwrapper .refkonkurs-info,
html body.page-refkonkurs #aj-content .refkonkurs-info {
    margin-bottom: 20px !important;
}

/* ============================================================
   ADSREK v98 - add_autoserf like advertise pages
   Делает /add_autoserf такой же структурой, как остальные страницы
   заказа рекламы: общий заголовок, сетка выбора вида рекламы,
   активная кнопка "Автосерфинг", затем блок с описанием и формой.
   ============================================================ */

#contentwrapper .autoserf-advertise-page,
#aj-content .autoserf-advertise-page {
  max-width: none !important;
  margin: 0 auto !important;
}

#contentwrapper .autoserf-advertise-page .advertise-grid,
#aj-content .autoserf-advertise-page .advertise-grid {
  max-width: none !important;
  margin: 0 auto 14px !important;
}

#contentwrapper .autoserf-advertise-page .advertise-card,
#aj-content .autoserf-advertise-page .advertise-card {
  min-height: 46px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border-radius: 16px !important;
}

#contentwrapper .autoserf-advertise-page .advertise-card.active,
#aj-content .autoserf-advertise-page .advertise-card.active {
  border-color: rgba(214, 185, 123, .38) !important;
  background: linear-gradient(180deg, rgba(21, 33, 52, .98), rgba(8, 15, 27, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 22px rgba(0,0,0,.20) !important;
}

#contentwrapper .autoserf-advertise-page #load-zacaz,
#aj-content .autoserf-advertise-page #load-zacaz {
  margin-top: 14px !important;
  max-width: none !important;
}

#contentwrapper .autoserf-advertise-page #load-zacaz > .titles,
#aj-content .autoserf-advertise-page #load-zacaz > .titles {
  margin: 0 auto 16px !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-info,
#aj-content .autoserf-advertise-page .autoserf-info {
  max-width: 720px !important;
  margin: 0 auto 22px !important;
  padding: 22px 26px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(17, 27, 44, .86), rgba(10, 17, 30, .92)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 30px rgba(0,0,0,.16) !important;
  color: #eef3fb !important;
  line-height: 1.55 !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form,
#aj-content .autoserf-advertise-page .autoserf-form {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form table.table,
#aj-content .autoserf-advertise-page .autoserf-form table.table {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(10, 17, 30, .58), rgba(8, 14, 24, .72)) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.18) !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form table.table th,
#aj-content .autoserf-advertise-page .autoserf-form table.table th {
  padding: 16px 18px !important;
  text-align: center !important;
  color: #d8b173 !important;
  background: rgba(5, 10, 18, .82) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.065) !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form table.table td,
#aj-content .autoserf-advertise-page .autoserf-form table.table td {
  padding: 16px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.045) !important;
  background: transparent !important;
  color: #eef3fb !important;
  vertical-align: middle !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form table.table tr:last-child td,
#aj-content .autoserf-advertise-page .autoserf-form table.table tr:last-child td {
  border-bottom: 0 !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form table.table td:first-child,
#aj-content .autoserf-advertise-page .autoserf-form table.table td:first-child {
  font-weight: 700 !important;
  color: #f4f7ff !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form input[type="text"],
#contentwrapper .autoserf-advertise-page .autoserf-form select,
#aj-content .autoserf-advertise-page .autoserf-form input[type="text"],
#aj-content .autoserf-advertise-page .autoserf-form select {
  width: 100% !important;
  max-width: 430px !important;
  min-height: 50px !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.085) !important;
  background: linear-gradient(180deg, rgba(29,39,55,.86), rgba(20,29,43,.92)) !important;
  color: #eef3fb !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-submit-row,
#aj-content .autoserf-advertise-page .autoserf-submit-row {
  text-align: center !important;
  padding: 18px !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-submit,
#aj-content .autoserf-advertise-page .autoserf-submit {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-submit .btn,
#aj-content .autoserf-advertise-page .autoserf-submit .btn {
  width: auto !important;
  min-width: 190px !important;
  height: 44px !important;
  padding: 0 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
}

@media (max-width: 760px) {
  #contentwrapper .autoserf-advertise-page .advertise-grid,
  #aj-content .autoserf-advertise-page .advertise-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  #contentwrapper .autoserf-advertise-page .autoserf-form table.table tr,
  #aj-content .autoserf-advertise-page .autoserf-form table.table tr {
    display: block !important;
  }

  #contentwrapper .autoserf-advertise-page .autoserf-form table.table td,
  #aj-content .autoserf-advertise-page .autoserf-form table.table td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #contentwrapper .autoserf-advertise-page .autoserf-form input[type="text"],
  #contentwrapper .autoserf-advertise-page .autoserf-form select,
  #aj-content .autoserf-advertise-page .autoserf-form input[type="text"],
  #aj-content .autoserf-advertise-page .autoserf-form select {
    max-width: none !important;
  }
}

/* ============================================================
   ADSREK v99 - /add_autoserf exactly like advertise pages
   Важно: правка работает только если заменен шаблон
   public_html/templates/add_autoserf.tpl.
   ============================================================ */

#contentwrapper .autoserf-advertise-page,
#aj-content .autoserf-advertise-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
}

#contentwrapper .autoserf-advertise-page .advertise-grid,
#aj-content .autoserf-advertise-page .advertise-grid {
  margin: 0 auto 14px !important;
}

/* Активная кнопка автосерфинга в верхнем выборе рекламы */
#contentwrapper .autoserf-advertise-page .advertise-card.active,
#aj-content .autoserf-advertise-page .advertise-card.active {
  border-color: rgba(214, 185, 123, .42) !important;
  background: linear-gradient(180deg, rgba(21, 33, 52, .96), rgba(8, 15, 27, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 22px rgba(0,0,0,.18) !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-panel,
#aj-content .autoserf-advertise-page .autoserf-panel {
  margin-top: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-panel > .titles,
#aj-content .autoserf-advertise-page .autoserf-panel > .titles {
  margin: 0 auto 16px !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-info,
#aj-content .autoserf-advertise-page .autoserf-info {
  max-width: 720px !important;
  margin: 0 auto 22px !important;
  padding: 22px 26px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(17, 27, 44, .86), rgba(10, 17, 30, .92)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 30px rgba(0,0,0,.16) !important;
  color: #eef3fb !important;
  line-height: 1.55 !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-info p,
#aj-content .autoserf-advertise-page .autoserf-info p {
  margin: 0 !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form,
#aj-content .autoserf-advertise-page .autoserf-form {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form table.table,
#aj-content .autoserf-advertise-page .autoserf-form table.table {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(10, 17, 30, .58), rgba(8, 14, 24, .72)) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.18) !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form table.table th,
#aj-content .autoserf-advertise-page .autoserf-form table.table th {
  padding: 16px 18px !important;
  text-align: center !important;
  color: #d8b173 !important;
  background: rgba(5, 10, 18, .82) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.065) !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form table.table td,
#aj-content .autoserf-advertise-page .autoserf-form table.table td {
  padding: 16px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.045) !important;
  background: transparent !important;
  color: #eef3fb !important;
  vertical-align: middle !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form table.table tr:last-child td,
#aj-content .autoserf-advertise-page .autoserf-form table.table tr:last-child td {
  border-bottom: 0 !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form table.table td:first-child,
#aj-content .autoserf-advertise-page .autoserf-form table.table td:first-child {
  font-weight: 700 !important;
  color: #f4f7ff !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form input[type="text"],
#contentwrapper .autoserf-advertise-page .autoserf-form select,
#aj-content .autoserf-advertise-page .autoserf-form input[type="text"],
#aj-content .autoserf-advertise-page .autoserf-form select {
  width: 100% !important;
  max-width: 430px !important;
  min-height: 50px !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.085) !important;
  background: linear-gradient(180deg, rgba(29,39,55,.86), rgba(20,29,43,.92)) !important;
  color: #eef3fb !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-submit-row,
#aj-content .autoserf-advertise-page .autoserf-submit-row {
  text-align: center !important;
  padding: 18px !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-submit,
#aj-content .autoserf-advertise-page .autoserf-submit {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-submit .btn,
#aj-content .autoserf-advertise-page .autoserf-submit .btn {
  width: auto !important;
  min-width: 190px !important;
  height: 44px !important;
  padding: 0 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
}

@media (max-width: 760px) {
  #contentwrapper .autoserf-advertise-page .advertise-grid,
  #aj-content .autoserf-advertise-page .advertise-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  #contentwrapper .autoserf-advertise-page .autoserf-form table.table tr,
  #aj-content .autoserf-advertise-page .autoserf-form table.table tr {
    display: block !important;
  }

  #contentwrapper .autoserf-advertise-page .autoserf-form table.table td,
  #aj-content .autoserf-advertise-page .autoserf-form table.table td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #contentwrapper .autoserf-advertise-page .autoserf-form input[type="text"],
  #contentwrapper .autoserf-advertise-page .autoserf-form select,
  #aj-content .autoserf-advertise-page .autoserf-form input[type="text"],
  #aj-content .autoserf-advertise-page .autoserf-form select {
    max-width: none !important;
  }
}

/* ============================================================
   ADSREK v100 - /add_autoserf without YouTube inner block
   В шаблоне автосерфинга НЕ должно быть блока YouTube
   с оранжевыми кнопками "Просмотр видео / Подписаться / Лайк".
   Остается только общая сетка "Размещение рекламы" и форма автосерфинга.
   ============================================================ */

#contentwrapper .autoserf-advertise-page,
#aj-content .autoserf-advertise-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
}

#contentwrapper .autoserf-advertise-page .advertise-grid,
#aj-content .autoserf-advertise-page .advertise-grid {
  margin: 0 auto 14px !important;
}

#contentwrapper .autoserf-advertise-page .advertise-card.active,
#aj-content .autoserf-advertise-page .advertise-card.active {
  border-color: rgba(214, 185, 123, .42) !important;
  background: linear-gradient(180deg, rgba(21, 33, 52, .96), rgba(8, 15, 27, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 22px rgba(0,0,0,.18) !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-panel,
#aj-content .autoserf-advertise-page .autoserf-panel {
  margin-top: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-panel > .titles,
#aj-content .autoserf-advertise-page .autoserf-panel > .titles {
  margin: 0 auto 16px !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-info,
#aj-content .autoserf-advertise-page .autoserf-info {
  max-width: 720px !important;
  margin: 0 auto 22px !important;
  padding: 22px 26px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(17, 27, 44, .86), rgba(10, 17, 30, .92)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 30px rgba(0,0,0,.16) !important;
  color: #eef3fb !important;
  line-height: 1.55 !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-info p,
#aj-content .autoserf-advertise-page .autoserf-info p {
  margin: 0 !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form,
#aj-content .autoserf-advertise-page .autoserf-form {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form table.table,
#aj-content .autoserf-advertise-page .autoserf-form table.table {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(10, 17, 30, .58), rgba(8, 14, 24, .72)) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.18) !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form table.table th,
#aj-content .autoserf-advertise-page .autoserf-form table.table th {
  padding: 16px 18px !important;
  text-align: center !important;
  color: #d8b173 !important;
  background: rgba(5, 10, 18, .82) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.065) !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form table.table td,
#aj-content .autoserf-advertise-page .autoserf-form table.table td {
  padding: 16px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.045) !important;
  background: transparent !important;
  color: #eef3fb !important;
  vertical-align: middle !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form table.table tr:last-child td,
#aj-content .autoserf-advertise-page .autoserf-form table.table tr:last-child td {
  border-bottom: 0 !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form table.table td:first-child,
#aj-content .autoserf-advertise-page .autoserf-form table.table td:first-child {
  font-weight: 700 !important;
  color: #f4f7ff !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-form input[type="text"],
#contentwrapper .autoserf-advertise-page .autoserf-form select,
#aj-content .autoserf-advertise-page .autoserf-form input[type="text"],
#aj-content .autoserf-advertise-page .autoserf-form select {
  width: 100% !important;
  max-width: 430px !important;
  min-height: 50px !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.085) !important;
  background: linear-gradient(180deg, rgba(29,39,55,.86), rgba(20,29,43,.92)) !important;
  color: #eef3fb !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-submit-row,
#aj-content .autoserf-advertise-page .autoserf-submit-row {
  text-align: center !important;
  padding: 18px !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-submit,
#aj-content .autoserf-advertise-page .autoserf-submit {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#contentwrapper .autoserf-advertise-page .autoserf-submit .btn,
#aj-content .autoserf-advertise-page .autoserf-submit .btn {
  width: auto !important;
  min-width: 190px !important;
  height: 44px !important;
  padding: 0 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
}

@media (max-width: 760px) {
  #contentwrapper .autoserf-advertise-page .advertise-grid,
  #aj-content .autoserf-advertise-page .advertise-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  #contentwrapper .autoserf-advertise-page .autoserf-form table.table tr,
  #aj-content .autoserf-advertise-page .autoserf-form table.table tr {
    display: block !important;
  }

  #contentwrapper .autoserf-advertise-page .autoserf-form table.table td,
  #aj-content .autoserf-advertise-page .autoserf-form table.table td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #contentwrapper .autoserf-advertise-page .autoserf-form input[type="text"],
  #contentwrapper .autoserf-advertise-page .autoserf-form select,
  #aj-content .autoserf-advertise-page .autoserf-form input[type="text"],
  #aj-content .autoserf-advertise-page .autoserf-form select {
    max-width: none !important;
  }
}

/* ============================================================
   ADSREK v101 - YouTube advertise page design fix
   Правит именно страницу /advertise?adv=youtube:
   - убирает белую линию над YouTube-вкладками;
   - убирает оранжевые кнопки;
   - делает вкладки "Просмотр/Подписаться/Лайк" в стиле сайта;
   - аккуратно оформляет инфо-блок и форму YouTube.
   ============================================================ */

/* YouTube inner tabs */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]),
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) {
  max-width: 720px !important;
  margin: 16px auto 18px !important;
  padding: 10px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: linear-gradient(180deg, rgba(18, 28, 43, .78), rgba(8, 15, 26, .88)) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 28px rgba(0,0,0,.16) !important;
}

/* Dark tabs instead of orange */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a {
  min-width: 0 !important;
  max-width: none !important;
  flex: 1 1 190px !important;
  margin: 0 !important;
  padding: 13px 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 14px !important;
  color: #eef3fb !important;
  text-decoration: none !important;
  text-shadow: none !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  background: linear-gradient(180deg, rgba(22, 34, 52, .96), rgba(9, 16, 28, .98)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 9px 18px rgba(0,0,0,.14) !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a:hover,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(255,255,255,.15) !important;
  background: linear-gradient(180deg, rgba(30, 44, 66, .98), rgba(12, 21, 35, .98)) !important;
}

/* Active YouTube tab: red accent, but not toxic orange */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a.active,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a.active {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(215, 46, 42, .36), rgba(90, 18, 24, .30)) !important;
  border-color: rgba(255, 96, 86, .34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(120, 22, 24, .18) !important;
}

/* Small symbols for readability */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a[href*="s=video"]::before,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a[href*="s=video"]::before {
  content: "▶";
  opacity: .9;
}

#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a[href*="s=subscriptions"]::before,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a[href*="s=subscriptions"]::before {
  content: "+";
  opacity: .9;
  font-size: 18px;
  line-height: 1;
}

#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a[href*="s=like"]::before,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a[href*="s=like"]::before {
  content: "♥";
  opacity: .9;
}

/* YouTube section title */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) + .titles,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) + .titles {
  margin: 18px auto 16px !important;
  max-width: 680px !important;
}

/* Wrapper after title should not create old padding artifacts */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) + .titles + div,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) + .titles + div {
  padding: 0 !important;
}

/* YouTube info block */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) + .titles + div > .add-infa,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) + .titles + div > .add-infa {
  max-width: 720px !important;
  margin: 0 auto 22px !important;
  padding: 22px 26px !important;
  border-radius: 18px !important;
  color: #eef3fb !important;
  line-height: 1.55 !important;
  background: linear-gradient(180deg, rgba(18, 28, 43, .88), rgba(10, 17, 30, .94)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 30px rgba(0,0,0,.16) !important;
}

/* Warning text inside YouTube info block */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) + .titles + div > .add-infa span[style*="color"],
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) + .titles + div > .add-infa span[style*="color"] {
  display: block !important;
  margin-top: 14px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  color: #ff6b6b !important;
  background: rgba(185, 34, 42, .12) !important;
  border: 1px solid rgba(255, 96, 96, .16) !important;
  line-height: 1.55 !important;
}

/* Link "Инструкция" */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) + .titles + div > .add-infa a,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) + .titles + div > .add-infa a {
  color: #f3d18d !important;
  text-decoration: none !important;
}

#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) + .titles + div > .add-infa a:hover,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) + .titles + div > .add-infa a:hover {
  text-decoration: underline !important;
}

/* YouTube order form */
#contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] table.table,
#aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] table.table {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 16px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(10, 17, 30, .60), rgba(8, 14, 24, .76)) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.18) !important;
}

#contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] table.table th,
#aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] table.table th {
  padding: 16px 18px !important;
  text-align: center !important;
  color: #d8b173 !important;
  background: rgba(5, 10, 18, .82) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.065) !important;
}

#contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] table.table td,
#aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] table.table td {
  padding: 16px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.045) !important;
  background: transparent !important;
  color: #eef3fb !important;
  vertical-align: middle !important;
}

#contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] table.table tr:last-child td,
#aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] table.table tr:last-child td {
  border-bottom: 0 !important;
}

#contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] table.table td:first-child,
#aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] table.table td:first-child {
  color: #f4f7ff !important;
  font-weight: 700 !important;
}

/* Inputs/selects in YouTube form */
#contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] input[type="text"],
#contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] input[type="number"],
#contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] select,
#contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] textarea,
#aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] input[type="text"],
#aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] input[type="number"],
#aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] select,
#aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] textarea {
  width: 100% !important;
  max-width: 430px !important;
  min-height: 46px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.085) !important;
  background: linear-gradient(180deg, rgba(29,39,55,.86), rgba(20,29,43,.92)) !important;
  color: #eef3fb !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

#contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] textarea,
#aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] textarea {
  min-height: 110px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* Extra settings opener */
#contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] .cattitle-open,
#aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] .cattitle-open {
  max-width: 760px !important;
  margin: 12px auto 14px !important;
  display: block !important;
  border-radius: 16px !important;
}

/* Mobile */
@media (max-width: 760px) {
  #contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]),
  #aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) {
    max-width: calc(100vw - 28px) !important;
  }

  #contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a,
  #aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a {
    flex: 1 1 100% !important;
  }

  #contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] table.table,
  #aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] table.table {
    max-width: calc(100vw - 28px) !important;
  }

  #contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] table.table tr,
  #aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] table.table tr {
    display: block !important;
  }

  #contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] table.table td,
  #aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] table.table td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] input[type="text"],
  #contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] input[type="number"],
  #contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] select,
  #contentwrapper .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] textarea,
  #aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] input[type="text"],
  #aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] input[type="number"],
  #aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] select,
  #aj-content .advertise-page #load-zacaz form[action*="ajax_zacaz_youtube"] textarea {
    max-width: none !important;
  }
}

/* ============================================================
   ADSREK v102 - YouTube + Telegram inner buttons fix
   /advertise?adv=youtube и /advertise?adv=tg
   ============================================================ */

/* YouTube: три внутренние кнопки делаем компактными */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]),
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) {
  width: fit-content !important;
  max-width: 100% !important;
  margin: 14px auto 18px !important;
  padding: 7px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  border: 0 !important;
  background: rgba(7, 13, 23, .45) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.12) !important;
}

#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 132px !important;
  max-width: 172px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border-radius: 13px !important;
  color: #eef3fb !important;
  text-decoration: none !important;
  text-shadow: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  background: linear-gradient(180deg, rgba(22, 34, 52, .96), rgba(9, 16, 28, .98)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 16px rgba(0,0,0,.13) !important;
}

#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a:hover,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(255,255,255,.16) !important;
  background: linear-gradient(180deg, rgba(30, 44, 66, .98), rgba(12, 21, 35, .98)) !important;
}

#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a.active,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a.active {
  background: linear-gradient(180deg, rgba(158, 45, 50, .56), rgba(69, 18, 28, .72)) !important;
  border-color: rgba(255, 104, 96, .34) !important;
}

/* Telegram: внутренние кнопки в таком же аккуратном стиле */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]),
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) {
  width: fit-content !important;
  max-width: 100% !important;
  margin: 14px auto 18px !important;
  padding: 7px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  border: 0 !important;
  background: rgba(7, 13, 23, .45) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.12) !important;
}

#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 92px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 13px !important;
  color: #eef3fb !important;
  text-decoration: none !important;
  text-shadow: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  background: linear-gradient(180deg, rgba(22, 34, 52, .96), rgba(9, 16, 28, .98)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 16px rgba(0,0,0,.13) !important;
}

#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a:hover,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(255,255,255,.16) !important;
  background: linear-gradient(180deg, rgba(30, 44, 66, .98), rgba(12, 21, 35, .98)) !important;
}

#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a.active,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a.active {
  background: linear-gradient(180deg, rgba(37, 92, 132, .58), rgba(16, 45, 72, .72)) !important;
  border-color: rgba(100, 176, 238, .32) !important;
}

/* Telegram: инфо-блок и форма аккуратнее */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) + .titles + div > .add-infa,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) + .titles + div > .add-infa {
  max-width: 720px !important;
  margin: 0 auto 18px !important;
  padding: 18px 22px !important;
  border-radius: 18px !important;
  color: #eef3fb !important;
  line-height: 1.5 !important;
  background: linear-gradient(180deg, rgba(18, 28, 43, .88), rgba(10, 17, 30, .94)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 26px rgba(0,0,0,.14) !important;
}

#contentwrapper .advertise-page #load-zacaz form[action*="telegram"] table.table,
#contentwrapper .advertise-page #load-zacaz form[action*="tg"] table.table,
#aj-content .advertise-page #load-zacaz form[action*="telegram"] table.table,
#aj-content .advertise-page #load-zacaz form[action*="tg"] table.table {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 16px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(10, 17, 30, .60), rgba(8, 14, 24, .76)) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.18) !important;
}

#contentwrapper .advertise-page #load-zacaz form[action*="telegram"] table.table td,
#contentwrapper .advertise-page #load-zacaz form[action*="tg"] table.table td,
#aj-content .advertise-page #load-zacaz form[action*="telegram"] table.table td,
#aj-content .advertise-page #load-zacaz form[action*="tg"] table.table td {
  padding: 15px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.045) !important;
  background: transparent !important;
  color: #eef3fb !important;
  vertical-align: middle !important;
}

#contentwrapper .advertise-page #load-zacaz form[action*="telegram"] table.table tr:last-child td,
#contentwrapper .advertise-page #load-zacaz form[action*="tg"] table.table tr:last-child td,
#aj-content .advertise-page #load-zacaz form[action*="telegram"] table.table tr:last-child td,
#aj-content .advertise-page #load-zacaz form[action*="tg"] table.table tr:last-child td {
  border-bottom: 0 !important;
}

#contentwrapper .advertise-page #load-zacaz form[action*="telegram"] table.table td:first-child,
#contentwrapper .advertise-page #load-zacaz form[action*="tg"] table.table td:first-child,
#aj-content .advertise-page #load-zacaz form[action*="telegram"] table.table td:first-child,
#aj-content .advertise-page #load-zacaz form[action*="tg"] table.table td:first-child {
  color: #f4f7ff !important;
  font-weight: 800 !important;
}

#contentwrapper .advertise-page #load-zacaz form[action*="telegram"] input[type="text"],
#contentwrapper .advertise-page #load-zacaz form[action*="telegram"] input[type="number"],
#contentwrapper .advertise-page #load-zacaz form[action*="tg"] input[type="text"],
#contentwrapper .advertise-page #load-zacaz form[action*="tg"] input[type="number"],
#aj-content .advertise-page #load-zacaz form[action*="telegram"] input[type="text"],
#aj-content .advertise-page #load-zacaz form[action*="telegram"] input[type="number"],
#aj-content .advertise-page #load-zacaz form[action*="tg"] input[type="text"],
#aj-content .advertise-page #load-zacaz form[action*="tg"] input[type="number"] {
  width: 100% !important;
  max-width: 430px !important;
  min-height: 46px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.085) !important;
  background: linear-gradient(180deg, rgba(29,39,55,.86), rgba(20,29,43,.92)) !important;
  color: #eef3fb !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

@media (max-width: 760px) {
  #contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]),
  #contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]),
  #aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]),
  #aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) {
    width: auto !important;
    max-width: calc(100vw - 28px) !important;
  }

  #contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a,
  #contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a,
  #aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=youtube"]) a,
  #aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a {
    min-width: 0 !important;
    flex: 1 1 100% !important;
    max-width: none !important;
  }
}

/* ============================================================
   ADSREK v103 - strong fix for social inner tabs
   Без :has(), чтобы точно зацепило Telegram/YouTube/VK/Instagram/Rutube.
   Исправляет маленькие вкладки внутри рекламных разделов:
   Подписка / Репост / Лайк
   Просмотр видео / Подписаться на канал / Поставить Лайк
   ============================================================ */

/* Контейнер внутренних вкладок соц-рекламы */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop,
#contentwrapper #load-zacaz .menu-zacaz-dop,
#aj-content #load-zacaz .menu-zacaz-dop {
  width: fit-content !important;
  max-width: 100% !important;
  margin: 16px auto 18px !important;
  padding: 7px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: rgba(7, 13, 23, .46) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.12) !important;
}

/* Сами внутренние вкладки */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a,
#contentwrapper #load-zacaz .menu-zacaz-dop a,
#aj-content #load-zacaz .menu-zacaz-dop a {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 92px !important;
  max-width: 176px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  box-sizing: border-box !important;
  border-radius: 13px !important;
  color: #eef3fb !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: normal !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  background: linear-gradient(180deg, rgba(22, 34, 52, .96), rgba(9, 16, 28, .98)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 16px rgba(0,0,0,.13) !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease !important;
}

/* У длинных YouTube-вкладок чуть шире, но не огромные */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a[href*="youtube"],
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a[href*="adv=youtube"],
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a[href*="youtube"],
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a[href*="adv=youtube"],
#contentwrapper #load-zacaz .menu-zacaz-dop a[href*="youtube"],
#contentwrapper #load-zacaz .menu-zacaz-dop a[href*="adv=youtube"],
#aj-content #load-zacaz .menu-zacaz-dop a[href*="youtube"],
#aj-content #load-zacaz .menu-zacaz-dop a[href*="adv=youtube"] {
  min-width: 132px !important;
  max-width: 176px !important;
  height: 40px !important;
}

/* Hover */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a:hover,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a:hover,
#contentwrapper #load-zacaz .menu-zacaz-dop a:hover,
#aj-content #load-zacaz .menu-zacaz-dop a:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(255,255,255,.16) !important;
  background: linear-gradient(180deg, rgba(30, 44, 66, .98), rgba(12, 21, 35, .98)) !important;
}

/* Активная вкладка */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a.active,
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop .active,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a.active,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop .active,
#contentwrapper #load-zacaz .menu-zacaz-dop a.active,
#contentwrapper #load-zacaz .menu-zacaz-dop .active,
#aj-content #load-zacaz .menu-zacaz-dop a.active,
#aj-content #load-zacaz .menu-zacaz-dop .active {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(37, 92, 132, .58), rgba(16, 45, 72, .72)) !important;
  border-color: rgba(100, 176, 238, .32) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(22, 96, 160, .14) !important;
}

/* Красный акцент только для YouTube-активной, если ссылка содержит youtube */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a[href*="youtube"].active,
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a[href*="adv=youtube"].active,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a[href*="youtube"].active,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a[href*="adv=youtube"].active,
#contentwrapper #load-zacaz .menu-zacaz-dop a[href*="youtube"].active,
#contentwrapper #load-zacaz .menu-zacaz-dop a[href*="adv=youtube"].active,
#aj-content #load-zacaz .menu-zacaz-dop a[href*="youtube"].active,
#aj-content #load-zacaz .menu-zacaz-dop a[href*="adv=youtube"].active {
  background: linear-gradient(180deg, rgba(158, 45, 50, .56), rgba(69, 18, 28, .72)) !important;
  border-color: rgba(255, 104, 96, .34) !important;
}

/* Telegram и другие соц-формы: выравнивание формы под общий стиль */
#contentwrapper .advertise-page #load-zacaz form table.table,
#aj-content .advertise-page #load-zacaz form table.table {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Внутренний инфо-блок после вкладок */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop + .titles + div > .add-infa,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop + .titles + div > .add-infa,
#contentwrapper #load-zacaz .menu-zacaz-dop + .titles + div > .add-infa,
#aj-content #load-zacaz .menu-zacaz-dop + .titles + div > .add-infa {
  max-width: 720px !important;
  margin: 0 auto 18px !important;
  padding: 18px 22px !important;
  border-radius: 18px !important;
  color: #eef3fb !important;
  line-height: 1.5 !important;
  background: linear-gradient(180deg, rgba(18, 28, 43, .88), rgba(10, 17, 30, .94)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 26px rgba(0,0,0,.14) !important;
}

/* Формы соц-рекламы */
#contentwrapper .advertise-page #load-zacaz form table.table td,
#aj-content .advertise-page #load-zacaz form table.table td {
  padding: 15px 18px !important;
}

#contentwrapper .advertise-page #load-zacaz form input[type="text"],
#contentwrapper .advertise-page #load-zacaz form input[type="number"],
#contentwrapper .advertise-page #load-zacaz form select,
#aj-content .advertise-page #load-zacaz form input[type="text"],
#aj-content .advertise-page #load-zacaz form input[type="number"],
#aj-content .advertise-page #load-zacaz form select {
  max-width: 430px !important;
  min-height: 46px !important;
}

@media (max-width: 760px) {
  #contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop,
  #aj-content .advertise-page #load-zacaz .menu-zacaz-dop,
  #contentwrapper #load-zacaz .menu-zacaz-dop,
  #aj-content #load-zacaz .menu-zacaz-dop {
    width: auto !important;
    max-width: calc(100vw - 28px) !important;
  }

  #contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a,
  #aj-content .advertise-page #load-zacaz .menu-zacaz-dop a,
  #contentwrapper #load-zacaz .menu-zacaz-dop a,
  #aj-content #load-zacaz .menu-zacaz-dop a {
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 100% !important;
  }
}

/* ============================================================
   ADSREK v104 - social tabs polish
   Финальная доводка маленьких кнопок внутри YouTube / Telegram / VK / Instagram.
   Исправляет сжатые/слишком тесные кнопки, особенно VK "Рассказать друзьям".
   ============================================================ */

/* Контейнер внутренних кнопок соц-рекламы: чуть больше воздуха */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop,
#contentwrapper #load-zacaz .menu-zacaz-dop,
#aj-content #load-zacaz .menu-zacaz-dop {
  width: fit-content !important;
  max-width: 640px !important;
  margin: 18px auto 18px !important;
  padding: 8px !important;
  gap: 10px !important;
  background: rgba(5, 10, 18, .42) !important;
  border: 1px solid rgba(255,255,255,.045) !important;
  border-radius: 17px !important;
}

/* Общий вид внутренних кнопок: не огромные, но и не сжатые */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a,
#contentwrapper #load-zacaz .menu-zacaz-dop a,
#aj-content #load-zacaz .menu-zacaz-dop a {
  width: auto !important;
  min-width: 108px !important;
  max-width: none !important;
  min-height: 40px !important;
  height: auto !important;
  padding: 9px 16px !important;
  white-space: nowrap !important;
  border-radius: 13px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  background: linear-gradient(180deg, rgba(24, 35, 51, .95), rgba(10, 17, 29, .98)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 7px 15px rgba(0,0,0,.12) !important;
}

/* Instagram: две кнопки компактно */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a[href*="adv=insta"],
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a[href*="adv=insta"],
#contentwrapper #load-zacaz .menu-zacaz-dop a[href*="adv=insta"],
#aj-content #load-zacaz .menu-zacaz-dop a[href*="adv=insta"] {
  min-width: 104px !important;
}

/* Telegram: три кнопки нормальной ширины */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a[href*="adv=tg"],
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a[href*="adv=tg"],
#contentwrapper #load-zacaz .menu-zacaz-dop a[href*="adv=tg"],
#aj-content #load-zacaz .menu-zacaz-dop a[href*="adv=tg"] {
  min-width: 106px !important;
}

/* YouTube: длинные подписи не делаем огромными */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a[href*="adv=youtube"],
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a[href*="adv=youtube"],
#contentwrapper #load-zacaz .menu-zacaz-dop a[href*="adv=youtube"],
#aj-content #load-zacaz .menu-zacaz-dop a[href*="adv=youtube"] {
  min-width: 146px !important;
  max-width: 188px !important;
  white-space: normal !important;
}

/* VK: кнопка репоста не должна быть сжатой в две некрасивые строки */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a[href*="adv=vk"],
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a[href*="adv=vk"],
#contentwrapper #load-zacaz .menu-zacaz-dop a[href*="adv=vk"],
#aj-content #load-zacaz .menu-zacaz-dop a[href*="adv=vk"] {
  min-width: 138px !important;
  white-space: nowrap !important;
}

/* Если в ссылке репоста есть стандартные слова - делаем её шире */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a[href*="repost"],
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a[href*="wall"],
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a[href*="friends"],
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a[href*="repost"],
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a[href*="wall"],
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a[href*="friends"],
#contentwrapper #load-zacaz .menu-zacaz-dop a[href*="repost"],
#contentwrapper #load-zacaz .menu-zacaz-dop a[href*="wall"],
#contentwrapper #load-zacaz .menu-zacaz-dop a[href*="friends"],
#aj-content #load-zacaz .menu-zacaz-dop a[href*="repost"],
#aj-content #load-zacaz .menu-zacaz-dop a[href*="wall"],
#aj-content #load-zacaz .menu-zacaz-dop a[href*="friends"] {
  min-width: 190px !important;
}

/* Если VK всё равно не определяется по ссылке, третья кнопка в группе будет шире только когда кнопок 3 */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a:nth-child(3):last-child,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a:nth-child(3):last-child,
#contentwrapper #load-zacaz .menu-zacaz-dop a:nth-child(3):last-child,
#aj-content #load-zacaz .menu-zacaz-dop a:nth-child(3):last-child {
  min-width: 128px !important;
}

/* Активная кнопка без слишком яркого синего */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a.active,
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop .active,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a.active,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop .active,
#contentwrapper #load-zacaz .menu-zacaz-dop a.active,
#contentwrapper #load-zacaz .menu-zacaz-dop .active,
#aj-content #load-zacaz .menu-zacaz-dop a.active,
#aj-content #load-zacaz .menu-zacaz-dop .active {
  background: linear-gradient(180deg, rgba(34, 61, 86, .78), rgba(13, 28, 45, .92)) !important;
  border-color: rgba(120, 170, 215, .26) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 17px rgba(0,0,0,.14) !important;
}

/* YouTube active оставляем с мягким красным акцентом */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a[href*="adv=youtube"].active,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a[href*="adv=youtube"].active,
#contentwrapper #load-zacaz .menu-zacaz-dop a[href*="adv=youtube"].active,
#aj-content #load-zacaz .menu-zacaz-dop a[href*="adv=youtube"].active {
  background: linear-gradient(180deg, rgba(132, 42, 48, .62), rgba(54, 18, 28, .86)) !important;
  border-color: rgba(255, 102, 96, .28) !important;
}

/* Чуть меньше расстояние между внутренними кнопками и заголовком ниже */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop + .titles,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop + .titles,
#contentwrapper #load-zacaz .menu-zacaz-dop + .titles,
#aj-content #load-zacaz .menu-zacaz-dop + .titles {
  margin-top: 14px !important;
}

@media (max-width: 760px) {
  #contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop,
  #aj-content .advertise-page #load-zacaz .menu-zacaz-dop,
  #contentwrapper #load-zacaz .menu-zacaz-dop,
  #aj-content #load-zacaz .menu-zacaz-dop {
    width: auto !important;
    max-width: calc(100vw - 28px) !important;
  }

  #contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a,
  #aj-content .advertise-page #load-zacaz .menu-zacaz-dop a,
  #contentwrapper #load-zacaz .menu-zacaz-dop a,
  #aj-content #load-zacaz .menu-zacaz-dop a {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: normal !important;
  }
}

/* ============================================================
   ADSREK v105 - Telegram inner tabs same as other social sections
   Исправляет отличие Telegram: Подписка / Репост / Лайк теперь
   выглядят как VK/YouTube/Instagram внутренние вкладки.
   ============================================================ */

/* Telegram: контейнер внутренних кнопок делаем как у остальных */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]),
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]),
#contentwrapper #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]),
#aj-content #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) {
  width: fit-content !important;
  min-width: 0 !important;
  max-width: 560px !important;
  margin: 18px auto 18px !important;
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  background: rgba(5, 10, 18, .50) !important;
  border: 1px solid rgba(255,255,255,.045) !important;
  border-radius: 17px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.14) !important;
}

/* Telegram: сами кнопки - одинаковые по высоте/весу с VK */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a,
#contentwrapper #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a,
#aj-content #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 128px !important;
  max-width: none !important;
  min-height: 40px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 9px 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  box-sizing: border-box !important;
  border-radius: 13px !important;
  color: #eef3fb !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  background: linear-gradient(180deg, rgba(24, 35, 51, .95), rgba(10, 17, 29, .98)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 7px 15px rgba(0,0,0,.12) !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

/* Telegram: первая кнопка активная как у VK */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a.active,
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) .active,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a.active,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) .active,
#contentwrapper #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a.active,
#contentwrapper #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) .active,
#aj-content #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a.active,
#aj-content #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) .active {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(34, 61, 86, .78), rgba(13, 28, 45, .92)) !important;
  border-color: rgba(120, 170, 215, .26) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 17px rgba(0,0,0,.14) !important;
}

/* Telegram: hover как у остальных */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a:hover,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a:hover,
#contentwrapper #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a:hover,
#aj-content #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(255,255,255,.16) !important;
  background: linear-gradient(180deg, rgba(30, 44, 66, .98), rgba(12, 21, 35, .98)) !important;
}

/* Telegram: чтобы заголовок ниже не прилипал и совпадал с остальными */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) + .titles,
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) + .titles,
#contentwrapper #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) + .titles,
#aj-content #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) + .titles {
  margin-top: 14px !important;
}

/* Fallback для браузеров/случаев, где :has не сработал:
   если ссылки Telegram не определились, но это группа из 3 коротких кнопок,
   делаем их визуально такими же, как VK. */
#contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop a[href*="adv=tg"],
#aj-content .advertise-page #load-zacaz .menu-zacaz-dop a[href*="adv=tg"],
#contentwrapper #load-zacaz .menu-zacaz-dop a[href*="adv=tg"],
#aj-content #load-zacaz .menu-zacaz-dop a[href*="adv=tg"] {
  min-width: 128px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

@media (max-width: 760px) {
  #contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]),
  #aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]),
  #contentwrapper #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]),
  #aj-content #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) {
    width: auto !important;
    max-width: calc(100vw - 28px) !important;
  }

  #contentwrapper .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a,
  #aj-content .advertise-page #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a,
  #contentwrapper #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a,
  #aj-content #load-zacaz .menu-zacaz-dop:has(a[href*="adv=tg"]) a {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    white-space: normal !important;
  }
}

/* ============================================================
   ADSREK v106 - Telegram sub-tabs exact fix
   Причина: на странице Telegram внутренние кнопки могут быть без href adv=tg,
   поэтому прошлый селектор мог не цеплять именно Подписка / Репост / Лайк.
   Здесь цепляем блок по положению после главного меню рекламы.
   ============================================================ */

/* Страница Telegram: блок внутренних кнопок после большого меню категорий */
body.page-advertise #contentwrapper .center-column .menu-task-work + .menu-zacaz-dop,
body.page-advertise #aj-content .center-column .menu-task-work + .menu-zacaz-dop,
body.page-advertise #contentwrapper .center-column .menu-zacaz + .menu-zacaz-dop,
body.page-advertise #aj-content .center-column .menu-zacaz + .menu-zacaz-dop,
body.page-advertise #contentwrapper .center-column .advertise-menu + .menu-zacaz-dop,
body.page-advertise #aj-content .center-column .advertise-menu + .menu-zacaz-dop {
  width: fit-content !important;
  min-width: 430px !important;
  max-width: 560px !important;
  margin: 18px auto 18px !important;
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  background: rgba(5, 10, 18, .50) !important;
  border: 1px solid rgba(255,255,255,.045) !important;
  border-radius: 17px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.14) !important;
}

/* Те же кнопки */
body.page-advertise #contentwrapper .center-column .menu-task-work + .menu-zacaz-dop a,
body.page-advertise #aj-content .center-column .menu-task-work + .menu-zacaz-dop a,
body.page-advertise #contentwrapper .center-column .menu-zacaz + .menu-zacaz-dop a,
body.page-advertise #aj-content .center-column .menu-zacaz + .menu-zacaz-dop a,
body.page-advertise #contentwrapper .center-column .advertise-menu + .menu-zacaz-dop a,
body.page-advertise #aj-content .center-column .advertise-menu + .menu-zacaz-dop a {
  flex: 0 0 auto !important;
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
  min-height: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  box-sizing: border-box !important;
  border-radius: 13px !important;
  color: #eef3fb !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  background: linear-gradient(180deg, rgba(24, 35, 51, .95), rgba(10, 17, 29, .98)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 7px 15px rgba(0,0,0,.12) !important;
}

/* Активная */
body.page-advertise #contentwrapper .center-column .menu-task-work + .menu-zacaz-dop a.active,
body.page-advertise #aj-content .center-column .menu-task-work + .menu-zacaz-dop a.active,
body.page-advertise #contentwrapper .center-column .menu-zacaz + .menu-zacaz-dop a.active,
body.page-advertise #aj-content .center-column .menu-zacaz + .menu-zacaz-dop a.active,
body.page-advertise #contentwrapper .center-column .advertise-menu + .menu-zacaz-dop a.active,
body.page-advertise #aj-content .center-column .advertise-menu + .menu-zacaz-dop a.active {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(34, 61, 86, .78), rgba(13, 28, 45, .92)) !important;
  border-color: rgba(120, 170, 215, .26) !important;
}

/* Если классы контейнера другие, но URL точно /advertise?adv=tg:
   берём второй nav-блок в центральной колонке после сетки рекламных разделов. */
body.page-advertise #contentwrapper .center-column div[class*="menu"] + div[class*="menu"] a[href*="s="],
body.page-advertise #aj-content .center-column div[class*="menu"] + div[class*="menu"] a[href*="s="] {
  min-width: 132px !important;
  height: 40px !important;
  padding: 0 14px !important;
  border-radius: 13px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

/* Самый жёсткий fallback: когда в адресе страницы tg, а кнопки без href.
   Работает только для страницы рекламы, не трогает левое/правое меню. */
body.page-advertise .center-column > .menu-zacaz-dop,
body.page-advertise .center-column > .menu-zacaz-dop2,
body.page-advertise .center-column > .social-tabs,
body.page-advertise .center-column > .sub-tabs {
  width: fit-content !important;
  min-width: 430px !important;
  margin: 18px auto 18px !important;
  padding: 8px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  border-radius: 17px !important;
  background: rgba(5, 10, 18, .50) !important;
}

body.page-advertise .center-column > .menu-zacaz-dop > a,
body.page-advertise .center-column > .menu-zacaz-dop2 > a,
body.page-advertise .center-column > .social-tabs > a,
body.page-advertise .center-column > .sub-tabs > a {
  width: 132px !important;
  min-width: 132px !important;
  height: 40px !important;
  padding: 0 14px !important;
  border-radius: 13px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

@media (max-width: 760px) {
  body.page-advertise #contentwrapper .center-column .menu-task-work + .menu-zacaz-dop,
  body.page-advertise #aj-content .center-column .menu-task-work + .menu-zacaz-dop,
  body.page-advertise .center-column > .menu-zacaz-dop,
  body.page-advertise .center-column > .menu-zacaz-dop2,
  body.page-advertise .center-column > .social-tabs,
  body.page-advertise .center-column > .sub-tabs {
    min-width: 0 !important;
    width: auto !important;
    max-width: calc(100vw - 28px) !important;
    flex-wrap: wrap !important;
  }

  body.page-advertise #contentwrapper .center-column .menu-task-work + .menu-zacaz-dop a,
  body.page-advertise #aj-content .center-column .menu-task-work + .menu-zacaz-dop a,
  body.page-advertise .center-column > .menu-zacaz-dop > a,
  body.page-advertise .center-column > .menu-zacaz-dop2 > a,
  body.page-advertise .center-column > .social-tabs > a,
  body.page-advertise .center-column > .sub-tabs > a {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 105px !important;
  }
}

/* ============================================================
   ADSREK v107 - Telegram subtabs block fix
   Проблема: Telegram Подписка / Репост / Лайк были просто отдельными
   кнопками, а у VK они лежат внутри общего тёмного блока.
   Здесь оборачиваем именно ряд соц-вкладок в визуальный блок.
   ============================================================ */

/* 1) Сначала нормализуем ЛЮБОЙ ряд внутренних соц-вкладок,
      который находится сразу перед заголовком .titles.
      Это как раз ряд Подписка / Репост / Лайк и аналоги. */
body.page-advertise .center-column div:has(> a):has(+ .titles),
body.page-advertise .center-column div:has(> button):has(+ .titles),
body.page-advertise .center-column div:has(> .active):has(+ .titles) {
  width: fit-content !important;
  max-width: 620px !important;
  margin: 18px auto 18px !important;
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  background: rgba(5, 10, 18, .56) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  border-radius: 17px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 10px 22px rgba(0,0,0,.16) !important;
}

/* 2) Кнопки внутри такого блока */
body.page-advertise .center-column div:has(> a):has(+ .titles) > a,
body.page-advertise .center-column div:has(> button):has(+ .titles) > button,
body.page-advertise .center-column div:has(> .active):has(+ .titles) > a,
body.page-advertise .center-column div:has(> .active):has(+ .titles) > button {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 118px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border-radius: 13px !important;
  color: #eef3fb !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  background: linear-gradient(180deg, rgba(24,35,51,.95), rgba(10,17,29,.98)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 7px 15px rgba(0,0,0,.12) !important;
}

/* 3) Активная кнопка внутри общего блока */
body.page-advertise .center-column div:has(> a):has(+ .titles) > a.active,
body.page-advertise .center-column div:has(> button):has(+ .titles) > button.active,
body.page-advertise .center-column div:has(> .active):has(+ .titles) > .active {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(34,61,86,.78), rgba(13,28,45,.92)) !important;
  border-color: rgba(120,170,215,.26) !important;
}

/* 4) Жёсткий фикс конкретно для Telegram:
      если внутри блока есть ссылки Telegram или активная страница Telegram,
      делаем ряд таким же по размеру, как VK. */
body.page-advertise .center-column div:has(> a[href*="adv=tg"]),
body.page-advertise .center-column div:has(> a[href*="advertise?adv=tg"]),
body.page-advertise .center-column div:has(> a[href*="tg&s"]),
body.page-advertise .center-column div:has(> a[href*="tg&"]) {
  width: fit-content !important;
  max-width: 620px !important;
  margin: 18px auto 18px !important;
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  background: rgba(5, 10, 18, .56) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  border-radius: 17px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 10px 22px rgba(0,0,0,.16) !important;
}

body.page-advertise .center-column div:has(> a[href*="adv=tg"]) > a,
body.page-advertise .center-column div:has(> a[href*="advertise?adv=tg"]) > a,
body.page-advertise .center-column div:has(> a[href*="tg&s"]) > a,
body.page-advertise .center-column div:has(> a[href*="tg&"]) > a {
  min-width: 118px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 13px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

/* 5) Если у Telegram-кнопок нет href с adv=tg, но блок стоит между главным меню
      и заголовком "Telegram: ..." — этот селектор цепляет именно его. */
body.page-advertise .center-column .menu-task-work ~ div:has(> a):has(+ .titles),
body.page-advertise .center-column .menu-zacaz ~ div:has(> a):has(+ .titles),
body.page-advertise .center-column .advertise-menu ~ div:has(> a):has(+ .titles) {
  width: fit-content !important;
  max-width: 620px !important;
  margin: 18px auto 18px !important;
  padding: 8px !important;
  gap: 10px !important;
  background: rgba(5, 10, 18, .56) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  border-radius: 17px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 10px 22px rgba(0,0,0,.16) !important;
}

/* 6) Убираем старые маленькие размеры, если они были заданы inline/class */
body.page-advertise .center-column .menu-task-work ~ div:has(> a):has(+ .titles) > a,
body.page-advertise .center-column .menu-zacaz ~ div:has(> a):has(+ .titles) > a,
body.page-advertise .center-column .advertise-menu ~ div:has(> a):has(+ .titles) > a {
  min-width: 118px !important;
  height: 40px !important;
  padding: 0 16px !important;
  margin: 0 !important;
}

/* 7) На мобильных пусть переносится, но остаётся блоком */
@media (max-width: 760px) {
  body.page-advertise .center-column div:has(> a):has(+ .titles),
  body.page-advertise .center-column div:has(> button):has(+ .titles),
  body.page-advertise .center-column div:has(> .active):has(+ .titles),
  body.page-advertise .center-column div:has(> a[href*="adv=tg"]),
  body.page-advertise .center-column div:has(> a[href*="advertise?adv=tg"]),
  body.page-advertise .center-column div:has(> a[href*="tg&s"]),
  body.page-advertise .center-column div:has(> a[href*="tg&"]) {
    width: auto !important;
    max-width: calc(100vw - 28px) !important;
    flex-wrap: wrap !important;
  }

  body.page-advertise .center-column div:has(> a):has(+ .titles) > a,
  body.page-advertise .center-column div:has(> button):has(+ .titles) > button,
  body.page-advertise .center-column div:has(> .active):has(+ .titles) > a,
  body.page-advertise .center-column div:has(> a[href*="adv=tg"]) > a,
  body.page-advertise .center-column div:has(> a[href*="advertise?adv=tg"]) > a,
  body.page-advertise .center-column div:has(> a[href*="tg&s"]) > a,
  body.page-advertise .center-column div:has(> a[href*="tg&"]) > a {
    flex: 1 1 auto !important;
    min-width: 105px !important;
    max-width: none !important;
  }
}

/* ============================================================
   ADSREK v108 - REAL fix for Telegram/VK/Instagram/YouTube inner subtabs
   Причина: ряд "Подписка / Репост / Лайк" является отдельным .menu-task-work
   на 2-3 ссылки, а не .menu-zacaz-dop. Теперь ловим именно такие ряды.
   ============================================================ */

/* Явный класс для исправленного advm-tg.tpl */
.social-subtabs,
body.page-advertise .menu-task-work:has(> a:nth-child(2):last-child),
body.page-advertise .menu-task-work:has(> a:nth-child(3):last-child),
#contentwrapper .menu-task-work:has(> a:nth-child(2):last-child),
#contentwrapper .menu-task-work:has(> a:nth-child(3):last-child),
#aj-content .menu-task-work:has(> a:nth-child(2):last-child),
#aj-content .menu-task-work:has(> a:nth-child(3):last-child) {
  width: fit-content !important;
  max-width: 620px !important;
  margin: 18px auto 18px !important;
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  text-align: center !important;
  background: rgba(5, 10, 18, .56) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  border-radius: 17px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 10px 22px rgba(0,0,0,.16) !important;
}

/* Кнопки внутри внутренних соц-вкладок */
.social-subtabs > a,
body.page-advertise .menu-task-work:has(> a:nth-child(2):last-child) > a,
body.page-advertise .menu-task-work:has(> a:nth-child(3):last-child) > a,
#contentwrapper .menu-task-work:has(> a:nth-child(2):last-child) > a,
#contentwrapper .menu-task-work:has(> a:nth-child(3):last-child) > a,
#aj-content .menu-task-work:has(> a:nth-child(2):last-child) > a,
#aj-content .menu-task-work:has(> a:nth-child(3):last-child) > a {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 118px !important;
  max-width: none !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border-radius: 13px !important;
  color: #eef3fb !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  background: linear-gradient(180deg, rgba(24,35,51,.95), rgba(10,17,29,.98)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 7px 15px rgba(0,0,0,.12) !important;
}

/* Активная внутренняя вкладка */
.social-subtabs > a.active,
body.page-advertise .menu-task-work:has(> a:nth-child(2):last-child) > a.active,
body.page-advertise .menu-task-work:has(> a:nth-child(3):last-child) > a.active,
#contentwrapper .menu-task-work:has(> a:nth-child(2):last-child) > a.active,
#contentwrapper .menu-task-work:has(> a:nth-child(3):last-child) > a.active,
#aj-content .menu-task-work:has(> a:nth-child(2):last-child) > a.active,
#aj-content .menu-task-work:has(> a:nth-child(3):last-child) > a.active {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(34,61,86,.78), rgba(13,28,45,.92)) !important;
  border-color: rgba(120,170,215,.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 17px rgba(0,0,0,.14) !important;
}

/* Для VK третья длинная кнопка шире */
body.page-advertise .menu-task-work:has(> a:nth-child(3):last-child) > a:nth-child(3),
#contentwrapper .menu-task-work:has(> a:nth-child(3):last-child) > a:nth-child(3),
#aj-content .menu-task-work:has(> a:nth-child(3):last-child) > a:nth-child(3) {
  min-width: 150px !important;
}

/* Для Telegram все три одинаково ровные */
.social-subtabs--telegram > a {
  min-width: 118px !important;
}

/* Кнопка "Добавить рекламу" в advm-tg.tpl без center/font */
.advm-action-row {
  display: flex !important;
  justify-content: center !important;
  margin: 0 auto 14px !important;
}

.advm-add-btn {
  color: #fff !important;
  text-decoration: none !important;
}

/* На мобильном не ломаем */
@media (max-width: 760px) {
  .social-subtabs,
  body.page-advertise .menu-task-work:has(> a:nth-child(2):last-child),
  body.page-advertise .menu-task-work:has(> a:nth-child(3):last-child),
  #contentwrapper .menu-task-work:has(> a:nth-child(2):last-child),
  #contentwrapper .menu-task-work:has(> a:nth-child(3):last-child),
  #aj-content .menu-task-work:has(> a:nth-child(2):last-child),
  #aj-content .menu-task-work:has(> a:nth-child(3):last-child) {
    width: auto !important;
    max-width: calc(100vw - 28px) !important;
    flex-wrap: wrap !important;
  }

  .social-subtabs > a,
  body.page-advertise .menu-task-work:has(> a:nth-child(2):last-child) > a,
  body.page-advertise .menu-task-work:has(> a:nth-child(3):last-child) > a,
  #contentwrapper .menu-task-work:has(> a:nth-child(2):last-child) > a,
  #contentwrapper .menu-task-work:has(> a:nth-child(3):last-child) > a,
  #aj-content .menu-task-work:has(> a:nth-child(2):last-child) > a,
  #aj-content .menu-task-work:has(> a:nth-child(3):last-child) > a {
    flex: 1 1 auto !important;
    min-width: 105px !important;
    max-width: none !important;
  }
}

/* ============================================================
   ADSREK v109 - Telegram tg-tabs-nav real button fix
   Реальная причина: на /advertise?adv=tg внутренние вкладки сделаны
   не ссылками <a>, а кнопками:
   .tg-tabs > .tg-tabs-nav > button.tg-tab-btn
   Поэтому прошлые правила по a/menu-task-work не применялись.
   ============================================================ */

/* Общая обёртка Telegram-вкладок */
body.page-advertise .center-column .tg-tabs,
#contentwrapper .center-column .tg-tabs,
#aj-content .center-column .tg-tabs {
  width: 100% !important;
  margin: 16px auto 18px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

/* Сам ряд Подписка / Репост / Лайк — теперь в общем блоке, как VK */
body.page-advertise .center-column .tg-tabs .tg-tabs-nav,
#contentwrapper .center-column .tg-tabs .tg-tabs-nav,
#aj-content .center-column .tg-tabs .tg-tabs-nav {
  width: fit-content !important;
  max-width: 620px !important;
  margin: 0 auto 18px !important;
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  text-align: center !important;
  background: rgba(5, 10, 18, .56) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  border-radius: 17px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 10px 22px rgba(0,0,0,.16) !important;
}

/* Кнопки Telegram-вкладок */
body.page-advertise .center-column .tg-tabs .tg-tabs-nav .tg-tab-btn,
#contentwrapper .center-column .tg-tabs .tg-tabs-nav .tg-tab-btn,
#aj-content .center-column .tg-tabs .tg-tabs-nav .tg-tab-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 118px !important;
  max-width: none !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  border-radius: 13px !important;
  color: #eef3fb !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  font-family: inherit !important;
  background: linear-gradient(180deg, rgba(24,35,51,.95), rgba(10,17,29,.98)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 7px 15px rgba(0,0,0,.12) !important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease !important;
}

/* Активная Telegram-вкладка */
body.page-advertise .center-column .tg-tabs .tg-tabs-nav .tg-tab-btn.active,
#contentwrapper .center-column .tg-tabs .tg-tabs-nav .tg-tab-btn.active,
#aj-content .center-column .tg-tabs .tg-tabs-nav .tg-tab-btn.active {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(34,61,86,.78), rgba(13,28,45,.92)) !important;
  border-color: rgba(120,170,215,.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 17px rgba(0,0,0,.14) !important;
}

/* Hover */
body.page-advertise .center-column .tg-tabs .tg-tabs-nav .tg-tab-btn:hover,
#contentwrapper .center-column .tg-tabs .tg-tabs-nav .tg-tab-btn:hover,
#aj-content .center-column .tg-tabs .tg-tabs-nav .tg-tab-btn:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(255,255,255,.16) !important;
  background: linear-gradient(180deg, rgba(30,44,66,.98), rgba(12,21,35,.98)) !important;
}

/* Контент под вкладками не должен прилипать */
body.page-advertise .center-column .tg-tabs .tg-tab-pane,
#contentwrapper .center-column .tg-tabs .tg-tab-pane,
#aj-content .center-column .tg-tabs .tg-tab-pane {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* На мобильном — перенос строк, но всё равно общий блок */
@media (max-width: 760px) {
  body.page-advertise .center-column .tg-tabs .tg-tabs-nav,
  #contentwrapper .center-column .tg-tabs .tg-tabs-nav,
  #aj-content .center-column .tg-tabs .tg-tabs-nav {
    width: auto !important;
    max-width: calc(100vw - 28px) !important;
    flex-wrap: wrap !important;
  }

  body.page-advertise .center-column .tg-tabs .tg-tabs-nav .tg-tab-btn,
  #contentwrapper .center-column .tg-tabs .tg-tabs-nav .tg-tab-btn,
  #aj-content .center-column .tg-tabs .tg-tabs-nav .tg-tab-btn {
    flex: 1 1 auto !important;
    min-width: 105px !important;
    max-width: none !important;
  }
}

/* ============================================================
   ADSREK v110 - Telegram tabs wrapper fix without .center-column
   По DevTools реальная структура:
   .caz.advertise-panel > .tg-tabs > .tg-tabs-nav > button.tg-tab-btn
   В v109 был лишний .center-column, поэтому правило не применялось.
   ============================================================ */

/* Telegram: общий блок вокруг Подписка / Репост / Лайк */
html body .caz.advertise-panel .tg-tabs > .tg-tabs-nav,
html body .advertise-panel .tg-tabs > .tg-tabs-nav,
html body #load-zacaz .tg-tabs > .tg-tabs-nav,
html body #aj-content .tg-tabs > .tg-tabs-nav,
html body #contentwrapper .tg-tabs > .tg-tabs-nav,
html body .tg-tabs > .tg-tabs-nav {
  width: fit-content !important;
  max-width: 620px !important;
  margin: 18px auto 18px !important;
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  text-align: center !important;
  box-sizing: border-box !important;
  background: rgba(5, 10, 18, .58) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 17px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 10px 22px rgba(0,0,0,.18) !important;
}

/* Telegram: кнопки внутри этого блока */
html body .caz.advertise-panel .tg-tabs > .tg-tabs-nav > button.tg-tab-btn,
html body .advertise-panel .tg-tabs > .tg-tabs-nav > button.tg-tab-btn,
html body #load-zacaz .tg-tabs > .tg-tabs-nav > button.tg-tab-btn,
html body #aj-content .tg-tabs > .tg-tabs-nav > button.tg-tab-btn,
html body #contentwrapper .tg-tabs > .tg-tabs-nav > button.tg-tab-btn,
html body .tg-tabs > .tg-tabs-nav > button.tg-tab-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  flex: 0 0 auto !important;
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  border-radius: 13px !important;
  color: #eef3fb !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  font-family: inherit !important;
  background: linear-gradient(180deg, rgba(24,35,51,.95), rgba(10,17,29,.98)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 7px 15px rgba(0,0,0,.12) !important;
}

/* Telegram: активная кнопка */
html body .caz.advertise-panel .tg-tabs > .tg-tabs-nav > button.tg-tab-btn.active,
html body .advertise-panel .tg-tabs > .tg-tabs-nav > button.tg-tab-btn.active,
html body #load-zacaz .tg-tabs > .tg-tabs-nav > button.tg-tab-btn.active,
html body #aj-content .tg-tabs > .tg-tabs-nav > button.tg-tab-btn.active,
html body #contentwrapper .tg-tabs > .tg-tabs-nav > button.tg-tab-btn.active,
html body .tg-tabs > .tg-tabs-nav > button.tg-tab-btn.active {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(34,61,86,.78), rgba(13,28,45,.92)) !important;
  border-color: rgba(120,170,215,.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 17px rgba(0,0,0,.14) !important;
}

/* Telegram: отступ до заголовка ниже */
html body .caz.advertise-panel .tg-tabs > .tg-tabs-nav + .tg-tab-pane,
html body .advertise-panel .tg-tabs > .tg-tabs-nav + .tg-tab-pane,
html body #load-zacaz .tg-tabs > .tg-tabs-nav + .tg-tab-pane,
html body .tg-tabs > .tg-tabs-nav + .tg-tab-pane {
  margin-top: 0 !important;
}

/* На мобильных */
@media (max-width: 760px) {
  html body .caz.advertise-panel .tg-tabs > .tg-tabs-nav,
  html body .advertise-panel .tg-tabs > .tg-tabs-nav,
  html body #load-zacaz .tg-tabs > .tg-tabs-nav,
  html body #aj-content .tg-tabs > .tg-tabs-nav,
  html body #contentwrapper .tg-tabs > .tg-tabs-nav,
  html body .tg-tabs > .tg-tabs-nav {
    width: auto !important;
    max-width: calc(100vw - 28px) !important;
    flex-wrap: wrap !important;
  }

  html body .caz.advertise-panel .tg-tabs > .tg-tabs-nav > button.tg-tab-btn,
  html body .advertise-panel .tg-tabs > .tg-tabs-nav > button.tg-tab-btn,
  html body #load-zacaz .tg-tabs > .tg-tabs-nav > button.tg-tab-btn,
  html body #aj-content .tg-tabs > .tg-tabs-nav > button.tg-tab-btn,
  html body #contentwrapper .tg-tabs > .tg-tabs-nav > button.tg-tab-btn,
  html body .tg-tabs > .tg-tabs-nav > button.tg-tab-btn {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 105px !important;
    max-width: none !important;
  }
}

/* ============================================================
   ADSREK v111 - "Управление рекламой" menu grid fix
   На страницах /advm-* меню управления рекламой разваливалось:
   много мелких кнопок вразнобой + отдельная кнопка по центру.
   Делаем нормальную сетку как на "Размещение рекламы".
   ============================================================ */

/* Контейнер меню управления рекламой */
html body[class*="page-advm"] .caz > .menu-task-work:first-of-type,
html body[class*="page-advm"] .advertise-panel > .menu-task-work:first-of-type,
html body[class*="page-advm"] #load-zacaz > .menu-task-work:first-of-type,
html body[class*="page-advm"] #aj-content .menu-task-work:first-of-type,
html body[class*="page-advm"] #contentwrapper .menu-task-work:first-of-type {
  width: 100% !important;
  max-width: 760px !important;
  margin: 24px auto 30px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Кнопки меню управления рекламой */
html body[class*="page-advm"] .caz > .menu-task-work:first-of-type > a,
html body[class*="page-advm"] .advertise-panel > .menu-task-work:first-of-type > a,
html body[class*="page-advm"] #load-zacaz > .menu-task-work:first-of-type > a,
html body[class*="page-advm"] #aj-content .menu-task-work:first-of-type > a,
html body[class*="page-advm"] #contentwrapper .menu-task-work:first-of-type > a {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 54px !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border-radius: 16px !important;
  color: #eef3fb !important;
  text-decoration: none !important;
  text-align: center !important;
  white-space: normal !important;
  line-height: 1.15 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  background: linear-gradient(180deg, rgba(16, 26, 41, .96), rgba(7, 14, 26, .98)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 8px 18px rgba(0,0,0,.14) !important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease !important;
}

/* Активная кнопка меню управления рекламой */
html body[class*="page-advm"] .caz > .menu-task-work:first-of-type > a.active,
html body[class*="page-advm"] .advertise-panel > .menu-task-work:first-of-type > a.active,
html body[class*="page-advm"] #load-zacaz > .menu-task-work:first-of-type > a.active,
html body[class*="page-advm"] #aj-content .menu-task-work:first-of-type > a.active,
html body[class*="page-advm"] #contentwrapper .menu-task-work:first-of-type > a.active {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(34,61,86,.72), rgba(12,24,40,.94)) !important;
  border-color: rgba(220, 185, 110, .42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 8px 18px rgba(0,0,0,.16) !important;
}

/* Hover */
html body[class*="page-advm"] .caz > .menu-task-work:first-of-type > a:hover,
html body[class*="page-advm"] .advertise-panel > .menu-task-work:first-of-type > a:hover,
html body[class*="page-advm"] #load-zacaz > .menu-task-work:first-of-type > a:hover,
html body[class*="page-advm"] #aj-content .menu-task-work:first-of-type > a:hover,
html body[class*="page-advm"] #contentwrapper .menu-task-work:first-of-type > a:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(255,255,255,.16) !important;
  background: linear-gradient(180deg, rgba(22, 34, 52, .98), rgba(9, 17, 30, .98)) !important;
}

/* Если меню находится не первым блоком, но содержит типичные ссылки управления */
html body .menu-task-work:has(a[href*="advm-serf"]),
html body .menu-task-work:has(a[href*="advm-auto"]),
html body .menu-task-work:has(a[href*="advm-youtube"]),
html body .menu-task-work:has(a[href*="advm-tg"]),
html body .menu-task-work:has(a[href*="advm-vk"]),
html body .menu-task-work:has(a[href*="advm-insta"]) {
  width: 100% !important;
  max-width: 760px !important;
  margin: 24px auto 30px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html body .menu-task-work:has(a[href*="advm-serf"]) > a,
html body .menu-task-work:has(a[href*="advm-auto"]) > a,
html body .menu-task-work:has(a[href*="advm-youtube"]) > a,
html body .menu-task-work:has(a[href*="advm-tg"]) > a,
html body .menu-task-work:has(a[href*="advm-vk"]) > a,
html body .menu-task-work:has(a[href*="advm-insta"]) > a {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 54px !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border-radius: 16px !important;
  color: #eef3fb !important;
  text-decoration: none !important;
  text-align: center !important;
  white-space: normal !important;
  line-height: 1.15 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  background: linear-gradient(180deg, rgba(16, 26, 41, .96), rgba(7, 14, 26, .98)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 8px 18px rgba(0,0,0,.14) !important;
}

html body .menu-task-work:has(a[href*="advm-serf"]) > a.active,
html body .menu-task-work:has(a[href*="advm-auto"]) > a.active,
html body .menu-task-work:has(a[href*="advm-youtube"]) > a.active,
html body .menu-task-work:has(a[href*="advm-tg"]) > a.active,
html body .menu-task-work:has(a[href*="advm-vk"]) > a.active,
html body .menu-task-work:has(a[href*="advm-insta"]) > a.active {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(34,61,86,.72), rgba(12,24,40,.94)) !important;
  border-color: rgba(220, 185, 110, .42) !important;
}

/* Мобильная адаптация */
@media (max-width: 900px) {
  html body[class*="page-advm"] .caz > .menu-task-work:first-of-type,
  html body[class*="page-advm"] .advertise-panel > .menu-task-work:first-of-type,
  html body[class*="page-advm"] #load-zacaz > .menu-task-work:first-of-type,
  html body[class*="page-advm"] #aj-content .menu-task-work:first-of-type,
  html body[class*="page-advm"] #contentwrapper .menu-task-work:first-of-type,
  html body .menu-task-work:has(a[href*="advm-serf"]),
  html body .menu-task-work:has(a[href*="advm-auto"]),
  html body .menu-task-work:has(a[href*="advm-youtube"]),
  html body .menu-task-work:has(a[href*="advm-tg"]),
  html body .menu-task-work:has(a[href*="advm-vk"]),
  html body .menu-task-work:has(a[href*="advm-insta"]) {
    max-width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

@media (max-width: 520px) {
  html body[class*="page-advm"] .caz > .menu-task-work:first-of-type,
  html body[class*="page-advm"] .advertise-panel > .menu-task-work:first-of-type,
  html body[class*="page-advm"] #load-zacaz > .menu-task-work:first-of-type,
  html body[class*="page-advm"] #aj-content .menu-task-work:first-of-type,
  html body[class*="page-advm"] #contentwrapper .menu-task-work:first-of-type,
  html body .menu-task-work:has(a[href*="advm-serf"]),
  html body .menu-task-work:has(a[href*="advm-auto"]),
  html body .menu-task-work:has(a[href*="advm-youtube"]),
  html body .menu-task-work:has(a[href*="advm-tg"]),
  html body .menu-task-work:has(a[href*="advm-vk"]),
  html body .menu-task-work:has(a[href*="advm-insta"]) {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   ADSREK v112 - compact menu for "Управление рекламой"
   v111 сделал сетку, но она получилась слишком высокой.
   Делаем компактнее: 4 колонки, меньше высота, меньше отступы.
   ============================================================ */

html body[class*="page-advm"] .caz > .menu-task-work:first-of-type,
html body[class*="page-advm"] .advertise-panel > .menu-task-work:first-of-type,
html body[class*="page-advm"] #load-zacaz > .menu-task-work:first-of-type,
html body[class*="page-advm"] #aj-content .menu-task-work:first-of-type,
html body[class*="page-advm"] #contentwrapper .menu-task-work:first-of-type,
html body .menu-task-work:has(a[href*="advm-serf"]),
html body .menu-task-work:has(a[href*="advm-auto"]),
html body .menu-task-work:has(a[href*="advm-youtube"]),
html body .menu-task-work:has(a[href*="advm-tg"]),
html body .menu-task-work:has(a[href*="advm-vk"]),
html body .menu-task-work:has(a[href*="advm-insta"]) {
  width: 100% !important;
  max-width: 760px !important;
  margin: 18px auto 24px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html body[class*="page-advm"] .caz > .menu-task-work:first-of-type > a,
html body[class*="page-advm"] .advertise-panel > .menu-task-work:first-of-type > a,
html body[class*="page-advm"] #load-zacaz > .menu-task-work:first-of-type > a,
html body[class*="page-advm"] #aj-content .menu-task-work:first-of-type > a,
html body[class*="page-advm"] #contentwrapper .menu-task-work:first-of-type > a,
html body .menu-task-work:has(a[href*="advm-serf"]) > a,
html body .menu-task-work:has(a[href*="advm-auto"]) > a,
html body .menu-task-work:has(a[href*="advm-youtube"]) > a,
html body .menu-task-work:has(a[href*="advm-tg"]) > a,
html body .menu-task-work:has(a[href*="advm-vk"]) > a,
html body .menu-task-work:has(a[href*="advm-insta"]) > a {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  color: #eef3fb !important;
  text-decoration: none !important;
  text-align: center !important;
  white-space: normal !important;
  line-height: 1.12 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  background: linear-gradient(180deg, rgba(16, 26, 41, .96), rgba(7, 14, 26, .98)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 7px 15px rgba(0,0,0,.13) !important;
}

html body[class*="page-advm"] .caz > .menu-task-work:first-of-type > a.active,
html body[class*="page-advm"] .advertise-panel > .menu-task-work:first-of-type > a.active,
html body[class*="page-advm"] #load-zacaz > .menu-task-work:first-of-type > a.active,
html body[class*="page-advm"] #aj-content .menu-task-work:first-of-type > a.active,
html body[class*="page-advm"] #contentwrapper .menu-task-work:first-of-type > a.active,
html body .menu-task-work:has(a[href*="advm-serf"]) > a.active,
html body .menu-task-work:has(a[href*="advm-auto"]) > a.active,
html body .menu-task-work:has(a[href*="advm-youtube"]) > a.active,
html body .menu-task-work:has(a[href*="advm-tg"]) > a.active,
html body .menu-task-work:has(a[href*="advm-vk"]) > a.active,
html body .menu-task-work:has(a[href*="advm-insta"]) > a.active {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(34,61,86,.72), rgba(12,24,40,.94)) !important;
  border-color: rgba(220, 185, 110, .42) !important;
}

/* Чуть ближе заголовок следующего блока к меню */
html body[class*="page-advm"] .menu-task-work:first-of-type + .titles,
html body .menu-task-work:has(a[href*="advm-serf"]) + .titles,
html body .menu-task-work:has(a[href*="advm-auto"]) + .titles,
html body .menu-task-work:has(a[href*="advm-youtube"]) + .titles,
html body .menu-task-work:has(a[href*="advm-tg"]) + .titles,
html body .menu-task-work:has(a[href*="advm-vk"]) + .titles,
html body .menu-task-work:has(a[href*="advm-insta"]) + .titles {
  margin-top: 8px !important;
}

/* Мобильная адаптация */
@media (max-width: 1180px) {
  html body[class*="page-advm"] .caz > .menu-task-work:first-of-type,
  html body[class*="page-advm"] .advertise-panel > .menu-task-work:first-of-type,
  html body[class*="page-advm"] #load-zacaz > .menu-task-work:first-of-type,
  html body[class*="page-advm"] #aj-content .menu-task-work:first-of-type,
  html body[class*="page-advm"] #contentwrapper .menu-task-work:first-of-type,
  html body .menu-task-work:has(a[href*="advm-serf"]),
  html body .menu-task-work:has(a[href*="advm-auto"]),
  html body .menu-task-work:has(a[href*="advm-youtube"]),
  html body .menu-task-work:has(a[href*="advm-tg"]),
  html body .menu-task-work:has(a[href*="advm-vk"]),
  html body .menu-task-work:has(a[href*="advm-insta"]) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body[class*="page-advm"] .caz > .menu-task-work:first-of-type,
  html body[class*="page-advm"] .advertise-panel > .menu-task-work:first-of-type,
  html body[class*="page-advm"] #load-zacaz > .menu-task-work:first-of-type,
  html body[class*="page-advm"] #aj-content .menu-task-work:first-of-type,
  html body[class*="page-advm"] #contentwrapper .menu-task-work:first-of-type,
  html body .menu-task-work:has(a[href*="advm-serf"]),
  html body .menu-task-work:has(a[href*="advm-auto"]),
  html body .menu-task-work:has(a[href*="advm-youtube"]),
  html body .menu-task-work:has(a[href*="advm-tg"]),
  html body .menu-task-work:has(a[href*="advm-vk"]),
  html body .menu-task-work:has(a[href*="advm-insta"]) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }
}

@media (max-width: 480px) {
  html body[class*="page-advm"] .caz > .menu-task-work:first-of-type,
  html body[class*="page-advm"] .advertise-panel > .menu-task-work:first-of-type,
  html body[class*="page-advm"] #load-zacaz > .menu-task-work:first-of-type,
  html body[class*="page-advm"] #aj-content .menu-task-work:first-of-type,
  html body[class*="page-advm"] #contentwrapper .menu-task-work:first-of-type,
  html body .menu-task-work:has(a[href*="advm-serf"]),
  html body .menu-task-work:has(a[href*="advm-auto"]),
  html body .menu-task-work:has(a[href*="advm-youtube"]),
  html body .menu-task-work:has(a[href*="advm-tg"]),
  html body .menu-task-work:has(a[href*="advm-vk"]),
  html body .menu-task-work:has(a[href*="advm-insta"]) {
    grid-template-columns: 1fr !important;
  }
}


/* ============================================================
   ADSREK ADVM ONE STYLE FINAL
   единый дизайн всех /advm-* списков, пополнений и popup
   без ломания логики шаблонов и без вывода служебных {IF...}
   ============================================================ */

html body[class*="page-advm"] .titles{
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(4,12,23,.98),rgba(3,9,18,.98))!important;
  border:1px solid rgba(255,255,255,.045)!important;
  color:#f3f7ff!important;
  font-weight:900!important;
  text-align:center!important;
}

html body[class*="page-advm"] .menu-rek,
html body[class*="page-advm"] .advm-menu,
html body[class*="page-advm"] .advm-nav{
  background:linear-gradient(180deg,rgba(14,25,40,.62),rgba(6,13,25,.78))!important;
  border:1px solid rgba(119,149,190,.13)!important;
  border-radius:16px!important;
}

html body[class*="page-advm"] .menu-rek a,
html body[class*="page-advm"] .advm-menu a,
html body[class*="page-advm"] .advm-nav a{
  border-radius:12px!important;
  border:1px solid rgba(130,158,196,.18)!important;
  background:linear-gradient(180deg,rgba(30,43,64,.95),rgba(14,24,40,.98))!important;
  color:#f0f5ff!important;
  font-weight:900!important;
  text-decoration:none!important;
}

html body[class*="page-advm"] .menu-rek a:hover,
html body[class*="page-advm"] .menu-rek a.active,
html body[class*="page-advm"] .advm-menu a:hover,
html body[class*="page-advm"] .advm-menu a.active,
html body[class*="page-advm"] .advm-nav a:hover,
html body[class*="page-advm"] .advm-nav a.active{
  border-color:rgba(255,201,102,.52)!important;
  background:linear-gradient(180deg,rgba(37,58,86,.98),rgba(20,34,54,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 22px rgba(0,0,0,.16)!important;
}

/* Общие карточки рекламных площадок */
html body[class*="page-advm"] table.work-serf[id^="serf-block"],
html body[class*="page-advm"] table.work-serf[id^="youtube-"],
html body[class*="page-advm"] table.work-serf[id^="rutube-"],
html body[class*="page-advm"] table.work-serf[id^="vk-"],
html body[class*="page-advm"] table.work-serf[id^="tg-"],
html body[class*="page-advm"] table.work-serf[id^="insta-"],
html body[class*="page-advm"] table.work-serf[id^="banner-block"],
html body[class*="page-advm"] table.work-serfs[id^="task-block"]{
  width:100%!important;
  max-width:760px!important;
  margin:0 auto 12px!important;
  padding:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden!important;
  border-radius:16px!important;
  border:1px solid rgba(62,117,176,.48)!important;
  background:linear-gradient(180deg,rgba(13,25,42,.94),rgba(5,12,23,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 22px rgba(0,0,0,.14)!important;
  table-layout:fixed!important;
}

html body[class*="page-advm"] table.work-serf[id^="serf-block"] > tbody > tr:first-child,
html body[class*="page-advm"] table.work-serf[id^="youtube-"] > tbody > tr:first-child,
html body[class*="page-advm"] table.work-serf[id^="rutube-"] > tbody > tr:first-child,
html body[class*="page-advm"] table.work-serf[id^="vk-"] > tbody > tr:first-child,
html body[class*="page-advm"] table.work-serf[id^="tg-"] > tbody > tr:first-child,
html body[class*="page-advm"] table.work-serf[id^="insta-"] > tbody > tr:first-child,
html body[class*="page-advm"] table.work-serf[id^="banner-block"] > tbody > tr:first-child,
html body[class*="page-advm"] table.work-serfs[id^="task-block"] > tbody > tr:first-child{
  min-height:66px!important;
  background:linear-gradient(180deg,rgba(16,31,52,.95),rgba(9,19,34,.98))!important;
}

html body[class*="page-advm"] table.work-serf[id^="serf-block"] td,
html body[class*="page-advm"] table.work-serf[id^="youtube-"] td,
html body[class*="page-advm"] table.work-serf[id^="rutube-"] td,
html body[class*="page-advm"] table.work-serf[id^="vk-"] td,
html body[class*="page-advm"] table.work-serf[id^="tg-"] td,
html body[class*="page-advm"] table.work-serf[id^="insta-"] td,
html body[class*="page-advm"] table.work-serf[id^="banner-block"] td,
html body[class*="page-advm"] table.work-serfs[id^="task-block"] td{
  padding:11px 12px!important;
  vertical-align:middle!important;
  border:0!important;
  background:transparent!important;
  color:#edf4ff!important;
  box-sizing:border-box!important;
}

html body[class*="page-advm"] table.work-serf a,
html body[class*="page-advm"] table.work-serfs a{
  color:#f2f7ff!important;
  text-decoration:none!important;
}

html body[class*="page-advm"] table.work-serf a:hover,
html body[class*="page-advm"] table.work-serfs a:hover{
  color:#9dccff!important;
}

html body[class*="page-advm"] table.work-serf b,
html body[class*="page-advm"] table.work-serf strong,
html body[class*="page-advm"] table.work-serfs b,
html body[class*="page-advm"] table.work-serfs strong{
  color:#f7fbff!important;
  font-weight:900!important;
}

html body[class*="page-advm"] .kab-text,
html body[class*="page-advm"] .serf-text,
html body[class*="page-advm"] table.work-serf font[color="#555555"],
html body[class*="page-advm"] table.work-serfs font[color="#555555"]{
  color:rgba(208,220,236,.58)!important;
  font-size:12px!important;
  line-height:1.32!important;
}

/* Правая колонка бюджета: иконка + сумма/0, без второго слова "Пополнить" */
html body[class*="page-advm"] table.work-serf td.budget,
html body[class*="page-advm"] table.work-serfs td.budget{
  width:104px!important;
  min-width:104px!important;
  text-align:right!important;
  vertical-align:middle!important;
  color:#31ff77!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}

html body[class*="page-advm"] table.work-serf td.budget a.add-budget,
html body[class*="page-advm"] table.work-serfs td.budget a.add-budget,
html body[class*="page-advm"] table.work-serf td.budget a.add-budgetnone,
html body[class*="page-advm"] table.work-serfs td.budget a.add-budgetnone{
  display:inline-block!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  padding:0!important;
  margin:0 0 3px auto!important;
  border:0!important;
  background:url("img/ico/kabinet/gold.png") no-repeat center center!important;
  background-size:24px 24px!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

html body[class*="page-advm"] table.work-serf td.budget a.add-budget:hover,
html body[class*="page-advm"] table.work-serfs td.budget a.add-budget:hover{
  filter:brightness(1.12)!important;
  background:url("img/ico/kabinet/gold-act.png") no-repeat center center!important;
  background-size:24px 24px!important;
}

html body[class*="page-advm"] table.work-serf td.budget > span,
html body[class*="page-advm"] table.work-serfs td.budget > span,
html body[class*="page-advm"] table.work-serf td.budget > span font,
html body[class*="page-advm"] table.work-serfs td.budget > span font,
html body[class*="page-advm"] table.work-serf td.budget > div,
html body[class*="page-advm"] table.work-serfs td.budget > div{
  display:block!important;
  color:#31ff77!important;
  font-size:13px!important;
  font-weight:900!important;
  text-align:right!important;
  white-space:nowrap!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
}

html body[class*="page-advm"] table.work-serfs .watch-price-2{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#31ff77!important;
  font-size:13px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

html body[class*="page-advm"] table.work-serfs .watch-price-2 font{
  color:#31ff77!important;
  font-size:13px!important;
  font-weight:900!important;
}

/* Hidden/opened rows */
html body[class*="page-advm"] table.work-serf > tbody > tr[style*="display: none"],
html body[class*="page-advm"] table.work-serf > tbody > tr[style*="display:none"],
html body[class*="page-advm"] table.work-serfs > tbody > tr[style*="display: none"],
html body[class*="page-advm"] table.work-serfs > tbody > tr[style*="display:none"]{
  display:none!important;
}

html body[class*="page-advm"] table.work-serf > tbody > tr:not(:first-child):not([style*="display: none"]):not([style*="display:none"]),
html body[class*="page-advm"] table.work-serfs > tbody > tr:not(:first-child):not([style*="display: none"]):not([style*="display:none"]){
  background:linear-gradient(180deg,rgba(4,11,21,.98),rgba(3,9,17,.99))!important;
  border-top:1px solid rgba(110,150,200,.20)!important;
}

html body[class*="page-advm"] table.work-serf > tbody > tr:not(:first-child):not([style*="display: none"]):not([style*="display:none"]) > td,
html body[class*="page-advm"] table.work-serfs > tbody > tr:not(:first-child):not([style*="display: none"]):not([style*="display:none"]) > td{
  padding:18px 20px 20px!important;
  color:#edf4ff!important;
  text-align:left!important;
  background:transparent!important;
}

/* Единая форма пополнения */
html body[class*="page-advm"] table.work-serf > tbody > tr[id^="moneyadd"] > td.ext-viptask,
html body[class*="page-advm"] table.work-serfs > tbody > tr[id^="moneyadd"] > td.ext-viptask{
  color:#f1f6ff!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:800!important;
}

html body[class*="page-advm"] table.work-serf > tbody > tr[id^="moneyadd"] > td.ext-viptask:before,
html body[class*="page-advm"] table.work-serfs > tbody > tr[id^="moneyadd"] > td.ext-viptask:before{
  content:"Пополнение бюджета";
  display:block!important;
  margin:0 0 12px!important;
  color:#f7fbff!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.2!important;
}

html body[class*="page-advm"] table.work-serf .ext-viptask .status,
html body[class*="page-advm"] table.work-serfs .ext-viptask .status,
html body[class*="page-advm"] table.work-serf .ext-viptask span[id^="ads_price_"],
html body[class*="page-advm"] table.work-serfs .ext-viptask span[id^="ads_price_"],
html body[class*="page-advm"] table.work-serf .ext-viptask span[id^="m-add"],
html body[class*="page-advm"] table.work-serfs .ext-viptask span[id^="m-add"]{
  color:#31ff77!important;
  font-weight:900!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

html body[class*="page-advm"] table.work-serf .ext-viptask .sum,
html body[class*="page-advm"] table.work-serfs .ext-viptask .sum{
  display:inline-block!important;
  width:min(260px,100%)!important;
  max-width:100%!important;
  margin:10px 14px 10px 0!important;
  vertical-align:middle!important;
}

html body[class*="page-advm"] table.work-serf .ext-viptask input[type="text"],
html body[class*="page-advm"] table.work-serf .ext-viptask input[type="number"],
html body[class*="page-advm"] table.work-serf .ext-viptask select,
html body[class*="page-advm"] table.work-serfs .ext-viptask input[type="text"],
html body[class*="page-advm"] table.work-serfs .ext-viptask input[type="number"],
html body[class*="page-advm"] table.work-serfs .ext-viptask select{
  width:min(260px,100%)!important;
  max-width:100%!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  border:1px solid rgba(96,146,208,.50)!important;
  background:rgba(18,31,50,.95)!important;
  color:#f7fbff!important;
  font-size:14px!important;
  font-weight:900!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

html body[class*="page-advm"] table.work-serf .ext-viptask input[type="submit"],
html body[class*="page-advm"] table.work-serf .ext-viptask input[type="button"],
html body[class*="page-advm"] table.work-serf .ext-viptask .btn,
html body[class*="page-advm"] table.work-serfs .ext-viptask input[type="submit"],
html body[class*="page-advm"] table.work-serfs .ext-viptask input[type="button"],
html body[class*="page-advm"] table.work-serfs .ext-viptask .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:190px!important;
  height:38px!important;
  padding:0 18px!important;
  margin:10px 10px 0 0!important;
  border-radius:10px!important;
  border:1px solid rgba(255,205,104,.55)!important;
  background:linear-gradient(180deg,rgba(43,58,80,.98),rgba(25,36,54,.98))!important;
  color:#f7fbff!important;
  font-size:12px!important;
  font-weight:900!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 16px rgba(0,0,0,.18)!important;
}

/* Автосерфинг: та же карточка, но на div-разметке */
html body[class*="page-advm"] .advm-autoserf-page .advm-list-wrap{
  width:100%!important;
  max-width:760px!important;
  margin:18px auto 0!important;
}

html body[class*="page-advm"] .advm-autoserf-page .advm-autoserf-card{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 104px!important;
  gap:12px!important;
  align-items:center!important;
  min-height:66px!important;
  margin:0 auto 12px!important;
  padding:11px 12px!important;
  border-radius:16px!important;
  border:1px solid rgba(62,117,176,.48)!important;
  background:linear-gradient(180deg,rgba(13,25,42,.94),rgba(5,12,23,.98))!important;
  color:#edf4ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 22px rgba(0,0,0,.14)!important;
}

html body[class*="page-advm"] .advm-autoserf-page .advm-toggle-btn,
html body[class*="page-advm"] .serfcontrol-play,
html body[class*="page-advm"] .serfcontrol-pause,
html body[class*="page-advm"] .serfcontrol-block,
html body[class*="page-advm"] .serfcontrol-moder,
html body[class*="page-advm"] .serfcontrol-postmoder{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:linear-gradient(180deg,#72aee5,#437ab6)!important;
  color:#fff!important;
  font-size:0!important;
  line-height:0!important;
  padding:0!important;
  margin:0!important;
  cursor:pointer!important;
  overflow:hidden!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 12px rgba(0,0,0,.18)!important;
}

html body[class*="page-advm"] .serfcontrol-play:before,
html body[class*="page-advm"] .advm-toggle-btn.serfcontrol-play .toggle-ico{
  content:"Ⅱ"!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
}

html body[class*="page-advm"] .serfcontrol-pause:before,
html body[class*="page-advm"] .advm-toggle-btn.serfcontrol-pause .toggle-ico{
  content:"▶"!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
}

html body[class*="page-advm"] .serfcontrol-block:before,
html body[class*="page-advm"] .advm-toggle-btn.serfcontrol-block .toggle-ico{
  content:"×"!important;
  color:#ff6969!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
}

html body[class*="page-advm"] .advm-autoserf-page .advm-main,
html body[class*="page-advm"] .advm-autoserf-page .advm-url{
  min-width:0!important;
  color:#f2f7ff!important;
  font-weight:900!important;
  text-decoration:none!important;
}

html body[class*="page-advm"] .advm-autoserf-page .advm-meta{
  color:rgba(208,220,236,.58)!important;
  font-size:12px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:4px 10px!important;
}

html body[class*="page-advm"] .advm-autoserf-page .advm-actions{
  display:flex!important;
  gap:6px!important;
  margin-top:5px!important;
}

html body[class*="page-advm"] .advm-autoserf-page .advm-icon-btn{
  width:24px!important;
  height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#dfe8f6!important;
}

html body[class*="page-advm"] .advm-autoserf-page .advm-budget{
  text-align:right!important;
  color:#31ff77!important;
  font-size:13px!important;
  font-weight:900!important;
}

html body[class*="page-advm"] .advm-autoserf-page .advm-coins{
  content:""!important;
  display:block!important;
  width:24px!important;
  height:24px!important;
  margin:0 0 3px auto!important;
  background:url("img/ico/kabinet/gold.png") no-repeat center center!important;
  background-size:24px 24px!important;
}

html body[class*="page-advm"] .advm-autoserf-page .advm-coins i,
html body[class*="page-advm"] .advm-autoserf-page .advm-budget .add-budget i{
  display:none!important;
}

html body[class*="page-advm"] .advm-autoserf-page .advm-budget .add-budget{
  color:#31ff77!important;
  font-weight:900!important;
  font-size:13px!important;
  text-decoration:none!important;
  display:block!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
}

html body[class*="page-advm"] .advm-autoserf-page .advm-add-row{
  text-align:center!important;
  margin:18px 0!important;
}

/* Popup пополнения автосерфинга */
html body[class*="page-advm"] #popup{
  min-width:520px!important;
  max-width:min(620px,calc(100vw - 24px))!important;
  border-radius:14px!important;
  overflow:hidden!important;
  border:1px solid rgba(85,137,200,.62)!important;
  background:linear-gradient(180deg,rgba(19,33,53,.98),rgba(13,25,42,.99))!important;
  color:#f2f7ff!important;
  box-shadow:0 25px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.045)!important;
}

html body[class*="page-advm"] #popup .title-popup{
  min-height:42px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  background:linear-gradient(180deg,rgba(23,41,66,.98),rgba(16,30,49,.99))!important;
  color:#f8fbff!important;
  font-size:14px!important;
  font-weight:900!important;
  border-bottom:1px solid rgba(115,155,210,.25)!important;
}

html body[class*="page-advm"] #popup .closed-popup{
  top:7px!important;
  right:9px!important;
  width:84px!important;
  height:28px!important;
  line-height:28px!important;
  border-radius:9px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(49,66,90,.98),rgba(27,39,59,.98))!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
}

html body[class*="page-advm"] #popup .text-popup{
  padding:14px!important;
  background:linear-gradient(180deg,rgba(18,31,49,.88),rgba(13,24,40,.92))!important;
  color:#eaf1fb!important;
}

html body[class*="page-advm"] #popup .cash-moneyadd{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.45!important;
  color:#eaf1fb!important;
}

html body[class*="page-advm"] #popup .cash-moneyadd div{
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:160px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

html body[class*="page-advm"] #popup .cash-moneyadd div b,
html body[class*="page-advm"] #popup .cash-moneyadd div span{
  width:auto!important;
  margin:0!important;
  color:#eaf1fb!important;
  font-size:13px!important;
  font-weight:800!important;
}

html body[class*="page-advm"] #popup input[type="text"],
html body[class*="page-advm"] #popup input[type="number"],
html body[class*="page-advm"] #popup select{
  width:100%!important;
  height:42px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  border:1px solid rgba(96,146,208,.50)!important;
  background:rgba(18,31,50,.95)!important;
  color:#f7fbff!important;
  font-size:14px!important;
  font-weight:900!important;
  outline:none!important;
}

html body[class*="page-advm"] #popup input[type="submit"],
html body[class*="page-advm"] #popup input[type="button"],
html body[class*="page-advm"] #popup button,
html body[class*="page-advm"] #popup .btn{
  min-width:185px!important;
  height:38px!important;
  margin:10px 8px 0!important;
  padding:0 18px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,205,104,.55)!important;
  background:linear-gradient(180deg,rgba(43,58,80,.98),rgba(25,36,54,.98))!important;
  color:#f7fbff!important;
  font-size:12px!important;
  font-weight:900!important;
  text-align:center!important;
}

@media(max-width:760px){
  html body[class*="page-advm"] table.work-serf td.budget,
  html body[class*="page-advm"] table.work-serfs td.budget{
    width:86px!important;
    min-width:86px!important;
  }
  html body[class*="page-advm"] table.work-serf .ext-viptask input[type="submit"],
  html body[class*="page-advm"] table.work-serf .ext-viptask input[type="button"],
  html body[class*="page-advm"] table.work-serfs .ext-viptask input[type="submit"],
  html body[class*="page-advm"] table.work-serfs .ext-viptask input[type="button"]{
    width:100%!important;
    min-width:0!important;
    margin-right:0!important;
  }
  html body[class*="page-advm"] #popup .cash-moneyadd div{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
}

/* ============================================================
   ADSREK ADVM AUTOSERF INLINE + TEXT ALIGN FINAL
   Автосерфинг теперь использует те же table.work-serf карточки и
   такое же раскрытие moneyadd, как остальные /advm-* страницы.
   ============================================================ */
html body[class*="page-advm"] .advm-autoserf-page .advm-list-wrap{
  width:100%!important;
  max-width:760px!important;
  margin:18px auto 0!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table{
  width:100%!important;
  max-width:760px!important;
  margin:0 auto 12px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:fixed!important;
  overflow:hidden!important;
  border-radius:16px!important;
  border:1px solid rgba(62,117,176,.48)!important;
  background:linear-gradient(180deg,rgba(13,25,42,.94),rgba(5,12,23,.98))!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table > tbody > tr:first-child{
  background:linear-gradient(180deg,rgba(16,31,52,.95),rgba(9,19,34,.98))!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table td{
  padding:11px 12px!important;
  vertical-align:middle!important;
  text-align:left!important;
  color:#edf4ff!important;
  background:transparent!important;
  border:0!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table td:first-child{
  width:38px!important;
  min-width:38px!important;
  text-align:center!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table td.budget{
  width:104px!important;
  min-width:104px!important;
  text-align:right!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-autoserf-url{
  display:inline-block!important;
  max-width:calc(100% - 72px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#f2f7ff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.25!important;
  vertical-align:middle!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-autoserf-meta,
html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-autoserf-meta font{
  display:inline!important;
  color:rgba(208,220,236,.62)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:700!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-status.is-active{color:#24e35f!important;}
html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-status.is-paused{color:#ffca52!important;}
html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-status.is-empty{color:#f4f7ff!important;}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-autoserf-actions{
  float:right!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-left:8px!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table .scon-edit,
html body[class*="page-advm"] table.work-serf.advm-autoserf-table .scon-delete{
  float:none!important;
  margin:0!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table > tbody > tr[id^="moneyadd-auto"] > td.ext-viptask{
  padding:18px 20px 20px!important;
  text-align:left!important;
  color:#f1f6ff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.55!important;
  background:linear-gradient(180deg,rgba(4,11,21,.98),rgba(3,9,17,.99))!important;
  border-top:1px solid rgba(110,150,200,.20)!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-autoserf-money-form{
  margin-top:12px!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-autoserf-moneyline{
  display:grid!important;
  grid-template-columns:auto minmax(190px,260px) auto minmax(190px,260px)!important;
  align-items:center!important;
  gap:10px 14px!important;
  margin:10px 0 8px!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-autoserf-moneyline label{
  margin:0!important;
  color:#f1f6ff!important;
  font-size:13px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-autoserf-moneyline .sum{
  display:block!important;
  width:100%!important;
  margin:0!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-autoserf-moneyline input.summ{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-autoserf-orderline{
  display:block!important;
  margin:8px 0 2px!important;
  color:#f1f6ff!important;
  font-weight:900!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-autoserf-orderline .status{
  color:#31ff77!important;
}

@media(max-width:760px){
  html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-autoserf-moneyline{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }

  html body[class*="page-advm"] table.work-serf.advm-autoserf-table td.budget{
    width:86px!important;
    min-width:86px!important;
  }
}

/* ============================================================
   ADSREK ADVM TEXT ALIGN FINAL
   Выравнивает текст и карточки во ВСЕХ /advm-* таблицах, включая
   serf, jump, statlinks, txt, fraim, banner, youtube, rutube,
   vk, tg, instagram, task, test, mails, kontext.
   ============================================================ */

html body[class*="page-advm"] table.work-serf,
html body[class*="page-advm"] table.work-serfs{
  width:100%!important;
  max-width:760px!important;
  margin:0 auto 12px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:auto!important;
  border-radius:16px!important;
  overflow:hidden!important;
  border:1px solid rgba(62,117,176,.48)!important;
  background:linear-gradient(180deg,rgba(13,25,42,.94),rgba(5,12,23,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 22px rgba(0,0,0,.14)!important;
}

html body[class*="page-advm"] table.work-serf > tbody > tr:first-child,
html body[class*="page-advm"] table.work-serfs > tbody > tr:first-child{
  min-height:66px!important;
  background:linear-gradient(180deg,rgba(16,31,52,.95),rgba(9,19,34,.98))!important;
}

html body[class*="page-advm"] table.work-serf > tbody > tr:first-child > td,
html body[class*="page-advm"] table.work-serfs > tbody > tr:first-child > td{
  padding:11px 10px!important;
  vertical-align:middle!important;
  color:#edf4ff!important;
  background:transparent!important;
  border:0!important;
  box-sizing:border-box!important;
  text-align:left!important;
}

/* Левая колонка play/pause: фиксированная ширина, чтобы иконка не залезала на текст */
html body[class*="page-advm"] table.work-serf > tbody > tr:first-child > td:first-child,
html body[class*="page-advm"] table.work-serfs > tbody > tr:first-child > td:first-child{
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  padding-left:14px!important;
  padding-right:4px!important;
  text-align:center!important;
  overflow:visible!important;
}

/* Центральный текст карточки */
html body[class*="page-advm"] table.work-serf > tbody > tr:first-child > td:nth-child(2),
html body[class*="page-advm"] table.work-serfs > tbody > tr:first-child > td:nth-child(2){
  width:auto!important;
  min-width:0!important;
  padding-left:6px!important;
  padding-right:8px!important;
  text-align:left!important;
  overflow:visible!important;
  white-space:normal!important;
}

/* Правая колонка суммы */
html body[class*="page-advm"] table.work-serf > tbody > tr:first-child > td.budget,
html body[class*="page-advm"] table.work-serfs > tbody > tr:first-child > td.budget,
html body[class*="page-advm"] table.work-serf > tbody > tr:first-child > td:last-child.budget,
html body[class*="page-advm"] table.work-serfs > tbody > tr:first-child > td:last-child.budget{
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  padding-left:6px!important;
  padding-right:12px!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:visible!important;
}

html body[class*="page-advm"] table.work-serf > tbody > tr:first-child > td:nth-child(2) > a:first-of-type,
html body[class*="page-advm"] table.work-serfs > tbody > tr:first-child > td:nth-child(2) > a:first-of-type,
html body[class*="page-advm"] table.work-serf > tbody > tr:first-child > td:nth-child(2) > b:first-child,
html body[class*="page-advm"] table.work-serfs > tbody > tr:first-child > td:nth-child(2) > b:first-child{
  display:inline-block!important;
  max-width:100%!important;
  margin:0 0 2px!important;
  color:#f6f9ff!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.18!important;
  text-align:left!important;
  white-space:normal!important;
  word-break:break-word!important;
}

html body[class*="page-advm"] table.work-serf .serf-text,
html body[class*="page-advm"] table.work-serfs .serf-text{
  display:block!important;
  margin:1px 0 2px!important;
  color:rgba(224,234,248,.78)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.25!important;
  text-align:left!important;
  white-space:normal!important;
}

html body[class*="page-advm"] table.work-serf .kab-text,
html body[class*="page-advm"] table.work-serfs .kab-text,
html body[class*="page-advm"] table.work-serf .kab-text font,
html body[class*="page-advm"] table.work-serfs .kab-text font,
html body[class*="page-advm"] table.work-serf font[color="#555555"],
html body[class*="page-advm"] table.work-serfs font[color="#555555"]{
  display:inline!important;
  color:rgba(202,216,235,.62)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.28!important;
  text-align:left!important;
  white-space:normal!important;
}

html body[class*="page-advm"] table.work-serf .kab-text b,
html body[class*="page-advm"] table.work-serfs .kab-text b,
html body[class*="page-advm"] table.work-serf .kab-text strong,
html body[class*="page-advm"] table.work-serfs .kab-text strong{
  color:#f5f8ff!important;
  font-weight:900!important;
}

/* Иконки действий в строке не должны толкать или перекрывать текст */
html body[class*="page-advm"] table.work-serf > tbody > tr:first-child > td:nth-child(2) .scon-view,
html body[class*="page-advm"] table.work-serf > tbody > tr:first-child > td:nth-child(2) .scon-stat,
html body[class*="page-advm"] table.work-serf > tbody > tr:first-child > td:nth-child(2) .scon-edit,
html body[class*="page-advm"] table.work-serf > tbody > tr:first-child > td:nth-child(2) .scon-delete,
html body[class*="page-advm"] table.work-serf > tbody > tr:first-child > td:nth-child(2) .scon-erase,
html body[class*="page-advm"] table.work-serf > tbody > tr:first-child > td:nth-child(2) .scon-backmoney,
html body[class*="page-advm"] table.work-serf > tbody > tr:first-child > td:nth-child(2) [class*="chastota"],
html body[class*="page-advm"] table.work-serfs > tbody > tr:first-child > td:nth-child(2) .scon-view,
html body[class*="page-advm"] table.work-serfs > tbody > tr:first-child > td:nth-child(2) .scon-stat,
html body[class*="page-advm"] table.work-serfs > tbody > tr:first-child > td:nth-child(2) .scon-edit,
html body[class*="page-advm"] table.work-serfs > tbody > tr:first-child > td:nth-child(2) .scon-delete,
html body[class*="page-advm"] table.work-serfs > tbody > tr:first-child > td:nth-child(2) .scon-erase,
html body[class*="page-advm"] table.work-serfs > tbody > tr:first-child > td:nth-child(2) .scon-backmoney,
html body[class*="page-advm"] table.work-serfs > tbody > tr:first-child > td:nth-child(2) [class*="chastota"]{
  float:right!important;
  margin-left:6px!important;
  margin-top:3px!important;
}

/* Раскрытие пополнения одинаковое и читаемое */
html body[class*="page-advm"] table.work-serf > tbody > tr[id^="moneyadd"] > td.ext-viptask,
html body[class*="page-advm"] table.work-serfs > tbody > tr[id^="moneyadd"] > td.ext-viptask{
  padding:18px 20px 20px!important;
  color:#f2f7ff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.55!important;
  text-align:left!important;
  white-space:normal!important;
  background:linear-gradient(180deg,rgba(4,11,21,.98),rgba(3,9,17,.99))!important;
  border-top:1px solid rgba(110,150,200,.20)!important;
}

html body[class*="page-advm"] table.work-serf .ext-viptask br,
html body[class*="page-advm"] table.work-serfs .ext-viptask br{
  line-height:1.2!important;
}

html body[class*="page-advm"] table.work-serf .ext-viptask .sum,
html body[class*="page-advm"] table.work-serfs .ext-viptask .sum{
  display:inline-flex!important;
  width:min(260px,100%)!important;
  max-width:100%!important;
  margin:8px 12px 8px 0!important;
  vertical-align:middle!important;
}

html body[class*="page-advm"] table.work-serf .ext-viptask input.summ,
html body[class*="page-advm"] table.work-serfs .ext-viptask input.summ{
  width:100%!important;
  height:38px!important;
  margin:0!important;
  padding:0 14px!important;
  border-radius:10px!important;
  border:1px solid rgba(96,146,208,.50)!important;
  background:rgba(18,31,50,.95)!important;
  color:#f7fbff!important;
  font-size:14px!important;
  font-weight:900!important;
}

/* Автосерфинг использует такие же отступы текста в строке */
html body[class*="page-advm"] table.work-serf.advm-autoserf-table > tbody > tr:first-child > td:first-child{
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-autoserf-url{
  display:inline-block!important;
  margin:0 0 2px!important;
  color:#f6f9ff!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.18!important;
  text-align:left!important;
}

html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-autoserf-meta,
html body[class*="page-advm"] table.work-serf.advm-autoserf-table .advm-autoserf-meta font{
  display:inline!important;
  color:rgba(202,216,235,.62)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.28!important;
}

@media(max-width:760px){
  html body[class*="page-advm"] table.work-serf > tbody > tr:first-child > td:first-child,
  html body[class*="page-advm"] table.work-serfs > tbody > tr:first-child > td:first-child{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    padding-left:10px!important;
  }
  html body[class*="page-advm"] table.work-serf > tbody > tr:first-child > td.budget,
  html body[class*="page-advm"] table.work-serfs > tbody > tr:first-child > td.budget{
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
  }
}

/* ============================================================
   ADVM ADD ORDER BOTTOM FINAL CSS
   Runtime JS не нужен: кнопки добавления перенесены в .tpl вниз.
   Этот блок только выравнивает и оформляет нижнюю кнопку.
   ============================================================ */

html body[class*="page-advm"] .advm-add-order-row,
html body .advm-add-order-row {
  width: 100% !important;
  max-width: 760px !important;
  margin: 16px auto 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body[class*="page-advm"] .advm-add-order-row > a,
html body[class*="page-advm"] .advm-add-order-row > button,
html body[class*="page-advm"] .advm-add-order-row > input[type="button"],
html body[class*="page-advm"] .advm-add-order-row > input[type="submit"],
html body .advm-add-order-row > a,
html body .advm-add-order-row > button,
html body .advm-add-order-row > input[type="button"],
html body .advm-add-order-row > input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 210px !important;
  min-height: 42px !important;
  padding: 0 22px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 205, 104, .42) !important;
  background: linear-gradient(180deg, rgba(43,58,80,.98), rgba(25,36,54,.98)) !important;
  color: #f7fbff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 16px rgba(0,0,0,.18) !important;
}

html body[class*="page-advm"] .advm-add-order-row > a:hover,
html body[class*="page-advm"] .advm-add-order-row > button:hover,
html body[class*="page-advm"] .advm-add-order-row > input[type="button"]:hover,
html body[class*="page-advm"] .advm-add-order-row > input[type="submit"]:hover,
html body .advm-add-order-row > a:hover,
html body .advm-add-order-row > button:hover,
html body .advm-add-order-row > input[type="button"]:hover,
html body .advm-add-order-row > input[type="submit"]:hover {
  color: #ffffff !important;
  border-color: rgba(255, 205, 104, .62) !important;
  filter: brightness(1.08) !important;
}

html body .advm-helper-row {
  text-align: center !important;
  margin: 0 auto 14px !important;
}

@media (max-width: 760px) {
  html body[class*="page-advm"] .advm-add-order-row,
  html body .advm-add-order-row {
    max-width: calc(100vw - 28px) !important;
    margin-top: 14px !important;
  }

  html body[class*="page-advm"] .advm-add-order-row > a,
  html body[class*="page-advm"] .advm-add-order-row > button,
  html body[class*="page-advm"] .advm-add-order-row > input[type="button"],
  html body[class*="page-advm"] .advm-add-order-row > input[type="submit"],
  html body .advm-add-order-row > a,
  html body .advm-add-order-row > button,
  html body .advm-add-order-row > input[type="button"],
  html body .advm-add-order-row > input[type="submit"] {
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
  }
}

/* ============================================================
   ADVM YouTube FIX v4 — без нового JS
   Вставить в самый конец style.css.
   Работает по классам из исправленного advm-youtube.tpl.
   ============================================================ */

#contentwrapper .advm-page-youtube,
#aj-content .advm-page-youtube,
.advm-page-youtube {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.advm-page-youtube *,
.advm-page-youtube *::before,
.advm-page-youtube *::after {
  box-sizing: border-box !important;
}

.advm-page-youtube .advm-page-title,
.advm-page-youtube .advm-section-title {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  height: 42px !important;
  min-height: 42px !important;
  line-height: 42px !important;
  margin: 0 auto 16px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.04) !important;
  background: #040b14 !important;
  color: #f4f7ff !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

.advm-page-youtube .advm-main-menu-wrap {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
}

.advm-page-youtube .advm-main-menu-wrap .menu-task-work {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.advm-page-youtube .advm-main-menu-wrap .menu-task-work a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(18,30,48,.95), rgba(7,15,28,.98)) !important;
  color: #f3f6ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  text-shadow: none !important;
}

.advm-page-youtube .advm-main-menu-wrap .menu-task-work a:hover,
.advm-page-youtube .advm-main-menu-wrap .menu-task-work a.active {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(28,48,74,.98), rgba(10,24,42,.98)) !important;
  color: #fff !important;
}

.advm-page-youtube .advm-page-body {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.advm-page-youtube .advm-inner-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.advm-page-youtube .advm-tab-link,
.advm-page-youtube .advm-filter-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(18,30,48,.95), rgba(7,15,28,.98)) !important;
  color: #f3f6ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.advm-page-youtube .advm-tab-link:hover,
.advm-page-youtube .advm-tab-link.active,
.advm-page-youtube .advm-filter-link:hover,
.advm-page-youtube .advm-filter-link.active {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(28,48,74,.98), rgba(10,24,42,.98)) !important;
  color: #fff !important;
}

/* ЧС исполнителей теперь стоит рядом с кнопкой Заблокированы в сетке фильтров */
.advm-page-youtube .advm-blacklist-btn {
  width: auto !important;
  min-width: 0 !important;
  cursor: pointer !important;
}

.advm-page-youtube .advm-status-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 22px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.advm-page-youtube .advm-search-form {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 76px !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.advm-page-youtube .advm-search-form input[type="text"] {
  width: 100% !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.14) !important;
  background: rgba(255,255,255,.04) !important;
  color: #edf3ff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: left !important;
}

.advm-page-youtube .advm-search-form button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  cursor: pointer !important;
}

.advm-page-youtube .advm-list-head {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 760px !important;
  min-height: 24px !important;
  margin: 8px auto 10px !important;
  padding: 0 !important;
}

.advm-page-youtube .advm-list-title {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  float: none !important;
  color: #a8c9ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  text-shadow: none !important;
}

.advm-page-youtube .advm-list-actions {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.advm-page-youtube .advm-list-wrap,
.advm-page-youtube #advm-youtube-ads {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

.advm-page-youtube table.work-serf,
.advm-page-youtube table.work-serfs,
.advm-page-youtube table.work-serff {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 12px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(62,117,176,.48) !important;
  background: linear-gradient(180deg, rgba(13,25,42,.96), rgba(5,12,23,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.14) !important;
}

.advm-page-youtube table.work-serf > tbody > tr:first-child > td,
.advm-page-youtube table.work-serfs > tbody > tr:first-child > td,
.advm-page-youtube table.work-serff > tbody > tr:first-child > td {
  padding: 11px 10px !important;
  vertical-align: middle !important;
  color: #edf4ff !important;
  background: transparent !important;
  border: 0 !important;
  text-align: left !important;
}

.advm-page-youtube table.work-serf > tbody > tr:first-child > td:first-child,
.advm-page-youtube table.work-serfs > tbody > tr:first-child > td:first-child,
.advm-page-youtube table.work-serff > tbody > tr:first-child > td:first-child {
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  padding-left: 14px !important;
  padding-right: 4px !important;
  text-align: center !important;
}

.advm-page-youtube table.work-serf > tbody > tr:first-child > td:last-child,
.advm-page-youtube table.work-serfs > tbody > tr:first-child > td:last-child,
.advm-page-youtube table.work-serff > tbody > tr:first-child > td:last-child {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  padding-left: 6px !important;
  padding-right: 12px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.advm-page-youtube .advm-add-order-row,
.advm-page-youtube .advm-action-row {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
}

.advm-page-youtube .advm-add-btn,
.advm-page-youtube .advm-action-row .btn,
.advm-page-youtube .advm-action-row a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(260px, 100%) !important;
  height: 44px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(35,52,75,.98), rgba(14,27,47,.98)) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.advm-page-youtube .msg-warning {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 12px !important;
  border-radius: 14px !important;
  background: rgba(18,30,48,.95) !important;
  border: 1px solid rgba(173,188,216,.12) !important;
  color: #f3f6ff !important;
  text-shadow: none !important;
}

.advm-page-youtube .advm-status-table {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 12px !important;
}

.advm-page-youtube br,
.advm-page-youtube hr {
  display: none !important;
}

@media (max-width: 900px) {
  .advm-page-youtube .advm-main-menu-wrap .menu-task-work,
  .advm-page-youtube .advm-status-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .advm-page-youtube .advm-main-menu-wrap .menu-task-work,
  .advm-page-youtube .advm-inner-tabs,
  .advm-page-youtube .advm-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .advm-page-youtube .advm-search-form {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   ADVM TASK FIX v5 — только страница /advm-task
   Вставить в самый конец style.css
   ============================================================ */

.advm-page--task,
#advm-page-task {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Верхний и нижний заголовки */
#advm-page-task .titles,
#advm-page-task .advm-main-title,
#advm-page-task .advm-section-title {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  height: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
  margin: 0 auto 18px !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  background: #040b14 !important;
  border: 1px solid rgba(255,255,255,.04) !important;
  color: #f4f7ff !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

/* Обертки без лишних внутренних отступов */
#advm-page-task .advm-main-menu-wrap,
#advm-page-task .advm-page__content {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Меню рекламодателя */
#advm-page-task .advm-main-menu-wrap .menu-task-work {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#advm-page-task .advm-main-menu-wrap .menu-task-work a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(18,30,48,.95), rgba(7,15,28,.98)) !important;
  color: #f3f6ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  text-shadow: none !important;
}

#advm-page-task .advm-main-menu-wrap .menu-task-work a:hover,
#advm-page-task .advm-main-menu-wrap .menu-task-work a.active {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(28,48,74,.98), rgba(10,24,42,.98)) !important;
  color: #ffffff !important;
}

/* БС / ЧС */
#advm-page-task .advm-task-controls {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-task .advm-task-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 170px)) !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 auto 14px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-task .advm-control-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(20,34,54,.95), rgba(10,20,36,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  text-shadow: none !important;
}

#advm-page-task .advm-control-btn:hover {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
}

/* Ссылка для серфинга */
#advm-page-task .advm-task-reflink-box {
  width: 100% !important;
  margin: 0 auto 12px !important;
  padding: 0 !important;
}

#advm-page-task .advm-task-reflink-title {
  width: 100% !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  color: #f4f7ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: left !important;
  text-shadow: none !important;
}

#advm-page-task .advm-task-reflink {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.16) !important;
  background: rgba(255,255,255,.045) !important;
  color: #edf3ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: left !important;
  outline: none !important;
}

/* Список задания */
#advm-page-task .advm-task-list {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-task table.work-serf,
#advm-page-task table.work-serfs {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(62,117,176,.48) !important;
  background: linear-gradient(180deg, rgba(13,25,42,.96), rgba(5,12,23,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.14) !important;
}

#advm-page-task table.work-serf td,
#advm-page-task table.work-serfs td {
  padding: 9px 8px !important;
  vertical-align: middle !important;
  color: #edf4ff !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-task table.work-serf tr:first-child td:first-child,
#advm-page-task table.work-serfs tr:first-child td:first-child {
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  padding-left: 14px !important;
  padding-right: 4px !important;
  text-align: center !important;
}

#advm-page-task table.work-serf td.budget,
#advm-page-task table.work-serfs td.budget,
#advm-page-task table.work-serf tr:first-child td:last-child,
#advm-page-task table.work-serfs tr:first-child td:last-child {
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  padding-left: 6px !important;
  padding-right: 12px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Нижняя кнопка */
#advm-page-task .advm-action-row,
#advm-page-task .advm-add-order-row {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
}

#advm-page-task .advm-add-btn,
#advm-page-task .advm-add-order-row .btn,
#advm-page-task .advm-add-order-row a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 220px !important;
  height: 44px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(35,52,75,.98), rgba(14,27,47,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  text-shadow: none !important;
}

#advm-page-task .advm-message {
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  border-radius: 14px !important;
}

/* Мобильная адаптация */
@media (max-width: 900px) {
  #advm-page-task .advm-main-menu-wrap .menu-task-work {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  #advm-page-task .advm-main-menu-wrap .menu-task-work {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #advm-page-task .advm-task-actions {
    grid-template-columns: 1fr !important;
  }
}


/* ============================================================
   ADVM BANNER CAPTION FIX v5.1
   Надпись / статус баннера идет под картинкой, а не справа.
   Вставить в самый конец style.css
   ============================================================ */

#advm-page-banner .advm-banner-card .advm-banner-content-cell {
  padding: 10px 8px !important;
}

#advm-page-banner .advm-banner-body {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-banner .advm-banner-main {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

#advm-page-banner .advm-banner-preview {
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  text-decoration: none !important;
}

#advm-page-banner .advm-banner-preview img {
  display: block !important;
  max-width: 240px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
}

#advm-page-banner .advm-banner-meta {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #cfd8e8 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  white-space: normal !important;
}

#advm-page-banner .advm-banner-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

#advm-page-banner .advm-banner-controls .scon-delete,
#advm-page-banner .advm-banner-controls .scon-backmoney,
#advm-page-banner .advm-banner-controls .scon-edit,
#advm-page-banner .advm-banner-controls .scon-view {
  float: none !important;
  display: block !important;
  margin: 0 !important;
}

#advm-page-banner .advm-banner-budget {
  vertical-align: middle !important;
}

@media (max-width: 620px) {
  #advm-page-banner .advm-banner-body {
    align-items: flex-start !important;
    gap: 8px !important;
  }

  #advm-page-banner .advm-banner-preview img {
    max-width: 180px !important;
  }

  #advm-page-banner .advm-banner-controls {
    flex-wrap: wrap !important;
    max-width: 48px !important;
  }
}

/* ============================================================
   ADVM VK FIX v5.2 — /advm-vk
   Вставить в самый конец style.css
   ============================================================ */

.advm-page--vk,
#advm-page-vk {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Заголовки */
#advm-page-vk .titles,
#advm-page-vk .advm-main-title,
#advm-page-vk .advm-section-title {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  height: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
  margin: 0 auto 18px !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  background: #040b14 !important;
  border: 1px solid rgba(255,255,255,.04) !important;
  color: #f4f7ff !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

/* Обертки без старых 7px */
#advm-page-vk .advm-main-menu-wrap,
#advm-page-vk .advm-page__content,
#advm-page-vk .advm-vk-list {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Главное меню */
#advm-page-vk .advm-main-menu-wrap .menu-task-work {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#advm-page-vk .advm-main-menu-wrap .menu-task-work a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(18,30,48,.95), rgba(7,15,28,.98)) !important;
  color: #f3f6ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  text-shadow: none !important;
}

#advm-page-vk .advm-main-menu-wrap .menu-task-work a:hover,
#advm-page-vk .advm-main-menu-wrap .menu-task-work a.active {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(28,48,74,.98), rgba(10,24,42,.98)) !important;
  color: #ffffff !important;
}

/* Вкладки VK: Вступить / Рассказать / Лайки */
#advm-page-vk .advm-vk-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 620px !important;
  margin: 0 auto 16px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-vk .advm-vk-tabs a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(18,30,48,.95), rgba(7,15,28,.98)) !important;
  color: #f3f6ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

#advm-page-vk .advm-vk-tabs a:hover {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
}

/* ЧС и назад */
#advm-page-vk .advm-vk-actions {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 auto 22px !important;
  padding: 0 !important;
}

#advm-page-vk .advm-control-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 170px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(20,34,54,.95), rgba(10,20,36,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  text-shadow: none !important;
}

#advm-page-vk .advm-control-btn:hover {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
}

/* Секции */
#advm-page-vk .advm-list-section {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  scroll-margin-top: 18px !important;
}

#advm-page-vk .advm-list-title {
  display: block !important;
  width: 100% !important;
  margin: 0 auto 8px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #a8c9ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  text-shadow: none !important;
}

/* Карточки рекламы */
#advm-page-vk table.work-serf,
#advm-page-vk table.work-serfs {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(62,117,176,.48) !important;
  background: linear-gradient(180deg, rgba(13,25,42,.96), rgba(5,12,23,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.14) !important;
}

#advm-page-vk table.work-serf td,
#advm-page-vk table.work-serfs td {
  padding: 10px 8px !important;
  vertical-align: middle !important;
  color: #edf4ff !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-vk table.work-serf tr:first-child td:first-child,
#advm-page-vk table.work-serfs tr:first-child td:first-child {
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  padding-left: 14px !important;
  padding-right: 4px !important;
  text-align: center !important;
}

#advm-page-vk table.work-serf td.budget,
#advm-page-vk table.work-serfs td.budget,
#advm-page-vk table.work-serf tr:first-child td:last-child,
#advm-page-vk table.work-serfs tr:first-child td:last-child {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  padding-left: 6px !important;
  padding-right: 12px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Таблица статусов */
#advm-page-vk .advm-status-table {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: rgba(6,14,26,.85) !important;
  border: 1px solid rgba(173,188,216,.10) !important;
}

#advm-page-vk .advm-status-table th,
#advm-page-vk .advm-status-table td {
  padding: 10px 8px !important;
  border-bottom: 1px solid rgba(173,188,216,.08) !important;
  color: #edf3ff !important;
  text-align: center !important;
}

/* Нижняя кнопка */
#advm-page-vk .advm-action-row,
#advm-page-vk .advm-add-order-row {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
}

#advm-page-vk .advm-add-btn,
#advm-page-vk .advm-add-order-row .btn,
#advm-page-vk .advm-add-order-row a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 220px !important;
  height: 44px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(35,52,75,.98), rgba(14,27,47,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  text-shadow: none !important;
}

#advm-page-vk .advm-message {
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  border-radius: 14px !important;
}

#advm-page-vk hr {
  display: none !important;
}

@media (max-width: 900px) {
  #advm-page-vk .advm-main-menu-wrap .menu-task-work {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  #advm-page-vk .advm-main-menu-wrap .menu-task-work,
  #advm-page-vk .advm-vk-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #advm-page-vk .advm-vk-actions {
    flex-direction: column !important;
    align-items: center !important;
  }

  #advm-page-vk .advm-control-btn,
  #advm-page-vk .advm-add-btn {
    width: 100% !important;
    max-width: 260px !important;
  }
}

/* ============================================================
   ADVM RUTUBE FIX v5 — только страница /advm-rutube
   Вставить в самый конец style.css
   ============================================================ */

.advm-page--rutube,
#advm-page-rutube {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Заголовки */
#advm-page-rutube .titles,
#advm-page-rutube .advm-main-title,
#advm-page-rutube .advm-section-title {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  height: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
  margin: 0 auto 18px !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  background: #040b14 !important;
  border: 1px solid rgba(255,255,255,.04) !important;
  color: #f4f7ff !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

/* Обертки */
#advm-page-rutube .advm-main-menu-wrap,
#advm-page-rutube .advm-page__content,
#advm-page-rutube .advm-rutube-list {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Главное меню */
#advm-page-rutube .advm-main-menu-wrap .menu-task-work {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#advm-page-rutube .advm-main-menu-wrap .menu-task-work a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(18,30,48,.95), rgba(7,15,28,.98)) !important;
  color: #f3f6ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  text-shadow: none !important;
}

#advm-page-rutube .advm-main-menu-wrap .menu-task-work a:hover,
#advm-page-rutube .advm-main-menu-wrap .menu-task-work a.active {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(28,48,74,.98), rgba(10,24,42,.98)) !important;
  color: #ffffff !important;
}

/* ЧС / Назад */
#advm-page-rutube .advm-rutube-actions {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 auto 22px !important;
  padding: 0 !important;
}

#advm-page-rutube .advm-control-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 170px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(20,34,54,.95), rgba(10,20,36,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  text-shadow: none !important;
}

#advm-page-rutube .advm-control-btn:hover {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
}

/* Заголовок списка */
#advm-page-rutube .advm-list-section {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 16px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-rutube .advm-list-title {
  display: block !important;
  width: 100% !important;
  margin: 0 auto 8px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #a8c9ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  text-shadow: none !important;
}

/* Карточки RuTube */
#advm-page-rutube table.work-serf,
#advm-page-rutube table.work-serfs {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(62,117,176,.48) !important;
  background: linear-gradient(180deg, rgba(13,25,42,.96), rgba(5,12,23,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.14) !important;
}

#advm-page-rutube table.work-serf td,
#advm-page-rutube table.work-serfs td {
  padding: 10px 8px !important;
  vertical-align: middle !important;
  color: #edf4ff !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-rutube table.work-serf tr:first-child td:first-child,
#advm-page-rutube table.work-serfs tr:first-child td:first-child {
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  padding-left: 14px !important;
  padding-right: 4px !important;
  text-align: center !important;
}

#advm-page-rutube table.work-serf td.budget,
#advm-page-rutube table.work-serfs td.budget,
#advm-page-rutube table.work-serf tr:first-child td:last-child,
#advm-page-rutube table.work-serfs tr:first-child td:last-child {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  padding-left: 6px !important;
  padding-right: 12px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Таблица статусов */
#advm-page-rutube .advm-status-table {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: rgba(6,14,26,.85) !important;
  border: 1px solid rgba(173,188,216,.10) !important;
}

#advm-page-rutube .advm-status-table th,
#advm-page-rutube .advm-status-table td {
  padding: 10px 8px !important;
  border-bottom: 1px solid rgba(173,188,216,.08) !important;
  color: #edf3ff !important;
  text-align: center !important;
}

/* Нижняя кнопка */
#advm-page-rutube .advm-action-row,
#advm-page-rutube .advm-add-order-row {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
}

#advm-page-rutube .advm-add-btn,
#advm-page-rutube .advm-add-order-row .btn,
#advm-page-rutube .advm-add-order-row a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 220px !important;
  height: 44px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(35,52,75,.98), rgba(14,27,47,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  text-shadow: none !important;
}

#advm-page-rutube .advm-message {
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  border-radius: 14px !important;
}

/* На всякий случай убираем старые hr только внутри RuTube */
#advm-page-rutube hr {
  display: none !important;
}

@media (max-width: 900px) {
  #advm-page-rutube .advm-main-menu-wrap .menu-task-work {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  #advm-page-rutube .advm-main-menu-wrap .menu-task-work {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #advm-page-rutube .advm-rutube-actions {
    flex-direction: column !important;
    align-items: center !important;
  }

  #advm-page-rutube .advm-control-btn,
  #advm-page-rutube .advm-add-btn {
    width: 100% !important;
    max-width: 260px !important;
  }
}

/* ============================================================
   ADVM TG FIX v5 — только страница /advm-tg
   Вставить в самый конец style.css
   ============================================================ */

.advm-page--tg,
#advm-page-tg {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Заголовки */
#advm-page-tg .titles,
#advm-page-tg .advm-main-title,
#advm-page-tg .advm-section-title {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  height: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
  margin: 0 auto 18px !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  background: #040b14 !important;
  border: 1px solid rgba(255,255,255,.04) !important;
  color: #f4f7ff !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

/* Обертки без старых внутренних отступов */
#advm-page-tg .advm-main-menu-wrap,
#advm-page-tg .advm-page__content,
#advm-page-tg .advm-tg-list {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Главное меню рекламодателя */
#advm-page-tg .advm-main-menu-wrap .menu-task-work {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#advm-page-tg .advm-main-menu-wrap .menu-task-work a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(18,30,48,.95), rgba(7,15,28,.98)) !important;
  color: #f3f6ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  text-shadow: none !important;
}

#advm-page-tg .advm-main-menu-wrap .menu-task-work a:hover,
#advm-page-tg .advm-main-menu-wrap .menu-task-work a.active {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(28,48,74,.98), rgba(10,24,42,.98)) !important;
  color: #ffffff !important;
}

/* Вкладки Telegram: Каналы / Репосты / Лайки */
#advm-page-tg .advm-tg-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 auto 16px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-tg .advm-tg-tabs a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(18,30,48,.95), rgba(7,15,28,.98)) !important;
  color: #f3f6ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

#advm-page-tg .advm-tg-tabs a:hover,
#advm-page-tg .advm-tg-tabs a.active {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
  color: #ffffff !important;
}

/* ЧС */
#advm-page-tg .advm-tg-actions {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 auto 22px !important;
  padding: 0 !important;
}

#advm-page-tg .advm-control-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 170px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(20,34,54,.95), rgba(10,20,36,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  text-shadow: none !important;
}

#advm-page-tg .advm-control-btn:hover {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
}

/* Заголовок списка */
#advm-page-tg .advm-list-section {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 16px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-tg .advm-list-title {
  display: block !important;
  width: 100% !important;
  margin: 0 auto 8px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #a8c9ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  text-shadow: none !important;
}

/* Карточки Telegram */
#advm-page-tg table.work-serf,
#advm-page-tg table.work-serfs {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(62,117,176,.48) !important;
  background: linear-gradient(180deg, rgba(13,25,42,.96), rgba(5,12,23,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.14) !important;
}

#advm-page-tg table.work-serf td,
#advm-page-tg table.work-serfs td {
  padding: 10px 8px !important;
  vertical-align: middle !important;
  color: #edf4ff !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-tg table.work-serf tr:first-child td:first-child,
#advm-page-tg table.work-serfs tr:first-child td:first-child {
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  padding-left: 14px !important;
  padding-right: 4px !important;
  text-align: center !important;
}

#advm-page-tg table.work-serf td.budget,
#advm-page-tg table.work-serfs td.budget,
#advm-page-tg table.work-serf tr:first-child td:last-child,
#advm-page-tg table.work-serfs tr:first-child td:last-child {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  padding-left: 6px !important;
  padding-right: 12px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Нижняя кнопка */
#advm-page-tg .advm-action-row,
#advm-page-tg .advm-add-order-row {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
}

#advm-page-tg .advm-add-btn,
#advm-page-tg .advm-add-order-row .btn,
#advm-page-tg .advm-add-order-row a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 220px !important;
  height: 44px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(35,52,75,.98), rgba(14,27,47,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  text-shadow: none !important;
}

@media (max-width: 900px) {
  #advm-page-tg .advm-main-menu-wrap .menu-task-work {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  #advm-page-tg .advm-main-menu-wrap .menu-task-work,
  #advm-page-tg .advm-tg-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #advm-page-tg .advm-control-btn,
  #advm-page-tg .advm-add-btn {
    width: 100% !important;
    max-width: 260px !important;
  }
}

/* ============================================================
   ADVM INSTAGRAM FIX v5 — только страница /advm-instagram
   Вставить в самый конец style.css
   ============================================================ */

.advm-page--instagram,
#advm-page-instagram {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Заголовки */
#advm-page-instagram .titles,
#advm-page-instagram .advm-main-title,
#advm-page-instagram .advm-section-title {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  height: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
  margin: 0 auto 18px !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  background: #040b14 !important;
  border: 1px solid rgba(255,255,255,.04) !important;
  color: #f4f7ff !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

/* Обертки */
#advm-page-instagram .advm-main-menu-wrap,
#advm-page-instagram .advm-page__content,
#advm-page-instagram .advm-instagram-list {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Главное меню рекламодателя */
#advm-page-instagram .advm-main-menu-wrap .menu-task-work {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#advm-page-instagram .advm-main-menu-wrap .menu-task-work a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(18,30,48,.95), rgba(7,15,28,.98)) !important;
  color: #f3f6ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  text-shadow: none !important;
}

#advm-page-instagram .advm-main-menu-wrap .menu-task-work a:hover,
#advm-page-instagram .advm-main-menu-wrap .menu-task-work a.active {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(28,48,74,.98), rgba(10,24,42,.98)) !important;
  color: #ffffff !important;
}

/* Вкладки Instagram: Подписки / Лайки */
#advm-page-instagram .advm-instagram-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 380px !important;
  margin: 0 auto 16px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-instagram .advm-instagram-tabs a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(18,30,48,.95), rgba(7,15,28,.98)) !important;
  color: #f3f6ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

#advm-page-instagram .advm-instagram-tabs a:hover,
#advm-page-instagram .advm-instagram-tabs a.active {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
  color: #ffffff !important;
}

/* ЧС / назад */
#advm-page-instagram .advm-instagram-actions {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
}

#advm-page-instagram .advm-control-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 170px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(20,34,54,.95), rgba(10,20,36,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  text-shadow: none !important;
}

#advm-page-instagram .advm-control-btn:hover {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
}

/* Фильтр статусов — нормальная сетка, не в одну линию */
#advm-page-instagram .advm-status-filter {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 12px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-instagram .advm-status-filter a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(20,34,54,.95), rgba(10,20,36,.98)) !important;
  color: #f4f7ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

#advm-page-instagram .advm-status-filter a:hover,
#advm-page-instagram .advm-status-filter a.active {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
}

/* Поиск — поле и кнопка в одной строке */
#advm-page-instagram .advm-search-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 90px !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-instagram .advm-search-form input[type="text"] {
  display: block !important;
  width: 100% !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.14) !important;
  background: rgba(255,255,255,.045) !important;
  color: #edf3ff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
  outline: none !important;
}

#advm-page-instagram .advm-search-form button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 90px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: center !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

/* Заголовок списка */
#advm-page-instagram .advm-list-section {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 16px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-instagram .advm-list-title {
  display: block !important;
  width: 100% !important;
  margin: 0 auto 8px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #a8c9ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  text-shadow: none !important;
}

/* Карточки Instagram */
#advm-page-instagram table.work-serf,
#advm-page-instagram table.work-serfs {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(62,117,176,.48) !important;
  background: linear-gradient(180deg, rgba(13,25,42,.96), rgba(5,12,23,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.14) !important;
}

#advm-page-instagram table.work-serf td,
#advm-page-instagram table.work-serfs td {
  padding: 10px 8px !important;
  vertical-align: middle !important;
  color: #edf4ff !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-instagram table.work-serf tr:first-child td:first-child,
#advm-page-instagram table.work-serfs tr:first-child td:first-child {
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  padding-left: 14px !important;
  padding-right: 4px !important;
  text-align: center !important;
}

#advm-page-instagram table.work-serf td.budget,
#advm-page-instagram table.work-serfs td.budget,
#advm-page-instagram table.work-serf tr:first-child td:last-child,
#advm-page-instagram table.work-serfs tr:first-child td:last-child {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  padding-left: 6px !important;
  padding-right: 12px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Таблица статусов */
#advm-page-instagram .advm-status-table {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: rgba(6,14,26,.85) !important;
  border: 1px solid rgba(173,188,216,.10) !important;
}

#advm-page-instagram .advm-status-table th,
#advm-page-instagram .advm-status-table td {
  padding: 10px 8px !important;
  border-bottom: 1px solid rgba(173,188,216,.08) !important;
  color: #edf3ff !important;
  text-align: center !important;
}

/* Нижняя кнопка */
#advm-page-instagram .advm-action-row,
#advm-page-instagram .advm-add-order-row {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
}

#advm-page-instagram .advm-add-btn,
#advm-page-instagram .advm-add-order-row .btn,
#advm-page-instagram .advm-add-order-row a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 220px !important;
  height: 44px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(35,52,75,.98), rgba(14,27,47,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  text-shadow: none !important;
}

#advm-page-instagram .advm-message {
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  border-radius: 14px !important;
}

#advm-page-instagram hr {
  display: none !important;
}

@media (max-width: 900px) {
  #advm-page-instagram .advm-main-menu-wrap .menu-task-work,
  #advm-page-instagram .advm-status-filter {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  #advm-page-instagram .advm-main-menu-wrap .menu-task-work,
  #advm-page-instagram .advm-status-filter,
  #advm-page-instagram .advm-instagram-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #advm-page-instagram .advm-instagram-actions {
    flex-direction: column !important;
    align-items: center !important;
  }

  #advm-page-instagram .advm-search-form {
    grid-template-columns: 1fr !important;
  }

  #advm-page-instagram .advm-search-form button,
  #advm-page-instagram .advm-control-btn,
  #advm-page-instagram .advm-add-btn {
    width: 100% !important;
    max-width: 260px !important;
  }

  #advm-page-instagram .advm-search-form button {
    justify-self: center !important;
  }
}

/* ============================================================
   ADVM INSTAGRAM FIX v5.1
   Работает и с новым tpl (#advm-page-instagram),
   и со старым классом .advm-page--advm-instagram.
   Вставить в самый конец style.css
   ============================================================ */

#advm-page-instagram,
.advm-page--instagram,
.advm-page--advm-instagram {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Старые обертки, которые были в присланном файле */
.advm-page--advm-instagram .advm-menu-wrap,
.advm-page--advm-instagram .advm-content,
#advm-page-instagram .advm-main-menu-wrap,
#advm-page-instagram .advm-page__content,
#advm-page-instagram .advm-instagram-list {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Заголовки */
#advm-page-instagram .titles,
.advm-page--advm-instagram .titles,
#advm-page-instagram .advm-main-title,
#advm-page-instagram .advm-section-title,
.advm-page--advm-instagram .advm-title-main,
.advm-page--advm-instagram .advm-title-section {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  height: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
  margin: 0 auto 18px !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  background: #040b14 !important;
  border: 1px solid rgba(255,255,255,.04) !important;
  color: #f4f7ff !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

/* Главное меню */
#advm-page-instagram .advm-main-menu-wrap .menu-task-work,
.advm-page--advm-instagram .advm-menu-wrap .menu-task-work {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#advm-page-instagram .advm-main-menu-wrap .menu-task-work a,
.advm-page--advm-instagram .advm-menu-wrap .menu-task-work a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(18,30,48,.95), rgba(7,15,28,.98)) !important;
  color: #f3f6ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  text-shadow: none !important;
}

#advm-page-instagram .advm-main-menu-wrap .menu-task-work a:hover,
#advm-page-instagram .advm-main-menu-wrap .menu-task-work a.active,
.advm-page--advm-instagram .advm-menu-wrap .menu-task-work a:hover,
.advm-page--advm-instagram .advm-menu-wrap .menu-task-work a.active {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(28,48,74,.98), rgba(10,24,42,.98)) !important;
  color: #ffffff !important;
}

/* Подписки / Лайки */
#advm-page-instagram .advm-instagram-tabs,
.advm-page--advm-instagram .advm-subtabs-instagram {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 380px !important;
  margin: 0 auto 16px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#advm-page-instagram .advm-instagram-tabs a,
.advm-page--advm-instagram .advm-subtabs-instagram a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(18,30,48,.95), rgba(7,15,28,.98)) !important;
  color: #f3f6ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

#advm-page-instagram .advm-instagram-tabs a:hover,
#advm-page-instagram .advm-instagram-tabs a.active,
.advm-page--advm-instagram .advm-subtabs-instagram a:hover,
.advm-page--advm-instagram .advm-subtabs-instagram a.active {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
  color: #ffffff !important;
}

/* ЧС */
#advm-page-instagram .advm-instagram-actions,
.advm-page--advm-instagram .advm-helper-row {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  text-align: center !important;
}

#advm-page-instagram .advm-control-btn,
.advm-page--advm-instagram .advm-helper-row .btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 170px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(20,34,54,.95), rgba(10,20,36,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  text-shadow: none !important;
}

/* Фильтр статусов */
#advm-page-instagram .advm-status-filter,
.advm-page--advm-instagram .advm-status-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 12px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  justify-items: stretch !important;
  align-items: stretch !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#advm-page-instagram .advm-status-filter a,
.advm-page--advm-instagram .advm-status-grid a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(20,34,54,.95), rgba(10,20,36,.98)) !important;
  color: #f4f7ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

#advm-page-instagram .advm-status-filter a:hover,
#advm-page-instagram .advm-status-filter a.active,
.advm-page--advm-instagram .advm-status-grid a:hover,
.advm-page--advm-instagram .advm-status-grid a.active {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
}

/* Поиск */
#advm-page-instagram .advm-search-form,
.advm-page--advm-instagram .advm-search-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 90px !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-instagram .advm-search-form input[type="text"],
.advm-page--advm-instagram .advm-search-form input[type="text"] {
  display: block !important;
  width: 100% !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.14) !important;
  background: rgba(255,255,255,.045) !important;
  color: #edf3ff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
  outline: none !important;
}

#advm-page-instagram .advm-search-form button,
.advm-page--advm-instagram .advm-search-form button,
.advm-page--advm-instagram .advm-search-form .btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 90px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: center !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

/* Заголовок списка */
#advm-page-instagram .advm-list-section,
.advm-page--advm-instagram .advm-list,
.advm-page--advm-instagram #advm-instagram-ads {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 16px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-instagram .advm-list-title,
.advm-page--advm-instagram .advm-list-title {
  display: block !important;
  width: 100% !important;
  margin: 0 auto 8px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #a8c9ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  text-shadow: none !important;
}

/* Карточки */
#advm-page-instagram table.work-serf,
#advm-page-instagram table.work-serfs,
.advm-page--advm-instagram table.work-serf,
.advm-page--advm-instagram table.work-serfs {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(62,117,176,.48) !important;
  background: linear-gradient(180deg, rgba(13,25,42,.96), rgba(5,12,23,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.14) !important;
}

#advm-page-instagram table.work-serf td,
#advm-page-instagram table.work-serfs td,
.advm-page--advm-instagram table.work-serf td,
.advm-page--advm-instagram table.work-serfs td {
  padding: 10px 8px !important;
  vertical-align: middle !important;
  color: #edf4ff !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

#advm-page-instagram table.work-serf tr:first-child td:first-child,
#advm-page-instagram table.work-serfs tr:first-child td:first-child,
.advm-page--advm-instagram table.work-serf tr:first-child td:first-child,
.advm-page--advm-instagram table.work-serfs tr:first-child td:first-child {
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  padding-left: 14px !important;
  padding-right: 4px !important;
  text-align: center !important;
}

#advm-page-instagram table.work-serf td.budget,
#advm-page-instagram table.work-serfs td.budget,
#advm-page-instagram table.work-serf tr:first-child td:last-child,
#advm-page-instagram table.work-serfs tr:first-child td:last-child,
.advm-page--advm-instagram table.work-serf td.budget,
.advm-page--advm-instagram table.work-serfs td.budget,
.advm-page--advm-instagram table.work-serf tr:first-child td:last-child,
.advm-page--advm-instagram table.work-serfs tr:first-child td:last-child {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  padding-left: 6px !important;
  padding-right: 12px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Нижняя кнопка */
#advm-page-instagram .advm-action-row,
#advm-page-instagram .advm-add-order-row,
.advm-page--advm-instagram .advm-action-row,
.advm-page--advm-instagram .advm-add-order-row {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
}

#advm-page-instagram .advm-add-btn,
#advm-page-instagram .advm-add-order-row .btn,
#advm-page-instagram .advm-add-order-row a,
.advm-page--advm-instagram .advm-add-btn,
.advm-page--advm-instagram .advm-add-order-row .btn,
.advm-page--advm-instagram .advm-add-order-row a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 220px !important;
  height: 44px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(35,52,75,.98), rgba(14,27,47,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  text-shadow: none !important;
}

#advm-page-instagram .advm-message,
.advm-page--advm-instagram .advm-empty,
.advm-page--advm-instagram .msg-warning {
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  border-radius: 14px !important;
}

#advm-page-instagram hr,
.advm-page--advm-instagram hr {
  display: none !important;
}

@media (max-width: 900px) {
  #advm-page-instagram .advm-main-menu-wrap .menu-task-work,
  #advm-page-instagram .advm-status-filter,
  .advm-page--advm-instagram .advm-menu-wrap .menu-task-work,
  .advm-page--advm-instagram .advm-status-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  #advm-page-instagram .advm-main-menu-wrap .menu-task-work,
  #advm-page-instagram .advm-status-filter,
  #advm-page-instagram .advm-instagram-tabs,
  .advm-page--advm-instagram .advm-menu-wrap .menu-task-work,
  .advm-page--advm-instagram .advm-status-grid,
  .advm-page--advm-instagram .advm-subtabs-instagram {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #advm-page-instagram .advm-search-form,
  .advm-page--advm-instagram .advm-search-form {
    grid-template-columns: 1fr !important;
  }

  #advm-page-instagram .advm-search-form button,
  #advm-page-instagram .advm-control-btn,
  #advm-page-instagram .advm-add-btn,
  .advm-page--advm-instagram .advm-search-form button,
  .advm-page--advm-instagram .advm-control-btn,
  .advm-page--advm-instagram .advm-add-btn {
    width: 100% !important;
    max-width: 260px !important;
  }
}

/* ============================================================
   ADVM INSTAGRAM FINAL FIX v5.2
   ВАЖНО: этот блок должен быть САМЫМ ПОСЛЕДНИМ в style.css
   Исправляет разъехавшиеся кнопки статусов на /advm-instagram
   ============================================================ */

html body .advm-page--advm-instagram,
html body #advm-page-instagram {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html body .advm-page--advm-instagram .advm-content,
html body .advm-page--advm-instagram .advm-menu-wrap,
html body #advm-page-instagram .advm-page__content,
html body #advm-page-instagram .advm-main-menu-wrap {
  width: 100% !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Верхнее меню рекламодателя */
html body .advm-page--advm-instagram .advm-menu-wrap > .menu-task-work,
html body #advm-page-instagram .advm-main-menu-wrap > .menu-task-work {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body .advm-page--advm-instagram .advm-menu-wrap > .menu-task-work > a,
html body #advm-page-instagram .advm-main-menu-wrap > .menu-task-work > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(18,30,48,.95), rgba(7,15,28,.98)) !important;
  color: #f3f6ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  text-shadow: none !important;
}

/* Подписки / Лайки */
html body .advm-page--advm-instagram .advm-subtabs-instagram,
html body #advm-page-instagram .advm-instagram-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 380px !important;
  max-width: 100% !important;
  margin: 0 auto 16px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body .advm-page--advm-instagram .advm-subtabs-instagram > a,
html body #advm-page-instagram .advm-instagram-tabs > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(18,30,48,.95), rgba(7,15,28,.98)) !important;
  color: #f3f6ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

html body .advm-page--advm-instagram .advm-subtabs-instagram > a.active,
html body #advm-page-instagram .advm-instagram-tabs > a.active {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
}

/* ЧС исполнителей */
html body .advm-page--advm-instagram .advm-helper-row,
html body #advm-page-instagram .advm-instagram-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

html body .advm-page--advm-instagram .advm-helper-row .btn,
html body #advm-page-instagram .advm-control-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 170px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(20,34,54,.95), rgba(10,20,36,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  text-shadow: none !important;
}

/* Фильтр статусов: строго ровная сетка */
html body .advm-page--advm-instagram .advm-status-grid,
html body #advm-page-instagram .advm-status-filter {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  justify-items: stretch !important;
  align-items: stretch !important;
  text-align: center !important;
}

html body .advm-page--advm-instagram .advm-status-grid > a,
html body #advm-page-instagram .advm-status-filter > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  float: none !important;
  clear: none !important;
  position: static !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(20,34,54,.95), rgba(10,20,36,.98)) !important;
  color: #f4f7ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

html body .advm-page--advm-instagram .advm-status-grid > a.active,
html body .advm-page--advm-instagram .advm-status-grid > a:hover,
html body #advm-page-instagram .advm-status-filter > a.active,
html body #advm-page-instagram .advm-status-filter > a:hover {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
  color: #ffffff !important;
}

/* Поиск: поле + кнопка рядом */
html body .advm-page--advm-instagram .advm-search-form,
html body #advm-page-instagram .advm-search-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 90px !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  clear: both !important;
}

html body .advm-page--advm-instagram .advm-search-form input[type="text"],
html body #advm-page-instagram .advm-search-form input[type="text"] {
  display: block !important;
  width: 100% !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.14) !important;
  background: rgba(255,255,255,.045) !important;
  color: #edf3ff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
  outline: none !important;
}

html body .advm-page--advm-instagram .advm-search-form button,
html body .advm-page--advm-instagram .advm-search-form .btn,
html body #advm-page-instagram .advm-search-form button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 90px !important;
  height: 42px !important;
  min-width: 90px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: center !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  text-shadow: none !important;
}

/* Заголовок списка и карточки */
html body .advm-page--advm-instagram .advm-list-title,
html body #advm-page-instagram .advm-list-title {
  display: block !important;
  width: 100% !important;
  margin: 0 auto 8px !important;
  padding: 0 !important;
  color: #a8c9ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  text-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
}

html body .advm-page--advm-instagram #advm-instagram-ads,
html body .advm-page--advm-instagram .advm-list,
html body #advm-page-instagram .advm-instagram-list {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Нижняя кнопка */
html body .advm-page--advm-instagram .advm-add-order-row,
html body #advm-page-instagram .advm-add-order-row {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
}

html body .advm-page--advm-instagram .advm-add-order-row a,
html body .advm-page--advm-instagram .advm-add-btn,
html body #advm-page-instagram .advm-add-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 220px !important;
  height: 44px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(35,52,75,.98), rgba(14,27,47,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  text-shadow: none !important;
}

/* Мобильный вид */
@media (max-width: 900px) {
  html body .advm-page--advm-instagram .advm-menu-wrap > .menu-task-work,
  html body .advm-page--advm-instagram .advm-status-grid,
  html body #advm-page-instagram .advm-main-menu-wrap > .menu-task-work,
  html body #advm-page-instagram .advm-status-filter {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  html body .advm-page--advm-instagram .advm-menu-wrap > .menu-task-work,
  html body .advm-page--advm-instagram .advm-status-grid,
  html body .advm-page--advm-instagram .advm-subtabs-instagram,
  html body #advm-page-instagram .advm-main-menu-wrap > .menu-task-work,
  html body #advm-page-instagram .advm-status-filter,
  html body #advm-page-instagram .advm-instagram-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .advm-page--advm-instagram .advm-search-form,
  html body #advm-page-instagram .advm-search-form {
    grid-template-columns: 1fr !important;
  }

  html body .advm-page--advm-instagram .advm-search-form button,
  html body .advm-page--advm-instagram .advm-search-form .btn,
  html body #advm-page-instagram .advm-search-form button {
    width: 100% !important;
    max-width: 260px !important;
    justify-self: center !important;
  }
}

/* ============================================================
   ADVM INSTAGRAM CHS NEAR BLOCKED v6
   Вставить в самый конец style.css.
   ЧС исполнителей теперь стоит рядом с "Заблокированные".
   ============================================================ */

/* Убираем отдельный старый ряд ЧС, если он остался в старом tpl */
html body .advm-page--advm-instagram > .advm-helper-row,
html body .advm-page--advm-instagram .advm-content > .advm-helper-row {
  display: none !important;
}

/* Статусы + ЧС одной ровной сеткой */
html body .advm-page--advm-instagram .advm-status-grid,
html body #advm-page-instagram .advm-status-filter,
html body #advm-page-instagram .advm-status-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  justify-items: stretch !important;
  align-items: stretch !important;
  text-align: center !important;
}

/* Все кнопки внутри статусов одинаковые */
html body .advm-page--advm-instagram .advm-status-grid > a,
html body #advm-page-instagram .advm-status-filter > a,
html body #advm-page-instagram .advm-status-grid > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  float: none !important;
  clear: none !important;
  position: static !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(20,34,54,.95), rgba(10,20,36,.98)) !important;
  color: #f4f7ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

/* Активная/hover */
html body .advm-page--advm-instagram .advm-status-grid > a.active,
html body .advm-page--advm-instagram .advm-status-grid > a:hover,
html body #advm-page-instagram .advm-status-filter > a.active,
html body #advm-page-instagram .advm-status-filter > a:hover,
html body #advm-page-instagram .advm-status-grid > a.active,
html body #advm-page-instagram .advm-status-grid > a:hover {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
  color: #ffffff !important;
}

/* ЧС рядом с Заблокированные, чуть краснее, но в том же стиле */
html body .advm-page--advm-instagram .advm-status-grid > .advm-status-chs,
html body #advm-page-instagram .advm-status-filter > .advm-status-chs,
html body #advm-page-instagram .advm-status-grid > .advm-status-chs {
  border-color: rgba(255,120,120,.42) !important;
  background: linear-gradient(180deg, rgba(58,30,39,.96), rgba(25,16,27,.98)) !important;
  color: #ffffff !important;
}

html body .advm-page--advm-instagram .advm-status-grid > .advm-status-chs:hover,
html body #advm-page-instagram .advm-status-filter > .advm-status-chs:hover,
html body #advm-page-instagram .advm-status-grid > .advm-status-chs:hover {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(70,38,48,.98), rgba(35,20,32,.98)) !important;
}

/* Поиск сразу под сеткой */
html body .advm-page--advm-instagram .advm-search-form,
html body #advm-page-instagram .advm-search-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 90px !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  clear: both !important;
}

html body .advm-page--advm-instagram .advm-search-form input[type="text"],
html body #advm-page-instagram .advm-search-form input[type="text"] {
  display: block !important;
  width: 100% !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.14) !important;
  background: rgba(255,255,255,.045) !important;
  color: #edf3ff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
  outline: none !important;
}

html body .advm-page--advm-instagram .advm-search-form button,
html body .advm-page--advm-instagram .advm-search-form .btn,
html body #advm-page-instagram .advm-search-form button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 90px !important;
  min-width: 90px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: center !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  text-shadow: none !important;
}

@media (max-width: 900px) {
  html body .advm-page--advm-instagram .advm-status-grid,
  html body #advm-page-instagram .advm-status-filter,
  html body #advm-page-instagram .advm-status-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  html body .advm-page--advm-instagram .advm-status-grid,
  html body #advm-page-instagram .advm-status-filter,
  html body #advm-page-instagram .advm-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .advm-page--advm-instagram .advm-search-form,
  html body #advm-page-instagram .advm-search-form {
    grid-template-columns: 1fr !important;
  }

  html body .advm-page--advm-instagram .advm-search-form button,
  html body .advm-page--advm-instagram .advm-search-form .btn,
  html body #advm-page-instagram .advm-search-form button {
    width: 100% !important;
    max-width: 260px !important;
    justify-self: center !important;
  }
}

/* ============================================================
   ADVM INSTAGRAM CHS SAME ROW FIX v6.2
   Вставить САМЫМ ПОСЛЕДНИМ блоком в style.css.
   Ставит "ЧС исполнителей" ровно на один уровень с "Заблокированные".
   ============================================================ */

html body .advm-page--advm-instagram .advm-status-grid,
html body #advm-page-instagram .advm-status-grid,
html body #advm-page-instagram .advm-status-filter {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-template-rows: 42px 42px !important;
  grid-auto-rows: 42px !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 12px !important;
  padding: 0 !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  box-sizing: border-box !important;
}

/* Раскладка кнопок: Заблокированные = ряд 2 колонка 3, ЧС = ряд 2 колонка 4 */
html body .advm-page--advm-instagram .advm-status-grid > a:nth-child(1),
html body #advm-page-instagram .advm-status-grid > a:nth-child(1),
html body #advm-page-instagram .advm-status-filter > a:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; }

html body .advm-page--advm-instagram .advm-status-grid > a:nth-child(2),
html body #advm-page-instagram .advm-status-grid > a:nth-child(2),
html body #advm-page-instagram .advm-status-filter > a:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; }

html body .advm-page--advm-instagram .advm-status-grid > a:nth-child(3),
html body #advm-page-instagram .advm-status-grid > a:nth-child(3),
html body #advm-page-instagram .advm-status-filter > a:nth-child(3) { grid-column: 3 !important; grid-row: 1 !important; }

html body .advm-page--advm-instagram .advm-status-grid > a:nth-child(4),
html body #advm-page-instagram .advm-status-grid > a:nth-child(4),
html body #advm-page-instagram .advm-status-filter > a:nth-child(4) { grid-column: 4 !important; grid-row: 1 !important; }

html body .advm-page--advm-instagram .advm-status-grid > a:nth-child(5),
html body #advm-page-instagram .advm-status-grid > a:nth-child(5),
html body #advm-page-instagram .advm-status-filter > a:nth-child(5) { grid-column: 1 !important; grid-row: 2 !important; }

html body .advm-page--advm-instagram .advm-status-grid > a:nth-child(6),
html body #advm-page-instagram .advm-status-grid > a:nth-child(6),
html body #advm-page-instagram .advm-status-filter > a:nth-child(6) { grid-column: 2 !important; grid-row: 2 !important; }

html body .advm-page--advm-instagram .advm-status-grid > a:nth-child(7),
html body #advm-page-instagram .advm-status-grid > a:nth-child(7),
html body #advm-page-instagram .advm-status-filter > a:nth-child(7) { grid-column: 3 !important; grid-row: 2 !important; }

html body .advm-page--advm-instagram .advm-status-grid > a.advm-status-chs,
html body .advm-page--advm-instagram .advm-status-grid > a:nth-child(8),
html body #advm-page-instagram .advm-status-grid > a.advm-status-chs,
html body #advm-page-instagram .advm-status-grid > a:nth-child(8),
html body #advm-page-instagram .advm-status-filter > a.advm-status-chs,
html body #advm-page-instagram .advm-status-filter > a:nth-child(8) {
  grid-column: 4 !important;
  grid-row: 2 !important;
}

/* Одинаковая геометрия всех кнопок */
html body .advm-page--advm-instagram .advm-status-grid > a,
html body #advm-page-instagram .advm-status-grid > a,
html body #advm-page-instagram .advm-status-filter > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  float: none !important;
  clear: none !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(20,34,54,.95), rgba(10,20,36,.98)) !important;
  color: #f4f7ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 42px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

/* ЧС без отдельного красного стиля и без смещений */
html body .advm-page--advm-instagram .advm-status-grid > a.advm-status-chs,
html body #advm-page-instagram .advm-status-grid > a.advm-status-chs,
html body #advm-page-instagram .advm-status-filter > a.advm-status-chs {
  margin: 0 !important;
  top: 0 !important;
  transform: none !important;
  line-height: 42px !important;
  border-color: rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(20,34,54,.95), rgba(10,20,36,.98)) !important;
  color: #f4f7ff !important;
}

html body .advm-page--advm-instagram .advm-status-grid > a:hover,
html body .advm-page--advm-instagram .advm-status-grid > a.active,
html body #advm-page-instagram .advm-status-grid > a:hover,
html body #advm-page-instagram .advm-status-grid > a.active,
html body #advm-page-instagram .advm-status-filter > a:hover,
html body #advm-page-instagram .advm-status-filter > a.active {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
  color: #ffffff !important;
}

html body .advm-page--advm-instagram .advm-search-form,
html body #advm-page-instagram .advm-search-form {
  margin-top: 0 !important;
  clear: both !important;
}

@media (max-width: 620px) {
  html body .advm-page--advm-instagram .advm-status-grid,
  html body #advm-page-instagram .advm-status-grid,
  html body #advm-page-instagram .advm-status-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
  }

  html body .advm-page--advm-instagram .advm-status-grid > a,
  html body #advm-page-instagram .advm-status-grid > a,
  html body #advm-page-instagram .advm-status-filter > a {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

/* Instagram: ЧС строго на одном уровне с Заблокированные */
html body .advm-page--advm-instagram .advm-status-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  grid-auto-rows: 42px !important;
  gap: 10px !important;
  align-items: stretch !important;
}

html body .advm-page--advm-instagram .advm-status-grid > a {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
}

html body .advm-page--advm-instagram .advm-status-grid > a:nth-child(7) {
  grid-column: 3 !important;
  grid-row: 2 !important;
}

html body .advm-page--advm-instagram .advm-status-grid > a:nth-child(8),
html body .advm-page--advm-instagram .advm-status-grid > a.advm-status-chs {
  grid-column: 4 !important;
  grid-row: 2 !important;
}

/* ============================================================
   ADVM INSTAGRAM LEVEL FIX v7.1
   Вставить самым последним блоком в style.css.
   ЧС исполнителей выравнивается как обычная кнопка статуса.
   ============================================================ */

html body .advm-page--advm-instagram .advm-status-grid,
html body #advm-page-instagram .advm-status-grid,
html body #advm-page-instagram .advm-status-filter {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: 42px !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 12px !important;
  padding: 0 !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  box-sizing: border-box !important;
}

/* Все кнопки статусов одинаковые */
html body .advm-page--advm-instagram .advm-status-grid > a,
html body #advm-page-instagram .advm-status-grid > a,
html body #advm-page-instagram .advm-status-filter > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  float: none !important;
  clear: none !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(20,34,54,.95), rgba(10,20,36,.98)) !important;
  color: #f4f7ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

/* Заблокированные и ЧС строго соседние ячейки второго ряда */
html body .advm-page--advm-instagram .advm-status-grid > a:nth-child(7),
html body #advm-page-instagram .advm-status-grid > a:nth-child(7),
html body #advm-page-instagram .advm-status-filter > a:nth-child(7) {
  grid-column: 3 !important;
  grid-row: 2 !important;
}

html body .advm-page--advm-instagram .advm-status-grid > a:nth-child(8),
html body .advm-page--advm-instagram .advm-status-grid > a.advm-status-chs,
html body #advm-page-instagram .advm-status-grid > a:nth-child(8),
html body #advm-page-instagram .advm-status-grid > a.advm-status-chs,
html body #advm-page-instagram .advm-status-filter > a:nth-child(8),
html body #advm-page-instagram .advm-status-filter > a.advm-status-chs {
  grid-column: 4 !important;
  grid-row: 2 !important;
  width: 100% !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border-color: rgba(173,188,216,.10) !important;
  background: linear-gradient(180deg, rgba(20,34,54,.95), rgba(10,20,36,.98)) !important;
  color: #f4f7ff !important;
}

/* Активная и hover-подсветка */
html body .advm-page--advm-instagram .advm-status-grid > a:hover,
html body .advm-page--advm-instagram .advm-status-grid > a.active,
html body #advm-page-instagram .advm-status-grid > a:hover,
html body #advm-page-instagram .advm-status-grid > a.active,
html body #advm-page-instagram .advm-status-filter > a:hover,
html body #advm-page-instagram .advm-status-filter > a.active {
  border-color: rgba(255,201,102,.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,.98), rgba(13,27,47,.98)) !important;
  color: #ffffff !important;
}

/* Поиск под сеткой */
html body .advm-page--advm-instagram .advm-search-form,
html body #advm-page-instagram .advm-search-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 90px !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  clear: both !important;
  box-sizing: border-box !important;
}

@media (max-width: 620px) {
  html body .advm-page--advm-instagram .advm-status-grid,
  html body #advm-page-instagram .advm-status-grid,
  html body #advm-page-instagram .advm-status-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .advm-page--advm-instagram .advm-status-grid > a,
  html body #advm-page-instagram .advm-status-grid > a,
  html body #advm-page-instagram .advm-status-filter > a {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

/* ============================================================
   ADVM INSTAGRAM v10 ROWS
   Без JS. Блок статусов разделен на 2 физические строки.
   Так "Заблокированные" и "ЧС исполнителей" не смогут разъехаться.
   Вставить в самый конец style.css.
   ============================================================ */

/* Скрываем старую сетку, если она где-то осталась рядом */
html body #advm-page-instagram .advm-status-grid,
html body .advm-page--advm-instagram .advm-status-grid {
  display: none !important;
}

/* Новый блок статусов */
html body #advm-page-instagram .advm-status-box,
html body .advm-page--advm-instagram .advm-status-box {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 10px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Каждая строка — ровно 4 одинаковые кнопки */
html body #advm-page-instagram .advm-status-row,
html body .advm-page--advm-instagram .advm-status-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  box-sizing: border-box !important;
}

/* Все кнопки статусов одинаковые */
html body #advm-page-instagram .advm-status-row > .advm-status-btn,
html body .advm-page--advm-instagram .advm-status-row > .advm-status-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  float: none !important;
  clear: none !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  border: 1px solid rgba(173,188,216,0.10) !important;
  background: linear-gradient(180deg, rgba(20,34,54,0.95), rgba(10,20,36,0.98)) !important;
  color: #f4f7ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

/* ЧС исполнителей — обычная кнопка, без отдельного красного/черного стиля */
html body #advm-page-instagram .advm-status-row > .advm-status-chs,
html body .advm-page--advm-instagram .advm-status-row > .advm-status-chs {
  border-color: rgba(173,188,216,0.10) !important;
  background: linear-gradient(180deg, rgba(20,34,54,0.95), rgba(10,20,36,0.98)) !important;
  color: #f4f7ff !important;
}

/* Активная/hover подсветка */
html body #advm-page-instagram .advm-status-row > .advm-status-btn:hover,
html body #advm-page-instagram .advm-status-row > .advm-status-btn.active,
html body .advm-page--advm-instagram .advm-status-row > .advm-status-btn:hover,
html body .advm-page--advm-instagram .advm-status-row > .advm-status-btn.active {
  border-color: rgba(255,201,102,0.65) !important;
  background: linear-gradient(180deg, rgba(31,49,72,0.98), rgba(13,27,47,0.98)) !important;
  color: #ffffff !important;
}

/* Поиск сразу под двумя строками */
html body #advm-page-instagram .advm-search-form,
html body .advm-page--advm-instagram .advm-search-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 90px !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  clear: both !important;
  box-sizing: border-box !important;
}

/* На мобильном — по 2 кнопки */
@media (max-width: 620px) {
  html body #advm-page-instagram .advm-status-row,
  html body .advm-page--advm-instagram .advm-status-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html body #advm-page-instagram .advm-status-box,
  html body .advm-page--advm-instagram .advm-status-box {
    gap: 10px !important;
  }

  html body #advm-page-instagram .advm-search-form,
  html body .advm-page--advm-instagram .advm-search-form {
    grid-template-columns: 1fr !important;
  }

  html body #advm-page-instagram .advm-search-form button,
  html body .advm-page--advm-instagram .advm-search-form button {
    width: 100% !important;
    max-width: 260px !important;
    justify-self: center !important;
  }
}

html body[class*="page-advm"] #popup .pop-up-footer .save-popup-btn {
  width: 185px !important;
  min-width: 185px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 10px auto 0 !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: #4d90fe !important;
  border: 1px solid rgba(96,146,208,.50) !important;
  color: #fff !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

#popup button:has(> .btn),
#popup button:has(> span.btn),
.popup_w button:has(> .btn),
.popup_w button:has(> span.btn),
.window button:has(> .btn),
.window button:has(> span.btn),
.box-modal button:has(> .btn),
.box-modal button:has(> span.btn),
.ui-dialog button:has(> .btn),
.ui-dialog button:has(> span.btn),
html body[class*="page-advm"] #popup button:has(> .btn),
html body[class*="page-advm"] #popup button:has(> span.btn) {
  min-width: 0 !important;
  width: auto !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

#popup button:has(> .btn):hover,
#popup button:has(> span.btn):hover,
.popup_w button:has(> .btn):hover,
.popup_w button:has(> span.btn):hover,
.window button:has(> .btn):hover,
.window button:has(> span.btn):hover,
.box-modal button:has(> .btn):hover,
.box-modal button:has(> span.btn):hover,
.ui-dialog button:has(> .btn):hover,
.ui-dialog button:has(> span.btn):hover,
html body[class*="page-advm"] #popup button:has(> .btn):hover,
html body[class*="page-advm"] #popup button:has(> span.btn):hover {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

#popup button > .btn,
#popup button > span.btn,
.popup_w button > .btn,
.popup_w button > span.btn,
.window button > .btn,
.window button > span.btn,
.box-modal button > .btn,
.box-modal button > span.btn,
.ui-dialog button > .btn,
.ui-dialog button > span.btn,
html body[class*="page-advm"] #popup button > .btn,
html body[class*="page-advm"] #popup button > span.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 185px !important;
  min-width: 185px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(96,146,208,.50) !important;
  background: #4d90fe !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 38px !important;
  text-align: center !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

html body[class*="page-advm"] #popup td.pop-up-footer button,
html body[class*="page-advm"] .popup_w td.pop-up-footer button,
html body[class*="page-advm"] .window td.pop-up-footer button,
html body[class*="page-advm"] .box-modal td.pop-up-footer button,
html body[class*="page-advm"] .ui-dialog td.pop-up-footer button,
html body[class*="page-advm"] #popup button:has(> .btn),
html body[class*="page-advm"] .popup_w button:has(> .btn),
html body[class*="page-advm"] .window button:has(> .btn),
html body[class*="page-advm"] .box-modal button:has(> .btn),
html body[class*="page-advm"] .ui-dialog button:has(> .btn) {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 10px auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  display: block !important;
  text-align: center !important;
}

/* сама кнопка внутри — стиль как раньше */
html body[class*="page-advm"] #popup td.pop-up-footer button > .btn,
html body[class*="page-advm"] .popup_w td.pop-up-footer button > .btn,
html body[class*="page-advm"] .window td.pop-up-footer button > .btn,
html body[class*="page-advm"] .box-modal td.pop-up-footer button > .btn,
html body[class*="page-advm"] .ui-dialog td.pop-up-footer button > .btn,
html body[class*="page-advm"] #popup button > .btn,
html body[class*="page-advm"] .popup_w button > .btn,
html body[class*="page-advm"] .window button > .btn,
html body[class*="page-advm"] .box-modal button > .btn,
html body[class*="page-advm"] .ui-dialog button > .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 180px !important;
  min-width: 180px !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;

  border-radius: 9px !important;
  border: 1px solid rgba(255,205,104,.55) !important;
  background: linear-gradient(180deg, rgba(47,62,86,.98) 0%, rgba(24,35,52,.98) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 1px rgba(0,0,0,.18) !important;

  color: #f7fbff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

/* hover */
html body[class*="page-advm"] #popup td.pop-up-footer button:hover > .btn,
html body[class*="page-advm"] .popup_w td.pop-up-footer button:hover > .btn,
html body[class*="page-advm"] .window td.pop-up-footer button:hover > .btn,
html body[class*="page-advm"] .box-modal td.pop-up-footer button:hover > .btn,
html body[class*="page-advm"] .ui-dialog td.pop-up-footer button:hover > .btn,
html body[class*="page-advm"] #popup button:hover > .btn,
html body[class*="page-advm"] .popup_w button:hover > .btn,
html body[class*="page-advm"] .window button:hover > .btn,
html body[class*="page-advm"] .box-modal button:hover > .btn,
html body[class*="page-advm"] .ui-dialog button:hover > .btn {
  background: linear-gradient(180deg, rgba(57,74,101,.98) 0%, rgba(31,43,63,.98) 100%) !important;
  color: #ffffff !important;
}

/* если где-то кнопка сделана без span, тоже подстрахуем */
html body[class*="page-advm"] #popup td.pop-up-footer button.btn,
html body[class*="page-advm"] .popup_w td.pop-up-footer button.btn,
html body[class*="page-advm"] .window td.pop-up-footer button.btn,
html body[class*="page-advm"] .box-modal td.pop-up-footer button.btn,
html body[class*="page-advm"] .ui-dialog td.pop-up-footer button.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 180px !important;
  min-width: 180px !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 10px auto 0 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;

  border-radius: 9px !important;
  border: 1px solid rgba(255,205,104,.55) !important;
  background: linear-gradient(180deg, rgba(47,62,86,.98) 0%, rgba(24,35,52,.98) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 1px rgba(0,0,0,.18) !important;

  color: #f7fbff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* ADSREK pay_today avatar src/layout fix 2026-05-04 */
.pay_today_avatar{
  width:55px!important;
  min-width:55px!important;
  height:auto!important;
  overflow:visible!important;
  position:relative!important;
}
.pay_today_avatar img{
  display:block!important;
  width:55px!important;
  height:55px!important;
  max-width:55px!important;
  max-height:55px!important;
  border-radius:15%!important;
  object-fit:cover!important;
  background:rgba(255,255,255,.08)!important;
}
.pay_today_price{
  width:55px!important;
  text-align:center!important;
  margin-top:4px!important;
}


/* =========================================================
   ADSREK MAIL FIX v3 2026-05-04
   Исправляет /new_mail после правки foreach:
   - .mail-sample больше не ломается из-за вложенного <a>;
   - основной аватар, превью-аватар, текст и счетчик стоят в своих колонках;
   - крестик удаления и значок уведомления не налезают на счетчик;
   - открытый диалог выравнивает аватар + текст сообщения без старого float.
   ========================================================= */
.mail-page #dialog-load .mail-sample,
.mail-page #dialog-load .mail-sample-active{
  position: relative !important;
  display: block !important;
  min-height: 86px !important;
  height: auto !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  overflow: visible !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.010)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  color: var(--mail-text-soft, #d6e0f0) !important;
}

.mail-page #dialog-load .mail-sample:hover,
.mail-page #dialog-load .mail-sample-active{
  border-color: rgba(123,157,220,.22) !important;
  background: linear-gradient(180deg, rgba(69,101,158,.16), rgba(69,101,158,.06)) !important;
}

.mail-page #dialog-load .mail-dialog-row{
  position: relative !important;
  display: grid !important;
  grid-template-columns: 78px minmax(0,1fr) 42px !important;
  align-items: center !important;
  column-gap: 12px !important;
  min-height: 86px !important;
  width: 100% !important;
  padding: 12px 42px 12px 12px !important;
  box-sizing: border-box !important;
  color: inherit !important;
  text-decoration: none !important;
  overflow: hidden !important;
}

.mail-page #dialog-load .mail-dialog-row:hover{
  color: inherit !important;
  text-decoration: none !important;
}

.mail-page #dialog-load .mail-sample .mail-mailer,
.mail-page #dialog-load .mail-sample-active .mail-mailer{
  grid-column: 1 !important;
  grid-row: 1 !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  width: 78px !important;
  min-width: 78px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-align: center !important;
  line-height: 1.15 !important;
}

.mail-page #dialog-load .mail-main-avatar,
.mail-page #dialog-load .mail-preview-avatar{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
}

.mail-page #dialog-load .mail-main-avatar{
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
}

.mail-page #dialog-load .mail-main-avatar img,
.mail-page #dialog-load .mail-main-avatar .d-a-p,
.mail-page #dialog-load .mail-main-avatar .avatar-mail,
.mail-page #dialog-load .mail-mailer > img{
  display: block !important;
  float: none !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid rgba(215,178,116,.34) !important;
  background: rgba(255,255,255,.05) !important;
  box-shadow: none !important;
  transform: none !important;
}

.mail-page #dialog-load .mail-main-user,
.mail-page #dialog-load .ticket-lock-text{
  display: block !important;
  max-width: 76px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: var(--mail-text, #f4f7fb) !important;
  font-size: 11px !important;
  line-height: 13px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.mail-page #dialog-load .mail-main-user b,
.mail-page #dialog-load .ticket-lock-text b{
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

.mail-page #dialog-load .mail-mailer .time{
  display: block !important;
  float: none !important;
  max-width: 76px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: rgba(214,224,240,.72) !important;
  font-size: 10px !important;
  line-height: 12px !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

.mail-page #dialog-load .mail-preview,
.mail-page #dialog-load .supp-title.mail-preview{
  grid-column: 2 !important;
  grid-row: 1 !important;
  float: none !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0,1fr) !important;
  align-items: center !important;
  column-gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
}

.mail-page #dialog-load .mail-preview-avatar{
  grid-column: 1 !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
}

.mail-page #dialog-load .mail-preview-avatar:empty{
  display: none !important;
}

.mail-page #dialog-load .mail-preview-avatar img,
.mail-page #dialog-load .mail-preview-avatar .d-a-p,
.mail-page #dialog-load .supp-title.mail-preview .d-a-p{
  display: block !important;
  float: none !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid rgba(123,157,220,.26) !important;
  background: rgba(255,255,255,.04) !important;
  transform: none !important;
}

.mail-page #dialog-load .mail-preview-text{
  grid-column: 2 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  max-height: 38px !important;
  overflow: hidden !important;
  color: rgba(244,247,251,.92) !important;
  font-size: 12px !important;
  line-height: 18px !important;
  font-weight: 800 !important;
  text-align: left !important;
  word-break: break-word !important;
}

.mail-page #dialog-load .mail-preview-text br{
  display: none !important;
}

.mail-page #dialog-load .mail-postcount,
.mail-page #dialog-load .mail-postcount-read,
.mail-page #dialog-load .mail-postcount-send{
  grid-column: 3 !important;
  grid-row: 1 !important;
  position: static !important;
  place-self: center end !important;
  transform: none !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 26px !important;
  height: 26px !important;
  margin: 22px 0 0 !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffd66f !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-shadow: none !important;
  background: transparent !important;
}

.mail-page #dialog-load .mail-sample .uved,
.mail-page #dialog-load .mail-sample-active .uved{
  position: absolute !important;
  top: 10px !important;
  right: 15px !important;
  z-index: 4 !important;
  color: rgba(214,224,240,.74) !important;
  font-size: 11px !important;
  line-height: 12px !important;
}

.mail-page #dialog-load .inp-del{
  position: absolute !important;
  top: 43px !important;
  right: 12px !important;
  z-index: 5 !important;
  display: none !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.mail-page #dialog-load .mail-sample:hover .inp-del,
.mail-page #dialog-load .mail-sample-active:hover .inp-del{
  display: block !important;
}

.mail-page #dialog-load .inp-del .dialog-del{
  display: block !important;
  margin: 0 !important;
  float: none !important;
}

/* Открытый диалог: новый foreach оставил контент сообщения внутри div[style], сбрасываем старый inline-margin. */
.mail-page--dialog #dialog .mess_dial,
.mail-page--dialog .mail_mess .mess_dial{
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) !important;
  column-gap: 12px !important;
  align-items: start !important;
  min-height: 74px !important;
  padding: 12px 14px !important;
  overflow: hidden !important;
}

.mail-page--dialog #dialog .mess_dial > a:first-child,
.mail-page--dialog .mail_mess .mess_dial > a:first-child{
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  display: block !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  overflow: hidden !important;
}

.mail-page--dialog #dialog .mess_dial > a:first-child img,
.mail-page--dialog .mail_mess .mess_dial > a:first-child img,
.mail-page--dialog #dialog .mess_dial > a:first-child .d-a-p,
.mail-page--dialog .mail_mess .mess_dial > a:first-child .d-a-p,
.mail-page--dialog #dialog .mess_dial > a:first-child .avatar-mail,
.mail-page--dialog .mail_mess .mess_dial > a:first-child .avatar-mail{
  display: block !important;
  float: none !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  transform: none !important;
}

.mail-page--dialog #dialog .mess_dial > div[style],
.mail-page--dialog .mail_mess .mess_dial > div[style]{
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  float: none !important;
}

.mail-page--dialog #dialog .mess_dial > div[style] .data-us,
.mail-page--dialog .mail_mess .mess_dial > div[style] .data-us{
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  max-width: 100% !important;
  margin: 0 0 8px !important;
  white-space: normal !important;
}

.mail-page--dialog #dialog .mess_dial > div[style] .text-us,
.mail-page--dialog .mail_mess .mess_dial > div[style] .text-us{
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.5 !important;
  background: transparent !important;
  color: rgba(244,247,251,.88) !important;
}

@media (max-width: 640px){
  .mail-page #dialog-load .mail-dialog-row{
    grid-template-columns: 58px minmax(0,1fr) 34px !important;
    column-gap: 8px !important;
    padding: 10px 38px 10px 10px !important;
  }

  .mail-page #dialog-load .mail-sample .mail-mailer,
  .mail-page #dialog-load .mail-sample-active .mail-mailer{
    width: 58px !important;
    min-width: 58px !important;
  }

  .mail-page #dialog-load .mail-main-user,
  .mail-page #dialog-load .ticket-lock-text,
  .mail-page #dialog-load .mail-mailer .time{
    max-width: 58px !important;
  }

  .mail-page #dialog-load .mail-preview,
  .mail-page #dialog-load .supp-title.mail-preview{
    grid-template-columns: 28px minmax(0,1fr) !important;
    column-gap: 7px !important;
  }

  .mail-page #dialog-load .mail-preview-avatar,
  .mail-page #dialog-load .mail-preview-avatar img,
  .mail-page #dialog-load .mail-preview-avatar .d-a-p{
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
  }
}

/* ADSREK ADVM MONEYADD SERF-LIKE LAYOUT FIX v6 */
html body[class*="page-advm"] table.work-serf > tbody > tr[id^="moneyadd-"] > td.ext-viptask,
html body[class*="page-advm"] table.work-serfs > tbody > tr[id^="moneyadd-"] > td.ext-viptask{
  position:relative!important;
  padding:18px 20px 20px!important;
  text-align:left!important;
}

html body[class*="page-advm"] table.work-serf > tbody > tr[id^="moneyadd-"] > td.ext-viptask::before,
html body[class*="page-advm"] table.work-serfs > tbody > tr[id^="moneyadd-"] > td.ext-viptask::before{
  content:"Пополнение бюджета";
  display:block!important;
  margin:0 0 10px!important;
  color:#f6f9ff!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1.2!important;
}

html body[class*="page-advm"] table.work-serf > tbody > tr[id^="moneyadd-"] > td.ext-viptask .sum,
html body[class*="page-advm"] table.work-serfs > tbody > tr[id^="moneyadd-"] > td.ext-viptask .sum{
  display:block!important;
  width:min(260px,100%)!important;
  max-width:100%!important;
  margin:10px 0 14px!important;
}

html body[class*="page-advm"] table.work-serf > tbody > tr[id^="moneyadd-"] > td.ext-viptask input.summ,
html body[class*="page-advm"] table.work-serfs > tbody > tr[id^="moneyadd-"] > td.ext-viptask input.summ{
  width:100%!important;
  margin:0!important;
}

html body[class*="page-advm"] table.work-serf > tbody > tr[id^="moneyadd-"] > td.ext-viptask input[type="submit"],
html body[class*="page-advm"] table.work-serf > tbody > tr[id^="moneyadd-"] > td.ext-viptask input[type="button"],
html body[class*="page-advm"] table.work-serfs > tbody > tr[id^="moneyadd-"] > td.ext-viptask input[type="submit"],
html body[class*="page-advm"] table.work-serfs > tbody > tr[id^="moneyadd-"] > td.ext-viptask input[type="button"]{
  display:inline-flex!important;
  width:auto!important;
  min-width:190px!important;
  margin:0 10px 0 0!important;
  vertical-align:top!important;
}

@media (max-width: 760px){
  html body[class*="page-advm"] table.work-serf > tbody > tr[id^="moneyadd-"] > td.ext-viptask input[type="submit"],
  html body[class*="page-advm"] table.work-serf > tbody > tr[id^="moneyadd-"] > td.ext-viptask input[type="button"],
  html body[class*="page-advm"] table.work-serfs > tbody > tr[id^="moneyadd-"] > td.ext-viptask input[type="submit"],
  html body[class*="page-advm"] table.work-serfs > tbody > tr[id^="moneyadd-"] > td.ext-viptask input[type="button"]{
    display:flex!important;
    width:100%!important;
    margin:8px 0 0!important;
  }
}

#contentwrapper .serf-page [id^="start-serf-"] {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
}

/* Описание снова с новой строки */
#contentwrapper .serf-page [id^="start-serf-"] .serf-text {
  display: block !important;
  margin-top: 2px !important;
}

/* Центрируем только кнопку после AJAX */
#contentwrapper .serf-page [id^="start-serf-"] .start-yes-serf,
#contentwrapper .serf-page [id^="start-serf-"] .start-error-serf {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  width: 240px !important;
  min-height: 44px !important;

  margin: 3px auto 0 auto !important;
  float: none !important;
  position: static !important;

  text-align: center !important;
  color: #fff !important;
}
/* ===== Adsrek admin notifications page ===== */
.notifications-page{
  width:100%;
  box-sizing:border-box;
}
.notifications-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 18px!important;
  padding:22px!important;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(25,33,52,.96),rgba(10,16,28,.98));
  box-shadow:0 16px 40px rgba(0,0,0,.22);
  color:#f8fafc;
}
.notifications-kicker{
  margin:0 0 6px;
  color:#ffd766;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.notifications-hero h1{
  margin:0 0 6px!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1.15!important;
}
.notifications-hero p{
  margin:0!important;
  color:#cbd5e1!important;
  font-size:14px!important;
}
.notifications-hero__badge{
  flex:0 0 auto;
  padding:10px 14px;
  border-radius:999px;
  background:#f4c247;
  color:#111827;
  font-weight:900;
  box-shadow:0 10px 24px rgba(244,194,71,.25);
}
.notifications-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.notification-card{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:14px;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;
  background:rgba(15,23,42,.78);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
  color:#e5e7eb;
}
.notification-card--unread{
  border-color:rgba(255,204,64,.58);
  box-shadow:0 0 0 1px rgba(255,204,64,.12),0 14px 34px rgba(0,0,0,.22);
}
.notification-card__icon{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:rgba(244,194,71,.14);
  color:#ffd766;
  font-size:20px;
}
.notification-card__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.notification-card h2{
  margin:0!important;
  color:#fff!important;
  font-size:19px!important;
  line-height:1.25!important;
}
.notification-card__new{
  flex:0 0 auto;
  padding:4px 8px;
  border-radius:999px;
  background:#ff3b30;
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.notification-card__date{
  margin:4px 0 10px;
  color:#94a3b8;
  font-size:12px;
  font-weight:700;
}
.notification-card__text{
  color:#dbe4f0;
  font-size:14px;
  line-height:1.55;
}
.notification-card__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:12px;
  min-height:36px;
  padding:0 14px;
  border-radius:11px;
  background:#f4c247;
  color:#111827!important;
  font-weight:900;
  text-decoration:none!important;
}
.notifications-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:210px;
  padding:26px!important;
  border:1px dashed rgba(148,163,184,.42);
  border-radius:22px;
  background:rgba(15,23,42,.58);
  color:#cbd5e1;
  text-align:center;
}
.notifications-empty i{
  font-size:34px;
  color:#94a3b8;
}
.notifications-empty b{
  color:#fff;
  font-size:18px;
}
@media(max-width:700px){
  .notifications-hero{
    flex-direction:column;
    align-items:flex-start;
    padding:18px!important;
  }
  .notification-card{
    grid-template-columns:1fr;
  }
}

/* ===== Header notifications dropdown: ADSREK dark style ===== */
.events-notify-wrap{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:10020 !important;
}

#events_notify_link{
  cursor:pointer;
}

.events-notify-dropdown{
  position:absolute !important;
  top:calc(100% + 14px) !important;
  right:-6px !important;
  width:342px !important;
  max-width:calc(100vw - 24px) !important;
  min-height:0 !important;
  color:#eef3fb !important;
  border:1px solid rgba(255,255,255,.085) !important;
  border-radius:18px !important;
  background:
    radial-gradient(260px 160px at 84% -26%, rgba(214,181,122,.18), rgba(214,181,122,0) 70%),
    linear-gradient(180deg, rgba(22,32,50,.985), rgba(10,17,29,.985)) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.045) !important;
  overflow:hidden !important;
  z-index:10030 !important;
  font-family:inherit !important;
  backdrop-filter:blur(14px);
}

.events-notify-dropdown:before{
  content:"";
  position:absolute;
  top:-7px;
  right:24px;
  width:14px;
  height:14px;
  background:#162032;
  border-left:1px solid rgba(255,255,255,.085);
  border-top:1px solid rgba(255,255,255,.085);
  transform:rotate(45deg);
  z-index:0;
}

.events-notify-dropdown__head{
  position:relative;
  z-index:1;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:14px 15px 12px !important;
  background:rgba(255,255,255,.025) !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}

.events-notify-dropdown__head-title{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  min-width:0 !important;
  color:#ffffff !important;
  font-size:14px !important;
  line-height:18px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
}

.events-notify-dropdown__head-title i{
  color:#d6b57a !important;
  filter:drop-shadow(0 0 10px rgba(214,181,122,.24));
}

.events-notify-dropdown__head-count{
  flex:0 0 auto !important;
  padding:5px 9px !important;
  border:1px solid rgba(214,181,122,.28) !important;
  border-radius:999px !important;
  background:rgba(214,181,122,.12) !important;
  color:#f5d491 !important;
  font-size:11px !important;
  line-height:13px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.events-notify-dropdown__state{
  position:relative;
  z-index:1;
  padding:10px 15px !important;
  background:rgba(255,255,255,.018) !important;
  border-bottom:1px solid rgba(255,255,255,.055) !important;
  color:rgba(238,243,251,.62) !important;
  font-size:12px !important;
  line-height:17px !important;
}

.events-notify-dropdown__list{
  position:relative;
  z-index:1;
  max-height:336px !important;
  overflow:auto !important;
  background:transparent !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(214,181,122,.38) rgba(255,255,255,.04);
}

.events-notify-dropdown__list::-webkit-scrollbar{width:7px;}
.events-notify-dropdown__list::-webkit-scrollbar-track{background:rgba(255,255,255,.035);}
.events-notify-dropdown__list::-webkit-scrollbar-thumb{background:rgba(214,181,122,.36);border-radius:999px;}

.events-notify-dropdown__item{
  position:relative !important;
  display:flex !important;
  gap:11px !important;
  padding:13px 15px !important;
  border-bottom:1px solid rgba(255,255,255,.055) !important;
  color:#eef3fb !important;
  text-decoration:none !important;
  background:rgba(255,255,255,.012) !important;
  transition:background .16s ease, transform .16s ease, border-color .16s ease !important;
}

.events-notify-dropdown__item:hover{
  background:rgba(255,255,255,.05) !important;
  text-decoration:none !important;
  transform:translateY(-1px);
}

.events-notify-dropdown__item--unread{
  background:linear-gradient(90deg, rgba(214,181,122,.13), rgba(141,162,215,.055)) !important;
}

.events-notify-dropdown__dot{
  flex:0 0 8px !important;
  width:8px !important;
  height:8px !important;
  margin-top:6px !important;
  border-radius:50% !important;
  background:rgba(238,243,251,.28) !important;
}

.events-notify-dropdown__item--unread .events-notify-dropdown__dot{
  background:#d6b57a !important;
  box-shadow:0 0 0 4px rgba(214,181,122,.16), 0 0 14px rgba(214,181,122,.35) !important;
}

.events-notify-dropdown__content{
  display:block !important;
  min-width:0 !important;
}

.events-notify-dropdown__content b,
.events-notify-dropdown__content em,
.events-notify-dropdown__content small{
  display:block !important;
  font-style:normal !important;
}

.events-notify-dropdown__content b{
  margin-bottom:4px !important;
  color:#ffffff !important;
  font-size:13px !important;
  line-height:17px !important;
  font-weight:800 !important;
}

.events-notify-dropdown__content em{
  color:rgba(238,243,251,.66) !important;
  font-size:12px !important;
  line-height:16px !important;
}

.events-notify-dropdown__content small{
  margin-top:6px !important;
  color:rgba(214,181,122,.82) !important;
  font-size:11px !important;
  line-height:14px !important;
  font-weight:700 !important;
}

.events-notify-dropdown__empty{
  min-height:150px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px 18px !important;
  color:rgba(238,243,251,.58) !important;
  font-size:13px !important;
  text-align:center !important;
}

.events-notify-dropdown__footer{
  position:relative;
  z-index:1;
  width:100% !important;
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  padding:0 15px !important;
  border:0 !important;
  border-top:1px solid rgba(255,255,255,.07) !important;
  background:rgba(255,255,255,.032) !important;
  color:rgba(238,243,251,.78) !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:44px !important;
  cursor:pointer !important;
  text-align:center !important;
  transition:background .16s ease, color .16s ease !important;
}

.events-notify-dropdown__footer:hover{
  color:#ffffff !important;
  background:rgba(214,181,122,.10) !important;
}

.events-notify-dropdown__footer i{
  color:#d6b57a !important;
  font-size:13px !important;
}

#events_notify_link .coint{
  min-width:18px !important;
  height:18px !important;
  padding:0 5px !important;
  border:1px solid rgba(12,18,30,.72) !important;
  background:#d6b57a !important;
  color:#0b111d !important;
  box-shadow:0 0 0 3px rgba(214,181,122,.16) !important;
  font-weight:900 !important;
}

@media(max-width:700px){
  .events-notify-dropdown{
    position:fixed !important;
    top:70px !important;
    right:10px !important;
    left:auto !important;
    width:calc(100vw - 20px) !important;
    border-radius:18px !important;
  }
  .events-notify-dropdown:before{
    display:none !important;
  }
}

/* ===== Advertiser price page ===== */
body.page-advertiser-price #contentwrapper{
  overflow: visible !important;
}

.advertise-price-promo{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin:0 0 18px;
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(214,181,122,.20);
  background:
    radial-gradient(circle at top left, rgba(214,181,122,.13), transparent 34%),
    linear-gradient(135deg, rgba(19,28,44,.94), rgba(9,15,26,.96));
  box-shadow:0 14px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
  color:#edf3ff;
}

.advertise-price-promo b{
  display:block;
  margin:0 0 4px;
  color:#f5dfae;
  font-size:16px;
}

.advertise-price-promo span{
  display:block;
  color:rgba(237,243,255,.72);
  font-size:13px;
  line-height:1.45;
}

.advertise-price-promo a,
.ad-price-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 18px;
  border-radius:999px;
  text-decoration:none !important;
  font-weight:700;
  font-size:13px;
  white-space:nowrap;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, color .2s ease;
}

.advertise-price-promo a,
.ad-price-btn--primary{
  color:#111827 !important;
  background:linear-gradient(135deg, #f5dfae, #d6b57a);
  box-shadow:0 10px 24px rgba(214,181,122,.22);
}

.advertise-price-promo a:hover,
.ad-price-btn:hover{
  transform:translateY(-1px);
}

.ad-price-btn--ghost{
  color:#f5dfae !important;
  border:1px solid rgba(245,223,174,.28);
  background:rgba(255,255,255,.035);
}

.ad-price-page{
  padding:8px 6px 2px;
  color:#edf3ff;
}

.ad-price-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);
  gap:22px;
  margin:0 0 18px;
  padding:28px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 12% 0%, rgba(214,181,122,.20), transparent 34%),
    radial-gradient(circle at 90% 20%, rgba(104,151,255,.18), transparent 32%),
    linear-gradient(135deg, rgba(18,27,43,.96), rgba(8,13,24,.98));
  box-shadow:0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}

.ad-price-hero::after{
  content:"";
  position:absolute;
  inset:auto -80px -110px auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(214,181,122,.10);
  filter:blur(34px);
  pointer-events:none;
}

.ad-price-hero__content,
.ad-price-hero__stats{
  position:relative;
  z-index:2;
}

.ad-price-eyebrow,
.ad-price-card__badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:6px 10px;
  border-radius:999px;
  color:#f7e4b7;
  background:rgba(214,181,122,.12);
  border:1px solid rgba(214,181,122,.18);
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.ad-price-hero h1{
  margin:14px 0 10px;
  color:#fff;
  font-size:clamp(28px, 3vw, 42px);
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.03em;
}

.ad-price-hero p{
  margin:0;
  max-width:740px;
  color:rgba(237,243,255,.74);
  font-size:15px;
  line-height:1.65;
}

.ad-price-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.ad-price-hero__stats{
  display:grid;
  gap:12px;
  align-content:center;
}

.ad-price-stat{
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(8px);
}

.ad-price-stat b{
  display:block;
  color:#f7dfaa;
  font-size:28px;
  line-height:1;
  letter-spacing:-.03em;
}

.ad-price-stat span{
  display:block;
  margin-top:7px;
  color:rgba(237,243,255,.65);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.ad-price-note{
  margin:0 0 18px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(104,151,255,.15);
  background:rgba(104,151,255,.07);
  color:rgba(237,243,255,.74);
  font-size:13px;
  line-height:1.55;
}

.ad-price-note b{
  color:#fff;
}

.ad-price-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
  align-items:start;
}

.ad-price-grid--top{
  margin-bottom:22px;
}

.ad-price-card{
  min-width:0;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.075);
  background:
    linear-gradient(180deg, rgba(19,28,44,.96), rgba(10,16,28,.98));
  box-shadow:0 14px 32px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.035);
  overflow:hidden;
}

.ad-price-card--wide{
  grid-row:span 2;
}

.ad-price-card__head{
  padding:18px 18px 14px;
  border-bottom:1px solid rgba(255,255,255,.055);
  background:
    radial-gradient(circle at 0 0, rgba(214,181,122,.10), transparent 38%),
    rgba(255,255,255,.015);
}

.ad-price-card h2{
  margin:11px 0 6px;
  color:#fff;
  font-size:20px;
  line-height:1.2;
  letter-spacing:-.01em;
}

.ad-price-card p{
  margin:0;
  color:rgba(237,243,255,.62);
  font-size:13px;
  line-height:1.55;
}

.ad-price-table-wrap{
  overflow-x:auto;
}

.ad-price-table{
  width:100%;
  border-collapse:collapse;
}

.ad-price-table tr:not(:last-child){
  border-bottom:1px solid rgba(255,255,255,.055);
}

.ad-price-table td{
  padding:12px 18px;
  vertical-align:top;
}

.ad-price-table td:first-child{
  color:rgba(237,243,255,.80);
  font-size:13px;
  line-height:1.4;
}

.ad-price-table td:first-child span{
  display:block;
}

.ad-price-table td:first-child small{
  display:block;
  margin-top:3px;
  color:rgba(237,243,255,.45);
  font-size:11px;
  line-height:1.35;
}

.ad-price-table td:last-child{
  width:190px;
  color:#f7dfaa;
  font-size:13px;
  font-weight:800;
  text-align:right;
  white-space:nowrap;
}

.ad-price-section-title{
  margin:24px 0 14px;
  padding:0 4px;
}

.ad-price-section-title span{
  display:block;
  color:#fff;
  font-size:22px;
  font-weight:900;
  letter-spacing:-.02em;
}

.ad-price-section-title p{
  margin:5px 0 0;
  color:rgba(237,243,255,.62);
  font-size:13px;
}

.ad-price-footer-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:18px 0 0;
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(214,181,122,.18);
  background:
    radial-gradient(circle at top left, rgba(214,181,122,.14), transparent 34%),
    linear-gradient(135deg, rgba(17,26,42,.96), rgba(8,14,24,.98));
  box-shadow:0 16px 36px rgba(0,0,0,.22);
}

.ad-price-footer-cta b,
.ad-price-footer-cta span{
  display:block;
}

.ad-price-footer-cta b{
  color:#fff;
  margin-bottom:5px;
  font-size:17px;
}

.ad-price-footer-cta span{
  color:rgba(237,243,255,.68);
  font-size:13px;
  line-height:1.5;
}

@media (max-width: 980px){
  .ad-price-hero{
    grid-template-columns:1fr;
  }
  .ad-price-hero__stats{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
}

@media (max-width: 760px){
  .advertise-price-promo,
  .ad-price-footer-cta{
    flex-direction:column;
    align-items:flex-start;
  }
  .ad-price-hero{
    padding:20px;
    border-radius:22px;
  }
  .ad-price-hero__stats,
  .ad-price-grid{
    grid-template-columns:1fr;
  }
  .ad-price-card--wide{
    grid-row:auto;
  }
  .ad-price-table td{
    padding:11px 13px;
  }
  .ad-price-table td:last-child{
    width:auto;
    font-size:12px;
  }
}

@media (max-width: 520px){
  .ad-price-page{
    padding-left:0;
    padding-right:0;
  }
  .ad-price-actions,
  .ad-price-btn,
  .advertise-price-promo a,
  .ad-price-footer-cta .ad-price-btn{
    width:100%;
  }
  .ad-price-table tr,
  .ad-price-table td{
    display:block;
    width:100% !important;
    text-align:left !important;
  }
  .ad-price-table td:first-child{
    padding-bottom:3px;
  }
  .ad-price-table td:last-child{
    padding-top:2px;
  }
}