body {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  background-color: #0f0049;
  cursor: url(https://storage.perfectcdn.com/d673e4/hrxezsnje5z4ftru.png), pointer !important;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 520px !important;
}
.point-badge {
  width: 90px;
  display: block;
}
body.guest {
  background: radial-gradient(#2200CC,#0d0146);
  background-repeat: inherit;
  background-position: bottom;
  background-size: cover;
}
/*NEW HEADER*/
.dashboard .navbar-brand {
  padding-top: 14px;
  padding-bottom: 14px;
  height: auto;
}
.banner-img img {
  width: 100%;
  display: block;
  margin: 20px 0 0;
}
#page-wrapper {
  position: relative;
  min-height: 100vh;
}
.dashboard .inner-wrap .container-fluid {
  width: 85%;
}
.dashboard .inner-wrap .container-fluid.w100{
  width:100%;
}
.dashboard .navbar.navbar-default {
  background-color: #000;
  border-bottom: 1px solid #0f0f0f;
  border-radius: 0;
}
.dashboard .navbar-default .navbar-nav > li > a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.dashboard .navbar-default .navbar-nav > li.setting > a,
.dashboard .navbar-default .navbar-nav > li.lang > a,
.dashboard .navbar-default .navbar-nav > li.mode > a,
.dashboard .navbar-default .navbar-nav > li.update > a,
.dashboard .navbar-default .navbar-nav > li.dropdown-currencies > a{
  padding-top: 9px;
  padding-bottom: 15px;
}
.dashboard .navbar-default .navbar-nav > .open > a, 
.dashboard .navbar-default .navbar-nav > .open > a:hover, 
.dashboard .navbar-default .navbar-nav > .open > a:focus{
  background-color: transparent;
}
.menu-icon {
  width: 23px;
  height: 28px;
  text-align: center;
  display: block;
  /*filter: invert(1);*/
  position: relative;
}
.menu-icon.profPic {
  filter: none;
  overflow: hidden;
  width: 34px;
  height: 34px;
  border: 1px solid #ffe47a;
  border-radius: 50px;
  background: linear-gradient(90deg, rgb(255 183 85) 0%, rgb(252 242 135) 32%, rgb(252 252 157) 68%, rgb(255 221 112) 100%);
}
.lang .menu-icon,
.menu-icon.currencySymbol {
  width: 34px;
  height: 34px;
  border-radius: 50px;
  overflow: hidden;
  display: flex;
  align-items: center;
  border: 1px solid #ffe47a;
}
.menu-icon.currencySymbol{
  color: #2d2d2c;
  justify-content: center;
  font-weight: 700;
  position: relative;
  overflow: visible;
  font-size: 18px;
  background: linear-gradient(90deg, rgb(255 183 85) 0%, rgb(252 242 135) 32%, rgb(252 252 157) 68%, rgb(255 221 112) 100%);
}
.cur-icon-badge {
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  right: -9px;
  top: 0;
  background-color: red;
  border-radius: 50px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.cur-icon-badge.USD {
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/us.svg);
}
.cur-icon-badge.INR {
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/in.svg);
}
.cur-icon-badge.TRY {
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/tr.svg);
}
.cur-icon-badge.EUR {
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/eu.svg);
}
.cur-icon-badge.RUB {
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/ru.svg);
}
.cur-icon-badge.BRL {
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/br.svg);
}
.cur-icon-badge.NGN {
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/ng.svg);
}
.cur-icon-badge.KRW {
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/kr.svg);
}
.cur-icon-badge.THB {
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/th.svg);
}
.cur-icon-badge.SAR {
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/sa.svg);
}
.cur-icon-badge.CNY {
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/cn.svg);
}
.cur-icon-badge.VND {
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/vn.svg);
}
.cur-icon-badge.KWD {
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/kw.svg);
}
.cur-icon-badge.EGP {
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/eg.svg);
}
.cur-icon-badge.PKR {
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/pk.svg);
}
.menu-icon.profPic img {
  width: 170%;
  margin-left: -11px;
  margin-top: 2px;
}
.mode .menu-icon,
.update .menu-icon{
  width: 34px;
  height: 34px;
  background: linear-gradient(90deg, rgb(255 183 85) 0%, rgb(252 242 135) 32%, rgb(252 252 157) 68%, rgb(255 221 112) 100%);
  border-radius: 50px;
  color: #000;
  line-height: 46px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.lang .menu-icon .flag-icon {
  width: 100%;
  height: 100%;
}
.update .menu-icon {
  filter: invert(0);
}
.update .menu-icon .material-icons {
  font-size: 21px;
}
.ticket-count {
  background: linear-gradient(90deg, rgb(255 183 85) 0%, rgb(252 242 135) 32%, rgb(252 252 157) 68%, rgb(255 221 112) 100%);
  color: #040404;
  border-radius: 50px;
  text-align: center;
  line-height: 16px;
  text-decoration: none;
  font-size: 12px;
  box-shadow: 0 0 0 0 rgba(253, 240, 1, 1);
  animation: pulse 2s infinite;
  width: 16px;
  height: 16px;
  position: absolute;
  right: -13px;
  top: -2px;
  font-weight: 700;
  font-family: poppins;
}
.mode .menu-icon, .lang .menu-icon {
  filter: invert(0);
}
.menu-text {
  font-size: 14px;
  font-weight: 500;
}
.dashboard .navbar-nav > li > .dropdown-menu {
  -webkit-box-shadow: 0 12px 40px 0px rgba(23,16,159,.4),0 70px 100px -60px rgba(23,16,159,.6);
  box-shadow: 0 12px 40px 0px rgba(23,16,159,.4),0 70px 100px -60px rgba(23,16,159,.6);
  border: none;
  min-width: inherit;
  width: auto;
  border-radius: 5px;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  margin-top: 10px;
  right: auto;
  top: 60px;
}
.dropdown.feat-drop,
.mode.mmode{
  display: none;
}
.dashboard .nav.navbar-nav.navbar-mobile {
  display: none;
}
.dashboard .lang-drop,
.dashboard .opt-drop,
.dashboard .mob-mode{
  display: none;
}
.new-stat-img .full-logo {
  width: 128px;
}
.new-stat-box2 h4 {
  font-size: 22px;
  color: #fff;
  margin-top: 0;
  font-weight: 600;
  margin-bottom: 20px;
}
.user-balance, .user-spent {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  margin-top: 10px;
}
.new-stat-box2 img {
  width: 34px;
  margin-right: 15px;
}

/*NEW HEADER*/

.dashboard .mCSB_inside > .mCSB_container {
  margin-right: 5px;
  z-index: 1;
}
.modal {
  color: #000;
}
.mCustomScrollBox{
  z-index:99999;
}
.select2-dropdown {
  z-index: 999999999999 !important;
}
.count {
  animation: count-up 2s ease-in-out;
  animation-fill-mode: forwards;
  transition: border-color 0.2s ease-in-out;
}
.navbar-right.navbar-right-block .dropdown-menu{
  background-color: #262546;
  border-radius: 20px !important;
  padding-top: 0;
  margin-top: 5px !important;
}
.navbar-right.navbar-right-block .dropdown-menu li > a,
.navbar-right.navbar-right-block .dropdown-menu li > a{
  color: #fff;
  padding-left: 12px;
  font-size: 14px;
  border-bottom: 1px solid #ededed0d;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.navbar-right.navbar-right-block .dropdown-menu > a{
  color: inherit;
  font-size: inherit;
}
.navbar-right.navbar-right-block .dropdown-menu > a:hover, 
.navbar-right.navbar-right-block .dropdown-menu > a:focus {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}
.navbar-right.navbar-right-block .dropdown-menu li > a:hover, 
.navbar-right.navbar-right-block .dropdown-menu li > a:focus{
  background: linear-gradient(90deg, rgb(248, 196, 34) 0%, rgb(252, 245, 128) 100%);
  color: #593b0f;
}
.navbar-right.navbar-right-block .dropdown-menu li.active > a{
  background-color: transparent;
}
.langbtn .dropdown-menu li > a .flag-icon {
  margin-right: 5px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 20px;
}
.langbtn .mCSB_inside > .mCSB_container {
  margin-right: 0;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: linear-gradient(90deg, rgb(220, 150, 23) 0%, rgb(255, 207, 37) 32%, rgb(255, 255, 144) 68%, rgb(236, 191, 38) 100%);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-color: #000000 transparent transparent transparent !important;
  border-width: 7px 7px 0 7px !important;
  margin-left: -7px !important;
}
@keyframes count-up {
  from { 
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.count[data-count]:after {
  content: attr(data-count);
  display: none;
}

.count[data-count]::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: bottom;
}

.loader {
  background: #000;
  background: radial-gradient(#190956,#0f0049);
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader-inner {
  bottom: 0;
  height: 200px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
}
.loader-line-wrap{
  animation:spin 2000ms cubic-bezier(.175,.885,.32,1.275) infinite;
  box-sizing:border-box;
  height:50px;
  left:0;
  overflow:hidden;
  position:absolute;
  top:0;
  transform-origin:50% 100%;
  width:100px
}
.loader-line{
  border:4px solid transparent;
  border-radius:100%;
  box-sizing:border-box;
  height:100px;
  left:0;
  margin:0 auto;
  position:absolute;
  right:0;
  top:0;
  width:100px
}
.loader-main {
  position: relative;
  width: 200px;
  height: 200px;
  display: block;
}

.loader-main:before , .loader-main:after{
  content: '';
  border-radius: 50%;
  position: absolute;
  inset: 0;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3) inset;
}
.loader-main:after {
  box-shadow: 0 2px 0 rgba(255,207,37,1) inset;
  animation: rotate 2s linear infinite;
}
.loader-main img {
  width: 90%;
  margin: auto;
  display: block;
  padding: 45px 0 0;
}
@keyframes rotate {
  0% {  transform: rotate(0)}
  100% { transform: rotate(360deg)}
}
.view-badge {
  background-color: #e53f25;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  padding: 3px 6px;
  border-radius: 4px;
  animation: pulse1 2s linear infinite;
  margin-right: 10px;
}
@keyframes pulse1 {
  0% {
    opacity:25%;
  }
  25% {
    opacity:75%;
  }
  50% {
    opacity:100%;
  }
  75% {
    opacity:50%;
  }
  100% {
    opacity:25%;
  }
}
.slider-new {
  width: 100%;
  height: 100%;
}
.slider-new img {
  object-fit: fill;
  height: 175px;
}
.new-stat-box.slide-new {
  padding: 0;
  display: block;
  overflow: hidden;
}
.guest .navbar.navbar-default {
  background-color: transparent;
  border: none;
  padding: 10px 0;
}
.top-stats {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  padding: 0;
}
.top-stats li {
  background-color: rgb(15 0 73 / 46%);
  padding: 12px 20px;
  border-radius: 20px;
  list-style: none;
  border: 1px solid #ffe259;
  margin: 0 15px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  min-width: 130px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-stats li img {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  max-height: 30px;
}
.guest .navbar-default .navbar-nav > li > a,
.guest .navbar-default .navbar-nav > li > a:hover,
.guest .navbar-default .navbar-nav > li.active > a{
  font-size: 16px;
  background-color: transparent;
  font-weight: 500;
  color: #fff;
}
.navbar-default .navbar-nav > li.signup-btn > a {
  position: relative;
  text-align: center;
  -webkit-transition: -webkit-filter .4s;
  transition: -webkit-filter .4s;
  transition: filter .4s;
  transition: filter .4s,-webkit-filter .4s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: rgb(220,150,23);
  background: linear-gradient(90deg, rgba(220,150,23,1) 0%, rgba(255,207,37,1) 32%, rgba(255,255,144,1) 68%, rgba(236,191,38,1) 100%);
  border: 3px solid #f6e0be;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  height: 48px;
  line-height: 8px;
  text-align: center;
  min-width: 140px;
  border-radius: 40px;
  overflow: hidden;
}
.navbar-default .navbar-nav > li.signup-btn > a:after {
  background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(51.33%,hsla(0,0%,100%,.487)),to(hsla(0,0%,100%,0)));
  background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.487) 51.33%,hsla(0,0%,100%,0));
  content: "";
  display: block;
  height: 120px;
  left: -120px;
  position: absolute;
  top: -40px;
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
  -webkit-transition: left 0s;
  transition: left 0s;
  width: 120px;
}
.navbar-default .navbar-nav > li.signup-btn > a:hover:after {
  left: 105%;
  -webkit-transition: 1.8s;
  transition: 1.8s;
}
.navbar-default .navbar-nav > li.signup-btn> a:hover {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}
.navbar-default .navbar-nav > li.langbtn > a.dropdown-toggle {
  user-select: none;
  background: #0002848f;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  height: 48px;
  line-height: 18px;
  text-align: center;
  min-width: 140px;
  border-radius: 40px;
}
.navbar-default .navbar-nav > li.langbtn img {
  margin-right: 5px;
}
.guest .navbar-nav > li.google-translate {
  padding: 12px 0;
}
#top-banner .well {
  background-color: #000284;
  padding: 55px 25px;
  border-radius: 50px;
  list-style: none;
  border: 1px solid #ffe259;
  margin-left: auto;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  max-width: 450px;
  position:relative;
}

.top-head {
  font-size: 58px;
  font-weight: 800;
  margin-top: 0;
  background: -webkit-linear-gradient(3deg, rgba(197,147,35,1) 0%, rgba(245,226,121,1) 50%, rgba(245,226,121,1) 70%, rgba(190,151,48,1) 100%);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.top-para {
  font-size: 18px;
  font-weight: 400;
  color: #949498;
  margin-bottom: 30px;
}
.btn.btn-primary {
  position: relative;
  text-align: center;
  -webkit-transition: -webkit-filter .4s;
  transition: -webkit-filter .4s;
  transition: filter .4s;
  transition: filter .4s,-webkit-filter .4s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: rgb(220,150,23);
 background: linear-gradient(90deg, rgb(255 172 0) 0%, rgb(255 224 0) 32%, rgb(255 255 148) 68%, rgb(255 175 41) 100%);
  border: 2px solid #f6e0be;
  font-size: 18px;
  font-weight: 700;
  color: #0f0049;
  height: 48px;
  line-height: 38px;
  text-align: center;
  min-width: 300px;
  border-radius: 40px;
  overflow: hidden;
  -webkit-text-fill-color: #0f0049;
}
.btn.btn-xs.btn-primary {
  min-width: 80px;
  height: auto;
  font-size: 15px;
  line-height: 30px;
  font-weight: 600;
}
.btn.btn-primary:after {
  background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(51.33%,hsla(0,0%,100%,.487)),to(hsla(0,0%,100%,0)));
  background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.487) 51.33%,hsla(0,0%,100%,0));
  content: "";
  display: block;
  height: 120px;
  left: -120px;
  position: absolute;
  top: -40px;
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
  -webkit-transition: left 0s;
  transition: left 0s;
  width: 120px;
}
.btn.btn-primary:hover:after {
  left: 105%;
  -webkit-transition: 1.8s;
  transition: 1.8s;
}
.btn.btn-primary:hover {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}
.btn.btn-primary.btn-sm {
  min-width: 33px;
  height: 33px;
  padding: 0px;
  text-align: center;
  line-height: 32px;
  border: none;
}
.row.flex-row {
  display: flex;
  align-items: center;
}
#top-banner .well h4 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 10px;
}
#top-banner .well p {
  font-size: 18px;
  font-weight: 500;
  color: #949498;
  margin-bottom: 5px;
}
.igrp .form-control {
  background-color: #ffffff;
  border: none;
  height: 52px;
}
.igrp .form-control:hover,
.igrp .form-control:active,
.igrp .form-control:focus{
  box-shadow: none;
}
.igrp {
  background-color: #1e1d3a;
  border-radius: 30px;
  position: relative;
  padding-left: 50px;
}
.inico {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 34px;
  border-radius: 20px;
  background: rgb(248,196,34);
  background: linear-gradient(90deg, rgb(248, 196, 34) 0%, rgb(252, 245, 128) 100%);
}
.inico i {
  color: #000;
}
.forgot {
  color: #d2d2d2;
  font-size: 16px;
  font-weight: 400;
}
#top-banner .well .checkbox {
  margin-top: 0;
  text-align: right;
  color: #c9c9c9;
}
.reg-text {
  font-weight: 500;
  color: #cdcdcd;
  margin-top: 40px;
}
.reg-text a{
  color: #ffe200;
}
#home-stats {
  padding: 80px 0;
}
#home-stats .row {
  margin-left: 0;
  margin-right: 0;
  background-color: rgb(15 0 73);
  border: 1px solid #ffe259;
  border-radius: 50px;
  box-shadow: 0px 20px 55px -15px rgba(0, 0, 0, 0.42);
}
.hst {
  text-align: center;
  padding: 70px 0;
}
.hst-icon img {
  width: 110px;
  margin-bottom: 25px;
}
.hst h3 {
  font-size: 34px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 10px;
}
.hst h4 {
  color: #949498;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
#content-sec .row {
  display: flex;
  align-items: center;
}
.main-head {
  font-size: 48px;
  font-weight: 800;
  color: #fff;
  margin-top: 0;
}
.main-text {
  font-size: 18px;
  font-weight: 500;
  color: #a4a4a4;
  margin-bottom: 30px;
}
section#content-sec:nth-child(4) .col-sm-7 {
  padding-left: 80px;
}
section#content-sec:nth-child(5) .col-sm-7 {
  padding-right: 80px;
}
#low-sec {
  padding: 80px 0;
}
.low-box {
  padding: 40px;
  background-color: rgb(15 0 73);
  border: 1px solid #ffe259;
  border-radius: 50px;
  box-shadow: 0px 20px 55px -15px rgba(0, 0, 0, 0.42);
  position: relative;
}
.low-box h3 {
  font-size: 32px;
  font-weight: 800;
  color: #fff;
  margin-top: 30px;
  margin-bottom: 20px;
}
.low-box .main-text {
  margin-bottom: 0;
}
.low-img img {
  display: block;
  margin: auto;
}
.low-box.box2::after {
  content: '';
  position: absolute;
  top: 10px;
  background-image: url(https://storage.perfectcdn.com/d673e4/bw30g5x982g3irwa.png);
  width: 132px;
  height: 132px;
  display: block;
  right: -8px;
}
.low-box.box1::after {
  content: '';
  position: absolute;
  top: -10px;
  background-image: url(https://storage.perfectcdn.com/d673e4/1cbgx9iqkuho5twj.png);
  width: 132px;
  height: 132px;
  display: block;
  left: -12px;
}
#what-is {
  padding: 80px 0;
  background-image: url(https://storage.perfectcdn.com/d673e4/34olhloxbbg9gs85.png);
  background-position: right -30px;
  background-repeat: no-repeat;
  background-size: contain;
}
.foo-title {
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  margin-top: 0;
  margin-bottom: 25px;
}
.foo-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.foo-menu li {
  max-width: 50%;
  flex: 0 0 50%;
  margin-bottom: 20px;
}
.foo-menu li a {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
}
.foo-menu li a.soci {
  position: relative;
  padding-left: 30px;
}
.soci:before {
  content: '';
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.soci.soci-yt:before {
  background-image: url(https://storage.perfectcdn.com/d673e4/cqa34mbi6l2nr20w.png);
}
.soci.soci-tw:before {
  background-image: url(https://storage.perfectcdn.com/d673e4/cqa34mbi6l2nr20w.png);
}
.soci.soci-ig:before {
  background-image: url(https://storage.perfectcdn.com/d673e4/mngeltyg9m2m7a1p.png);
}
.soci.soci-tg:before {
  background-image: url(https://storage.perfectcdn.com/d673e4/2z2x1m15gxki4sk0.png);
}
.review-starts {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.review-starts li i {
  background: -webkit-linear-gradient(3deg, rgba(197,147,35,1) 0%, rgba(245,226,121,1) 50%, rgba(245,226,121,1) 70%, rgba(190,151,48,1) 100%);
    background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 28px;
}
.review-starts li {
  margin-right: 10px;
}
.footer-bottom {
  padding: 15px;
  border-top: 1px solid #ffe689;
}
.footer-bottom p {
  margin-bottom: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #c8c8c8;
}
.footer-top {
  padding: 35px 0;
}
#content-sec:nth-child(5) {
  background-image: url(https://storage.perfectcdn.com/d673e4/34olhloxbbg9gs85.png);
  background-position: 0 -10px;
  background-repeat: no-repeat;
  background-size: contain;
}
.prem-prov {
  float: left;
  display: inline-block;
}
.prem-prov img {
  display: block;
  width: 130px;
}
.dashboard {
  /*background-image: url(https://storage.perfectcdn.com/d673e4/dkf8dxe44sg6ujcm.png);
  background: linear-gradient(90deg, rgb(17 0 82) 0%, rgb(41 0 83) 50%, rgb(13 0 80) 100%);*/
  background-repeat: repeat;
  background-size: cover;
  background-position: bottom;
  top: 0 !important;
  overflow: auto;
}
.dashboard.nightmode {
  background-color: #171717;
}
.dashboard,html{
  height:100%; 
}
.dashboard .navbar.navbar-default {
  background-color: #0f0049;
  border-color: #0f0049;
  border-bottom: 2px solid #ffda66;
  transition: 0.4s all ease-in;
}
.dashboard.nightmode .navbar.navbar-default {
  background-color: #171717;
  border-color: #ffda66;
}
.sidebar-menu {
  position: fixed;
  width: 250px;
  top: 0;
  z-index: 999999;
  background-color: #0f0049;
  height: 100%;
  padding: 0 0;
  transition: .3s linear;
}
.sidebar-menu .mCSB_inside > .mCSB_container {
  margin-right: 0;
}
.content-wrap {
  margin: 0 15px 15px 250px;
  padding: 10px 0;
  transition: .3s linear;
}
.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 100%;
  /*overflow: hidden;*/
}
.menu-back-wrapper {
  /*max-height: 530px;
  scrollbar-width: thin;
  scrollbar-color: #debb4e #46455f;
  overflow-y: auto;
  overflow-x: hidden;*/
  padding: 0 20px;
}
.currency-stats {
  text-align: center;
  padding: 0 20px;
  margin: 20px auto 25px;
}
.currency-stats .badge {
  display: inline-flex;
  background-color: #0f0049;
  border-radius: 30px;
  border: 1px solid #debb4e;
  padding: 5px 5px;
  position: relative;
  align-items: center;
  text-decoration: none;
  width: 118px;
  font-size: 13px;
  margin: 1px;
  justify-content: center;
}
.menu li {
  margin-top: 10px;
}
.menu li a {
  font-size: 16px;
  font-weight: 500;
  color: #c2c2c2;
  display: block;
  padding: 8px 15px;
  transition: all 0.3s ease-in;
  position: relative;
  border-radius: 30px;
  border: 1px solid transparent;
  text-decoration: none;
  z-index: 4;
}
.menu li a .badge {
  font-size: 12px;
  background: linear-gradient(90deg, rgb(220, 150, 23) 0%, rgb(255, 207, 37) 32%, rgb(255, 255, 144) 68%, rgb(236, 191, 38) 100%);
    background-color: rgba(0, 0, 0, 0);
  color: #0c0d24;
  position: absolute;
  left: 30px;
  top: 3px;
  border-radius: 2px;
  padding: 2px 4px;
}
.menu li.active a, .menu li a:hover {
  color: #ffe47a;
  background: linear-gradient(#0f0049, #0f0049) padding-box, linear-gradient(to top, #e5a91b, #fffd8b) border-box;
}
/*.menu li.active a{
	z-index: -1;
}
.menu li.active a::before {
  content: '';
  position: absolute;
  left: -15px;
  right: 0;
  margin: auto;
  display: block;
  background-image: url(https://storage.perfectcdn.com/d673e4/akq158s6a2lmur62.png);
  width: 232px;
  height: 164px;
  background-size: 100% 100%;
  background-position: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}*/
.menu li.active a .navbar-icon {
  background: -webkit-linear-gradient(3deg, rgba(197,147,35,1) 0%, rgba(245,226,121,1) 50%, rgba(245,226,121,1) 70%, rgba(190,151,48,1) 100%);
    background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.crown {
  text-align: center;
}
.crown img {
  width: 130px;
}
.menu li a .navbar-icon {
  margin-right: 10px;
}
.navbar-left-block.navbar-nav > li {
  line-height: 57px;
}
.bread-crumbs {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.bread-crumbs span {
  color: #ffe47a;
  font-weight: 600;
}
.dashboard .navbar-default .navbar-nav > li.accbtn > a{
  padding:0;
}
.dashboard .navbar-default .navbar-nav > li.accbtn > a .caret {
  color: #fff;
  margin-left: 6px;
}
.dashboard .navbar-default .navbar-nav > li.accbtn > a .user-prof-icon {
  width: 38px;
  height: 38px;
  border-radius: 30px;
  border: 1px solid;
  padding: 3px;
  text-align: center;
  line-height: 30px;
  color: #ffd922;
  border: 1px solid #fffa00;
  display: inline-block;
}
.dashboard .navbar-default .navbar-nav > li.langbtn > a.dropdown-toggle {
  border: 1px solid #ffdb41;
  height: 38px;
  font-size: 14px;
  font-weight: 400;
  padding: 5px;
  line-height: 26px;
  background: transparent;
}
.dashboard .navbar-default .navbar-nav > li.accbtn > a:focus, .dashboard .navbar-default .navbar-nav > li.accbtn > a:active, .dashboard .navbar-default .navbar-nav > li.accbtn > a:hover, .dashboard .navbar-default .navbar-nav > li.accbtn.open > a {
  background-color: transparent;
}
.dashboard .navbar-default .balance-badge .badge {
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #debb4e;
  height: 38px;
  padding: 5px;
  line-height: 26px;
  background: transparent;
  border-radius: 30px;
  min-width: 140px;
}
.dashboard .navbar-default .balance-badge a {
  padding: 0;
}
.new-stat-box {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}
.new-stat-box::before {
  content: '';
  position: absolute;
  left: -15px;
  right: 0;
  margin: auto;
  display: block;
  background-image: url(https://storage.perfectcdn.com/d673e4/akq158s6a2lmur62.png);
  width: 262px;
  height: 324px;
  background-size: 100% 100%;
  background-position: center;
  top: 50%;
  transform: translateY(-50%);
  opacity: .97;
  z-index: 0;
}
.new-stat-img::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100px;
  width: 30px;
  height: 100%;
  background: rgba(255,255,255, 0.3);
  transform: skewX(-30deg);
  animation-name: slide;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-delay: .1s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% );
}
.new-stat-img {
  position: relative;
  overflow: hidden;
  padding-left: 55px;
}
@keyframes slide {
  0% {
    left: -100;
    top: 0;
  }
  50% {
    left: 120px;
    top: 0px;
  }
  100% {
    left: 290px;
    top: 0;
  }
}
.new-stat-box h4 {
  font-size: 17px;
  margin-top: 0;
  color: #ffdb41;
  position:relative;
}
.new-stat-content h5 {
  font-weight: 700;
  font-size: 19px;
  margin-bottom: 0;
  color: #fff;
}
.media.brand-category {
  display: flex;
  background-color: #0f0049;
  border-radius: 30px;
  border: 1px solid #ffffb261;  
  padding: 2px;
  position: relative;
  align-items: center;
  text-decoration: none;
  width: 100%;
  transition: 0.4s all ease-in;
}
.nightmode .media.brand-category {
  background-color: #262626;
}
.media.brand-category:after {
  background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(51.33%,hsla(0,0%,100%,.487)),to(hsla(0,0%,100%,0)));
  background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.487) 51.33%,hsla(0,0%,100%,0));
  content: "";
  display: block;
  height: 120px;
  left: -120px;
  position: absolute;
  top: -40px;
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
  -webkit-transition: left 0s;
  transition: left 0s;
  width: 120px;
}
.media.brand-category:hover:after {
  left: 105%;
  -webkit-transition: 1.8s;
  transition: 1.8s;
}
.brand-category img {
  border-radius: 90px;
}
.media.brand-category .media-body {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  display: inline-block;
  width: auto;
}
.brand-company {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 15px;
}
.brand-company .col-3 {
  max-width: 12.504%;
  flex: 0 0 19.504%;
}
.guest .brand-company .col-3 {
  max-width: 19.44%;
  flex: 0 0 19.44%;
}
.wid-title {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 20px;
}
.dashboard .top-stats{
  margin-bottom: 25px;
}
.well-tab {
  background: radial-gradient(#0f0049,#0f0049);
  border: 1px solid #fff27f;
  border-radius: 20px;
  margin-bottom: 19px;
  transition: 0.4s ease-in all;
}
.nightmode .well-tab {
  background: radial-gradient(#262626,#1e1e1e);
}
.well-tab .well-body{
  padding: 15px;
  margin-bottom: 20px;
}
.well-tab .nav-tabs > li > a {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  border-radius: 0;
  background-color: transparent;
  border: none;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
}
.well-tab .nav-tabs > li.active > a, 
.well-tab .nav-tabs > li.active > a:hover {
  background: -webkit-linear-gradient(3deg, rgb(255 193 54) 0%, rgb(255 245 190) 50%, rgb(255 239 153) 70%, rgb(255 240 0) 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border: none;
  color:#e9d26a;
  font-weight: 700;
}
.well-tab .nav-tabs > li.active > a::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height: 6px;
  width: 70%;
  bottom: -1px;
  background: rgb(220,150,23);
  background: linear-gradient(90deg, rgba(220,150,23,1) 0%, rgba(255,207,37,1) 32%, rgba(255,255,144,1) 68%, rgba(236,191,38,1) 100%);
}
.well-tab .nav.nav-tabs {
  border-bottom-color: #ffffff;
}
.well-tab .control-label,
.dashboard .well .control-label{
  font-size: 14px;
  font-weight: 600;
  color: #ffe47a;
}
.well-tab .select2-container--default .select2-selection--single.form-control, 
.well-tab select.form-control, 
.well-tab input.form-control, 
.well-tab textarea.form-control,
.dashboard .well .select2-container--default .select2-selection--single.form-control, 
.dashboard .well select.form-control, 
.dashboard .well input.form-control, 
.dashboard .well textarea.form-control{
  height: 40px;
  border-radius: 30px;
  border: none;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  background-color: rgb(255 255 255);
  color: #000000;
  font-weight: 520;
  border: 1px solid #ffffff;
  font-size: 16px;
}
select.form-control option {
  color: #0c0b1f;
}
.well-tab textarea.form-control,
.dashboard .well textarea.form-control{
  height: auto;
  border-radius: 20px;
}
.form-group.searchgrp {
  height: 41px;
  border-radius: 60px;
  border: none;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 10px;
  background-color: rgb(255 255 255);
  color: #fff;
}
.well-tab .form-group.searchgrp #input_service {
  background-color: transparent;
  padding: 0;
  height: auto;
  border-radius: 0;
  box-shadow: none;
}
.well-tab .panel-body.border-solid.border-rounded {
  border-radius: 20px;
  border: none;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  background-color: rgb(16 16 16);
  color: #fff;
  font-weight: 500;
  border: 1px solid #ffe47a;
  word-break: break-word;
}
.well {
  background-color: rgba(18, 17, 47, 0.75);
  border: 1px solid #ffd200;
  border-radius: 20px;
}
.serv-box {
  background-color: rgba(255, 255, 255, 0.07);
  color: #ffffff;
  border-radius: 20px;
  padding: 10px;
  display: flex;
  margin-bottom: 19px;
}
.serv-icon {
  width: 44px;
  height: 44px;
  background-color: rgba(0, 0, 0, 0.27);
  border-radius: 30px;
  text-align: center;
  line-height: 42px;
  margin-right: 12px;
}
.serv-content h4 {
  font-size: 12px;
  color: #e9d26a;
  margin-top: 15px;
}
.nav.nav-pills.order-pills {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.nav.nav-pills.order-pills::before, .nav.nav-pills.order-pills::after {
  display: none;
}
.order-pills > li a {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  min-width: 152px;
  color: #000000;
  position: relative;
  text-align: center;
  -webkit-transition: -webkit-filter .4s;
  transition: -webkit-filter .4s;
  transition: filter .4s;
  transition: filter .4s,-webkit-filter .4s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 40px;
}
.order-pills > li.all-pill a {
  color: #0a0a09;
  background: rgb(220,150,23);
  background: linear-gradient(90deg, rgba(220,150,23,1) 0%, rgba(255,207,37,1) 32%, rgba(255,255,144,1) 68%, rgba(236,191,38,1) 100%);
}
.order-pills > li.pending-pill a {
  background: linear-gradient(90deg, rgb(58 144 209) 0%, rgb(0 183 255) 32%, rgb(82 180 255) 68%, rgb(0 195 255) 100%);
}
.order-pills > li.inprogress-pill a,
.order-pills > li.active-pill a{
  background: linear-gradient(90deg, rgb(76 255 0) 0%, rgb(112 255 0) 32%, rgb(0 255 95) 68%, rgb(32 255 102) 100%);
}
.order-pills > li.completed-pill a {
  background: linear-gradient(90deg, rgba(220,150,23,1) 0%, rgba(255,207,37,1) 32%, rgba(255,255,144,1) 68%, rgba(236,191,38,1) 100%);
}
.order-pills > li.partial-pill a {
  background: linear-gradient(90deg, rgb(255 220 131) 0%, rgb(255 204 146) 32%, rgb(255 60 0) 68%, rgb(255 0 0) 100%);
}
.order-pills > li.processing-pill a {
  background: linear-gradient(90deg, rgb(207 129 255) 0%, rgb(198 147 255) 32%, rgb(204 151 255) 68%, rgb(219 132 255) 100%);
}
.order-pills > li.canceled-pill a {
  background: linear-gradient(90deg, rgb(255 51 51) 0%, rgb(255 51 51) 32%, rgb(255 51 51) 68%, rgb(255 51 51) 100%);
}
.input-group.searchgrp {
  height: 58px;
  border-radius: 60px;
  border: none;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 10px;
  background-color: rgb(255 255 255);
  color: #fff;
  margin-bottom: 20px;
  border: 1px solid #debb4e;
}
.input-group.searchgrp .form-control {
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-radius: 20px;
  height: 55px;
}
.input-group.searchgrp .form-control:focus {
  z-index: 1;
}
.input-group.searchgrp .btn.btn-primary {
  margin-left: -30px;
  border-radius: 30px;
  width: 42px;
  height: 42px;
  border: none;
  min-width: 42px;
  line-height: 32px;
}


.order-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 50px;
  margin-top: 10px;
}
.order-box {
  background: linear-gradient(90deg, rgb(18 17 47) 0%, rgb(28 27 73) 32%, rgb(30 28 77) 68%, rgb(18 17 47) 100%);
  border: 1px solid #debb4e;
  border-radius: calc(7px * 2);
  display: flex;
  flex-direction: column;
  width: 100%;
}
.order-box-top {
  display: grid;
  gap: 10px;
  grid-template-columns: 5fr 2fr;
  padding: 8px;
  align-items: center;
  justify-content: space-between;
  color: darkgray;
}
.order-box-middle {
  border-top: 1px solid #debb4e;
  border-bottom: 1px solid #debb4e;
}
.order-box-middle,
.order-box-bottom {
  display: grid;
  gap: 10px;
  grid-template-columns: 5fr 2fr;
  padding: 10px;
  align-items: center;
  justify-content: space-between;
}
.order-top-left,
.order-middle-left,
.order-bottom-left{
  display: flex;
  align-items: center;
  gap: 10px;
  align-items: center;
}
.order-service{
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
}
.order-top-right,
.order-middle-right,
.order-bottom-right{
  display: flex;
  justify-content: flex-end;
}
.order-box-bottom {
  display: grid;
  padding: 10px;
  grid-template-columns: 4fr 1fr;
  gap: 10px;
}
.order-box {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.order-service {
  color: #fff;
}
.order-top-left > div:first-child, 
.order-middle-left > div:first-child, 
.order-bottom-left > div:first-child {
  min-width: 130px;
}
.order-action a {
  background: -webkit-linear-gradient(3deg, rgb(255 190 44) 0%, rgba(245,226,121,1) 50%, rgba(245,226,121,1) 70%, rgba(190,151,48,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  padding: 1px 8px;
  border-radius: 8px;
  border: 2px solid #ffd200;
  text-decoration: none;
}
.order-link a {
 background: -webkit-linear-gradient(3deg, rgb(255 177 0) 0%, rgb(255 238 141) 50%, rgb(255 231 101) 70%, rgb(255 185 0) 100%);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
  word-break: break-all;
}


.grid-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: auto;
  grid-gap: 10px;
  overflow: hidden;
}

.grid-header {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  padding: 10px;
  background: linear-gradient(90deg, rgba(220,150,23,1) 0%, rgba(255,207,37,1) 32%, rgba(255,255,144,1) 68%, rgba(236,191,38,1) 100%);
  border-radius: 30px;
}
.servgrid .grid-header {
  grid-template-columns: repeat(6, 1fr);
}
.grid-header div {
  font-size: 13px;
  font-weight: 600;
  color: #000;
  line-height: 38px;
  padding: 0 10px;
}
.grid-items-container {
  display: grid;
  /*grid-template-columns: repeat(9, 1fr);*/
  grid-auto-rows: auto;
  grid-gap: 10px;
}

.grid-item {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  align-items: center;
  padding: 20px 10px;
  background: linear-gradient(90deg, rgb(18 17 47) 0%, rgb(28 27 73) 32%, rgb(30 28 77) 68%, rgb(18 17 47) 100%);
  border-radius: 20px;
}
.grid-container.updategrid .grid-header, 
.grid-container.updategrid .grid-item {
  grid-template-columns: repeat(4, 1fr);
}
.ordergrid .grid-header, 
.ordergrid .grid-items-container .grid-item {
  grid-template-columns: repeat(9, 1fr);
}
.servgrid .grid-item {
  grid-template-columns: repeat(6, 1fr);
}
.servgrid .grid-item.cate-name-item {
  grid-template-columns: repeat(1, 1fr);
}
.ticketgrid .grid-header,
.ticketgrid .grid-item{
  grid-template-columns: repeat(4, 1fr);
}
.dripgrid .grid-header,
.dripgrid .grid-item{
  grid-template-columns: repeat(9, 1fr);
}
.paymentgrid .grid-header, 
.paymentgrid .grid-items-container .grid-item {
  grid-template-columns: repeat(6, 1fr);
}
.historygrid .grid-header, 
.historygrid .grid-items-container .grid-item {
  grid-template-columns: repeat(4, 1fr);
}
.apigrid2 .grid-header, 
.apigrid2 .grid-items-container .grid-item {
  grid-template-columns: repeat(2, 1fr);
}
.grid-item > div {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  padding: 0 10px;
}
.label-badge{
  border-radius: 60px;
  border: none;
  display: block;
  padding-left: 8px;
  padding-right: 8px;
  background: linear-gradient(90deg, rgba(220,150,23,1) 0%, rgba(255,207,37,1) 32%, rgba(255,255,144,1) 68%, rgba(236,191,38,1) 100%);
  line-height: 40px;
  max-width: 62px;
  text-align: center;
  color: #0f0049;
  font-size: 13px;
  font-weight: 700;
}
.custom-table .grid-item div > a {
  background: -webkit-linear-gradient(3deg, rgba(197,147,35,1) 0%, rgba(245,226,121,1) 50%, rgba(245,226,121,1) 70%, rgba(190,151,48,1) 100%);
    background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 13px;
  font-weight: 400;
  text-decoration: underline;
}
.custom-table .grid-item div > a.btn.btn-modal {
  position: relative;
  text-align: center;
  -webkit-transition: -webkit-filter .4s;
  transition: -webkit-filter .4s;
  transition: filter .4s;
  transition: filter .4s,-webkit-filter .4s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: rgb(220,150,23);
  background: linear-gradient(90deg, rgba(220,150,23,1) 0%, rgba(255,207,37,1) 32%, rgba(255,255,144,1) 68%, rgba(236,191,38,1) 100%);
  border: 2px solid #f6e0be;
  font-size: 16px;
  font-weight: 600;
  color: #4d4b4b;
  height: 48px;
  line-height: 38px;
  text-align: center;
  min-width: 200px;
  border-radius: 40px;
  overflow: hidden;
  -webkit-text-fill-color: #4d4b4b;
  text-decoration: none;
  border: none;
}
.custom-table .grid-item div.order-actions > a,
.custom-table .grid-item div.order-actions > button{
  background: -webkit-linear-gradient(3deg, rgba(197,147,35,1) 0%, rgba(245,226,121,1) 50%, rgba(245,226,121,1) 70%, rgba(190,151,48,1) 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
} 
.label-badge.label-已完成,
.label-badge.label-completed,
.label-badge.label-answered{
  background: linear-gradient(90deg, rgba(220,150,23,1) 0%, rgba(255,207,37,1) 32%, rgba(255,255,144,1) 68%, rgba(236,191,38,1) 100%);
  min-width: 108px;
}
.label-badge.label-部分退款,
.label-badge.label-partial{
  background: linear-gradient(90deg, rgb(255 220 131) 0%, rgb(255 204 146) 32%, rgb(255 60 0) 68%, rgb(255 0 0) 100%);
  min-width: 108px;
}
.label-badge.label-进行,
.label-badge.label-pending{
  background: linear-gradient(90deg, rgb(58 144 209) 0%, rgb(0 183 255) 32%, rgb(82 180 255) 68%, rgb(0 195 255) 100%);
  min-width: 108px;
}
.label-badge.label-进行中,
.label-badge.label-inprogress{
  background: linear-gradient(90deg, rgb(76 255 0) 0%, rgb(112 255 0) 32%, rgb(0 255 95) 68%, rgb(32 255 102) 100%);
  min-width: 108px;
}
.label-badge.label-已取消,
.label-badge.label-已到期,
.label-badge.label-canceled,
.label-badge.label-closed{
  background: linear-gradient(90deg, rgb(255 51 51) 0%, rgb(255 51 51) 32%, rgb(255 51 51) 68%, rgb(255 51 51) 100%);
  min-width: 108px;
}
.label-badge.label-处理中,
.label-badge.label-processing{
  background: linear-gradient(90deg, rgb(207 129 255) 0%, rgb(198 147 255) 32%, rgb(204 151 255) 68%, rgb(219 132 255) 100%);
  min-width: 108px;
}
.grid-item.cate-name-item {
  background-color: transparent;
  text-align: center;
}
.grid-item.cate-name-item .cate-name {
  font-size: 24px;
  font-weight: 700;
}
.cate-name-item {
  background-color: transparent;
  text-align: center;
}
.cate-name-item .cate-name {
  font-size: 24px;
}
.grid-item > div > .btn.btn-primary {
  min-width: 108px;
  border: none;
  height: 42px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 700;
}
.well-title {
  font-size: 24px;
  margin-top: 0;
  font-weight: 600;
  color: #fff;
  margin-bottom: 35px;
}
.contact-box {
  background-color: rgba(255, 255, 255, 0.07);
  border-radius: 20px;
  padding: 15px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  border: 1px solid;
}
.contact-box.tg {
  border-color: #28a7e8;
}
.contact-box.wh {
  border-color: #58ce6f;
}
.contact-box.ma {
  border-color: #ff5b55;
}
.contact-box.sk {
  border-color: #38c1f3;
}
.contact-content h5 {
  font-size: 12px;
  font-weight: 400;
  color: #e9d26a;
}
.contact-content h6 {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  margin: 0;
}
.contact-icon {
  margin-right: 15px;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background-color: rgba(0, 0, 0, 0.27);
}
.cont-ic {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
}
.tg .cont-ic {
  background-color: #28a7e8;
  box-shadow: -3px 3px 6px -1px #28a7e8;
}
.wh .cont-ic {
  background-color: #58ce6f;
  box-shadow: -3px 3px 6px -1px #58ce6f;
}
.ma .cont-ic {
  background-color: #ff5b55;
  box-shadow: -3px 3px 6px -1px #ff5b55;
}
.sk .cont-ic {
  background-color: #38c1f3;
  box-shadow: -3px 3px 6px -1px #38c1f3;
}
.well .nav.nav-tabs {
  border: none;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.well .nav.nav-tabs::before, 
.well .nav.nav-tabs::after {
  display: none;
}
.well .nav-tabs > li > a {
  background-color: #171616;
  border-radius: 12px;
  border: 1px solid #171616;
  margin: 0;
}
.well .nav-tabs > li.active > a, 
.well .nav-tabs > li.active > a:hover, 
.well .nav-tabs > li.active > a:focus {
  background-color: #fff;
  border-color: #e4c458;
  border-bottom-color: #e4c458;
  background-color: #1f221f;
}
.well .tab-content {
  background-color: #191b19;
  padding: 20px;
  border-radius: 12px;
}
.well .tab-content p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
.well .grid-item,
.well-tab .grid-item{
  padding: 0;
  background-color: transparent;
  grid-column-gap: 10px;
}
.well .grid-item > div,
.well-tab .grid-item > div{
  background-color: rgba(255, 255, 255, 0.07);
  padding: 10px;
  border-radius: 40px;
  min-height: 58px;
  display: flex;
  align-items: center;
}
.well .grid-header,
.well-tab .grid-header{
  grid-column-gap: 10px;
}
.well .grid-header > div,
.well-tab .grid-header > div{
  padding-left: 10px;
  padding-right: 10px;
}
.social-badge img {
  margin-right: 8px;
}
.inner-content p {
  font-family: Montserrat;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
.apigrid1 .grid-item {
  grid-template-columns: repeat(2, 1fr);
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  grid-gap: 10px;
}
.apigrid1 .grid-item > div {
  background-color: rgba(18, 17, 47, 0.75);
  border-radius: 60px;
  min-height: 58px;
  display: flex;
  align-items: center;
  padding: 15px;
}
.grid-item .link-item {
  color: #e9d26a;
  font-size: 16px;
}
pre {
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 20px;
  margin-bottom: 0;
  background-image: -webkit-linear-gradient(3deg, rgba(197,147,35,1) 0%, rgba(245,226,121,1) 50%, rgba(245,226,121,1) 70%, rgba(190,151,48,1) 100%);
  background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
}
.ticket-msg-wrap {
  padding-top: 15px;
  min-height: 480px;
  overflow-y: scroll;
  border-bottom: 1px solid #000;
  max-height: 480px;
}
.ticket-message-block {
  display: flex;
  flex-direction: column;
  padding: 25px 15px 5px;
  margin-bottom: 0;
}
.ticket-message-block.ticket-message-left {
  align-items: flex-end;
}
.message-top {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px;
}
.author-pic {
  width: 38px;
  height: 38px;
  font-size: 16px;
  border-radius: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-width: 38px;
  flex: 0 0 38px;
}
.ticket-message-block.ticket-message-right .author-pic {
  background: linear-gradient(90deg, rgb(241, 223, 191) 0%, rgb(255, 203, 123) 50%, rgb(244, 200, 93) 100%);
  margin-right: 20px;
  color: #513205;
}
.ticket-message-block.ticket-message-left .author-pic {
  color: #ffffff;
  margin-left: 20px;
}
.messsage-wrap {
  padding: 20px 15px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.ticket-message-block.ticket-message-right .messsage-wrap {
  border-radius: 20px;
  color: #513205;
  background: rgb(241,223,191);
  background: linear-gradient(90deg, rgb(241, 223, 191) 0%, rgb(255, 203, 123) 50%, rgb(244, 200, 93) 100%);
}
.ticket-message-block.ticket-message-left .messsage-wrap {
 background: linear-gradient(90deg, rgb(44 190 223) 0%, rgb(0 148 182) 50%, rgb(0 94 168) 100%);
  color: #ffffff;
  min-height: 58px;
  border-radius: 20px;
}
.message-sub-top {
  margin-top: -46px;
  margin-bottom: 24px;
}
.message-sub-top strong {
  font-size: 10px;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 20px;
}
.ticket-message-right .message-sub-top strong {
  color: #513205;
  background: linear-gradient(90deg, rgb(241, 223, 191) 0%, rgb(255, 203, 123) 50%, rgb(244, 200, 93) 100%);
}
.ticket-message-left .message-sub-top strong {
  background: linear-gradient(90deg, #7300ff 0%, #1970ff 50%, rgb(194 0 255) 100%);
}
.message-sub-top strong i, .message-sub-top .text-muted i {
  margin-right: 5px;
  font-size: 11px;
  margin-left: -5px;
}
.ticket-message-right .message-sub-top strong i {
  color: #513205;
}
.ticket-message-left .message-sub-top strong i {
  color: #ffffff;
}
.message-sub-top .text-muted {
  font-size: 10px;
  font-weight: 700;
  border: 1px solid;
  border-radius: 20px;
  padding: 3px 10px;
}
.ticket-message-right .message-sub-top .text-muted {
  color: #ffffff;
  border-color: #ffffff;
}
.ticket-message-left .message-sub-top .text-muted {
  color: #ffffff;
  border-color: #ffffff;
}
.ticket-message-block.ticket-message-left .author-pic img {
  width: 38px;
}
.post-well h4 {
  font-size: 16px;
  font-weight: 600;
  color: #e9d26a;
  margin-bottom: 25px;
  margin-top: 0;
  min-height: 55px;
}
.post-content {
  color: #fff;
  font-size: 14px;
  min-height: 100px;
  margin-bottom: 15px;
}
.post-well .btn.btn-primary {
  background: -webkit-linear-gradient(3deg, rgba(197,147,35,1) 0%, rgba(245,226,121,1) 50%, rgba(245,226,121,1) 70%, rgba(190,151,48,1) 100%);
    background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  border-width: 1px;
  border-radius: 10px;
  min-width: auto;
  line-height: 34px;
}
.bar-wrap p {
  color: #fff;
  margin: 0;
}
.bar-wrap p strong {
 background: -webkit-linear-gradient(3deg, rgb(255 193 54) 0%, rgb(255 245 190) 50%, rgb(255 239 153) 70%, rgb(255 240 0) 100%);
    background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress {
  background-color: rgba(255, 255, 255, 35%);
  border-radius: 20px;
  height: 10px;
}
.progress-bar {
  background: linear-gradient(90deg, rgb(220, 150, 23) 0%, rgb(255, 207, 37) 32%, rgb(255, 255, 144) 68%, rgb(236, 191, 38) 100%);
}
.ticket-backbtn {
  background: -webkit-linear-gradient(3deg, rgba(197,147,35,1) 0%, rgba(245,226,121,1) 50%, rgba(245,226,121,1) 70%, rgba(190,151,48,1) 100%);
    background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  padding: 1px 5px;
  border-radius: 3px;
  border: 1px solid #ffd200;
  text-decoration: none;
}
.serv-id {
 background: -webkit-linear-gradient(3deg, rgb(255 191 49) 0%, rgb(255 237 138) 50%, rgb(255 230 141) 70%, rgb(255 197 45) 100%);
    background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nameserver-head {
  background: -webkit-linear-gradient(3deg, rgba(197,147,35,1) 0%, rgba(245,226,121,1) 50%, rgba(245,226,121,1) 70%, rgba(190,151,48,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border: none;
  color: #e9d26a;
  font-size: 18px;
}
.namerserver-list {
  padding-left: 20px;
}
.namerserver-list li {
  font-size: 14px;
  font-weight: 500;
  color: #ffe365;
}
.namerserver-list li img {
  width: 90%;
  object-fit: contain;
  max-height: 436px;
  object-position: left;
}
.affiliate-tab p {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 400;
}


@media(max-width:991px){
  .guest .brand-company .col-3 {
    max-width: 24%;
    flex: 0 0 24%;
  }
  .sidebar-menu{
    width: 180px;
  }
  .currency-stats{
    padding: 0 8px;
    margin: 8px auto 14px;
  }
  .menu-back-wrapper {
    padding: 0 8px;
  }
  .currency-stats .badge{
    padding: 6px 6px;
    width: 47%;
    font-size: 8px;
  }
  .content-wrap {
    margin: 0 0 15px 180px;
  }
  .container{
    width: 100%;
  }
  .prem-prov img {
    width: 115px;
  }
  .guest .navbar-default .navbar-nav > li > a, .guest .navbar-default .navbar-nav > li > a:hover, .guest .navbar-default .navbar-nav > li.active > a {
    font-size: 14px;
  }
  .navbar-default .navbar-nav > li.langbtn > a.dropdown-toggle,
  .navbar-default .navbar-nav > li.signup-btn > a{
    font-size: 14px;
    min-width: 130px;
  }
  .navbar-default .navbar-nav > li.signup-btn > a{
  	border: 2px solid #f6e0be;
  }
  .top-stats li{
    padding: 10px 15px;
    margin: 0 10px;
	font-size: 16px;
    min-width: 120px;
  }
  #what-is img {
    width: 100%;
  }
  .cont-img {
    width: 100%;
  }
  #home-stats {
    padding: 50px 0;
  }
  .hst-icon img {
    width: 90px;
    margin-bottom: 15px;
  }
  .hst h3 {
    font-size: 28px;
  }
  .low-img img {
    width: 100%;
  }
  .low-box.box1::after{
    width: 102px;
	height: 102px;
    background-size: 100% 100%;
  }
  .low-box.box2::after{
    width: 102px;
	height: 102px;
    background-size: 100% 100%;
  }
  #low-sec {
    padding: 50px 0;
  }
  #what-is {
    padding: 50px 0;
  }
  .grid-container.dripgrid,
  .grid-container.ordergrid{
    width: 140%;
  }
  .order-pills > li a{
    min-width: 100px;
  }
  .brand-company .col-3 {
    max-width: 24.1%;
    flex: 0 0 24.1%;
  }
  
}
@media(max-width:550px){
  .dashboard .navbar-brand {
    padding-left: 8px;
    padding-right: 8px;
  }
  .dashboard .navbar-default .navbar-brand img {
    height: 45px;
  }
  .navbar-toggle.x {
    border:none;
    margin: 0;
    float: none;
  }
  .dashboard .navbar-default .navbar-toggle:hover, .dashboard .navbar-default .navbar-toggle:focus {
    background-color: transparent;
  }
  .navbar-toggle.x .icon-bar {
    width:22px;
    background: linear-gradient(90deg, rgb(255 183 85) 0%, rgb(252 242 135) 32%, rgb(252 252 157) 68%, rgb(255 221 112) 100%);
    -webkit-transition:all .2s;
    transition:all .2s
  }
  .navbar-toggle.x .icon-bar:nth-of-type(1) {
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:10% 10%;
    -ms-transform-origin:10% 10%;
    transform-origin:10% 10%
  }
  .navbar-toggle.x .icon-bar:nth-of-type(2) {
    opacity:0;
    filter:alpha(opacity=0)
  }
  .navbar-toggle.x .icon-bar:nth-of-type(3) {
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:10% 90%;
    -ms-transform-origin:10% 90%;
    transform-origin:10% 90%
  }
  .navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0)
  }
  .navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
    opacity:1;
    filter:alpha(opacity=100)
  }
  .navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0)
  }
  .brand-right {
    float: right;
    display: flex;
    align-items: center;
    padding: 16px 0;
  }
  .dashboard .lang-drop, .dashboard .opt-drop, .dashboard .feat-drop,.dashboard .mode.mmode {
    display: inline-block;
  }
  .lang-drop .btn.btn-default, .opt-drop .btn.btn-default, .feat-drop .btn.btn-default {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    color: #ffffff;
    padding: 6px;
  }
  .lang-drop .btn.btn-default:hover, .lang-drop .btn.btn-default:active, .lang-drop .btn.btn-default:focus, .opt-drop .btn.btn-default:hover, .opt-drop .btn.btn-default:active, .opt-drop .btn.btn-default:focus, .feat-drop .btn.btn-default:hover, .feat-drop .btn.btn-default:active, .feat-drop .btn.btn-default:focus {
    background-color: transparent;
  }
  .opt-drop .btn.btn-default .menu-icon, .feat-drop .btn.btn-default .menu-icon {
    filter: none;
    width: 32px;
    height: 32px;
    overflow: hidden;
    background:linear-gradient(90deg, rgb(255 183 85) 0%, rgb(252 242 135) 32%, rgb(252 252 157) 68%, rgb(255 221 112) 100%);
    border-radius: 50px;
  }
  .opt-drop .btn.btn-default .menu-icon img {
    width: 180%;
    margin-left: -12px;
    margin-right: -6px;
  }
  .feat-drop .btn.btn-default .menu-icon {
    line-height: 34px;
    color: #000;
    font-size: 18px;
  }
  .dashboard .opt-drop .dropdown-menu, .dashboard .feat-drop .dropdown-menu {
    left: 0;
    right: 0;
    position: fixed;
    top: 70px;
    width: 92%;
    margin: auto;
    float: none;
    -webkit-box-shadow: 0 12px 40px 0px rgba(23,16,159,.4),0 70px 100px -60px rgba(23,16,159,.6);
    box-shadow: 0 12px 40px 0px rgba(23,16,159,.4),0 70px 100px -60px rgba(23,16,159,.6);
    background-color: #262546;
  }
  .mode-box, .lang-box, .curr-box {
    padding: 4px 10px 4px;
  }
  .mode-box h6, .lang-box h6, .curr-box h6 {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 5px;
    color: #ffffff;
  }
  .dashboard .mob-mode {
    display: block;
  }
  .mode-box .mode.mob-mode, .lang-box .lang-list, .curr-box .curr-list {
    background-color: #1d1c37;
    border-radius: 5px;
    padding: 5px;
  }
  .lang-list, .curr-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .lang-list li, .curr-list li {
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .lang-list li a, .curr-list li a {
    display: inline-flex;
    align-items: center;
    padding: 4px;
    color: #0f0049;
    font-size: 14px;
    background: linear-gradient(90deg, rgb(255 183 85) 0%, rgb(252 242 135) 32%, rgb(252 252 157) 68%, rgb(255 221 112) 100%);
    border-radius: 6px;
    box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.35);
  }
  .lang-list li .lang-name {
    margin-right: 5px;
  }
  .feat-drop .dropdown-menu .divider {
    margin: 6px 0;
    background-color: #444366;
  }
  .mode-box .mob-mode .toggle {
    display: inline-flex;
    align-items: center;
    padding: 4px;
    color: #000;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.35);
  }
  .mode-box .mob-mode .toggle .menu-icon {
    width: auto;
    height: auto;
    background-color: transparent;
    filter: none;
    line-height: 1;
    border-radius: 0;
    color: #646360;
  }
  .opt-drop .dropdown-menu > li > a {
    padding: 6px 15px;
    color: #fff;
    font-size: 14px;
  }
  .opt-drop .dropdown-menu > li > a .drop-menu-icon {
    margin-right: 10px;
    width: 18px;
    display: inline-block;
  }
  .dashboard .navbar-left-block, .dashboard .navbar-right-block {
    display: none;
  }
  .dashboard .nav.navbar-nav.navbar-mobile {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .dashboard .navbar-default .navbar-nav > li > a {
    justify-content: space-between;
    font-size: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
    flex-direction: row;
    position: relative;
  }
  .dashboard .navbar-default .navbar-nav > li.active > a {
    background: -webkit-linear-gradient(3deg, rgb(255 193 54) 0%, rgb(255 245 190) 50%, rgb(255 239 153) 70%, rgb(255 240 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e9d26a;
  }
  .dashboard .navbar-default .navbar-nav > li > a .mob-menu-text {
    order: 1;
    white-space: nowrap;
  }
  .dashboard .navbar-default .navbar-nav > li > a::after {
    content: '';
    width: 100%;
    border-top: 1px solid;
    margin: 0 10px;
    order: 2;
  }
  .dashboard .navbar-default .navbar-nav > li > a .mob-menu-right {
    order: 3;
  }
  .mob-menu-icon {
    display: block;
    width: 28px;
    height: 28px;
    background-color: #ffffff;
    border-radius: 50px;
    text-align: center;
    line-height: 22px;
    padding: 4px;
    -webkit-text-fill-color: none;
	color: #151515;
  }
  .dashboard .navbar-default .navbar-nav > li.active > a .mob-menu-icon {
    background: -webkit-linear-gradient(3deg, rgb(255 193 54) 0%, rgb(255 245 190) 50%, rgb(255 239 153) 70%, rgb(255 240 0) 100%);
    -webkit-text-fill-color: #151515;
	color: #151515;
  }
  .new-stat-img .full-logo {
    width: 90px;
  }
  .new-stat-box h4 {
    font-size: 14px;
  }
  .new-stat-content h5 {
    font-size: 16px;
  }
  .new-stat-content br {
    display: none;
  }
  .progress{
    height: 8px;
	margin-bottom: 10px;
  }
  .bar-wrap p{
    font-size: 12px;
  }
  .point-badge {
    width: 80px;
  }
  .new-stat-img {
    padding-left: 0;
    margin-right: -35px;
  }
  .new-stat-box{
    justify-content: space-evenly;
  }
  .dashboard .inner-wrap .container-fluid {
    width: 100%;
  }
  .new-stat-box2 h4 {
    font-size: 20px;
    margin-bottom: 15px;
    text-align: center;
  }
  .user-balance, .user-spent {
    font-size: 16px;
    margin-top: 0;
    display: inline-block;
  }
  .new-stat-box2 {
    text-align: center;
    margin-bottom: 15px;
  }
  .new-stat-box2 img {
    width: 25px;
    margin-right: 10px;
  }
  .new-stats .col-sm-6.col-md-4:last-child {
    order: 1;
  }
  .new-stats .col-sm-6.col-md-4:first-child {
    order: 2;
  }
  .new-stats .col-sm-6.col-md-4:nth-child(2) {
    order: 3;
  }
  .new-stats .row {
    display: flex;
    flex-direction: column;
  }
  .point-box .btn.btn-primary {
    height: 33px;
    min-width: 103px;
    line-height: 20px;
    font-size: 14px;
    margin: 5px 0;
  }
  .currency-stats .badge{
    width: 22%;
	font-size: 9px;
  }
  .brand-company{
    gap: 3px;
  }
  .media.brand-category .media-body{
    font-size: 10px;
  }
  .brand-company .col-3 {
    max-width: 32.6%;
    flex: 0 0 32.6%;
  }
  .brand-category img{
    width: 22px;
  }
  .footer-top .col-xs-9, .footer-top .col-xs-3 {
    width: 100%;
    float: none;
  }
  .currency-stats {
    padding: 0;
  }
  
}
.nightmode .modal-content {
  background-color: #404040;
}
.lunar_decorate {
  position: relative;
  display: block;
  margin: auto;
}
.top_lights {
  background-image: url(https://storage.perfectcdn.com/d673e4/57fy3bydengieiuc.png);
  width: 100%;
  height: 135px;
  display: block;
  position: absolute;
  background-size: auto 100%;
  background-repeat: repeat-x;
  top: 0;
}
.fly_lights {
  background-image: url(https://storage.perfectcdn.com/d673e4/l1k5ys460p6w4lb2.png);
  width: 74px;
  height: 207px;
  position: absolute;
  display: block;
  top: -10px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.fly_lights.fl_1 {
  left: 373px;
}
.fly_lights.fl_2 {
  left: 50%;
}
.fly_lights.fl_3 {
  right: 320px;
}
.dashboard .top_lights {
  top: 50px;
}
.dashboard .fly_lights {
  top: 72px;
}

/* MRVIP v20: keep folded navigation menus in flow and readable.
   The legacy desktop translateX(-50%) must not apply to static menus. */
.dashboard .navbar-default .navbar-nav > .open > a,
.dashboard .navbar-default .navbar-nav > .open > a:hover,
.dashboard .navbar-default .navbar-nav > .open > a:focus {
  color: #ffe47a;
}

.dashboard #navbar.navbar-collapsed .navbar-nav > li.open > .dropdown-menu {
  position: static;
  float: none;
  left: auto !important;
  right: auto;
  top: auto;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  width: auto;
  max-width: 420px;
  margin: 4px auto 12px;
  padding: 6px;
  background: #242424;
  border: 1px solid #51492d;
  border-radius: 12px;
  box-shadow: none;
}
.dashboard #navbar.navbar-collapsed .navbar-nav > li.open > .dropdown-menu > li > a {
  padding: 10px 14px;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  white-space: normal;
  border-radius: 8px;
}
.dashboard #navbar.navbar-collapsed .navbar-nav > li.open > .dropdown-menu > li > a:hover,
.dashboard #navbar.navbar-collapsed .navbar-nav > li.open > .dropdown-menu > li > a:focus,
.dashboard #navbar.navbar-collapsed .navbar-nav > li.open > .dropdown-menu > li.active > a {
  color: #ffe47a;
  background: #39331d;
}

/* Bootstrap's narrow-screen collapse also uses static dropdowns. */
@media (max-width: 767px) {
  .dashboard #navbar .navbar-nav > li.open > .dropdown-menu {
    position: static;
    float: none;
    left: auto !important;
    right: auto;
    top: auto;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    width: auto;
    max-width: 420px;
    margin: 4px auto 12px;
    padding: 6px;
    background: #242424;
    border: 1px solid #51492d;
    border-radius: 12px;
    box-shadow: none;
  }
  .dashboard #navbar .navbar-nav > li.open > .dropdown-menu > li > a {
    padding: 10px 14px;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    white-space: normal;
    border-radius: 8px;
  }
  .dashboard #navbar .navbar-nav > li.open > .dropdown-menu > li > a:hover,
  .dashboard #navbar .navbar-nav > li.open > .dropdown-menu > li > a:focus,
  .dashboard #navbar .navbar-nav > li.open > .dropdown-menu > li.active > a {
    color: #ffe47a;
    background: #39331d;
  }
}

/* Keep the separate phone header panels within the CSS viewport,
   even when unrelated page content widens the document. */
@media (max-width: 550px) {
  .dashboard .navbar-header .feat-drop > .dropdown-menu,
  .dashboard .navbar-header .opt-drop > .dropdown-menu {
    left: 12px;
    right: auto;
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    margin-left: 0;
    margin-right: 0;
    max-height: calc(100dvh - 90px);
    overflow-y: auto;
  }
}

/* MRVIP guest login responsive layout */
#top-banner.mrvip-signin .row.flex-row::before,
#top-banner.mrvip-signin .row.flex-row::after { display: none; }
#top-banner.mrvip-signin .row.flex-row > .col-md-6 { min-width: 0; max-width: 100%; }
#top-banner.mrvip-signin .home-slideshow { width: 100%; min-width: 0; max-width: 100%; }
#top-banner.mrvip-signin .home-slidebox img { display: block; width: 100%; max-width: 100%; height: auto; }
#top-banner.mrvip-signin .well { width: 100%; min-width: 0; }
#top-banner.mrvip-signin .btn.btn-primary { min-width: 0; width: 100%; max-width: 300px; }
#top-banner.mrvip-signin .signin-support { margin-top: 24px; font-size: 15px; line-height: 1.6; text-align: center; font-weight: 500; overflow-wrap: anywhere; }
#top-banner.mrvip-signin .signin-support img { display: inline-block; max-width: 70px; vertical-align: middle; margin-right: 6px; }
#top-banner.mrvip-signin .top-stats { flex-wrap: wrap; gap: 12px; }
#top-banner.mrvip-signin .top-stats li { margin: 0; }
@media (max-width: 991px) {
  #top-banner.mrvip-signin .well { padding: 32px 20px; border-radius: 30px; }
  #top-banner.mrvip-signin .top-stats li { padding: 10px 12px; min-width: 0; }
  .guest .footer-top .col-xs-9 > .row { margin-left: 0; margin-right: 0; }
  .guest .review-starts { display: flex; flex-wrap: wrap; }
}
@media (max-width: 767px) {
  #top-banner.mrvip-signin { padding-top: 20px; }
  #top-banner.mrvip-signin > .container { display: flex; flex-direction: column; }
  #top-banner.mrvip-signin > .container > .row:first-child { order: 1; margin-top: 24px; }
  #top-banner.mrvip-signin .row.flex-row { flex-direction: column; align-items: stretch; gap: 28px; }
  #top-banner.mrvip-signin .row.flex-row > .col-md-6 { width: 100%; }
  #top-banner.mrvip-signin .row.flex-row > .col-md-6:last-child { order: -1; }
  #top-banner.mrvip-signin .well { margin: 0 auto; }
  #top-banner.mrvip-signin .home-slideshow { max-width: 450px; margin: 0 auto; }
  #top-banner.mrvip-signin .top-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 0; }
  #top-banner.mrvip-signin .top-stats li:first-child { grid-column: 1 / -1; }
  #top-banner.mrvip-signin .well form > .row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
  #top-banner.mrvip-signin .well form > .row > .col-sm-6 { width: auto; max-width: 100%; }
  #top-banner.mrvip-signin .well .checkbox { margin-top: 0; margin-bottom: 0; }
  #top-banner.mrvip-signin .reg-text { margin-top: 24px; }
}

/* Keep the guest home content and footer inside small viewports. */
.guest #content-sec .row > [class*="col-"] { min-width: 0; }
@media (max-width: 991px) {
  .guest .footer-top > .container > .row > .col-xs-9,
  .guest .footer-top > .container > .row > .col-xs-3 { width: 100%; float: none; }
}
@media (max-width: 767px) {
  .guest #content-sec .row { flex-direction: column; align-items: stretch; gap: 24px; }
  .guest #content-sec .row > [class*="col-"] { width: 100%; padding-left: 15px; padding-right: 15px; }
  .guest #content-sec .btn.btn-primary,
  .guest #what-is .btn.btn-primary { min-width: 0; width: 100%; max-width: 300px; }
  #top-banner.mrvip-signin .well form > .row { margin-bottom: 18px; row-gap: 12px; }
}

.guest #what-is img { max-width: 100%; height: auto; }


/* MRVIP shared visual system, 2026-09-30.
   Append to the verified active style.css. Requires body.mrvip-refined.
   Appearance only: native Bootstrap visibility, form contracts and actions remain intact. */
body.mrvip-refined {
  --mrvip-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "PingFang TC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  background: var(--mrvip-page) !important;
  color: var(--mrvip-text);
  font-family: var(--mrvip-font);
  font-size: 15px;
  line-height: 1.6;
  cursor: auto !important;
  color-scheme: dark;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.mrvip-refined.daymode {
  color-scheme: light;
}
body.mrvip-refined h1,
body.mrvip-refined h2,
body.mrvip-refined h3,
body.mrvip-refined h4,
body.mrvip-refined h5,
body.mrvip-refined h6,
body.mrvip-refined input,
body.mrvip-refined textarea,
body.mrvip-refined select,
body.mrvip-refined button,
body.mrvip-refined .btn,
body.mrvip-refined .inner-content p {
  font-family: var(--mrvip-font);
}
body.mrvip-refined h1,
body.mrvip-refined h2,
body.mrvip-refined h3,
body.mrvip-refined h4 {
  color: var(--mrvip-text);
  line-height: 1.3;
  font-weight: 650;
}
body.mrvip-refined a {
  color: var(--mrvip-link);
  text-underline-offset: 3px;
}
body.mrvip-refined a:hover { color: var(--mrvip-text); }
body.mrvip-refined a:focus-visible,
body.mrvip-refined button:focus-visible,
body.mrvip-refined input:focus-visible,
body.mrvip-refined select:focus-visible,
body.mrvip-refined textarea:focus-visible {
  outline: 3px solid var(--mrvip-yellow);
  outline-offset: 3px;
}
body.mrvip-refined ::selection { background: var(--brand-soft); color: var(--mrvip-text); }
body.mrvip-refined .loader { background: var(--mrvip-page); }
body.mrvip-refined .inner-wrap { padding-top: 30px; }
body.mrvip-refined.dashboard .inner-wrap .container-fluid,
body.mrvip-refined.dashboard .inner-wrap .container-fluid.w100 {
  width: calc(100% - 64px);
  max-width: 1440px;
  margin-inline: auto;
}
body.mrvip-refined .well,
body.mrvip-refined .well-tab,
body.mrvip-refined .post-well {
  background: var(--mrvip-surface) !important;
  color: var(--mrvip-text);
  border: 1px solid var(--mrvip-line);
  border-radius: 24px;
  box-shadow: var(--mrvip-shadow);
  margin-bottom: 24px;
}
body.mrvip-refined .well { padding: 24px; }
body.mrvip-refined .well-tab .well-body { padding: 24px; margin-bottom: 0; }
body.mrvip-refined .well-title { font-size: 23px; margin-bottom: 24px; color: var(--mrvip-text); }
body.mrvip-refined .wid-title,
body.mrvip-refined .bread-crumbs,
body.mrvip-refined .bread-crumbs span,
body.mrvip-refined .inner-content p,
body.mrvip-refined .well .tab-content p { color: var(--mrvip-text); }
body.mrvip-refined .inner-content p { line-height: 1.8; }

/* Navigation remains native Bootstrap; rounded backgrounds signal selection only. */
body.mrvip-refined.dashboard .navbar.navbar-default,
body.mrvip-refined.guest .navbar.navbar-default {
  background: var(--navigation);
  border: 0;
  border-radius: 0;
  box-shadow: 0 1px 0 var(--border-subtle);
  margin-bottom: 0;
}
body.mrvip-refined.dashboard .navbar-default .navbar-nav > li > a,
body.mrvip-refined.guest .navbar-default .navbar-nav > li > a {
  color: var(--navigation-text);
  background: transparent;
  border-radius: 14px;
  text-decoration: none;
  transition: background-color .16s ease, color .16s ease;
}
body.mrvip-refined.dashboard .navbar-default .navbar-nav > li > a:hover,
body.mrvip-refined.dashboard .navbar-default .navbar-nav > li > a:focus-visible,
body.mrvip-refined.guest .navbar-default .navbar-nav > li > a:hover,
body.mrvip-refined.guest .navbar-default .navbar-nav > li > a:focus-visible {
  background: var(--navigation-hover);
  color: var(--navigation-text);
}
body.mrvip-refined.dashboard .navbar-default .navbar-nav > li.active > a,
body.mrvip-refined.guest .navbar-default .navbar-nav > li.active > a {
  background: var(--navigation-brand-soft);
  color: var(--navigation-brand);
}
body.mrvip-refined.dashboard .menu-icon,
body.mrvip-refined.dashboard .mode .menu-icon,
body.mrvip-refined.dashboard .update .menu-icon,
body.mrvip-refined.dashboard .menu-icon.currencySymbol,
body.mrvip-refined.dashboard .menu-icon.profPic,
body.mrvip-refined.dashboard .lang .menu-icon {
  background: none;
  border-color: transparent;
  color: currentColor;
  filter: none;
  box-shadow: none;
}
body.mrvip-refined.dashboard .menu-text { font-size: 13px; font-weight: 550; }
body.mrvip-refined .ticket-count { background: var(--mrvip-yellow); color: var(--on-brand); animation: none; }
body.mrvip-refined .navbar-default .navbar-toggle {
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  min-height: 42px;
  min-width: 44px;
  background: var(--navigation);
}
body.mrvip-refined .navbar-default .navbar-toggle:hover,
body.mrvip-refined .navbar-default .navbar-toggle:focus { background: var(--navigation-hover); }
body.mrvip-refined .navbar-default .navbar-toggle .icon-bar { background: var(--navigation-text); }
body.mrvip-refined .dropdown-menu,
body.mrvip-refined .navbar-right.navbar-right-block .dropdown-menu {
  background: var(--mrvip-surface);
  color: var(--mrvip-text);
  border: 1px solid var(--mrvip-line);
  border-radius: 16px !important;
  padding: 7px;
  box-shadow: var(--shadow-layer);
}
body.mrvip-refined .dropdown-menu > li > a,
body.mrvip-refined .navbar-right.navbar-right-block .dropdown-menu li > a {
  color: var(--mrvip-text);
  background: none;
  border: 0;
  border-radius: 10px;
  padding: 10px 12px;
  min-height: 40px;
}
body.mrvip-refined .dropdown-menu > li > a:hover,
body.mrvip-refined .dropdown-menu > li > a:focus,
body.mrvip-refined .dropdown-menu > li.active > a,
body.mrvip-refined .navbar-right.navbar-right-block .dropdown-menu li > a:hover,
body.mrvip-refined .navbar-right.navbar-right-block .dropdown-menu li > a:focus {
  background: var(--mrvip-raised);
  color: var(--mrvip-text);
}

/* Yellow is reserved for a form's primary action. Table utilities stay quiet. */
body.mrvip-refined .btn {
  min-width: 0;
  min-height: 44px;
  height: auto;
  padding: 10px 18px;
  line-height: 1.45;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 600;
  white-space: normal;
  vertical-align: middle;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease;
  box-shadow: none;
}
body.mrvip-refined .btn.btn-primary,
body.mrvip-refined .navbar-default .navbar-nav > li.signup-btn > a {
  background: var(--mrvip-yellow) !important;
  color: var(--on-brand) !important;
  -webkit-text-fill-color: var(--on-brand);
  border: 1px solid transparent;
  min-width: 0;
  height: auto;
  line-height: 1.45;
  filter: none;
}
body.mrvip-refined .btn.btn-primary:hover,
body.mrvip-refined .navbar-default .navbar-nav > li.signup-btn > a:hover {
  background: var(--mrvip-yellow-hover) !important;
  color: var(--on-brand) !important;
  filter: none;
}
body.mrvip-refined .btn.btn-primary::after,
body.mrvip-refined .navbar-default .navbar-nav > li.signup-btn > a::after,
body.mrvip-refined .media.brand-category::after,
body.mrvip-refined .new-stat-img::after { content: none; }
body.mrvip-refined .btn.btn-default,
body.mrvip-refined .grid-item > div > .btn.btn-primary,
body.mrvip-refined .table .btn.btn-primary {
  background: var(--mrvip-raised) !important;
  color: var(--mrvip-text) !important;
  -webkit-text-fill-color: currentColor;
  border: 1px solid transparent;
  min-width: 0;
  min-height: 38px;
  height: auto;
  line-height: 1.45;
  padding: 8px 12px;
  font-size: 14px;
}
body.mrvip-refined .btn.btn-default:hover,
body.mrvip-refined .grid-item > div > .btn.btn-primary:hover,
body.mrvip-refined .table .btn.btn-primary:hover { border-color: var(--mrvip-line); background: var(--mrvip-selected) !important; }
body.mrvip-refined .btn.btn-sm,
body.mrvip-refined .btn.btn-xs { min-width: 0; height: auto; min-height: 36px; padding: 7px 10px; font-size: 13px; line-height: 1.45; }
body.mrvip-refined .btn.btn-danger { background: var(--mrvip-danger-surface); color: var(--mrvip-danger); border-color: transparent; }
body.mrvip-refined .btn[disabled],
body.mrvip-refined .btn.disabled { opacity: .5; cursor: not-allowed; }

/* Form controls: labels remain visible, fields retain native input behavior. */
body.mrvip-refined .form-group { margin-bottom: 20px; }
body.mrvip-refined .control-label,
body.mrvip-refined .well-tab .control-label,
body.mrvip-refined.dashboard .well .control-label {
  color: var(--mrvip-text);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}
body.mrvip-refined .form-control,
body.mrvip-refined .well-tab input.form-control,
body.mrvip-refined .well-tab select.form-control,
body.mrvip-refined.dashboard .well input.form-control,
body.mrvip-refined.dashboard .well select.form-control,
body.mrvip-refined .select2-container--default .select2-selection--single.form-control {
  background: var(--mrvip-control) !important;
  color: var(--mrvip-text) !important;
  border: 1px solid var(--mrvip-line);
  border-radius: 14px;
  min-height: 48px;
  height: 48px;
  padding: 11px 14px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  box-shadow: none;
}
body.mrvip-refined .form-control::placeholder { color: var(--mrvip-muted); opacity: 1; }
body.mrvip-refined textarea.form-control,
body.mrvip-refined .well-tab textarea.form-control,
body.mrvip-refined.dashboard .well textarea.form-control {
  height: auto;
  min-height: 120px;
  resize: vertical;
  background: var(--mrvip-control) !important;
  color: var(--mrvip-text) !important;
  border: 1px solid var(--mrvip-line);
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 16px;
}
body.mrvip-refined .form-control:focus { border-color: var(--mrvip-yellow); box-shadow: 0 0 0 3px var(--brand-soft); }
body.mrvip-refined .form-control[readonly],
body.mrvip-refined .form-control:disabled { background: var(--mrvip-raised) !important; color: var(--mrvip-muted) !important; }
body.mrvip-refined input[type="checkbox"],
body.mrvip-refined input[type="radio"] { accent-color: var(--mrvip-yellow); }
body.mrvip-refined .checkbox label { color: var(--mrvip-muted); line-height: 1.6; }
body.mrvip-refined .select2-selection__rendered { color: var(--mrvip-text) !important; }
body.mrvip-refined .select2-dropdown,
body.mrvip-refined .select2-results__option { background: var(--mrvip-surface); color: var(--mrvip-text); }
body.mrvip-refined .select2-results__option--highlighted[aria-selected] { background: var(--mrvip-selected); color: var(--mrvip-text); }
body.mrvip-refined .select2-container--default .select2-selection--single .select2-selection__arrow b { border-top-color: var(--mrvip-muted) !important; }
body.mrvip-refined select.form-control option { background: var(--mrvip-control); color: var(--mrvip-text); }
body.mrvip-refined .well-tab .panel-body.border-solid.border-rounded { background: var(--mrvip-raised); color: var(--mrvip-text); border-color: var(--mrvip-line); padding: 18px; line-height: 1.8; }
body.mrvip-refined .input-group.searchgrp,
body.mrvip-refined .form-group.searchgrp { background: var(--mrvip-control) !important; border: 1px solid var(--mrvip-line); min-height: 48px; height: auto; border-radius: 16px; padding: 4px 6px 4px 14px; }
body.mrvip-refined .input-group.searchgrp .form-control { background: transparent !important; border: 0; height: 44px; padding: 8px 10px; }
body.mrvip-refined .input-group.searchgrp .btn.btn-primary { margin-left: 0; min-width: 44px; width: 44px; height: 44px; padding: 9px; border-radius: 12px; line-height: 1.5; }

/* Tabs and filters use space and a single selected surface, without decorative lines. */
body.mrvip-refined .well .nav.nav-tabs,
body.mrvip-refined .well-tab .nav.nav-tabs { border: 0; padding: 10px; gap: 5px; display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0; }
body.mrvip-refined .well .nav-tabs > li,
body.mrvip-refined .well-tab .nav-tabs > li { float: none; margin: 0; }
body.mrvip-refined .well .nav-tabs > li > a,
body.mrvip-refined .well-tab .nav-tabs > li > a { background: transparent; color: var(--mrvip-muted); -webkit-text-fill-color: currentColor; border: 0; border-radius: 13px; padding: 11px 15px; margin: 0; font-size: 14px; font-weight: 550; min-height: 44px; }
body.mrvip-refined .well .nav-tabs > li > a:hover,
body.mrvip-refined .well-tab .nav-tabs > li > a:hover { background: var(--mrvip-raised); color: var(--mrvip-text); }
body.mrvip-refined .well .nav-tabs > li.active > a,
body.mrvip-refined .well-tab .nav-tabs > li.active > a,
body.mrvip-refined .well .nav-tabs > li.active > a:focus,
body.mrvip-refined .well-tab .nav-tabs > li.active > a:focus { background: var(--mrvip-selected); color: var(--mrvip-text); -webkit-text-fill-color: currentColor; border: 0; font-weight: 650; }
body.mrvip-refined .well-tab .nav-tabs > li.active > a::after { content: none; }
body.mrvip-refined .well .tab-content { background: transparent; color: var(--mrvip-text); border-radius: 0; padding: 18px 0 0; }
body.mrvip-refined .media.brand-category { background: transparent; border: 1px solid transparent; border-radius: 15px; padding: 7px 9px; min-height: 44px; color: var(--mrvip-text); }
body.mrvip-refined .media.brand-category .media-body { font-size: 13px; font-weight: 550; color: var(--mrvip-text); }
body.mrvip-refined .media.brand-category:hover { background: var(--mrvip-raised); border-color: var(--mrvip-line); }
body.mrvip-refined .media.brand-category.active,
body.mrvip-refined .media.brand-category[aria-pressed="true"] { background: var(--mrvip-selected); border-color: transparent; }
body.mrvip-refined .brand-company { gap: 6px; margin-bottom: 24px; }
body.mrvip-refined .brand-company .col-3,
body.mrvip-refined.guest .brand-company .col-3 { flex: 0 0 calc((100% - 36px) / 7); max-width: calc((100% - 36px) / 7); min-width: 0; }
body.mrvip-refined .brand-category img { max-width: 30px; max-height: 30px; }

/* Data remains aligned. A subtle row boundary is retained where it aids comparison. */
body.mrvip-refined .table { color: var(--mrvip-text); }
body.mrvip-refined .table > thead > tr > th { background: var(--mrvip-raised); color: var(--mrvip-muted); border-bottom: 1px solid var(--mrvip-line); font-size: 13px; font-weight: 600; padding: 13px 12px; }
body.mrvip-refined .table > tbody > tr > td { border-top: 1px solid var(--mrvip-line); padding: 16px 12px; vertical-align: middle; }
body.mrvip-refined .table-striped > tbody > tr:nth-of-type(odd) { background: transparent; }
body.mrvip-refined .grid-header { background: var(--mrvip-raised); color: var(--mrvip-text); border-radius: 14px; }
body.mrvip-refined .grid-header div { color: var(--mrvip-muted); line-height: 1.5; padding-block: 8px; font-size: 13px; }
body.mrvip-refined .grid-item { background: var(--mrvip-surface); color: var(--mrvip-text); border-radius: 18px; }
body.mrvip-refined .grid-item > div { min-width: 0; overflow-wrap: anywhere; color: var(--mrvip-text); }
body.mrvip-refined .well .grid-item > div,
body.mrvip-refined .well-tab .grid-item > div { background: transparent; border-radius: 0; }
body.mrvip-refined .grid-item.cate-name-item { background: transparent; }
body.mrvip-refined .grid-item.cate-name-item .cate-name { color: var(--mrvip-text); font-size: 20px; text-align: left; font-weight: 650; }
body.mrvip-refined .order-box { background: var(--mrvip-surface); color: var(--mrvip-text); border: 1px solid var(--mrvip-line); border-radius: 22px; padding: 8px; font-weight: 450; }
body.mrvip-refined .order-box-middle { border: 0; }
body.mrvip-refined .order-box-top { color: var(--mrvip-muted); }
body.mrvip-refined .order-service { color: var(--mrvip-text); font-weight: 600; }
body.mrvip-refined .order-action a,
body.mrvip-refined .custom-table .grid-item div.order-actions > a,
body.mrvip-refined .custom-table .grid-item div.order-actions > button,
body.mrvip-refined .order-link a { background: none; color: var(--mrvip-link); -webkit-text-fill-color: currentColor; border: 0; font-weight: 550; }
body.mrvip-refined .order-action a { display: inline-flex; align-items: center; min-height: 38px; padding: 7px 11px; border-radius: 12px; }
body.mrvip-refined .order-action a:hover { background: var(--mrvip-raised); color: var(--mrvip-text); }
body.mrvip-refined .label-badge { background: var(--mrvip-raised); color: var(--mrvip-text); min-width: 0; border-radius: 10px; padding: 7px 10px; font-size: 12px; line-height: 1.5; font-weight: 550; }
body.mrvip-refined .label-badge.label-completed,
body.mrvip-refined .label-badge.label-answered,
body.mrvip-refined .label-badge.label-已完成 { background: var(--mrvip-selected); color: var(--mrvip-link); min-width: 0; }
body.mrvip-refined .label-badge.label-canceled,
body.mrvip-refined .label-badge.label-closed,
body.mrvip-refined .label-badge.label-partial,
body.mrvip-refined .label-badge.label-已取消,
body.mrvip-refined .label-badge.label-已到期,
body.mrvip-refined .label-badge.label-部分退款 { background: var(--mrvip-danger-surface); color: var(--mrvip-danger); min-width: 0; }
body.mrvip-refined .pagination > li > a,
body.mrvip-refined .pagination > li > span { background: transparent; color: var(--mrvip-text); border: 0; border-radius: 12px; margin: 3px; min-width: 40px; min-height: 40px; text-align: center; }
body.mrvip-refined .pagination > .active > a,
body.mrvip-refined .pagination > .active > span { background: var(--mrvip-yellow); color: var(--on-brand); }
body.mrvip-refined .pagination > li > a:hover { background: var(--mrvip-raised); }
body.mrvip-refined .mrvip-order-cancel-note { color: var(--mrvip-danger); overflow-wrap: anywhere; white-space: normal; font-size: 13px; line-height: 1.7; margin-top: 8px; }
body.mrvip-refined .mrvip-order-cancel-requested { color: var(--mrvip-muted); font-size: 13px; }
body.mrvip-refined .mrvip-payment-invoice { display: inline-flex; min-height: 38px; align-items: center; gap: 6px; padding: 6px 9px; border-radius: 10px; font-size: 13px; }
body.mrvip-refined .mrvip-payment-invoice:hover { background: var(--mrvip-raised); }

/* Shared dialogs and feedback. Success/error meaning is carried by copy as well as color. */
body.mrvip-refined .modal-content { background: var(--mrvip-surface); color: var(--mrvip-text); border: 1px solid var(--mrvip-line); border-radius: 24px; box-shadow: var(--shadow-layer); }
body.mrvip-refined .modal-header { border-bottom-color: var(--mrvip-line); padding: 22px 24px; }
body.mrvip-refined .modal-body { padding: 24px; }
body.mrvip-refined .modal-footer { border-top: 0; padding: 12px 24px 24px; }
body.mrvip-refined .modal .close { color: var(--mrvip-text); opacity: .75; text-shadow: none; min-width: 32px; min-height: 32px; }
body.mrvip-refined .alert { border-radius: 15px; border: 1px solid var(--mrvip-line); padding: 16px 20px; line-height: 1.7; }
body.mrvip-refined .alert-danger { background: var(--mrvip-danger-surface); color: var(--mrvip-danger); border-color: transparent; }
body.mrvip-refined .alert-success,
body.mrvip-refined .alert-warning { background: var(--mrvip-selected); color: var(--mrvip-text); border-color: transparent; }
body.mrvip-refined .alert-info { background: var(--mrvip-info-surface); color: var(--mrvip-info); border-color: transparent; }
body.mrvip-refined .alert .close { color: inherit; opacity: .7; text-shadow: none; }

/* Authentication: restrained brand canvas, one clear submit action. */
body.mrvip-refined.guest .navbar.navbar-default { padding: 16px 0; }
body.mrvip-refined.guest .navbar-brand { max-width: 240px; height: auto; padding-block: 0; }
body.mrvip-refined.guest .navbar-brand img { max-width: 100%; height: auto; }
body.mrvip-refined.guest .prem-prov { max-width: 115px; opacity: .8; }
body.mrvip-refined.guest .prem-prov img { width: 100%; height: auto; }
body.mrvip-refined.guest .navbar-default .navbar-nav > li.langbtn > a.dropdown-toggle { min-width: 0; height: auto; line-height: 1.5; border-radius: 14px; background: transparent; font-size: 14px; padding: 12px 14px; }
body.mrvip-refined.guest .navbar-default .navbar-nav > li.signup-btn > a { min-width: 0; border-radius: 15px; padding: 12px 20px; }
body.mrvip-refined.guest #top-banner { padding: 52px 0 72px; }
body.mrvip-refined.guest #top-banner .well { max-width: 480px; padding: 36px; color: var(--mrvip-text); background: var(--mrvip-surface) !important; border: 1px solid var(--mrvip-line); border-radius: 28px; font-size: 15px; font-weight: 400; }
body.mrvip-refined.guest #top-banner .well h4 { font-size: 25px; margin-bottom: 28px; line-height: 1.35; }
body.mrvip-refined .top-head { color: var(--mrvip-text); background: none; -webkit-text-fill-color: currentColor; font-size: clamp(34px, 4vw, 52px); line-height: 1.18; letter-spacing: -.025em; font-weight: 650; }
body.mrvip-refined .top-para { color: var(--mrvip-muted); font-size: 17px; line-height: 1.8; max-width: 430px; margin-top: 24px; }
body.mrvip-refined .igrp { background: transparent; border-radius: 0; padding-left: 0; }
body.mrvip-refined .igrp .form-control { padding-left: 48px; }
body.mrvip-refined .inico { background: none; border-radius: 0; width: 28px; height: 28px; left: 12px; line-height: 28px; color: var(--mrvip-muted); }
body.mrvip-refined .inico i { color: var(--mrvip-muted); }
body.mrvip-refined .forgot { color: var(--mrvip-muted); font-size: 14px; }
body.mrvip-refined .forgot:hover { color: var(--mrvip-text); }
body.mrvip-refined #top-banner .well .checkbox { color: var(--mrvip-muted); font-size: 14px; font-weight: 400; }
body.mrvip-refined .reg-text { color: var(--mrvip-muted); font-size: 14px; font-weight: 400; margin-top: 24px; line-height: 1.8; }
body.mrvip-refined #top-banner.mrvip-signin .signin-support { color: var(--mrvip-muted); font-size: 13px; margin-top: 28px; line-height: 1.8; }
body.mrvip-refined #top-banner.mrvip-signin .top-stats { gap: 28px; margin-bottom: 44px; }
body.mrvip-refined #top-banner.mrvip-signin .top-stats li { background: transparent; color: var(--mrvip-muted); border: 0; padding: 0; border-radius: 0; min-width: 0; font-size: 14px; font-weight: 500; }
body.mrvip-refined #top-banner.mrvip-signin .top-stats li img { max-height: 24px; }
body.mrvip-refined .view-badge { background: var(--danger); color: var(--on-danger); animation: none; font-size: 12px; padding: 2px 5px; }
body.mrvip-refined .mrvip-signup .row.flex-row { align-items: flex-start; gap: 24px; }
body.mrvip-refined .mrvip-signup .row.flex-row::before,
body.mrvip-refined .mrvip-signup .row.flex-row::after { display: none; }
body.mrvip-refined .mrvip-signup .row.flex-row > .col-md-6 { min-width: 0; width: calc((100% - 24px) / 2); }
body.mrvip-refined .mrvip-signup-intro { padding-top: 72px; padding-right: 40px; }
body.mrvip-refined .mrvip-signup-eyebrow { color: var(--mrvip-yellow); font-size: 12px; font-weight: 700; letter-spacing: .16em; margin: 0 0 24px; }
body.mrvip-refined .mrvip-signup-title { font-size: 27px; margin: 0 0 10px; }
body.mrvip-refined.guest #top-banner .mrvip-signup-description { color: var(--mrvip-muted); font-size: 14px; line-height: 1.7; margin: 0 0 28px; font-weight: 400; }
body.mrvip-refined .mrvip-signup-label { display: block; font-size: 14px; font-weight: 550; line-height: 1.6; color: var(--mrvip-text); margin-bottom: 8px; }
body.mrvip-refined .mrvip-signup-required { color: var(--mrvip-muted); font-size: 12px; font-weight: 400; }
body.mrvip-refined .mrvip-signup-input-wrap { position: relative; }
body.mrvip-refined.guest #top-banner .mrvip-signup-help { margin: 7px 0 0; font-size: 12px; line-height: 1.7; color: var(--mrvip-muted); font-weight: 400; }
body.mrvip-refined .mrvip-signup-terms { margin-top: 22px; }
body.mrvip-refined #top-banner .mrvip-signup-terms .checkbox { text-align: start; }
body.mrvip-refined .mrvip-signup-actions { margin-top: 26px; }
body.mrvip-refined #top-banner.mrvip-signup .btn.btn-primary { width: 100%; min-width: 0; max-width: none; min-height: 48px; }
body.mrvip-refined #top-banner.mrvip-signin .btn.btn-primary { min-height: 48px; max-width: none; }

/* Footer and decorative content share the same calm surfaces. */
body.mrvip-refined .footer-top { background: var(--mrvip-surface); border-top: 1px solid var(--mrvip-line); padding: 40px 0 24px; }
body.mrvip-refined .footer-bottom { background: var(--mrvip-surface); padding: 18px 0 26px; }
body.mrvip-refined .foo-title { color: var(--mrvip-text); font-size: 15px; margin-bottom: 18px; }
body.mrvip-refined .foo-menu li a,
body.mrvip-refined .footer-bottom p { color: var(--mrvip-muted); font-size: 13px; }
body.mrvip-refined .foo-menu li { margin-bottom: 11px; }
body.mrvip-refined .foo-menu li a:hover { color: var(--mrvip-text); }
body.mrvip-refined .review-starts { color: var(--mrvip-yellow); }
body.mrvip-refined .new-stat-box::before { content: none; }
body.mrvip-refined .new-stat-box h4,
body.mrvip-refined .new-stat-content h5,
body.mrvip-refined .new-stat-box2 h4,
body.mrvip-refined .user-balance,
body.mrvip-refined .user-spent { color: var(--mrvip-text); }
body.mrvip-refined .serv-box,
body.mrvip-refined .contact-box { background: var(--mrvip-surface); color: var(--mrvip-text); border-color: var(--mrvip-line); }
body.mrvip-refined.guest #what-is,
body.mrvip-refined.guest #content-sec { color: var(--mrvip-text); }

/* Existing Drip Feed has its own scoped design system. Rebind its semantic tokens. */
body.mrvip-refined #mrvip-drip-root {
  --surface: var(--mrvip-surface);
  --line: var(--mrvip-line);
  --muted: var(--mrvip-muted);
  --gold: var(--mrvip-link);
  --gold-line: var(--mrvip-line);
  --rose: var(--mrvip-danger);
  --drip-page: var(--mrvip-page);
  --drip-panel: var(--mrvip-surface);
  --drip-modal: var(--mrvip-surface);
  --drip-raised: var(--mrvip-raised);
  --drip-control: var(--mrvip-control);
  --drip-text: var(--mrvip-text);
  --drip-secondary: var(--mrvip-muted);
  --drip-gold: var(--mrvip-yellow);
  --drip-danger: var(--mrvip-danger);
  background: var(--mrvip-page);
  color: var(--mrvip-text);
  font-family: var(--mrvip-font);
  color-scheme: inherit;
}
body.mrvip-refined #mrvip-drip-root .ledger .table-head { background: var(--mrvip-raised); color: var(--mrvip-muted); border-bottom-color: var(--mrvip-line); }
body.mrvip-refined #mrvip-drip-root .ledger .order-row { border-bottom-color: var(--mrvip-line); }
body.mrvip-refined #mrvip-drip-root .ledger .copy-button,
body.mrvip-refined #mrvip-drip-root .ledger .target-line .copy-link,
body.mrvip-refined #mrvip-drip-root .orders-dialog .detail-link > .copy-button { background: transparent; color: var(--mrvip-muted); border-color: transparent; box-shadow: none; }
body.mrvip-refined #mrvip-drip-root .ledger .copy-button:hover,
body.mrvip-refined #mrvip-drip-root .ledger .target-line .copy-link:hover { background: var(--mrvip-raised); color: var(--mrvip-text); border-color: var(--mrvip-line); }
body.mrvip-refined #mrvip-drip-root .ledger .copy-button > .fas,
body.mrvip-refined #mrvip-drip-root .ledger .target-line .copy-link > .fas { color: currentColor; }

/* Services: platform shortcuts remain available without becoming a wall of buttons. */
body.mrvip-refined .serv-filter { padding-top: 28px; }
body.mrvip-refined .serv-filter .brand-company,
body.mrvip-refined .new-filter .brand-company {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  gap: 7px;
  padding-block: 2px 9px;
  scrollbar-width: thin;
  scrollbar-color: var(--mrvip-line) transparent;
}
body.mrvip-refined .serv-filter .brand-company .col-3,
body.mrvip-refined .new-filter .brand-company .col-3 {
  flex: 0 0 auto;
  max-width: none;
  width: auto;
}
body.mrvip-refined .serv-filter .media.brand-category,
body.mrvip-refined .new-filter .media.brand-category {
  gap: 0;
  white-space: nowrap;
  padding: 8px 11px;
  background: var(--mrvip-surface);
  min-height: 44px;
}
body.mrvip-refined .serv-filter .media.brand-category.active,
body.mrvip-refined .new-filter .media.brand-category.active { background: var(--mrvip-selected); }
body.mrvip-refined .serv-filter > :is(.container, .container-fluid) > .row:nth-child(2) {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(140px, 1fr) minmax(0, 4fr);
  gap: 12px;
  margin-bottom: 22px;
}
body.mrvip-refined .serv-filter > :is(.container, .container-fluid) > .row:nth-child(2)::before,
body.mrvip-refined .serv-filter > :is(.container, .container-fluid) > .row:nth-child(2)::after { display: none; }
body.mrvip-refined .serv-filter > :is(.container, .container-fluid) > .row:nth-child(2) > div {
  float: none;
  width: auto;
  min-width: 0;
}
body.mrvip-refined .serv-filter .btn.btn-primary.dropdown-toggle {
  min-width: 0;
  width: 100%;
  min-height: 48px;
  height: auto;
  line-height: 1.5;
  padding: 10px 15px;
  background: var(--mrvip-raised) !important;
  color: var(--mrvip-text) !important;
  -webkit-text-fill-color: currentColor;
}
body.mrvip-refined .serv-filter .btn.btn-primary.dropdown-toggle:hover { background: var(--mrvip-selected) !important; }
body.mrvip-refined .serv-filter .input-group.searchgrp { margin-bottom: 0; }
body.mrvip-refined .servgrid .grid-item { padding: 20px 14px; }
body.mrvip-refined .servgrid .grid-header,
body.mrvip-refined .servgrid .grid-item:not(.cate-name-item) {
  grid-template-columns: 62px minmax(180px, 1fr) 122px 76px 96px 94px;
  column-gap: 12px;
}
body.mrvip-refined .servgrid:has(.grid-header .avrg) .grid-header,
body.mrvip-refined .servgrid:has(.grid-header .avrg) .grid-item:not(.cate-name-item) {
  grid-template-columns: 56px minmax(180px, 1fr) 112px 62px 82px 98px 88px;
}
body.mrvip-refined .servgrid .grid-item.cate-name-item { padding: 20px 12px 6px; }
body.mrvip-refined .servgrid .grid-item [data-filter-table-service-name] { font-size: 14px; font-weight: 550; line-height: 1.7; }
body.mrvip-refined .servgrid .label-badge { background: var(--mrvip-raised); color: var(--mrvip-muted); min-width: 0; max-width: none; display: inline-block; line-height: 1.5; padding: 5px 8px; border-radius: 8px; font-size: 12px; }

/* New Order: account context is compact and secondary to the form. */
body.mrvip-refined .new-stats > .container-fluid > .row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
  margin-bottom: 22px;
}
body.mrvip-refined .new-stats > .container-fluid > .row::before,
body.mrvip-refined .new-stats > .container-fluid > .row::after { display: none; }
body.mrvip-refined .new-stats > .container-fluid > .row > div { width: auto; min-width: 0; float: none; }
body.mrvip-refined .new-stats .new-stat-box { justify-content: flex-start; gap: 18px; margin: 0; }
body.mrvip-refined .new-stats .new-stat-img { padding-left: 0; flex: 0 0 auto; }
body.mrvip-refined .new-stats .new-stat-img .full-logo { width: 96px; }
body.mrvip-refined .new-stats .point-badge { width: 72px; }
body.mrvip-refined .new-stats .new-stat-content { min-width: 0; flex: 1; }
body.mrvip-refined .new-stats .new-stat-content h4 { font-size: 13px; line-height: 1.5; color: var(--mrvip-muted); margin: 0 0 5px; }
body.mrvip-refined .new-stats .new-stat-content h5 { font-size: 20px; line-height: 1.4; margin-top: 4px; color: var(--mrvip-text); }
body.mrvip-refined .new-stats .new-stat-content p { font-size: 12px; color: var(--mrvip-muted); line-height: 1.6; margin: 0; }
body.mrvip-refined .new-stats .new-stat-content .bar-wrap { margin-top: 4px; }
body.mrvip-refined .new-stats .new-stat-content .progress { background: var(--mrvip-raised); height: 5px; margin: 12px 0 8px; box-shadow: none; border-radius: 8px; }
body.mrvip-refined .new-stats .new-stat-content .progress-bar { background: var(--mrvip-yellow); box-shadow: none; }
body.mrvip-refined .new-stats .point-stats { font-size: 10px; font-weight: 500; color: var(--mrvip-muted); }
body.mrvip-refined .new-stats .points-btn { display: inline-flex; justify-content: center; align-items: center; width: 24px; height: 24px; min-height: 24px; background: var(--mrvip-raised); color: var(--mrvip-muted); border: 0; border-radius: 8px; margin-left: 5px; font-size: 11px; }
body.mrvip-refined .new-stats .point-box .btn.btn-primary { background: var(--mrvip-raised) !important; color: var(--mrvip-text) !important; -webkit-text-fill-color: currentColor; min-height: 36px; padding: 7px 10px; line-height: 1.4; font-size: 12px; margin-block: 8px 4px; }
body.mrvip-refined .new-stats .point-box .btn.btn-primary:hover { background: var(--mrvip-selected) !important; }
body.mrvip-refined .new-stats .new-stat-box2 h4 { font-size: 19px; line-height: 1.4; margin: 0 0 12px; overflow-wrap: anywhere; }
body.mrvip-refined .new-stats .user-balance,
body.mrvip-refined .new-stats .user-spent { font-size: 14px; font-weight: 500; margin: 5px 0; color: var(--mrvip-muted); }
body.mrvip-refined .new-stats .new-stat-box2 img { width: 22px; margin-right: 8px; }
body.mrvip-refined .new-filter .currency-stats { display: flex; flex-wrap: nowrap; align-items: center; gap: 18px; overflow-x: auto; overscroll-behavior-x: contain; justify-content: flex-start; padding: 4px 0 9px; margin: 0 0 16px; scrollbar-width: thin; scrollbar-color: var(--mrvip-line) transparent; }
body.mrvip-refined .new-filter .currency-stats .badge { background: none; border: 0; color: var(--mrvip-muted); padding: 3px 0; min-width: 82px; width: auto; border-radius: 0; font-size: 12px; font-weight: 500; }
body.mrvip-refined .new-filter .brand-company { margin-bottom: 20px; }
body.mrvip-refined #main-order-page .well-tab .nav-tabs > li > a { padding-inline: 12px; }

@media (min-width: 768px) {
  body.mrvip-refined.dashboard .navbar-default .navbar-nav > li > a { padding-inline: 9px; }
  body.mrvip-refined.dashboard .navbar-brand { max-width: 230px; }
  body.mrvip-refined.dashboard .navbar-brand img { max-width: 100%; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  body.mrvip-refined.dashboard .inner-wrap .container-fluid,
  body.mrvip-refined.dashboard .inner-wrap .container-fluid.w100 { width: calc(100% - 40px); }
  body.mrvip-refined .brand-company .col-3,
  body.mrvip-refined.guest .brand-company .col-3 { flex-basis: calc((100% - 24px) / 5); max-width: calc((100% - 24px) / 5); }
  body.mrvip-refined .mrvip-signup-intro { padding-right: 18px; padding-top: 40px; }
  body.mrvip-refined.guest #top-banner .well { padding: 28px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.mrvip-refined .mrvip-signup .row.flex-row { flex-direction: row; gap: 16px; }
  body.mrvip-refined .mrvip-signup .row.flex-row > .col-md-6 { width: calc((100% - 16px) / 2); padding-inline: 8px; }
  body.mrvip-refined .mrvip-signup .top-head { font-size: 34px; }
  body.mrvip-refined.guest #top-banner.mrvip-signup .well { padding: 24px 20px; }
  body.mrvip-refined .mrvip-signup .top-para { font-size: 15px; }
  body.mrvip-refined .servgrid .grid-header,
  body.mrvip-refined .servgrid .grid-item:not(.cate-name-item) { grid-template-columns: 48px minmax(150px, 1fr) 98px 58px 82px 80px; column-gap: 7px; }
  body.mrvip-refined .servgrid:has(.grid-header .avrg) .grid-header,
  body.mrvip-refined .servgrid:has(.grid-header .avrg) .grid-item:not(.cate-name-item) { grid-template-columns: 42px minmax(128px, 1fr) 86px 52px 72px 84px 70px; column-gap: 6px; }
  body.mrvip-refined .servgrid .grid-item > div { padding-inline: 3px; }
}
@media (max-width: 767px) {
  body.mrvip-refined { font-size: 14px; }
  body.mrvip-refined .inner-wrap { padding-top: 22px; }
  body.mrvip-refined.dashboard .inner-wrap .container-fluid,
  body.mrvip-refined.dashboard .inner-wrap .container-fluid.w100 { width: calc(100% - 24px); }
  body.mrvip-refined .well { padding: 20px; border-radius: 22px; }
  body.mrvip-refined .well-tab { border-radius: 22px; }
  body.mrvip-refined .well-tab .well-body { padding: 20px; }
  body.mrvip-refined .well .nav-tabs > li > a,
  body.mrvip-refined .well-tab .nav-tabs > li > a { padding: 10px 12px; font-size: 13px; }
  body.mrvip-refined .btn.btn-sm,
  body.mrvip-refined .btn.btn-xs,
  body.mrvip-refined .grid-item > div > .btn.btn-primary,
  body.mrvip-refined .table .btn.btn-primary { min-height: 44px; }
  body.mrvip-refined .brand-company .col-3,
  body.mrvip-refined.guest .brand-company .col-3 { flex-basis: calc((100% - 12px) / 3); max-width: calc((100% - 12px) / 3); }
  body.mrvip-refined .brand-company { gap: 6px; margin-bottom: 20px; }
  body.mrvip-refined .media.brand-category { padding: 7px 5px; border-radius: 12px; }
  body.mrvip-refined .media.brand-category .media-body { font-size: 12px; margin-left: 6px; }
  body.mrvip-refined .brand-category img { max-width: 24px; max-height: 24px; }
  body.mrvip-refined.guest .navbar.navbar-default { padding: 16px 0; }
  body.mrvip-refined.guest .navbar-header { display: flex; align-items: center; gap: 12px; padding-inline: 16px; }
  body.mrvip-refined.guest .navbar-brand { padding: 0; max-width: 210px; flex: 0 1 210px; }
  body.mrvip-refined.guest .navbar-toggle { order: 3; margin: 0 0 0 auto; flex: 0 0 44px; }
  body.mrvip-refined.guest .prem-prov { display: none; }
  body.mrvip-refined.guest #navbar .navbar-nav { margin-block: 10px; }
  body.mrvip-refined.guest #navbar .navbar-nav > li > a { margin: 3px 8px; min-height: 44px; font-size: 14px; padding: 12px 14px; }
  body.mrvip-refined.guest #top-banner { padding: 28px 0 44px; }
  body.mrvip-refined.guest #top-banner .well { padding: 28px 24px; border-radius: 26px; max-width: 480px; margin-inline: auto; }
  body.mrvip-refined.guest #top-banner .well h4 { font-size: 24px; margin-bottom: 24px; }
  body.mrvip-refined #top-banner.mrvip-signin .row.flex-row { gap: 40px; }
  body.mrvip-refined #top-banner.mrvip-signin .top-stats { display: flex; gap: 18px; margin-bottom: 0; }
  body.mrvip-refined #top-banner.mrvip-signin .top-stats li { width: auto; padding: 0; font-size: 13px; }
  body.mrvip-refined .mrvip-signup .row.flex-row { flex-direction: column; align-items: stretch; gap: 36px; }
  body.mrvip-refined .mrvip-signup .row.flex-row > .col-md-6 { width: 100%; }
  body.mrvip-refined .mrvip-signup-form-column { order: -1; }
  body.mrvip-refined .mrvip-signup-intro { padding: 0 24px; }
  body.mrvip-refined .mrvip-signup .top-head { font-size: 30px; }
  body.mrvip-refined .mrvip-signup .top-para { font-size: 15px; margin-top: 18px; }
  body.mrvip-refined .footer-top { padding-top: 30px; }
  body.mrvip-refined .foo-title { margin-top: 8px; }
  body.mrvip-refined .footer-top .col-xs-9,
  body.mrvip-refined .footer-top .col-xs-3 { width: 100%; float: none; }
  body.mrvip-refined .footer-top .col-xs-9 > .row { margin-inline: 0; }
  body.mrvip-refined .review-starts { display: flex; flex-wrap: wrap; }
}
@media (max-width: 380px) {
  body.mrvip-refined.guest #top-banner .well { padding-inline: 20px; }
  body.mrvip-refined.guest #module-captcha { padding-right: 0 !important; }
  body.mrvip-refined.guest #module-captcha .modal-dialog { margin: 10px 6px; }
  body.mrvip-refined.guest #module-captcha .modal-body { padding: 12px 0 !important; }
  body.mrvip-refined .brand-company .col-3,
  body.mrvip-refined.guest .brand-company .col-3 { flex-basis: calc((100% - 6px) / 2); max-width: calc((100% - 6px) / 2); }
}
@media (max-width: 991px) {
  body.mrvip-refined .new-stats > .container-fluid > .row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  body.mrvip-refined .new-stats > .container-fluid > .row > div:last-child { grid-column: 1 / -1; order: -1; }
  body.mrvip-refined .new-stats .new-stat-box2 { display: flex; flex-wrap: wrap; gap: 3px 24px; }
  body.mrvip-refined .new-stats .new-stat-box2 h4 { width: 100%; font-size: 18px; margin-bottom: 3px; }
  body.mrvip-refined .new-stats .new-stat-box2 .user-balance,
  body.mrvip-refined .new-stats .new-stat-box2 .user-spent { margin: 0; }
}
@media (max-width: 767px) {
  body.mrvip-refined .serv-filter { padding-top: 20px; }
  body.mrvip-refined .serv-filter .brand-company { margin-bottom: 14px; }
  body.mrvip-refined .serv-filter .brand-company .col-3,
  body.mrvip-refined .new-filter .brand-company .col-3 { flex-basis: auto; max-width: none; }
  body.mrvip-refined .serv-filter .media.brand-category,
  body.mrvip-refined .new-filter .media.brand-category { padding-inline: 10px; min-height: 44px; }
  body.mrvip-refined .serv-filter > :is(.container, .container-fluid) > .row:nth-child(2) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 10px; }
  body.mrvip-refined .serv-filter > :is(.container, .container-fluid) > .row:nth-child(2) > .col-md-8 { grid-column: 1 / -1; }
  body.mrvip-refined .serv-filter .btn.btn-primary.dropdown-toggle { min-height: 44px; height: auto; font-size: 14px; padding: 10px 12px; }
  body.mrvip-refined .servgrid .grid-header { display: none; }
  body.mrvip-refined .servgrid .grid-item:not(.cate-name-item),
  body.mrvip-refined .servgrid:has(.grid-header .avrg) .grid-item:not(.cate-name-item) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; padding: 18px; }
  body.mrvip-refined .servgrid .grid-item:not(.cate-name-item) > div { padding: 0; border: 0; position: static; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; text-align: left; font-size: 13px; line-height: 1.6; }
  body.mrvip-refined .servgrid .grid-item:not(.cate-name-item) > div::before { position: static; transform: none; width: auto; height: auto; padding: 0; display: block; color: var(--mrvip-muted); font-size: 12px; font-weight: 400; line-height: 1.6; text-align: left; margin-bottom: 3px; }
  body.mrvip-refined .servgrid .grid-item [data-filter-table-service-id] { grid-column: 1; grid-row: 1; justify-content: center !important; }
  body.mrvip-refined .servgrid .grid-item [data-filter-table-service-id]::before { display: none !important; }
  body.mrvip-refined .servgrid .grid-item [data-filter-table-service-name] { grid-column: 1 / -1; grid-row: 2; color: var(--mrvip-text); font-size: 15px !important; font-weight: 600; line-height: 1.7; margin-block: 2px 5px; }
  body.mrvip-refined .servgrid .grid-item [data-filter-table-service-name]::before { display: none !important; }
  body.mrvip-refined .servgrid .grid-item:not(.cate-name-item) > div:nth-child(3) { grid-column: 1 / -1; grid-row: 3; font-size: 18px; font-weight: 600; }
  body.mrvip-refined .servgrid .grid-item:not(.cate-name-item) > div:nth-child(4) { grid-column: 1; grid-row: 4; }
  body.mrvip-refined .servgrid .grid-item:not(.cate-name-item) > div:nth-child(5) { grid-column: 2; grid-row: 4; }
  body.mrvip-refined .servgrid .grid-item:not(.cate-name-item) > div:has(> .btn[data-toggle="modal"]) { grid-column: 2; grid-row: 1; align-items: flex-end; justify-content: center; }
  body.mrvip-refined .servgrid .grid-item:not(.cate-name-item) > div:has(> .btn[data-toggle="modal"])::before { display: none; }
  body.mrvip-refined .servgrid .grid-item:not(.cate-name-item) > div.nowrap { grid-column: 1 / -1; grid-row: 5; }
  body.mrvip-refined .servgrid .grid-item.cate-name-item { padding: 18px 4px 6px; }
  body.mrvip-refined .servgrid .grid-item.cate-name-item .cate-name { font-size: 17px; font-weight: 650; text-align: left; padding: 0; justify-content: flex-start; line-height: 1.65; }
  body.mrvip-refined .servgrid .grid-item.cate-name-item .cate-name::before { display: none; }
  body.mrvip-refined .servgrid .grid-item .btn.btn-primary { border: 1px solid var(--mrvip-line); font-size: 13px; padding: 9px 14px; border-radius: 13px; min-height: 44px; }
  body.mrvip-refined .new-stats > .container-fluid > .row { gap: 14px 10px; margin-bottom: 16px; }
  body.mrvip-refined .new-stats > .container-fluid > .row > div { padding-inline: 5px; }
  body.mrvip-refined .new-stats .new-stat-box { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: start; gap: 9px; }
  body.mrvip-refined .new-stats .new-stat-img { padding: 0; width: 48px; }
  body.mrvip-refined .new-stats .new-stat-img .full-logo,
  body.mrvip-refined .new-stats .point-badge { width: 48px; max-width: 48px; }
  body.mrvip-refined .new-stats .new-stat-content h4 { font-size: 12px; margin-bottom: 4px; }
  body.mrvip-refined .new-stats .new-stat-content h5 { font-size: 16px; font-weight: 650; }
  body.mrvip-refined .new-stats .new-stat-content p { font-size: 12px; line-height: 1.6; }
  body.mrvip-refined .new-stats .new-stat-content .progress { margin-block: 8px 5px; }
  body.mrvip-refined .new-stats .new-stat-content .bar-wrap { margin: 1px 0; }
  body.mrvip-refined .new-stats .point-stats { font-size: 11px; white-space: nowrap; }
  body.mrvip-refined .new-stats .points-btn { width: 24px; height: 24px; margin-left: 3px; font-size: 10px; }
  body.mrvip-refined .new-stats .point-box .btn.btn-primary { min-height: 36px; font-size: 11px; padding: 7px 9px; margin-block: 5px 3px; border-radius: 11px; }
  body.mrvip-refined .new-stats .new-stat-box2 { gap: 4px 14px; margin-bottom: 1px; }
  body.mrvip-refined .new-stats .new-stat-box2 h4 { font-size: 17px; text-align: left; }
  body.mrvip-refined .new-stats .user-balance,
  body.mrvip-refined .new-stats .user-spent { font-size: 12px; text-align: left; }
  body.mrvip-refined .new-stats .new-stat-box2 img { width: 18px; margin-right: 4px; }
  body.mrvip-refined .new-filter .currency-stats { gap: 15px; margin-bottom: 11px; padding-bottom: 7px; }
  body.mrvip-refined .new-filter .currency-stats .badge { min-width: 80px; font-size: 11px; padding-block: 1px; }
  body.mrvip-refined .new-filter .brand-company { margin-bottom: 14px; }
  body.mrvip-refined #main-order-page .well-tab .nav.nav-tabs { gap: 1px; padding: 8px; }
  body.mrvip-refined #main-order-page .well-tab .nav-tabs > li > a { padding: 10px 9px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  body.mrvip-refined .btn,
  body.mrvip-refined .navbar-nav > li > a,
  body.mrvip-refined .media.brand-category { transition: none; }
  body.mrvip-refined .count,
  body.mrvip-refined .loader-main::after { animation: none; }
}


/* MRVIP authentication copy/layout companion to the revised native signin.twig. */
body.mrvip-refined #top-banner.mrvip-signin .row.flex-row {
  align-items: center;
  gap: 44px;
}
body.mrvip-refined #top-banner.mrvip-signin .row.flex-row > .col-md-6 {
  width: calc((100% - 44px) / 2);
  min-width: 0;
}
body.mrvip-refined #top-banner.mrvip-signin .mrvip-auth-intro { padding-right: 36px; }
body.mrvip-refined .mrvip-auth-intro .mrvip-auth-eyebrow {
  color: var(--mrvip-yellow);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .18em;
  margin: 0 0 24px;
}
body.mrvip-refined .mrvip-auth-intro h1 {
  color: var(--mrvip-text);
  font-weight: 650;
  font-size: clamp(38px, 4.2vw, 58px);
  line-height: 1.18;
  letter-spacing: -.025em;
  margin: 0 0 26px;
}
body.mrvip-refined .mrvip-auth-intro > p:not(.mrvip-auth-eyebrow) {
  color: var(--mrvip-muted);
  font-size: 17px;
  line-height: 1.85;
  max-width: 360px;
  margin: 0 0 28px;
}
body.mrvip-refined .mrvip-auth-explore {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 44px;
  color: var(--mrvip-link);
  font-weight: 550;
  font-size: 15px;
  padding-block: 8px;
  text-decoration: none;
}
body.mrvip-refined .mrvip-auth-explore:hover { color: var(--mrvip-text); }
body.mrvip-refined .mrvip-auth-explore:hover > span { transform: translateX(3px); }
body.mrvip-refined .mrvip-auth-explore > span { transition: transform .15s ease; }
body.mrvip-refined #top-banner.mrvip-signin .well h2 { margin: 0 0 10px; font-size: 29px; }
body.mrvip-refined.guest #top-banner.mrvip-signin .well > .mrvip-signup-help {
  color: var(--mrvip-muted);
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 28px;
  font-weight: 400;
}
body.mrvip-refined.guest .content-sec { padding: 60px 0; }
body.mrvip-refined.guest .content-sec .row { display: flex; align-items: center; }
body.mrvip-refined.guest .content-sec .row > div { min-width: 0; }
body.mrvip-refined.guest .content-sec img { display: block; max-width: 100%; height: auto; margin-inline: auto; }
body.mrvip-refined.guest .main-head {
  color: var(--mrvip-text);
  background: none;
  -webkit-text-fill-color: currentColor;
  font-weight: 650;
  line-height: 1.3;
  font-size: 30px;
  margin-bottom: 22px;
}
body.mrvip-refined.guest .main-text { color: var(--mrvip-muted); line-height: 1.85; font-size: 16px; }
body.mrvip-refined.guest .low-box { background: var(--mrvip-surface); border-color: var(--mrvip-line); border-radius: 24px; color: var(--mrvip-text); }
body.mrvip-refined.guest .low-box h3 { color: var(--mrvip-text); background: none; -webkit-text-fill-color: currentColor; }
@media (min-width: 768px) and (max-width: 991px) {
  body.mrvip-refined #top-banner.mrvip-signin .row.flex-row { gap: 20px; }
  body.mrvip-refined #top-banner.mrvip-signin .row.flex-row > .col-md-6 { width: calc((100% - 20px) / 2); }
  body.mrvip-refined #top-banner.mrvip-signin .mrvip-auth-intro { padding-right: 10px; }
  body.mrvip-refined .mrvip-auth-intro h1 { font-size: 40px; }
}
@media (max-width: 767px) {
  body.mrvip-refined #top-banner.mrvip-signin > .container > .row:first-child { margin-top: 0; }
  body.mrvip-refined #top-banner.mrvip-signin .row.flex-row { gap: 40px; flex-direction: column; align-items: stretch; }
  body.mrvip-refined #top-banner.mrvip-signin .row.flex-row > .col-md-6 { width: 100%; }
  body.mrvip-refined #top-banner.mrvip-signin .mrvip-signup-form-column { order: -1; }
  body.mrvip-refined #top-banner.mrvip-signin .mrvip-auth-intro { padding: 0 24px; }
  body.mrvip-refined .mrvip-auth-intro .mrvip-auth-eyebrow { margin-bottom: 17px; }
  body.mrvip-refined .mrvip-auth-intro h1 { font-size: 34px; line-height: 1.25; margin-bottom: 20px; }
  body.mrvip-refined .mrvip-auth-intro > p:not(.mrvip-auth-eyebrow) { font-size: 15px; margin-bottom: 16px; }
  body.mrvip-refined .mrvip-auth-explore { font-size: 14px; }
  body.mrvip-refined #top-banner.mrvip-signin .well h2 { font-size: 27px; }
  body.mrvip-refined.guest .content-sec { padding: 36px 0; }
  body.mrvip-refined.guest .content-sec .row { flex-direction: column; gap: 28px; }
  body.mrvip-refined.guest .content-sec .row > div { width: 100%; }
  body.mrvip-refined.guest .main-head { font-size: 26px; }
  body.mrvip-refined.guest .main-text { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  body.mrvip-refined .mrvip-auth-explore > span { transition: none; }
}


/* MRVIP refinements grounded in the first native preview, 2026-10-01. */
body.mrvip-refined .nav.nav-pills.order-pills {
  display: flex;
  flex-wrap: nowrap !important;
  justify-content: flex-start;
  gap: 6px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding: 2px 0 8px;
  margin-bottom: 16px;
  max-width: 100%;
  scrollbar-width: thin;
  scrollbar-color: var(--mrvip-line) transparent;
}
/* Paired reference facts are aligned text, rather than separate purple pills. */
body.mrvip-refined .apigrid1 .grid-item {
  grid-template-columns: minmax(120px, 38%) minmax(0, 1fr);
  gap: 8px 16px;
  background: transparent;
  border: 0;
  padding: 0;
}
body.mrvip-refined .apigrid1 .grid-item > div {
  min-width: 0;
  min-height: 36px;
  padding: 6px 0;
  justify-content: flex-start;
  align-items: flex-start;
  background: transparent;
  color: var(--mrvip-text);
  border: 0;
  border-radius: 0;
  font-size: 14px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
body.mrvip-refined .apigrid1 .grid-item > .link-item { color: var(--mrvip-muted); font-size: 13px; }
body.mrvip-refined pre {
  background: var(--mrvip-control);
  color: var(--mrvip-text);
  border: 1px solid var(--mrvip-line);
  border-radius: 16px;
  padding: 16px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  line-height: 1.7;
  overflow: auto;
}
body.mrvip-refined .well img,
body.mrvip-refined .well-tab .tab-content img { max-width: 100%; height: auto; }
/* Status labels remain small semantic indicators, with no state gradients. */
body.mrvip-refined .label-badge {
  background: var(--mrvip-raised) !important;
  color: var(--mrvip-text) !important;
  -webkit-text-fill-color: currentColor;
  min-width: 0 !important;
  max-width: none;
}
body.mrvip-refined .label-badge.label-completed,
body.mrvip-refined .label-badge.label-answered,
body.mrvip-refined .label-badge.label-已完成 { background: var(--mrvip-selected) !important; color: var(--mrvip-link) !important; }
body.mrvip-refined .label-badge.label-processing,
body.mrvip-refined .label-badge.label-inprogress,
body.mrvip-refined .label-badge.label-进行中,
body.mrvip-refined .label-badge.label-处理中 { background: var(--mrvip-info-surface) !important; color: var(--mrvip-info) !important; }
body.mrvip-refined .label-badge.label-canceled,
body.mrvip-refined .label-badge.label-closed,
body.mrvip-refined .label-badge.label-partial,
body.mrvip-refined .label-badge.label-已取消,
body.mrvip-refined .label-badge.label-已到期,
body.mrvip-refined .label-badge.label-部分退款 { background: var(--mrvip-danger-surface) !important; color: var(--mrvip-danger) !important; }
@media (max-width: 767px) {
  body.mrvip-refined.dashboard .nav.navbar-nav.navbar-mobile > li > a {
    min-height: 44px;
    padding: 10px 14px;
    gap: 10px;
    justify-content: flex-start;
    background: transparent;
    color: var(--navigation-text);
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: currentColor;
  }
  body.mrvip-refined.dashboard .nav.navbar-nav.navbar-mobile > li > a::after { display: none; }
  body.mrvip-refined.dashboard .nav.navbar-nav.navbar-mobile > li > a:hover,
  body.mrvip-refined.dashboard .nav.navbar-nav.navbar-mobile > li > a:focus-visible { background: var(--navigation-hover); color: var(--navigation-text); }
  body.mrvip-refined.dashboard .nav.navbar-nav.navbar-mobile > li.active > a { background: var(--navigation-brand-soft); color: var(--navigation-brand); }
  body.mrvip-refined.dashboard .nav.navbar-nav.navbar-mobile .mob-menu-icon {
    flex: 0 0 28px;
    order: 0;
    background: transparent !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor;
    border: 0;
    border-radius: 0;
  }
  body.mrvip-refined .historygrid .grid-header,
  body.mrvip-refined .paymentgrid .grid-header,
  body.mrvip-refined .ticketgrid .grid-header { display: none; }
  body.mrvip-refined .historygrid .grid-item,
  body.mrvip-refined .paymentgrid .grid-item,
  body.mrvip-refined .ticketgrid .grid-item { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; padding: 18px; }
  body.mrvip-refined .historygrid .grid-item > div,
  body.mrvip-refined .paymentgrid .grid-item > div,
  body.mrvip-refined .ticketgrid .grid-item > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    min-width: 0;
    padding: 0;
    border: 0;
    text-align: left;
    font-size: 14px;
    line-height: 1.65;
    overflow-wrap: anywhere;
  }
  body.mrvip-refined .historygrid .grid-item > div::before,
  body.mrvip-refined .paymentgrid .grid-item > div::before,
  body.mrvip-refined .ticketgrid .grid-item > div::before {
    content: attr(data-mob-name);
    display: block;
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin-bottom: 4px;
    transform: none;
    color: var(--mrvip-muted);
    text-align: left;
    font-size: 12px;
    line-height: 1.6;
    font-weight: 400;
  }
  body.mrvip-refined .historygrid .grid-item > div:nth-child(n + 5) { grid-column: 1 / -1; }
  body.mrvip-refined .ticketgrid .grid-item > div:nth-child(1) { order: 0; }
  body.mrvip-refined .ticketgrid .grid-item > div:nth-child(2) { order: 2; grid-column: 1 / -1; }
  body.mrvip-refined .ticketgrid .grid-item > div:nth-child(3) { order: 1; }
  body.mrvip-refined .ticketgrid .grid-item > div:nth-child(4) { order: 3; grid-column: 1 / -1; color: var(--mrvip-muted); font-size: 13px; }
  body.mrvip-refined .historygrid .grid-item > div .nowrap,
  body.mrvip-refined .ticketgrid .grid-item > div .nowrap { white-space: normal; }
  body.mrvip-refined .apigrid1 .grid-item { grid-template-columns: minmax(96px, 36%) minmax(0, 1fr); gap: 10px 12px; }
}
body.mrvip-refined .nav.nav-pills.order-pills > li {
  flex: 0 0 auto !important;
  max-width: none !important;
  margin: 0;
}
body.mrvip-refined .order-pills > li > a,
body.mrvip-refined .order-pills > li.all-pill > a,
body.mrvip-refined .order-pills > li.pending-pill > a,
body.mrvip-refined .order-pills > li.inprogress-pill > a,
body.mrvip-refined .order-pills > li.active-pill > a,
body.mrvip-refined .order-pills > li.completed-pill > a,
body.mrvip-refined .order-pills > li.partial-pill > a,
body.mrvip-refined .order-pills > li.processing-pill > a,
body.mrvip-refined .order-pills > li.canceled-pill > a {
  background: transparent !important;
  color: var(--mrvip-muted) !important;
  -webkit-text-fill-color: currentColor;
  border: 0;
  border-radius: 13px;
  min-width: 0;
  min-height: 44px;
  padding: 11px 16px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 550;
  white-space: nowrap;
  filter: none;
}
body.mrvip-refined .order-pills > li > a:hover,
body.mrvip-refined .order-pills > li > a:focus-visible { background: var(--mrvip-raised) !important; color: var(--mrvip-text) !important; }
body.mrvip-refined .order-pills > li.active > a,
body.mrvip-refined .order-pills > li > a[aria-current="page"] { background: var(--mrvip-yellow) !important; color: var(--on-brand) !important; font-weight: 650; }
body.mrvip-refined #history-search,
body.mrvip-refined #history-search .searchgrp { width: 100%; max-width: 100%; min-width: 0; }
body.mrvip-refined #history-search .searchgrp { display: flex; align-items: center; }
body.mrvip-refined #history-search .searchgrp .form-control { min-width: 0; width: 0; flex: 1 1 auto; }
body.mrvip-refined #history-search .input-group-btn { flex: 0 0 44px; width: 44px; }
body.mrvip-refined .order-box { padding: 18px; }
body.mrvip-refined .order-box-top,
body.mrvip-refined .order-box-middle,
body.mrvip-refined .order-box-bottom { border: 0 !important; padding: 0; gap: 12px; }
body.mrvip-refined .order-box-middle { margin-top: 14px; }
body.mrvip-refined .order-box-bottom { margin-top: 14px; }
body.mrvip-refined .order-top-left,
body.mrvip-refined .order-middle-left,
body.mrvip-refined .order-bottom-left { min-width: 0; gap: 16px; }
body.mrvip-refined .order-top-left > div:first-child,
body.mrvip-refined .order-middle-left > div:first-child,
body.mrvip-refined .order-bottom-left > div:first-child { min-width: 0; }
body.mrvip-refined .order-top-left .order-id { flex: 0 0 auto; }
body.mrvip-refined .order-top-left .order-service { flex: 1 1 auto; min-width: 0; font-size: 14px; line-height: 1.65; }
body.mrvip-refined .order-middle-left .order-date { flex: 0 0 95px; color: var(--mrvip-muted); font-size: 12px; line-height: 1.6; }
body.mrvip-refined .order-middle-left .order-link { flex: 1 1 auto; min-width: 0; }
body.mrvip-refined .order-bottom-left { flex-wrap: wrap; font-size: 13px; color: var(--mrvip-muted); }
body.mrvip-refined .order-box .label-badge { background: var(--mrvip-raised) !important; color: var(--mrvip-text) !important; -webkit-text-fill-color: currentColor; line-height: 1.5; max-width: none; min-width: 0 !important; padding: 6px 10px; }
body.mrvip-refined .order-box .order-id .label-badge { color: var(--mrvip-muted) !important; background: transparent !important; padding: 3px 0; font-weight: 550; }
body.mrvip-refined .order-box .label-badge.label-completed,
body.mrvip-refined .order-box .label-badge.label-已完成 { background: var(--mrvip-selected) !important; color: var(--mrvip-link) !important; }
body.mrvip-refined .order-box .label-badge.label-canceled,
body.mrvip-refined .order-box .label-badge.label-closed,
body.mrvip-refined .order-box .label-badge.label-partial,
body.mrvip-refined .order-box .label-badge.label-已取消,
body.mrvip-refined .order-box .label-badge.label-已到期,
body.mrvip-refined .order-box .label-badge.label-部分退款 { background: var(--mrvip-danger-surface) !important; color: var(--mrvip-danger) !important; }
body.mrvip-refined .order-box .order-action .btn.btn-primary { background: var(--mrvip-raised) !important; color: var(--mrvip-text) !important; -webkit-text-fill-color: currentColor; border: 0; }
body.mrvip-refined .order-box .order-action .btn.btn-primary:hover { background: var(--mrvip-selected) !important; }
body.mrvip-refined.dashboard .mode .menu-icon,
body.mrvip-refined.dashboard .update .menu-icon,
body.mrvip-refined.dashboard .menu-icon.currencySymbol,
body.mrvip-refined.dashboard .menu-icon.profPic,
body.mrvip-refined.dashboard .lang .menu-icon,
body.mrvip-refined.dashboard .opt-drop .btn.btn-default .menu-icon,
body.mrvip-refined.dashboard .feat-drop .btn.btn-default .menu-icon {
  background: transparent !important;
  color: var(--navigation-text) !important;
  border-color: transparent !important;
  box-shadow: none;
}
@media (max-width: 767px) {
  body.mrvip-refined.dashboard .navbar > .container-fluid { padding-inline: 8px; }
  body.mrvip-refined.dashboard .navbar-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 4px; min-height: 68px; padding: 10px 0; margin-inline: 0; width: 100%; }
  body.mrvip-refined.dashboard .navbar-header::before,
  body.mrvip-refined.dashboard .navbar-header::after { display: none; }
  body.mrvip-refined.dashboard .navbar-header > .navbar-brand { order: 0; flex: 0 1 auto; float: none; width: clamp(104px, 34vw, 144px); max-width: 144px; min-width: 104px; height: auto; padding: 0; margin: 0; }
  body.mrvip-refined.dashboard .navbar-header > .navbar-brand img { display: block; width: 100%; max-width: 100%; height: auto; }
  body.mrvip-refined.dashboard .navbar-header > .brand-right { order: 1; display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: 3px; float: none; padding: 0; margin: 0; }
  body.mrvip-refined.dashboard .brand-right > .mode.mmode,
  body.mrvip-refined.dashboard .brand-right > .feat-drop,
  body.mrvip-refined.dashboard .brand-right > .opt-drop { display: block; }
  body.mrvip-refined.dashboard .brand-right > .mode.mmode > .toggle,
  body.mrvip-refined.dashboard .brand-right .btn.btn-default,
  body.mrvip-refined.dashboard .brand-right .navbar-toggle { display: flex; align-items: center; justify-content: center; min-width: 40px; width: 40px; min-height: 44px; height: 44px; padding: 6px; margin: 0; border: 0; border-radius: 12px; background: transparent !important; color: var(--navigation-text) !important; line-height: 1; }
  body.mrvip-refined.dashboard .brand-right > .mode.mmode > .toggle:hover,
  body.mrvip-refined.dashboard .brand-right .btn.btn-default:hover,
  body.mrvip-refined.dashboard .brand-right .navbar-toggle:hover { background: var(--navigation-hover) !important; color: var(--navigation-text) !important; }
  body.mrvip-refined.dashboard .brand-right .menu-icon,
  body.mrvip-refined.dashboard .brand-right .opt-drop .btn.btn-default .menu-icon,
  body.mrvip-refined.dashboard .brand-right .feat-drop .btn.btn-default .menu-icon { width: 28px; height: 28px; min-width: 0; line-height: 28px; font-size: 18px; }
  body.mrvip-refined.dashboard .brand-right .navbar-toggle { display: block; }
  body.mrvip-refined.dashboard .brand-right .navbar-toggle .icon-bar { width: 21px; height: 2px; margin-inline: auto; background: var(--navigation-text); }
  body.mrvip-refined .order-box { padding: 18px; }
  body.mrvip-refined .order-box-top { grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 10px; }
  body.mrvip-refined .order-top-left { flex-direction: column; align-items: flex-start; gap: 7px; }
  body.mrvip-refined .order-top-left .order-service { width: 100%; font-size: 14px; }
  body.mrvip-refined .order-top-right { min-width: 0; max-width: 94px; }
  body.mrvip-refined .order-box .order-status .label-badge { font-size: 12px; padding: 6px 8px; white-space: normal; }
  body.mrvip-refined .order-box-middle { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  body.mrvip-refined .order-middle-left { flex-direction: column; align-items: flex-start; gap: 5px; }
  body.mrvip-refined .order-middle-left .order-date { flex: 0 0 auto; }
  body.mrvip-refined .order-middle-right { justify-content: flex-start; font-size: 13px; }
  body.mrvip-refined .order-box-bottom { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  body.mrvip-refined .order-bottom-left { gap: 5px 14px; }
  body.mrvip-refined .order-bottom-right { min-width: 0; }
}


/* MRVIP Drip Feed palette companion, 2026-10-01.
   Only colors, borders and control emphasis change. Native dialog layering,
   focus geometry, scrolling, content, status data and cancellation flow stay intact. */
body.mrvip-refined #mrvip-drip-root {
  --drip-page: var(--mrvip-page);
  --drip-panel: var(--mrvip-surface);
  --drip-modal: var(--mrvip-surface);
  --drip-raised: var(--mrvip-raised);
  --drip-control: var(--mrvip-control);
  --drip-text: var(--mrvip-text);
  --drip-secondary: var(--mrvip-muted);
  --drip-gold: var(--mrvip-yellow);
  --drip-danger: var(--danger);
  --drip-danger-hover: var(--danger-hover);
  --drip-success: var(--success);
  --drip-success-soft: var(--success-soft);
  --surface: var(--mrvip-surface);
  --line: var(--mrvip-line);
  --muted: var(--mrvip-muted);
  --gold: var(--mrvip-link);
  --gold-line: var(--mrvip-line);
  --rose: var(--mrvip-danger);
  background: var(--mrvip-page);
  color: var(--mrvip-text);
  font-family: var(--mrvip-font);
  color-scheme: inherit;
}
body.mrvip-refined.daymode #mrvip-drip-root { --drip-success: var(--success); --drip-success-soft: var(--success-soft); }
body.mrvip-refined #mrvip-drip-root button:focus-visible,
body.mrvip-refined #mrvip-drip-root a:focus-visible,
body.mrvip-refined #mrvip-drip-root input:focus-visible,
body.mrvip-refined #mrvip-drip-root select:focus-visible { outline-color: var(--mrvip-link); }
body.mrvip-refined #mrvip-drip-root .page-shell h1,
body.mrvip-refined #mrvip-drip-root .ledger .order-meta strong,
body.mrvip-refined #mrvip-drip-root .ledger .service-line,
body.mrvip-refined #mrvip-drip-root .ledger .run-value,
body.mrvip-refined #mrvip-drip-root .ledger .run-sequence .run-value strong,
body.mrvip-refined #mrvip-drip-root .ledger .run-sequence .run-total strong,
body.mrvip-refined #mrvip-drip-root .ledger .stat-cell,
body.mrvip-refined #mrvip-drip-root .ledger .ledger-count,
body.mrvip-refined #mrvip-drip-root .ledger .page-number { color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .ledger .task-cell,
body.mrvip-refined #mrvip-drip-root .ledger .run-value strong,
body.mrvip-refined #mrvip-drip-root .ledger .run-total strong,
body.mrvip-refined #mrvip-drip-root .ledger .planned-quantity,
body.mrvip-refined #mrvip-drip-root .ledger .planned-quantity strong,
body.mrvip-refined #mrvip-drip-root .ledger .generated-quantity,
body.mrvip-refined #mrvip-drip-root .ledger .generated-quantity strong,
body.mrvip-refined #mrvip-drip-root .ledger .page-position strong { color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .page-introduction > p,
body.mrvip-refined #mrvip-drip-root .ledger .category-value,
body.mrvip-refined #mrvip-drip-root .ledger .field-prefix,
body.mrvip-refined #mrvip-drip-root .ledger .run-prefix,
body.mrvip-refined #mrvip-drip-root .ledger .run-total > span,
body.mrvip-refined #mrvip-drip-root .ledger .run-label,
body.mrvip-refined #mrvip-drip-root .ledger .execution-label,
body.mrvip-refined #mrvip-drip-root .ledger .quantity-label,
body.mrvip-refined #mrvip-drip-root .ledger .quantity-unit,
body.mrvip-refined #mrvip-drip-root .ledger .mobile-cell-label,
body.mrvip-refined #mrvip-drip-root .ledger .per-run,
body.mrvip-refined #mrvip-drip-root .ledger .order-meta time,
body.mrvip-refined #mrvip-drip-root .ledger .page-result,
body.mrvip-refined #mrvip-drip-root .ledger .page-position,
body.mrvip-refined #mrvip-drip-root .ledger .cancellation-note,
body.mrvip-refined #mrvip-drip-root .ledger .cancellation-note > .fas { color: var(--mrvip-muted); }
body.mrvip-refined #mrvip-drip-root .ledger .page-summary,
body.mrvip-refined #mrvip-drip-root .ledger .page-range,
body.mrvip-refined #mrvip-drip-root .ledger .page-ellipsis,
body.mrvip-refined #mrvip-drip-root .ledger .run-separator,
body.mrvip-refined #mrvip-drip-root .ledger .no-action,
body.mrvip-refined #mrvip-drip-root .ledger .order-meta time > .fas,
body.mrvip-refined #mrvip-drip-root .order-id-label { color: var(--mrvip-muted); }
body.mrvip-refined #mrvip-drip-root .ledger .execution-cell .quantity-summary .quantity-value { color: var(--mrvip-link); }
body.mrvip-refined #mrvip-drip-root .ledger .order-table,
body.mrvip-refined #mrvip-drip-root .ledger .order-row { background: var(--mrvip-surface); border-color: var(--mrvip-line); }
body.mrvip-refined #mrvip-drip-root .ledger .table-head { background: var(--mrvip-raised); color: var(--mrvip-muted); border-bottom-color: var(--mrvip-line); }
body.mrvip-refined #mrvip-drip-root .ledger .target-line a,
body.mrvip-refined #mrvip-drip-root .ledger a.target-link,
body.mrvip-refined #mrvip-drip-root .orders-dialog .detail-link > a { color: var(--mrvip-info); }
body.mrvip-refined #mrvip-drip-root .ledger .target-line a > .fas,
body.mrvip-refined #mrvip-drip-root .ledger a.target-link > .fas,
body.mrvip-refined #mrvip-drip-root .orders-dialog .detail-link > a > .fas { color: currentColor; }
body.mrvip-refined #mrvip-drip-root .ledger .target-line a:hover,
body.mrvip-refined #mrvip-drip-root .ledger a.target-link:hover,
body.mrvip-refined #mrvip-drip-root .orders-dialog .detail-link > a:hover { color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .ledger .target-line .target-value { color: var(--mrvip-muted); }
body.mrvip-refined #mrvip-drip-root .ledger .search-box { background: var(--mrvip-control); border: 1px solid var(--mrvip-line); box-shadow: none; }
body.mrvip-refined #mrvip-drip-root .ledger .search-box:focus-within { background: var(--mrvip-control); border-color: var(--mrvip-link); box-shadow: none; }
body.mrvip-refined #mrvip-drip-root .ledger .search-box input { background: transparent; color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .ledger .search-box input::placeholder { color: var(--mrvip-muted); }
body.mrvip-refined #mrvip-drip-root .ledger .search-clear,
body.mrvip-refined #mrvip-drip-root .ledger .search-paste,
body.mrvip-refined #mrvip-drip-root .ledger .search-submit { background: transparent; color: var(--mrvip-muted); border-color: transparent; box-shadow: none; }
body.mrvip-refined #mrvip-drip-root .ledger .search-clear:hover,
body.mrvip-refined #mrvip-drip-root .ledger .search-paste:hover,
body.mrvip-refined #mrvip-drip-root .ledger .search-submit:hover { background: var(--mrvip-raised); color: var(--mrvip-text); border-color: transparent; }
body.mrvip-refined #mrvip-drip-root .ledger .copy-button,
body.mrvip-refined #mrvip-drip-root .ledger .target-line .copy-link,
body.mrvip-refined #mrvip-drip-root .orders-dialog .detail-link > .copy-button { background: transparent; color: var(--mrvip-muted); border-color: transparent; box-shadow: none; }
body.mrvip-refined #mrvip-drip-root .ledger .copy-button:hover,
body.mrvip-refined #mrvip-drip-root .ledger .target-line .copy-link:hover,
body.mrvip-refined #mrvip-drip-root .orders-dialog .detail-link > .copy-button:hover { background: var(--mrvip-raised); color: var(--mrvip-text); border-color: var(--mrvip-line); }
body.mrvip-refined #mrvip-drip-root .ledger .copy-button:active,
body.mrvip-refined #mrvip-drip-root .ledger .target-line .copy-link:active,
body.mrvip-refined #mrvip-drip-root .orders-dialog .detail-link > .copy-button:active { background: var(--mrvip-selected); color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .ledger .copy-button > .fas,
body.mrvip-refined #mrvip-drip-root .ledger .target-line .copy-link > .fas,
body.mrvip-refined #mrvip-drip-root .orders-dialog .detail-link > .copy-button > .fas { color: currentColor; }
body.mrvip-refined #mrvip-drip-root .ledger .view-orders,
body.mrvip-refined #mrvip-drip-root .ledger .view-orders-mobile { background: transparent; color: var(--mrvip-link); border-color: var(--mrvip-line); box-shadow: none; }
body.mrvip-refined #mrvip-drip-root .ledger .view-orders:hover,
body.mrvip-refined #mrvip-drip-root .ledger .view-orders-mobile:hover { background: var(--mrvip-raised); color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .ledger .view-orders > .fas,
body.mrvip-refined #mrvip-drip-root .ledger .view-orders:hover > .fas,
body.mrvip-refined #mrvip-drip-root .ledger .view-orders:active > .fas { color: currentColor; }
body.mrvip-refined #mrvip-drip-root .ledger .view-orders:active { background: var(--mrvip-selected); color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .ledger .status-tabs { background: transparent; }
body.mrvip-refined #mrvip-drip-root .ledger .status-tabs > :is(a, button) { background: transparent; color: var(--mrvip-muted); border-color: transparent; }
body.mrvip-refined #mrvip-drip-root .ledger .status-tabs > :is(a, button):not(.is-selected):is(:hover, :focus-visible) { background: var(--mrvip-raised); color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .ledger .status-tabs > :is(a, button).is-selected,
body.mrvip-refined #mrvip-drip-root .ledger .status-tabs > :is(a, button).is-selected:hover { background: var(--mrvip-selected); color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .ledger .status-tabs > :is(a, button).is-selected > .fas { color: currentColor; }
body.mrvip-refined #mrvip-drip-root .ledger .status-tabs > :is(a, button) > .fas { color: currentColor; }
body.mrvip-refined #mrvip-drip-root .ledger .state-pill { background: transparent; color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .ledger .state-completed { background: var(--drip-success-soft); color: var(--drip-success); }
body.mrvip-refined #mrvip-drip-root .ledger .state-canceled { background: var(--mrvip-danger-surface); color: var(--mrvip-danger); }
body.mrvip-refined #mrvip-drip-root .ledger .state-active > .fas { color: var(--mrvip-link); }
body.mrvip-refined #mrvip-drip-root .ledger .state-completed > .fas { color: var(--drip-success); }
body.mrvip-refined #mrvip-drip-root .ledger .state-canceled > .fas { color: var(--mrvip-danger); }
body.mrvip-refined #mrvip-drip-root .ledger .cancel-drip,
body.mrvip-refined #mrvip-drip-root .ledger .action-cell .cancel-drip { background: var(--mrvip-danger-surface); border-color: transparent; color: var(--mrvip-danger); box-shadow: none; }
body.mrvip-refined #mrvip-drip-root .ledger .cancel-drip > .fas,
body.mrvip-refined #mrvip-drip-root .ledger .action-cell .cancel-drip > .fas { color: currentColor; }
body.mrvip-refined #mrvip-drip-root .ledger .cancel-drip:hover,
body.mrvip-refined #mrvip-drip-root .ledger .action-cell .cancel-drip:hover { background: var(--drip-danger); color: var(--on-danger); }
body.mrvip-refined #mrvip-drip-root .ledger .cancel-drip:active,
body.mrvip-refined #mrvip-drip-root .ledger .action-cell .cancel-drip:active { background: var(--drip-danger-hover); color: var(--on-danger); }
body.mrvip-refined #mrvip-drip-root .ledger .pagination,
body.mrvip-refined #mrvip-drip-root .ledger .pagination select { color: var(--mrvip-muted); }
body.mrvip-refined #mrvip-drip-root .ledger .pagination select { background: var(--mrvip-control); border-color: var(--mrvip-line); }
body.mrvip-refined #mrvip-drip-root .ledger .page-buttons { background: var(--mrvip-raised); }
body.mrvip-refined #mrvip-drip-root .ledger .page-arrow,
body.mrvip-refined #mrvip-drip-root .ledger .page-select-number { background: transparent; color: var(--mrvip-text); border-color: transparent; }
body.mrvip-refined #mrvip-drip-root .ledger .page-arrow:hover:not(:disabled),
body.mrvip-refined #mrvip-drip-root .ledger .page-select-number:hover { background: var(--mrvip-selected); color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .ledger .page-select-number[aria-current="page"] { background: var(--mrvip-yellow); color: var(--on-brand); }
body.mrvip-refined #mrvip-drip-root .ledger .page-select-number.is-current { background: var(--mrvip-yellow); color: var(--on-brand); }
body.mrvip-refined #mrvip-drip-root .ledger .search-result-note { color: var(--mrvip-muted); }
body.mrvip-refined #mrvip-drip-root .ledger .search-result-note strong { color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .ledger .search-result-note .search-return-actions button,
body.mrvip-refined #mrvip-drip-root .ledger .search-result-note .search-return-actions a { background: transparent; color: var(--mrvip-link); border-color: var(--mrvip-line); box-shadow: none; }
body.mrvip-refined #mrvip-drip-root .ledger .search-result-note .search-return-actions button:hover,
body.mrvip-refined #mrvip-drip-root .ledger .search-result-note .search-return-actions a:hover { background: var(--mrvip-raised); color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .ledger .empty-state { border-color: var(--mrvip-line); color: var(--mrvip-muted); }
body.mrvip-refined #mrvip-drip-root .ledger .empty-state h2 { color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .ledger .empty-state .fa-search { color: var(--mrvip-muted); }

/* A single native dialog hosts both cancellation confirmation and order details. */
body.mrvip-refined #mrvip-drip-root .preview-dialog,
body.mrvip-refined #mrvip-drip-root .orders-dialog,
body.mrvip-refined #mrvip-drip-root .orders-dialog .dialog-heading,
body.mrvip-refined #mrvip-drip-root .orders-dialog .dialog-actions { background: var(--mrvip-surface); border-color: var(--mrvip-line); color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .preview-dialog::backdrop,
body.mrvip-refined #mrvip-drip-root .orders-dialog::backdrop { background-color: var(--backdrop); }
body.mrvip-refined #mrvip-drip-root .dialog-content h2,
body.mrvip-refined #mrvip-drip-root .orders-dialog h2,
body.mrvip-refined #mrvip-drip-root .orders-dialog .details-title-stack h2 { color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .preview-dialog .dialog-icon,
body.mrvip-refined #mrvip-drip-root .orders-dialog .dialog-icon { background: var(--mrvip-raised); color: var(--mrvip-link); border-color: transparent; }
body.mrvip-refined #mrvip-drip-root .preview-dialog .dialog-icon.is-danger { background: var(--mrvip-danger-surface); color: var(--mrvip-danger); }
body.mrvip-refined #mrvip-drip-root .preview-dialog .dialog-eyebrow,
body.mrvip-refined #mrvip-drip-root .orders-dialog .dialog-eyebrow { color: var(--mrvip-muted); }
body.mrvip-refined #mrvip-drip-root .preview-dialog .dialog-eyebrow > span,
body.mrvip-refined #mrvip-drip-root .orders-dialog .dialog-eyebrow > span { background: var(--mrvip-raised); color: var(--mrvip-muted); border-color: var(--mrvip-line); }
body.mrvip-refined #mrvip-drip-root .preview-dialog .dialog-description,
body.mrvip-refined #mrvip-drip-root .preview-dialog .demo-notice,
body.mrvip-refined #mrvip-drip-root .orders-dialog .dialog-description,
body.mrvip-refined #mrvip-drip-root .orders-dialog .demo-notice { color: var(--mrvip-muted); }
body.mrvip-refined #mrvip-drip-root .preview-dialog .dialog-close,
body.mrvip-refined #mrvip-drip-root .preview-dialog .icon-button,
body.mrvip-refined #mrvip-drip-root .preview-dialog .dialog-back,
body.mrvip-refined #mrvip-drip-root .orders-dialog .dialog-actions > .dialog-back,
body.mrvip-refined #mrvip-drip-root .orders-dialog .details-full-link { background: var(--mrvip-raised); color: var(--mrvip-text); border-color: transparent; box-shadow: none; }
body.mrvip-refined #mrvip-drip-root .preview-dialog .dialog-close:hover,
body.mrvip-refined #mrvip-drip-root .preview-dialog .icon-button:hover,
body.mrvip-refined #mrvip-drip-root .preview-dialog .dialog-back:hover,
body.mrvip-refined #mrvip-drip-root .orders-dialog .dialog-actions > .dialog-back:hover,
body.mrvip-refined #mrvip-drip-root .orders-dialog .details-full-link:hover { background: var(--mrvip-selected); color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .preview-dialog .dialog-confirm { background: var(--drip-danger); border-color: transparent; color: var(--on-danger); box-shadow: none; }
body.mrvip-refined #mrvip-drip-root .preview-dialog .dialog-confirm:hover { background: var(--drip-danger-hover); color: var(--on-danger); }
body.mrvip-refined #mrvip-drip-root .preview-dialog .dialog-confirm > .fas { color: var(--on-danger); }
body.mrvip-refined #mrvip-drip-root .preview-dialog .cancel-summary { border-color: var(--mrvip-line); }
body.mrvip-refined #mrvip-drip-root .preview-dialog .cancel-summary span { color: var(--mrvip-muted); }
body.mrvip-refined #mrvip-drip-root .preview-dialog .cancel-summary strong { color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .orders-dialog .detail-service,
body.mrvip-refined #mrvip-drip-root .orders-dialog .orders-overview > div,
body.mrvip-refined #mrvip-drip-root .orders-dialog .orders-overview > .overview-run,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-orders-empty { background: var(--mrvip-raised); border-color: transparent; }
body.mrvip-refined #mrvip-drip-root .orders-dialog .detail-category,
body.mrvip-refined #mrvip-drip-root .orders-dialog .detail-field-label,
body.mrvip-refined #mrvip-drip-root .orders-dialog .plan-fact > span,
body.mrvip-refined #mrvip-drip-root .orders-dialog .finance-item > span,
body.mrvip-refined #mrvip-drip-root .orders-dialog .finance-item > small,
body.mrvip-refined #mrvip-drip-root .orders-dialog .finance-note,
body.mrvip-refined #mrvip-drip-root .orders-dialog .orders-overview > div > span,
body.mrvip-refined #mrvip-drip-root .orders-dialog .orders-overview small,
body.mrvip-refined #mrvip-drip-root .orders-dialog .orders-overview .unit,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-list-title > span:last-child,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-start,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-field-label,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-date time > span,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-orders-empty > p { color: var(--mrvip-muted); }
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-orders-empty > i,
body.mrvip-refined #mrvip-drip-root .orders-dialog .demo-notice > i { color: var(--mrvip-muted); }
body.mrvip-refined #mrvip-drip-root .orders-dialog .detail-field-value,
body.mrvip-refined #mrvip-drip-root .orders-dialog .detail-service-name,
body.mrvip-refined #mrvip-drip-root .orders-dialog .detail-service-name .detail-field-value > strong,
body.mrvip-refined #mrvip-drip-root .orders-dialog .details-subheading,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-list-title,
body.mrvip-refined #mrvip-drip-root .orders-dialog .orders-overview strong,
body.mrvip-refined #mrvip-drip-root .orders-dialog .overview-run strong,
body.mrvip-refined #mrvip-drip-root .orders-dialog .plan-fact > strong,
body.mrvip-refined #mrvip-drip-root .orders-dialog .plan-fact:first-child > strong,
body.mrvip-refined #mrvip-drip-root .orders-dialog .finance-item > strong,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-id,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-id-value,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-start-value,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-quantity,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-quantity > strong,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-charge,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-charge > strong,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-date time > strong,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-orders-empty > strong { color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .orders-dialog .detail-service-name .service-id { background: var(--mrvip-control); color: var(--mrvip-muted); }
body.mrvip-refined #mrvip-drip-root .orders-dialog .finance-summary,
body.mrvip-refined #mrvip-drip-root .orders-dialog .finance-summary > .finance-item,
body.mrvip-refined #mrvip-drip-root .orders-dialog .finance-summary > .finance-item.is-net,
body.mrvip-refined #mrvip-drip-root .orders-dialog .finance-summary > .finance-item.is-refund { background: transparent; border-color: transparent; box-shadow: none; }
body.mrvip-refined #mrvip-drip-root .orders-dialog .finance-item.is-refund > strong { color: var(--drip-success); }
body.mrvip-refined #mrvip-drip-root .orders-dialog .finance-item.is-net > strong { color: var(--mrvip-link); }
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-orders,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-order,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-order:nth-child(odd),
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-order:nth-child(even),
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-order:nth-of-type(even) { background: var(--mrvip-surface); color: var(--mrvip-text); border-color: var(--mrvip-line); }
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-order-head { background: var(--mrvip-surface); color: var(--mrvip-muted); border-color: var(--mrvip-line); }
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-order-state { color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-status-processing,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-status-inprogress { background: var(--mrvip-info-surface); color: var(--mrvip-info); }
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-status-completed { background: var(--drip-success-soft); color: var(--drip-success); }
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-status-pending,
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-status-partial { background: var(--mrvip-selected); color: var(--mrvip-link); }
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-status-canceled { background: var(--mrvip-danger-surface); color: var(--mrvip-danger); }
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-cancel-reason { color: var(--mrvip-text); border-left-color: var(--mrvip-danger); }
body.mrvip-refined #mrvip-drip-root .orders-dialog .child-reason-label { color: var(--mrvip-danger); }
body.mrvip-refined #mrvip-drip-root .orders-dialog .progress-legend .executed,
body.mrvip-refined #mrvip-drip-root .orders-dialog .progress-legend .generated-quantity,
body.mrvip-refined #mrvip-drip-root .ledger .progress-key span:first-child,
body.mrvip-refined #mrvip-drip-root .detail-progress .run-complete,
body.mrvip-refined #mrvip-drip-root .cancel-finance strong { color: var(--drip-success); }
body.mrvip-refined #mrvip-drip-root .orders-dialog .progress-legend .stopped,
body.mrvip-refined #mrvip-drip-root .ledger .progress-key span:last-child { color: var(--mrvip-danger); }
body.mrvip-refined #mrvip-drip-root .progress-legend .executed,
body.mrvip-refined #mrvip-drip-root .run-complete,
body.mrvip-refined #mrvip-drip-root .run-complete > .fas { color: var(--drip-success); }
body.mrvip-refined #mrvip-drip-root .progress-legend .stopped { color: var(--mrvip-danger); }
body.mrvip-refined #mrvip-drip-root .cancel-finance { color: var(--mrvip-muted); }
body.mrvip-refined #mrvip-drip-root .toast { background: var(--mrvip-raised); color: var(--mrvip-text); border-color: var(--mrvip-line); }
body.mrvip-refined #mrvip-drip-root .toast > .fas { color: var(--mrvip-info); }
body.mrvip-refined #mrvip-drip-root .toast button { color: var(--mrvip-muted); }
body.mrvip-refined #mrvip-drip-root #mrvip-drip-language-status:not([hidden]) { background: var(--mrvip-info-surface); color: var(--mrvip-info); border-color: transparent; }

/* Native Bootstrap menus inside the component inherit the host theme. */
body.mrvip-refined #mrvip-drip-root .dropdown-menu { background: var(--mrvip-surface); color: var(--mrvip-text); border-color: var(--mrvip-line); }
body.mrvip-refined #mrvip-drip-root .dropdown-menu > li > a { color: var(--mrvip-text); }
body.mrvip-refined #mrvip-drip-root .dropdown-menu > li > a:hover { background: var(--mrvip-raised); color: var(--mrvip-text); }


/* Append after the shared visual system. Only the new membership wrapper is affected. */
body.mrvip-refined .new-stats > .container-fluid > .mrvip-member-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.mrvip-refined .new-stats > .container-fluid > .mrvip-member-row > .col-sm-6.col-md-4,
body.mrvip-refined .mrvip-membership-content > .col-sm-6.col-md-4 {
  width: auto;
  min-width: 0;
  float: none;
  order: initial;
}
body.mrvip-refined .new-stats .mrvip-member-details {
  min-width: 0;
  grid-column: span 2;
  margin: 0;
  padding: 0;
}
body.mrvip-refined .new-stats .mrvip-member-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--mrvip-line);
  border-radius: 12px;
  background: var(--mrvip-raised);
  color: var(--mrvip-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  list-style: none;
  cursor: pointer;
}
body.mrvip-refined .new-stats .mrvip-member-summary::-webkit-details-marker { display: none; }
body.mrvip-refined .new-stats .mrvip-member-summary::marker { content: ''; }
body.mrvip-refined .new-stats .mrvip-member-summary::after {
  content: '';
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  margin: -3px 2px 0 0;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
}
body.mrvip-refined .new-stats .mrvip-member-details[open] > .mrvip-member-summary::after {
  margin-top: 3px;
  transform: rotate(225deg);
}
body.mrvip-refined .new-stats .mrvip-member-summary:hover { background: var(--mrvip-selected); }
body.mrvip-refined .new-stats .mrvip-member-summary:focus-visible {
  outline: 2px solid var(--mrvip-yellow);
  outline-offset: 3px;
}
body.mrvip-refined .new-stats .mrvip-membership-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding-top: 12px;
}

@media (min-width: 992px) {
  body.mrvip-refined .new-stats .mrvip-member-details[open],
  body.mrvip-refined .new-stats .mrvip-member-details[open] > .mrvip-membership-content { display: contents; }
  body.mrvip-refined .new-stats .mrvip-member-details[open] > .mrvip-member-summary { display: none; }
}
@media (max-width: 991px) {
  body.mrvip-refined .new-stats > .container-fluid > .mrvip-member-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-bottom: 16px;
  }
  body.mrvip-refined .new-stats > .container-fluid > .mrvip-member-row > .col-sm-6.col-md-4 {
    grid-column: 1 / -1;
    padding-inline: 0;
    order: initial;
  }
  body.mrvip-refined .new-stats .mrvip-member-details { grid-column: 1 / -1; }
  body.mrvip-refined .mrvip-membership-content > .col-sm-6.col-md-4 { padding-inline: 0; }
  body.mrvip-refined .mrvip-membership-content .new-stat-box {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
  }
  body.mrvip-refined .mrvip-membership-content .new-stat-img { width: 56px; margin: 0; padding: 0; }
  body.mrvip-refined .mrvip-membership-content .new-stat-img .full-logo,
  body.mrvip-refined .mrvip-membership-content .point-badge { width: 56px; max-width: 56px; }
  body.mrvip-refined .mrvip-membership-content .new-stat-content > br,
  body.mrvip-refined .mrvip-membership-content .new-stat-content > h4:empty { display: none; }
  body.mrvip-refined .mrvip-membership-content .new-stat-content h5 { overflow-wrap: anywhere; }
  body.mrvip-refined .mrvip-membership-content .point-box .new-stat-content > h4 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px;
  }
  body.mrvip-refined .mrvip-membership-content .points-btn { position: static; margin: 0; }
}
@media (max-width: 767px) {
  body.mrvip-refined .mrvip-membership-content .new-stat-box { grid-template-columns: 40px minmax(0, 1fr); gap: 8px; }
  body.mrvip-refined .mrvip-membership-content .new-stat-img { width: 40px; }
  body.mrvip-refined .mrvip-membership-content .new-stat-img .full-logo,
  body.mrvip-refined .mrvip-membership-content .point-badge { width: 40px; max-width: 40px; }
}
@media (max-width: 359px) {
  body.mrvip-refined .new-stats .mrvip-membership-content { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}

/* Same information on laptop, tablet and phone, without a reminder heading. */
body.mrvip-refined .new-stats .mrvip-member-details { display:block; order:initial!important; }
body.mrvip-refined .new-stats .mrvip-membership-content { padding-top:0; }
@media(min-width:992px){body.mrvip-refined .new-stats .mrvip-membership-content{height:100%;align-items:start;}}
@media(max-width:991px){
  body.mrvip-refined .mrvip-membership-content .point-box .new-stat-content > h4 { gap:3px 5px; }
  body.mrvip-refined .mrvip-membership-content .point-box .point-stats { flex-basis:100%;order:3; }
  body.mrvip-refined .mrvip-membership-content .point-box .points-btn { width:20px;height:20px;min-height:20px; }
  body.mrvip-refined .mrvip-membership-content .point-box .new-stat-content > h5 { display:flex;flex-wrap:wrap;gap:2px 4px;font-size:15px;line-height:1.5; }
  body.mrvip-refined .mrvip-membership-content .point-box .uData { white-space:nowrap; }
}


/* Keep the platform-rendered Google button within the authentication card. */
.mrvip-signin .mrvip-auth-google,
.mrvip-signup .mrvip-auth-google {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  margin: 20px 0 0;
}

.mrvip-signin .mrvip-auth-google .g_id_signin,
.mrvip-signup .mrvip-auth-google .g_id_signin {
  min-width: 0;
  max-width: 100%;
}

body.mrvip-refined .mrvip-skip-link{position:fixed;left:16px;top:-100px;z-index:10000;background:var(--mrvip-yellow);color:var(--on-brand);padding:12px 18px;border-radius:12px}
body.mrvip-refined .mrvip-skip-link:focus{top:16px}
body.mrvip-refined .mrvip-footer .foo-menu{display:flex;flex-wrap:wrap;gap:8px 18px}
body.mrvip-refined .mrvip-footer .foo-menu li{width:auto;float:none;margin:0;min-height:36px}
body.mrvip-refined .mrvip-footer p,body.mrvip-refined .mrvip-footer .foo-menu span{color:var(--mrvip-muted);font-size:14px}
body.mrvip-refined .mrvip-services-empty{padding:40px 20px;color:var(--mrvip-muted);text-align:center}
body.mrvip-refined .mrvip-services-empty[hidden]{display:none!important}
body.mrvip-refined .well-float:has(>table){max-width:100%;overflow-x:auto}
body.mrvip-refined .mrvip-order-detail-trigger,body.mrvip-refined .mrvip-service-favorite,body.mrvip-refined .mrvip-service-description{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:40px;padding:7px 10px;background:transparent;border:1px solid var(--mrvip-line);border-radius:12px;color:var(--mrvip-text);font:inherit}
body.mrvip-refined .mrvip-service-favorite.favorite-active{background:var(--mrvip-selected);color:var(--mrvip-link)}
body.mrvip-refined .mrvip-order-detail-trigger:hover,body.mrvip-refined .mrvip-service-description:hover,body.mrvip-refined .mrvip-service-favorite:hover{background:var(--mrvip-raised)}
body.mrvip-refined .mrvip-ticket-attachments{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;overflow-wrap:anywhere}
body.mrvip-refined .input-group.searchgrp{display:flex;align-items:center;width:100%;max-width:100%;min-width:0}
body.mrvip-refined .input-group.searchgrp .form-control{float:none;width:0;min-width:0;flex:1 1 auto}
body.mrvip-refined .input-group.searchgrp .input-group-btn{display:block;flex:0 0 44px;width:44px;min-width:0;position:static}
body.mrvip-refined .input-group.searchgrp .input-group-btn .btn{position:static;left:auto;right:auto;margin:0}
body.mrvip-refined .order-remains{color:var(--mrvip-muted)}
body.mrvip-refined{--mrvip-focus:var(--mrvip-yellow)}
body.mrvip-refined.dashboard.daymode{--mrvip-focus:var(--focus)}
body.mrvip-refined :is(a,button,input,select,textarea,summary):focus-visible{outline-color:var(--mrvip-focus)!important}
body.mrvip-refined .form-control:focus{border-color:var(--mrvip-focus);box-shadow:0 0 0 2px var(--mrvip-focus)}
body.mrvip-refined .navbar-default :focus-visible{outline-color:var(--mrvip-yellow)!important}
body.mrvip-refined [id="2fa-generate-form"] > p,body.mrvip-refined #main-order-page #tab4 font[color],body.mrvip-refined #pointModal .modal-status-value .price{color:var(--mrvip-text)!important}
body.mrvip-refined #main-order-page #tab4 font[color="yellow"]{color:var(--mrvip-link)!important}
body.mrvip-refined #main-order-page .search-dropdown :is(.input-wrapper__prepend,.input-wrapper__append){background:var(--mrvip-raised)!important;color:var(--mrvip-text)!important;box-shadow:none;border:0;border-radius:12px}
body.mrvip-refined #main-order-page .search-dropdown :is(.input-wrapper__prepend,.input-wrapper__append):hover,body.mrvip-refined .points-btn:is(:hover,:focus){background:var(--mrvip-selected)!important;color:var(--mrvip-text)!important}
body.mrvip-refined .mrvip-cms-content[hidden]{display:none!important}
@media(min-width:992px){body.mrvip-refined .new-stats .mrvip-member-details[open]{display:block;grid-column:span 2}body.mrvip-refined .new-stats .mrvip-member-details[open] > .mrvip-membership-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}}
body.mrvip-refined #newstab1 .wid-title{color:var(--mrvip-text)!important;font-weight:400;font-size:14px;line-height:1.75}
body.mrvip-refined #newstab1 [class^="buttonupdate"]{display:inline;font:inherit;font-weight:600;line-height:inherit;background:transparent!important;background-image:none!important;color:var(--mrvip-muted)!important;border:0!important;box-shadow:none;border-radius:0;padding:0;cursor:default}
body.mrvip-refined #newstab1 .buttonupdatedate{font-size:12px;font-weight:400}


/* Append after the current visual system. Color/surface changes only; no asset or data rules. */
body.mrvip-refined {
}
body.mrvip-refined.dashboard.daymode {
}
body.mrvip-refined #main-order-page .well-tab {
  background: var(--mrvip-quiet-card) !important;
  border-color: var(--mrvip-line);
  box-shadow: none;
}
body.mrvip-refined #main-order-page .panel-body.border-solid.border-rounded {
  background: transparent;
  border-color: var(--mrvip-line);
  box-shadow: none;
}
body.mrvip-refined .new-stats .mrvip-member-summary,
body.mrvip-refined :is(.new-filter, .serv-filter) .media.brand-category {
  background: transparent !important;
  border: 1px solid var(--mrvip-control-line);
  color: var(--mrvip-text);
  box-shadow: none;
}
body.mrvip-refined .new-stats .mrvip-member-summary:hover,
body.mrvip-refined :is(.new-filter, .serv-filter) .media.brand-category:hover {
  background: var(--mrvip-quiet-hover) !important;
}
body.mrvip-refined :is(.new-filter, .serv-filter) .media.brand-category:is(.active, [aria-pressed="true"]) {
  background: var(--mrvip-yellow) !important;
  border-color: transparent;
  color: var(--on-brand) !important;
  -webkit-text-fill-color: var(--on-brand);
}
body.mrvip-refined :is(.new-filter, .serv-filter) .media.brand-category:is(.active, [aria-pressed="true"]) .media-body {
  color: var(--on-brand) !important;
  -webkit-text-fill-color: var(--on-brand);
}
body.mrvip-refined #main-order-page .well-tab .nav-tabs > li > a {
  background: transparent;
  color: var(--mrvip-muted);
  -webkit-text-fill-color: currentColor;
}
body.mrvip-refined #main-order-page .well-tab .nav-tabs > li.active > a,
body.mrvip-refined #main-order-page .well-tab .nav-tabs > li.active > a:is(:hover, :focus) {
  background: var(--mrvip-yellow) !important;
  color: var(--on-brand) !important;
  -webkit-text-fill-color: var(--on-brand);
}
body.mrvip-refined #main-order-page .form-control,
body.mrvip-refined .serv-filter .form-control,
body.mrvip-refined .serv-filter .input-group.searchgrp {
  border-color: var(--mrvip-control-line);
  box-shadow: none;
}
body.mrvip-refined #main-order-page .form-control:focus,
body.mrvip-refined .serv-filter .form-control:focus {
  border-color: var(--mrvip-focus) !important;
}
body.mrvip-refined #main-order-page .has-error .form-control,
body.mrvip-refined #main-order-page .form-control[aria-invalid="true"] {
  border-color: var(--mrvip-danger) !important;
}
body.mrvip-refined .serv-filter .btn.btn-primary,
body.mrvip-refined .serv-filter .btn.btn-primary.dropdown-toggle,
body.mrvip-refined .serv-filter .input-group.searchgrp .btn.btn-primary,
body.mrvip-refined .serv-filter .servgrid .grid-item > div > .btn.btn-primary,
body.mrvip-refined #main-order-page .search-dropdown :is(.input-wrapper__prepend, .input-wrapper__append),
body.mrvip-refined .new-stats .point-box .btn.btn-primary,
body.mrvip-refined .new-stats .points-btn {
  background: transparent !important;
  color: var(--mrvip-text) !important;
  -webkit-text-fill-color: currentColor;
  border: 1px solid var(--mrvip-control-line);
  box-shadow: none !important;
}
body.mrvip-refined .serv-filter .btn.btn-primary:hover,
body.mrvip-refined .serv-filter .btn.btn-primary.dropdown-toggle:hover,
body.mrvip-refined .serv-filter .input-group.searchgrp .btn.btn-primary:hover,
body.mrvip-refined .serv-filter .servgrid .grid-item > div > .btn.btn-primary:hover,
body.mrvip-refined #main-order-page .search-dropdown :is(.input-wrapper__prepend, .input-wrapper__append):hover,
body.mrvip-refined .new-stats .point-box .btn.btn-primary:hover,
body.mrvip-refined .new-stats .points-btn:is(:hover, :focus) {
  background: var(--mrvip-quiet-hover) !important;
  color: var(--mrvip-text) !important;
}
/* Actual order submission retains the yellow/black primary action. */
body.mrvip-refined #order-form :is(button, input)[type="submit"],
body.mrvip-refined .serv-filter .servgrid .modal-footer > a.btn.btn-primary {
  background: var(--mrvip-yellow) !important;
  color: var(--on-brand) !important;
  -webkit-text-fill-color: var(--on-brand);
  border-color: transparent;
}
body.mrvip-refined #order-form :is(button, input)[type="submit"]:hover,
body.mrvip-refined .serv-filter .servgrid .modal-footer > a.btn.btn-primary:hover {
  background: var(--mrvip-yellow-hover) !important;
}
body.mrvip-refined .serv-filter .servgrid .grid-item:not(.cate-name-item) {
  background: transparent;
  border: 1px solid var(--mrvip-line);
  box-shadow: none;
}
body.mrvip-refined .serv-filter .servgrid .grid-header {
  background: transparent;
}
/* Keep overlays opaque, including the native description/Buy/points dialogs. */
body.mrvip-refined .dropdown-menu,
body.mrvip-refined .modal-content {
  background: var(--mrvip-surface) !important;
}
body.mrvip-refined .new-stats .points-btn,
body.mrvip-refined .new-stats .points-btn > i,
body.mrvip-refined .new-stats .points-btn::before,
body.mrvip-refined .new-stats .points-btn::after {
  animation: none !important;
  transition: none;
  box-shadow: none !important;
}
@media (max-width: 767px) {
  body.mrvip-refined .serv-filter .servgrid .grid-item:not(.cate-name-item) > :is(.serv-desc, div:has(> .mrvip-service-description), div:has(> .btn[data-toggle="modal"])) {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end !important;
    gap: 8px;
  }
  body.mrvip-refined .serv-filter .servgrid .grid-item > div > .mrvip-service-description {
    background: transparent !important;
    color: var(--mrvip-link) !important;
    -webkit-text-fill-color: currentColor;
    border: 0 !important;
    padding-inline: 6px;
    box-shadow: none;
  }
  body.mrvip-refined .serv-filter .servgrid .grid-item > div > .mrvip-service-description:hover {
    background: var(--mrvip-quiet-hover) !important;
    color: var(--mrvip-text) !important;
  }
}


/* Compact navigation feedback; mouse focus has no browser-default white ring. */
body.mrvip-refined .mrvip-user-avatar {
  display: block;
  width: 24px;
  height: 24px;
  color: var(--navigation-text);
}
body.mrvip-refined .opt-drop .menu-icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
body.mrvip-refined .opt-drop .mrvip-user-avatar {
  width: 28px;
  height: 28px;
}
body.mrvip-refined :is(a, button):focus:not(:focus-visible) {
  outline: none !important;
}
body.mrvip-refined.dashboard .navbar-default .navbar-nav > li > a:focus {
  outline: none !important;
  box-shadow: none;
}
body.mrvip-refined.dashboard .navbar-default .navbar-nav > li > a:is(:hover, :focus-visible),
body.mrvip-refined.dashboard .navbar-default .navbar-nav > li.open > a:is(:hover, :focus) {
  background: var(--navigation-hover) !important;
  color: var(--navigation-text);
}
body.mrvip-refined.dashboard .navbar-default .navbar-nav > li > a:focus-visible {
  outline: none !important;
  box-shadow: inset 0 0 0 2px var(--navigation-brand) !important;
}
body.mrvip-refined.dashboard .navbar-default .navbar-nav > li.active > a,
body.mrvip-refined.dashboard .navbar-default .navbar-nav > li.open > a {
  background: var(--navigation-brand-soft);
  color: var(--navigation-brand);
}
@media (min-width: 768px) {
  body.mrvip-refined.dashboard .navbar-default .navbar-left-block > li > a,
  body.mrvip-refined.dashboard .navbar-default .navbar-right-block > li > a {
    margin: 8px 2px;
    padding: 8px 9px;
    min-height: 54px;
    border-radius: 12px;
    gap: 2px;
    line-height: 20px;
  }
  body.mrvip-refined.dashboard .navbar-left-block .menu-icon,
  body.mrvip-refined.dashboard .navbar-right-block .menu-icon {
    width: 24px;
    height: 22px;
    line-height: 22px;
    font-size: 17px;
  }
  body.mrvip-refined.dashboard .navbar-right-block .flag-icon {
    width: 18px;
    height: 18px;
  }
  body.mrvip-refined.dashboard .navbar-nav > li > .dropdown-menu {
    top: 100%;
    margin-top: 2px;
  }
}


/* MRVIP: warm white canvas, black night canvas, yellow emphasis at decisions. */
body.mrvip-refined.dashboard {
}
body.mrvip-refined.dashboard.daymode {
}
body.mrvip-refined.dashboard #main-order-page .well-tab {
  box-shadow: var(--mrvip-shadow);
}
body.mrvip-refined.dashboard #order-form .form-group:has(> #orderform-category) > label,
body.mrvip-refined.dashboard #order-form .form-group:has(> #orderform-service) > label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 650;
  margin-bottom: 10px;
}
body.mrvip-refined.dashboard #order-form .form-group:has(> #orderform-category) > label::before,
body.mrvip-refined.dashboard #order-form .form-group:has(> #orderform-service) > label::before {
  content: '';
  width: 3px;
  height: 16px;
  border-radius: 3px;
  background: var(--mrvip-yellow);
}
body.mrvip-refined.dashboard #order-form :is(#orderform-category, #orderform-service) + .select2 .select2-selection,
body.mrvip-refined.dashboard #order-form :is(#orderform-category, #orderform-service):not(.select2-hidden-accessible) {
  min-height: 52px;
  height: auto;
  background: var(--mrvip-choice) !important;
  border: 1px solid var(--mrvip-choice-line) !important;
  border-radius: 16px;
  box-shadow: none;
  padding: 12px 38px 12px 14px;
}
body.mrvip-refined.dashboard #order-form :is(#orderform-category, #orderform-service) + .select2 .select2-selection__rendered {
  color: var(--mrvip-choice-text) !important;
  padding-left: 0;
  padding-right: 0;
  line-height: 26px;
}
body.mrvip-refined.dashboard #order-form :is(#orderform-category, #orderform-service) + .select2 .select2-selection:focus-visible {
  outline: 2px solid var(--mrvip-focus) !important;
  outline-offset: 2px;
}
body.mrvip-refined.dashboard #order-form .select2-selection__icon {
  width: 26px;
  height: 26px;
  margin-right: 9px;
  vertical-align: middle;
}
body.mrvip-refined.dashboard #order-form .select2-selection__icon img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}
body.mrvip-refined.dashboard #order-form .select2-selection__arrow {
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
}
body.mrvip-refined.dashboard .select2-dropdown:has(:is(#select2-orderform-category-results, #select2-orderform-service-results)) {
  border: 1px solid var(--mrvip-choice-line) !important;
  border-radius: 16px !important;
  padding: 6px;
  box-shadow: var(--shadow-layer);
}
body.mrvip-refined.dashboard :is(#select2-orderform-category-results, #select2-orderform-service-results) {
  border: 0 !important;
  box-shadow: none;
  padding: 0;
  background: var(--mrvip-surface) !important;
  max-height: min(360px, 55vh) !important;
}
body.mrvip-refined.dashboard :is(#select2-orderform-category-results, #select2-orderform-service-results) > li {
  border-radius: 11px;
  margin: 2px 0;
  position: relative;
  background: transparent;
}
body.mrvip-refined.dashboard :is(#select2-orderform-category-results, #select2-orderform-service-results) > li > a {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 10px 30px 10px 12px;
  border-radius: 11px;
  color: var(--mrvip-text);
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.5;
}
body.mrvip-refined.dashboard :is(#select2-orderform-category-results, #select2-orderform-service-results) .select2-selection__icon {
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
}
body.mrvip-refined.dashboard :is(#select2-orderform-category-results, #select2-orderform-service-results) .select2-selection__icon img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}
body.mrvip-refined.dashboard :is(#select2-orderform-category-results, #select2-orderform-service-results) > li.select2-results__option--highlighted > a {
  background: var(--mrvip-quiet-hover);
  color: var(--mrvip-text);
}
body.mrvip-refined.dashboard :is(#select2-orderform-category-results, #select2-orderform-service-results) > li[aria-selected="true"] > a {
  background: var(--mrvip-yellow);
  color: var(--text-primary);
}
body.mrvip-refined.dashboard :is(#select2-orderform-category-results, #select2-orderform-service-results) > li[aria-selected="true"]::after {
  content: '✓';
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-primary);
  pointer-events: none;
  font-weight: 700;
}
body.mrvip-refined.dashboard #main-order-page #service_description .panel-body {
  background: var(--mrvip-control) !important;
  border-color: var(--mrvip-line);
  font-size: 14px;
  line-height: 1.8;
}
body.mrvip-refined.dashboard #order-form .mrvip-order-cost {
  display: block;
  margin: 20px 0 10px;
}
body.mrvip-refined.dashboard #order-form .mrvip-cost-primary {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 10px 14px;
  border: 1px solid var(--mrvip-line);
  border-radius: 16px;
  background: var(--mrvip-raised);
}
body.mrvip-refined.dashboard #order-form .mrvip-order-cost label {
  margin: 0;
  color: var(--mrvip-muted);
  font-weight: 500;
  flex: 0 0 auto;
}
body.mrvip-refined.dashboard #order-form .mrvip-order-cost #charge {
  flex: 1 1 auto;
  width: 0;
  min-width: 0;
  height: 34px;
  min-height: 34px;
  border: 0;
  border-radius: 0;
  padding: 4px 0;
  background: transparent !important;
  text-align: right;
  color: var(--mrvip-text) !important;
  font-weight: 650;
}
body.mrvip-refined.dashboard #order-form .mrvip-cost-conversions {
  margin-bottom: 18px;
}
body.mrvip-refined.dashboard #order-form .mrvip-cost-conversions summary {
  cursor: pointer;
  color: var(--mrvip-muted);
  font-size: 12px;
  padding: 8px 0;
  width: fit-content;
}
body.mrvip-refined.dashboard #order-form .mrvip-cost-conversions > .row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0 0;
}
body.mrvip-refined.dashboard #order-form .mrvip-cost-conversions-grid::before,
body.mrvip-refined.dashboard #order-form .mrvip-cost-conversions-grid::after {
  display: none;
}
body.mrvip-refined.dashboard #order-form .mrvip-cost-conversion {
  width: auto;
  float: none;
  padding: 0;
  min-width: 0;
}
body.mrvip-refined.dashboard #order-form button[type="submit"] {
  border-radius: 16px;
  min-height: 50px;
}
@media (max-width: 767px) {
  body.mrvip-refined.dashboard #order-form .mrvip-cost-conversions > .row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.mrvip-refined.dashboard #order-form :is(#orderform-category, #orderform-service) + .select2 .select2-selection {
    font-size: 15px;
  }
}


/* Shared semantic color system. Color literals belong to tokens, not components. */
body.mrvip-refined {
  --bg-page: #070a0f;
  --bg-surface: #0b111a;
  --bg-elevated: #101925;
  --bg-hover: #152131;
  --border-subtle: #202b3a;
  --border-strong: #60718a;
  --border-hover: #8191a8;
  --text-primary: #f4f2ea;
  --text-secondary: #b8c1ce;
  --text-muted: #8490a0;
  --brand: #ddb438;
  --brand-hover: #e8c34d;
  --brand-soft: rgba(221, 180, 56, .10);
  --brand-text: #e8c34d;
  --on-brand: #152033;
  --focus: #ddb438;
  --info: #9bc1ff;
  --info-soft: #13263c;
  --success: #85d4ad;
  --success-soft: #122b24;
  --warning: #f1c86b;
  --warning-soft: #2c2617;
  --danger: #ff98a4;
  --danger-hover: #ffc1c9;
  --danger-soft: #341c27;
  --on-danger: #152033;
  --navigation: #0b111a;
  --navigation-text: #f4f2ea;
  --navigation-hover: #152131;
  --navigation-brand: #ddb438;
  --navigation-brand-soft: rgba(221, 180, 56, .10);
  --shadow-layer: 0 18px 48px rgba(0, 0, 0, .36);
  --shadow-card: 0 10px 30px rgba(0, 0, 0, .12);
  --backdrop: rgba(7, 10, 15, .76);
  --mrvip-page: var(--bg-page);
  --mrvip-surface: var(--bg-surface);
  --mrvip-raised: var(--bg-elevated);
  --mrvip-control: var(--bg-elevated);
  --mrvip-line: var(--border-subtle);
  --mrvip-control-line: var(--border-strong);
  --mrvip-text: var(--text-primary);
  --mrvip-muted: var(--text-secondary);
  --mrvip-yellow: var(--brand);
  --mrvip-yellow-hover: var(--brand-hover);
  --mrvip-selected: var(--brand-soft);
  --mrvip-link: var(--info);
  --mrvip-focus: var(--focus);
  --mrvip-info: var(--info);
  --mrvip-info-surface: var(--info-soft);
  --mrvip-danger: var(--danger);
  --mrvip-danger-surface: var(--danger-soft);
  --mrvip-quiet-card: var(--bg-surface);
  --mrvip-quiet-hover: var(--bg-hover);
  --mrvip-choice: var(--bg-elevated);
  --mrvip-choice-line: var(--border-strong);
  --mrvip-choice-text: var(--text-primary);
  --mrvip-shadow: var(--shadow-card);
}
body.mrvip-refined.daymode {
  --bg-page: #f5f4ef;
  --bg-surface: #ffffff;
  --bg-elevated: #f7f9fc;
  --bg-hover: #f0f4f8;
  --border-subtle: #d9dee6;
  --border-strong: #7a889a;
  --border-hover: #566477;
  --text-primary: #152033;
  --text-secondary: #566477;
  --text-muted: #5e6d80;
  --brand: #c99a18;
  --brand-hover: #deb139;
  --brand-soft: rgba(201, 154, 24, .09);
  --brand-text: #806000;
  --focus: #a77c0e;
  --info: #2458a6;
  --info-soft: #edf3fb;
  --success: #176b46;
  --success-soft: #edf7f1;
  --warning: #805a10;
  --warning-soft: #fff6df;
  --danger: #b42335;
  --danger-hover: #941d2c;
  --danger-soft: #fff0f2;
  --on-danger: #ffffff;
  --shadow-layer: 0 18px 48px rgba(21, 32, 51, .16);
  --shadow-card: 0 10px 30px rgba(21, 32, 51, .04);
}
body.mrvip-refined input:is([type="checkbox"], [type="radio"]) { accent-color: var(--brand); }
/* Repeated floating contact widget must not cover orders or form controls.
   The same WhatsApp contacts remain in the support tab and shared footer. */
body.mrvip-refined .whatsapp-container { display:none !important; }
body.mrvip-refined pre,
body.mrvip-refined pre code {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: currentColor !important;
  background-clip: border-box !important;
}
body.mrvip-refined .well > h4[style] {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: currentColor;
  font-family: var(--mrvip-font) !important;
}
body.mrvip-refined #api-sec .apigrid1 .grid-item > div,
body.mrvip-refined #api-sec .apigrid2 .grid-item > div {
  display:block !important;
  min-width:0;
  overflow-wrap:anywhere;
}
body.mrvip-refined #api-sec .apigrid1 .grid-container,
body.mrvip-refined #api-sec .apigrid2 .grid-container { border:0; }
body.mrvip-refined .brand-category .mrvip-platform-icon {
  display:inline-flex;
  width:26px;height:26px;
  align-items:center;justify-content:center;
  font-size:22px;font-weight:600;line-height:1;
  color:var(--text-primary);
}
body.mrvip-refined .brand-category .mrvip-platform-icon svg { width:24px;height:24px; }
body.mrvip-refined :is(.new-filter,.serv-filter) .brand-category > .icon {
  background:transparent !important;
  color:var(--text-primary) !important;
  border-radius:0;
}
body.mrvip-refined #api-sec .table-responsive { border:0 !important; }
body.mrvip-refined #api-sec .apigrid1 {
  background:var(--bg-surface);
  border:0 !important;
  border-radius:20px;
  padding:14px;
}
/* Rebind existing component aliases in both modes; old overrides cannot split the palette. */
body.mrvip-refined.dashboard,
body.mrvip-refined.dashboard.daymode {
  --mrvip-page: var(--bg-page);
  --mrvip-surface: var(--bg-surface);
  --mrvip-raised: var(--bg-elevated);
  --mrvip-control: var(--bg-elevated);
  --mrvip-line: var(--border-subtle);
  --mrvip-control-line: var(--border-strong);
  --mrvip-text: var(--text-primary);
  --mrvip-muted: var(--text-secondary);
  --mrvip-yellow: var(--brand);
  --mrvip-yellow-hover: var(--brand-hover);
  --mrvip-selected: var(--brand-soft);
  --mrvip-link: var(--info);
  --mrvip-focus: var(--focus);
  --mrvip-info: var(--info);
  --mrvip-info-surface: var(--info-soft);
  --mrvip-danger: var(--danger);
  --mrvip-danger-surface: var(--danger-soft);
  --mrvip-quiet-card: var(--bg-surface);
  --mrvip-quiet-hover: var(--bg-hover);
  --mrvip-choice: var(--bg-elevated);
  --mrvip-choice-line: var(--border-strong);
  --mrvip-choice-text: var(--text-primary);
  --mrvip-shadow: var(--shadow-card);
}
body.mrvip-refined .navbar.navbar-default,
body.mrvip-refined .mrvip-footer { background: var(--navigation) !important; }
body.mrvip-refined .mrvip-footer :is(p, a, span, h4),
body.mrvip-refined .mrvip-user-avatar { color: var(--navigation-text) !important; }
body.mrvip-refined.dashboard .navbar-default .navbar-nav > li > a,
body.mrvip-refined.dashboard .brand-right :is(a.toggle, .btn, .navbar-toggle) {
  color: var(--navigation-text) !important;
}
body.mrvip-refined.dashboard .navbar-default .navbar-nav > li > a:is(:hover, :focus-visible),
body.mrvip-refined.dashboard .navbar-default .navbar-nav > li.open > a:is(:hover, :focus),
body.mrvip-refined.dashboard .brand-right :is(a.toggle, .btn, .navbar-toggle):hover {
  background: var(--navigation-hover) !important;
}
body.mrvip-refined.dashboard .navbar-default .navbar-nav > li.active > a,
body.mrvip-refined.dashboard .navbar-default .navbar-nav > li.open > a {
  background: var(--navigation-brand-soft) !important;
  color: var(--navigation-brand) !important;
}
body.mrvip-refined.dashboard .navbar-default .navbar-nav > li > a:focus-visible {
  box-shadow: inset 0 0 0 2px var(--navigation-brand) !important;
}
body.mrvip-refined .navbar-default :focus-visible { outline-color: var(--navigation-brand) !important; }
body.mrvip-refined :is(.well, .well-float, .well-tab, .post-well) {
  background: var(--bg-surface) !important;
  border-color: var(--border-subtle);
}
body.mrvip-refined #main-order-page .well-tab:has(#newstab1),
body.mrvip-refined #main-order-page #service_description .panel-body,
body.mrvip-refined .servgrid .grid-item:not(.cate-name-item) {
  background: var(--bg-elevated) !important;
  border-color: var(--border-subtle);
}
body.mrvip-refined .servgrid .grid-item:not(.cate-name-item):hover {
  background: var(--bg-hover) !important;
}
body.mrvip-refined :is(.form-control, .input-group.searchgrp, .form-group.searchgrp) {
  background: var(--bg-elevated) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-strong);
}
body.mrvip-refined .input-group.searchgrp .form-control { background: transparent !important; }
body.mrvip-refined .form-control:hover { border-color: var(--border-hover) !important; }
body.mrvip-refined .form-control:focus {
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 2px var(--brand-soft);
}
body.mrvip-refined .form-control::placeholder { color: var(--text-muted); opacity: 1; }
body.mrvip-refined :is(a, button, input, select, textarea, summary):focus-visible {
  outline-color: var(--focus) !important;
}
body.mrvip-refined.dashboard #order-form :is(#orderform-category, #orderform-service) + .select2 .select2-selection {
  background: var(--bg-elevated) !important;
  border-color: var(--border-strong) !important;
}
body.mrvip-refined.dashboard #order-form :is(#orderform-category, #orderform-service) + .select2 .select2-selection:hover {
  background: var(--bg-hover) !important;
  border-color: var(--border-hover) !important;
}
body.mrvip-refined.dashboard #order-form :is(#orderform-category, #orderform-service) + .select2.select2-container--open .select2-selection,
body.mrvip-refined.dashboard #order-form :is(#orderform-category, #orderform-service) + .select2 .select2-selection:focus-visible {
  border-color: var(--focus) !important;
}
body.mrvip-refined #order-form .select2-selection__rendered { color: var(--text-primary) !important; }
body.mrvip-refined .select2-dropdown,
body.mrvip-refined .dropdown-menu,
body.mrvip-refined .modal-content {
  background: var(--bg-elevated) !important;
  border: 1px solid var(--border-strong) !important;
  box-shadow: var(--shadow-layer);
}
body.mrvip-refined.dashboard .select2-dropdown:has(:is(#select2-orderform-category-results, #select2-orderform-service-results)) {
  border-color: var(--border-strong) !important;
  box-shadow: var(--shadow-layer);
}
body.mrvip-refined.dashboard :is(#select2-orderform-category-results, #select2-orderform-service-results) {
  background: var(--bg-elevated) !important;
}
body.mrvip-refined .select2-results__option { background: transparent; }
body.mrvip-refined .select2-results__option--highlighted:not(:has(> a)) {
  background:var(--bg-hover) !important;
  color:var(--text-primary) !important;
}
body.mrvip-refined .select2-results__option[aria-selected="true"]:not(:has(> a)) {
  background:var(--brand-soft) !important;
  color:var(--text-primary) !important;
  box-shadow:inset 3px 0 0 var(--focus);
}
body.mrvip-refined .nav-pills > li.active > a,
body.mrvip-refined .nav-pills > li.active > a:is(:hover,:focus),
body.mrvip-refined .order-pills > li > a[aria-current="page"] {
  background:var(--brand-soft) !important;
  color:var(--brand-text) !important;
  -webkit-text-fill-color:currentColor;
  box-shadow:inset 0 -2px 0 var(--focus);
}
body.mrvip-refined .dropdown-menu > li > a,
body.mrvip-refined .select2-results__option > a { color: var(--text-primary); }
body.mrvip-refined .dropdown-menu > li > a:is(:hover, :focus),
body.mrvip-refined .select2-results__option--highlighted > a {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.mrvip-refined.dashboard :is(#select2-orderform-category-results, #select2-orderform-service-results) > li[aria-selected="true"] > a {
  background: var(--brand-soft) !important;
  color: var(--text-primary) !important;
  box-shadow: inset 3px 0 0 var(--focus);
}
body.mrvip-refined.dashboard :is(#select2-orderform-category-results, #select2-orderform-service-results) > li[aria-selected="true"]::after {
  color: var(--brand-text);
}
body.mrvip-refined :is(.new-filter, .serv-filter) .media.brand-category:is(.active, [aria-pressed="true"]) {
  background: var(--brand-soft) !important;
  border-color: var(--focus);
  color: var(--text-primary) !important;
  -webkit-text-fill-color: currentColor;
}
body.mrvip-refined :is(.new-filter, .serv-filter) .media.brand-category:is(.active, [aria-pressed="true"]) .media-body {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: currentColor;
}
body.mrvip-refined #main-order-page .well-tab .nav-tabs > li.active > a,
body.mrvip-refined #main-order-page .well-tab .nav-tabs > li.active > a:is(:hover, :focus) {
  background: var(--brand-soft) !important;
  color: var(--brand-text) !important;
  -webkit-text-fill-color: currentColor;
  box-shadow: inset 0 -2px 0 var(--focus);
}
body.mrvip-refined .btn.btn-primary,
body.mrvip-refined #order-form :is(button, input)[type="submit"] {
  background: var(--brand) !important;
  color: var(--on-brand) !important;
  -webkit-text-fill-color: currentColor;
  border-color: var(--focus);
}
body.mrvip-refined .btn.btn-primary:hover,
body.mrvip-refined #order-form :is(button, input)[type="submit"]:hover {
  background: var(--brand-hover) !important;
}
/* Secondary actions stay quiet; a yellow primary action is not copied to every button. */
body.mrvip-refined .serv-filter :is(.btn.btn-primary, .mrvip-service-description),
body.mrvip-refined .new-stats :is(.points-btn, .point-box .btn.btn-primary),
body.mrvip-refined #main-order-page .search-dropdown :is(.input-wrapper__prepend, .input-wrapper__append) {
  background: var(--bg-elevated) !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: currentColor;
  border-color: var(--border-strong);
}
body.mrvip-refined .serv-filter .btn.btn-primary:hover,
body.mrvip-refined .new-stats :is(.points-btn, .point-box .btn.btn-primary):hover {
  background: var(--bg-hover) !important;
}
body.mrvip-refined .serv-filter .servgrid .modal-footer > a.btn.btn-primary {
  background: var(--brand) !important;
  color: var(--on-brand) !important;
}
body.mrvip-refined #order-form .mrvip-cost-primary { background: var(--bg-elevated); }
body.mrvip-refined #order-form .mrvip-cost-primary #charge { background: transparent !important; }
body.mrvip-refined .form-control:disabled,
body.mrvip-refined .btn:disabled,
body.mrvip-refined .btn.disabled,
body.mrvip-refined .select2-container--disabled .select2-selection {
  background: var(--bg-page) !important;
  color: var(--text-muted) !important;
  border-color: var(--border-subtle) !important;
  opacity: 1;
  box-shadow: none;
  cursor: not-allowed;
}
body.mrvip-refined .has-error :is(.form-control, .select2-selection),
body.mrvip-refined [aria-invalid="true"] {
  border-color: var(--danger) !important;
  box-shadow: none;
}
body.mrvip-refined .has-error :is(.control-label, .help-block) { color: var(--danger) !important; }
body.mrvip-refined .btn.btn-primary:is(:disabled, .disabled),
body.mrvip-refined #order-form :is(button, input)[type="submit"]:disabled {
  background: var(--bg-page) !important;
  color: var(--text-muted) !important;
  border-color: var(--border-subtle) !important;
  -webkit-text-fill-color: currentColor;
}
body.mrvip-refined.dashboard #main-order-page #fields .form-control:disabled {
  background: var(--bg-page) !important;
  color: var(--text-muted) !important;
  border-color: var(--border-subtle) !important;
  -webkit-text-fill-color: currentColor;
}
body.mrvip-refined.dashboard #order-form :is(#orderform-category, #orderform-service) + .select2.select2-container--disabled .select2-selection {
  background: var(--bg-page) !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-muted) !important;
}
body.mrvip-refined.dashboard #order-form :is(#orderform-category, #orderform-service) + .select2.select2-container--disabled .select2-selection__rendered {
  color: var(--text-muted) !important;
}
body.mrvip-refined.dashboard #order-form .has-error :is(#orderform-category, #orderform-service) + .select2 .select2-selection,
body.mrvip-refined.dashboard #order-form :is(#orderform-category, #orderform-service)[aria-invalid="true"] + .select2 .select2-selection {
  border-color: var(--danger) !important;
  box-shadow: none;
}
body.mrvip-refined .alert-danger { background: var(--danger-soft); color: var(--danger); }
body.mrvip-refined .alert-info { background: var(--info-soft); color: var(--info); }
body.mrvip-refined .alert-success { background: var(--success-soft); color: var(--success); }
body.mrvip-refined .alert-warning { background: var(--warning-soft); color: var(--warning); }
body.mrvip-refined #mrvip-drip-root {
  --drip-page: var(--bg-page);
  --drip-surface: var(--bg-surface);
  --drip-panel: var(--bg-surface);
  --drip-modal: var(--bg-elevated);
  --drip-raised: var(--bg-elevated);
  --drip-control: var(--bg-elevated);
  --drip-hover: var(--bg-hover);
  --drip-border: var(--border-subtle);
  --drip-border-strong: var(--border-strong);
  --drip-text: var(--text-primary);
  --drip-muted: var(--text-secondary);
  --drip-secondary: var(--text-secondary);
  --drip-gold: var(--brand-text);
  --drip-danger: var(--danger);
  --drip-danger-hover: var(--danger-hover);
  --drip-success: var(--success);
  --drip-success-soft: var(--success-soft);
  --surface: var(--bg-surface);
  --line: var(--border-subtle);
  --muted: var(--text-secondary);
  --gold: var(--brand-text);
  --gold-line: var(--border-subtle);
  --rose: var(--danger);
}