body{padding:0;margin:0;font-size:16px;font-weight:400;font-family:'Poppins',sans-serif}#signup{padding:60px 0}.out .navbar.navbar-default.navbar-static-top{background-size:cover;border:none;padding:10px 0;position:fixed;top:0;left:0;width:100%;background-color:transparent;mix-blend-mode:inherit;z-index:1000;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}.out .navbar.navbar-default.navbar-static-top.fix{background-color:transparent;background-image:none;position:absolute;left:0;right:0;margin:auto}#top-main{background-image:url(https://storage.perfectcdn.com/akvau7/02ec293dzxwac4k6.png);padding:130px 0 0;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;margin:0}.out .navbar-default .navbar-nav>li>a{font-size:18px;font-weight:500;color:#fff}.out .navbar-default .navbar-nav>.active>a,.out .navbar-default .navbar-nav>.active>a:hover,.out .navbar-default .navbar-nav>.active>a:focus{color:#ffc741;background-color:transparent}#top-main h1{font-size:50px;font-weight:600;color:#fbfffd;margin-top:0;margin-bottom:25px}#top-main p{font-size:18px;font-weight:400;color:#fbfffd;line-height:26px;margin-bottom:25px}.out .form-group{position:relative}.out .form-control{background-color:rgba(255,255,255,.75);height:72px;border-radius:10px;border:none;padding-left:75px}.out .component_form_group .form-control{background-color:#d5e5ff;padding-left:10px;box-shadow:none;height:58px}.form-row{margin-left:-15px;margin-right:-15px}.out .form-group span{position:absolute;left:13px;top:50%;transform:translateY(-50%);background-color:#ff9600;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff}.check-wrap{display:flex;justify-content:space-between;margin-bottom:15px}.check-wrap .checkbox{margin:0;color:#fff}.password{color:#fff}.out .btn.btn-primary{background-color:#ff9600;border:none;padding:20px 40px;font-size:16px;font-weight:500;border-radius:10px}#why{padding:80px 0}.main-head{font-size:60px;font-weight:600;color:#000}#why p{font-size:18px;line-height:26px;color:#000}.why-blog{background-color:#fff;box-shadow:0 0 20px 10px rgba(0,0,0,.11);border-radius:20px;padding:15px}.why-blog h3{font-size:20px;font-weight:600;color:#000;margin:35px auto 0;display:flex;align-items:center}.clock-badge,.rocket-badge,.dollar-badge,.safe-badge{width:29px;height:29px;font-size:13px;text-align:center;line-height:29px;border-radius:20px;margin-left:10px}.clock-badge{background-color:rgba(0,211,55,.19);color:#00d337}.rocket-badge{background-color:rgba(28,84,223,.19);color:#1c54df}.dollar-badge{background-color:rgba(253,29,92,.19);color:#fd1d5c}.safe-badge{background-color:rgba(67,190,255,.19);color:#43beff}.why-pic{width:100%}.stats-back{display:block;background-color:#fff;background:linear-gradient(90deg,rgba(109,65,250,1) 0%,rgba(26,186,243,1) 35%,rgba(31,110,230,1) 100%);box-shadow:0 0 20px 10px rgba(0,0,0,.11);border-radius:20px;padding:20px}.stats-back ul{display:flex;justify-content:space-between;padding:0;margin:0;list-style:none}.stats-back ul li{display:flex;align-items:center}.stats-back ul li .stats-icon{width:81px;height:81px;border-radius:10px;line-height:81px;text-align:center;margin-right:15px;color:#fff;font-size:22px}.stats-back ul li:first-child .stats-icon{background-color:#ff9600}.stats-back ul li:nth-child(2) .stats-icon{background-color:#1c54df}.stats-back ul li:nth-child(3) .stats-icon{background-color:#00d337}.stats-content h3{font-size:24px;font-weight:600;margin-bottom:5px;color:#fff}.stats-content p{font-size:18px;font-weight:500;color:#fff;margin:0}#our-serv{padding:70px 0}.serv-list{padding:0;margin:0;list-style:none}.serv-list li{display:flex;align-items:center;padding:25px;border:1px solid #d3d6d5;border-radius:20px;margin-bottom:20px;box-shadow:0 0 20px 10px rgba(0,0,0,.11)}.serv-list li span{min-width:81px;height:81px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:10px;font-size:32px;color:#fff;margin-right:25px}.fb-badge{background-color:#337fff}.ins-badge{background:rgb(252,199,91);background:linear-gradient(315deg,rgba(252,199,91,1) 0%,rgba(217,57,142,1) 50%,rgba(116,68,220,1) 100%)}.twt-badge{background-color:#3cf}.ytb-badge{background-color:red}#grow{background-image:url(https://storage.perfectcdn.com/akvau7/9w8066rt9f33y9qy.jpeg);padding:0;background-size:cover}#grow .main-head{color:#fff;font-size:55px}#grow p{font-size:18px;color:#fff;font-weight:400;line-height:26px;margin-bottom:40px}.grow-slider .slick-dots{text-align:left;margin-top:25px;position:relative;bottom:auto}.grow-slider .slick-dots li{margin:0}.grow-slider .slick-dots li button::before{color:#fff;opacity:1;font-size:12px}#grow .row{display:flex;align-items:flex-end}.grow-nav{position:relative;margin-top:-60px;text-align:right;background-color:#fff;padding:5px;border-radius:50px;max-width:80px;float:right}.grow-nav .slick-arrow{width:32px;height:32px;background-color:#ff9e13;border:none;border-radius:50px;color:#fff;line-height:32px}.grow-nav .slick-arrow{margin-left:3px}.grow-nav .slick-arrow:first-child{margin-left:0}.cust-nav .slick-arrow{width:32px;height:32px;background-color:#ff9e13;border:none;border-radius:50px;color:#fff}.cust-nav{float:right;margin-top:-70px}#customer-rev{padding:90px 0;overflow:hidden}.cust-box{display:block;background-color:#ff9600;box-shadow:0 0 20px -5px rgba(0,0,0,.24);border-radius:20px;padding:60px 25px;margin:25px 10px}.cust-slider .slick-list{margin-right:-20%}.top-auth{display:flex;align-items:center;margin-bottom:10px}.auth-img{margin-right:15px}.auth-cont h3{font-size:30px;font-weight:600;color:#fff;margin-bottom:10px}.auth-cont h4{font-size:16px;font-weight:400;color:#006eff;margin:0}.cust-box p{font-size:18px;font-weight:400;color:#fff;margin:0}footer{background-image:url(https://storage.perfectcdn.com/akvau7/9w8066rt9f33y9qy.jpeg);background-size:cover}.footer-main{padding:60px 0;border-bottom:1px solid #fff;background-size:cover}.footer-main img{margin-bottom:20px}.footer-main p{font-size:18px;color:#fff}.footer-social{display:flex;list-style:none;margin:0;background-color:#fff;padding:8px 10px;border-radius:50px;max-width:126px}.footer-social li a{width:32px;height:32px;background-color:#ff9e13;border:none;border-radius:50px;color:#fff;display:block;text-align:center;line-height:32px;margin-right:5px}.widget-title{margin-top:0;font-weight:600;color:#fff;border-bottom:2px solid #ff9e13;margin-bottom:15px;padding-bottom:15px}.foot-nav{padding:0;list-style:none;margin:0}.foot-nav li a{font-size:18px;color:#fff;font-weight:400;line-height:32px;display:block}.footer-main .form-control{padding-left:12px;height:52px;background-color:#fff;border-radius:5px}.btn.btn-secondary{height:52px;padding:0 43px;background-color:#ff9e13;font-size:14px;font-weight:400;color:#000}.footer-main .form-group{margin-bottom:10px}.footer-bottom{padding:15px 0;text-align:center;color:#fff;font-size:14px;font-weight:400}.footer-bottom p{margin-bottom:0}.main{position:relative}.in .navbar-default{border-color:#dadade;background-color:#fff;margin-left:80px;margin-bottom:0;background:linear-gradient(315deg,rgba(85,94,255,1) 15%,rgba(0,110,255,1) 50%,rgba(0,212,255,1) 100%)}.in .navbar-default .navbar-nav.navbar-left-block>li>a{color:#fff;font-size:16px;font-weight:400;padding-top:25px;padding-bottom:25px;border-bottom:2px solid transparent;padding-left:0;padding-right:0;margin-left:15px;margin-right:15px}.in .navbar-default .navbar-nav.navbar-left-block>li>a:hover,.in .navbar-default .navbar-nav.navbar-left-block>li>a:active,.in .navbar-default .navbar-nav.navbar-left-block>li>a:focus,.in .navbar-default .navbar-nav.navbar-left-block>li.active>a,.in .navbar-default .navbar-nav.navbar-left-block>li.active>a:hover,.in .navbar-default .navbar-nav.navbar-left-block>li.active>a:focus{color:#ff9600;background-color:transparent;border-color:#ff9600}.in .navbar-default .navbar-nav li.prof>.dropdown-toggle{display:flex;align-items:center;padding-top:4px;padding-bottom:4px;padding-left:10px}.in .navbar-default .navbar-nav li.prof>.dropdown-toggle .name{font-size:16px;color:#fff;text-transform:capitalize;font-weight:400}.in .navbar-default .navbar-nav li.prof>.dropdown-toggle .ext{font-size:10px;color:#ff9600;font-weight:400}.main{position:relative}.left-bar{width:80px;height:100%;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;padding:15px 10px;flex-direction:column;background-image:url(https://storage.perfectcdn.com/akvau7/9i6zb0glz8nh72k8.png);background-size:cover}.left-menu{padding:0;margin:0;list-style:none}.left-menu li a{width:41px;height:41px;display:block;text-align:center;line-height:41px;font-size:16px;color:#fff;border-radius:4px;box-shadow:0 0 30px -9px rgba(0,0,0,.77)}.left-menu li:first-child a{background-color:#ff9600}.left-menu li:nth-child(2) a{background-color:#00d337}.left-menu li:nth-child(3) a{background-color:#fe0000}.left-menu li:last-child a{background-color:#704dfb}.left-menu li{margin-bottom:15px}.left-bar .navbar-brand{float:none;padding:0;height:auto;transform:rotate(-90deg);margin-bottom:60px}.left-bar .navbar-brand img{max-height:110px;max-width:175px;margin:0}.right-cont{padding-top:25px;padding-left:90px;overflow-x:hidden;background:linear-gradient(315deg,rgba(85,94,255,1) 15%,rgba(0,110,255,1) 50%,rgba(0,212,255,1) 100%)}.banner-top{background-image:url(https://storage.perfectcdn.com/akvau7/kqhe685g11we14m5.png);background-size:100% 100%;margin-bottom:19px;display:flex;justify-content:space-between;padding:25px 30px}.banner-top h3{font-size:24px;margin-bottom:15px;font-weight:600;color:#fff}.banner-top h4{font-size:16px;font-weight:400;color:#fff;margin:0}.banner-top img{margin:-40px 0 -45px 0;width:100%;display:block}.sta-box{display:flex;align-items:flex-end;margin-bottom:19px;padding:20px;border-radius:15px}.sta-box.green{background-color:#d7f4e3}.sta-box.blue{background-color:#d6e6fe}.sta-box.red{background-color:#fad7db}.sta-box.yellow{background-color:#fbecdb}.sta-box .sta-cont h3{font-size:18px;font-weight:400;margin-bottom:10px}.col-sm-3:first-child .sta-box .sta-cont h3{color:#00d337}.col-sm-3:nth-child(2) .sta-box .sta-cont h3{color:#006eff}.col-sm-3:nth-child(3) .sta-box .sta-cont h3{color:#fe0000}.col-sm-3:last-child .sta-box .sta-cont h3{color:#ff9702}.sta-box .sta-cont h4{font-size:30px;font-weight:600;color:#000;margin:0}.sta-pic img{margin:-90px 0 -100px -85px}.sta-cont{min-width:120px}.well2{margin-bottom:19px}.control-label{font-size:16px;font-weight:500;color:#fff;display:block}.well2 .form-control{background-color:#d5e5ff;height:48px;border:none;box-shadow:none;border-radius:6px;font-size:14px;font-weight:400;color:#006eff}.well2 textarea.form-control{height:auto}.panel-body.border-solid.border-rounded{background:#f0f0f4;font-size:14px;font-weight:400;color:#949494;border-radius:6px;border:none}.category-slider{margin-bottom:19px}.category-brand{background-color:#d5e5ff;display:flex;padding:15px 10px;border-radius:4px;margin:0 4px;text-align:center;flex-direction:row;color:#006eff;justify-content:center;white-space:nowrap}.category-brand .media-body{width:auto;display:inline-block}.category-brand .icon{margin-right:10px}.category-slider .slick-arrow{width:53px;height:53px;position:absolute;top:0;background-color:#ff9702;color:#fff;border:none;border-radius:6px;font-size:18px}.category-slider .slick-arrow.left-arrow{left:0}.category-slider .slick-arrow.right-arrow{right:0}.category-slider .slick-list{max-width:91%;margin:auto}.order-stats,.desc-wrap{background-color:#f9ebdb;padding:20px 30px;border-radius:10px;margin-bottom:19px;background:linear-gradient(#fbe5c9,#fbe5c9) padding-box,linear-gradient(to right,#00d4ff,#006eff,#555eff) border-box;border:4px solid transparent}.ordServName h3,.desc-wrap h3{font-size:22px;color:#ff9702;font-weight:500;margin-bottom:5px}.ordServName h2,.desc-wrap h3{font-size:18px;color:#ff9600;font-weight:500;margin-bottom:5px}.ordServName h4,.desc-wrap p{font-size:16px;color:#fff;font-weight:400;margin:0}.ordServName{margin-bottom:25px}.order-list{display:flex;justify-content:space-between;list-style:none;padding:0;margin:0;margin-bottom:10px;}.order-icon{width:32px;height:32px;display:block;text-align:center;line-height:32px;font-size:16px;color:#fff;border-radius:4px;box-shadow:0 5px 30px -5px rgba(0,0,0,.72);margin-bottom:15px}.order-list h3{font-size:16px;font-weight:500;color:#ff9600;margin-bottom:5px}.order-list h4{font-size:14px;margin:0;font-weight:400;background:#006eff;border-radius:15px;position:absolute;width:auto;height:auto;padding:2.5px 5px;}.order-list li:first-child .order-icon{background-color:#00d337}.order-list li:nth-child(2) .order-icon{background-color:#006dfe}.order-list li:nth-child(3) .order-icon{background-color:#fe0000}.order-list li:last-child .order-icon{background-color:#ff9600}.nav-pills li.search{width:70%}.nav-pills li{/*width:100%;*/margin-right:4px}.nav.nav-pills .dropdown{width:100%}.nav.nav-pills .dropdown .btn.btn-primary{width:100%;background-color:#ff9600;border-color:#ff9600;text-align:left;font-size:18px;font-weight:600;line-height:47px}.nav.nav-pills .search .form-control{float:none;height:62px;box-shadow:none;border:none;font-size:16px;font-weight:300;background-color:transparent}.out .nav.nav-pills .search .form-control{padding-left:15px}.out .nav.nav-pills .dropdown .btn.btn-primary{line-height:22px}.nav.nav-pills .search .btn.btn-default{border:none;background-color:transparent;color:#006eff;font-size:18px}.nav.nav-pills .search .input-group{background-color:#f0f0f4;border-radius:4px}.well2 h1{font-size:24px;margin-top:0;margin-bottom:20px;font-weight:600;color:#030302}.in .btn.btn-primary{background-color:#ff9600;border:none;border-radius:4px;font-size:16px;font-weight:600;padding:10px 30px;box-shadow:0 10px 30px -15px rgba(0,0,0,.63)}#terms{padding:60px 0}.term-box.t1{background-color:#dbf9e3}.term-box.t2{background-color:#fff0db}.term-box.t3{background-color:#dbebff}.term-box.t4{background-color:#ffdbdb}.term-box{padding:15px;border-radius:10px;margin-bottom:15px}.term-title span{width:62px;height:62px;display:inline-block;text-align:center;border-radius:6px;line-height:62px;margin-right:10px}.t1 span{background-color:#00d337}.t2 span{background-color:#ff9600}.t3 span{background-color:#006eff}.t4 span{background-color:#fe0000}.term-title{font-size:30px;font-weight:600;color:#000}.term-box p{font-size:18px;font-weight:400;color:#000;margin:0}.ticket-table table{border-collapse:separate;border-spacing:0 10px;margin-bottom:0}.ticket-table .table tbody>tr>td{color:#000;padding:10px 12px;background-color:#ff9600;border:none}.ticket-table table tbody>tr>td:first-child{border-radius:10px 0 0 10px}.ticket-table tbody>tr>td:last-child{border-radius:0 10px 10px 0}.ticket-table table>tbody>tr>td .ticket-h-title{font-size:18px;font-weight:600;color:#fff}.ticket-table table tbody>tr>td .nowrap,.ticket-table table tbody>tr>td a{font-size:16px;font-weight:400;color:#fff8f8;margin:0}.ticket-table .table tbody>tr:nth-child(2n)>td{background-color:#006eff}.table-responsive.api-1{background-color:#fbe3c4;padding:15px;border-radius:15px}.table-responsive.api-2{background-color:#c0daff;padding:15px;border-radius:15px}.api-1 .table,.api-2 .table{border-collapse:separate;border-spacing:0 10px;margin-bottom:0;border:none}.api-1 .table tr td,.api-2 .table tr td,.api-2 .table tr th{padding:10px 12px}.api-1 .table tr td{color:#000;background-color:#ff9600}.api-2 .table tr td,.api-2 .table tr th{color:#fff;background-color:#006eff;border:none}.api-1 .table tr td:first-child,.api-2 .table tr td:first-child,.api-2 .table tr th:first-child{border-radius:10px 0 0 10px}.api-1 .table tr td:last-child,.api-2 .table tr td:last-child,.api-2 .table tr th:last-child{border-radius:0 10px 10px 0}.table-responsive.api-1{background-color:#fbe3c4;padding:20px;border-radius:15px}.resp{position:absolute;right:-104%;padding-left:32px;padding-right:30px;width:95%;background-color:#f0f0f4;border-radius:15px;padding-top:40px;padding-bottom:40px;margin-left:20px;margin-right:50px;margin-top:-210px}.resp pre{border:none;background-color:transparent}@media(max-width:550px){.left-menu li{margin-bottom:5px}.left-menu li a{width:26px;height:26px;line-height:26px;font-size:14px}.left-bar{width:38px}.right-cont{padding-top:20px;padding-left:38px}.left-bar .navbar-brand img{max-height:16px;max-width:95px}.left-bar .navbar-brand{margin-bottom:20px}.in .navbar-default{margin-left:38px}.in .navbar-default .navbar-nav.navbar-left-block>li>a{font-size:14px;padding-top:8px;padding-bottom:8px;border-bottom-width:1px;margin-left:10px;margin-right:10px}.control-label{font-size:14px}.table-responsive{border:none}#top-main{padding:90px 0 0}#top-main h1{font-size:30px;margin-bottom:10px}#top-main p{font-size:14px;line-height:22px;margin-bottom:15px}.out .form-control{height:56px;padding-left:50px}.out .form-group span{left:10px;width:32px;height:32px}.check-wrap{font-size:12px;color:#fff}#top-main{padding:90px 0 0;background-position:center}#top-main h1{font-size:30px;margin-bottom:10px}#top-main p{font-size:14px;line-height:22px;margin-bottom:15px}.out .form-control{height:56px;padding-left:50px}.out .form-group span{left:10px;width:32px;height:32px}.out .btn.btn-primary{padding:12px 25px}#why{padding:40px 0}.main-head{font-size:32px;margin-bottom:10px}#why p{font-size:16px;line-height:22px}.why-blog{margin-bottom:15px}.why-blog h3{font-size:18px;margin:15px auto 0}.stats-back{padding:10px}.stats-back ul{display:block;text-align:center}.stats-back ul li{display:block;margin-top:10px}.stats-back ul li .stats-icon{width:42px;height:42px;line-height:42px;margin-right:auto;color:#fff;font-size:16px;display:block;margin-left:auto;margin-bottom:10px}.stats-content h3{font-size:20px;margin-bottom:0}.stats-content p{font-size:16px}#our-serv{padding:40px 0}.right-img{width:100%}#our-serv .main-head{text-align:center}#our-serv .col-sm-3{text-align:center}.our-img{width:100%}.serv-list li{padding:10px;margin-bottom:10px}.serv-list li span{min-width:52px;height:52px;font-size:18px;margin-right:10px}.serv-list p{font-size:13px;margin:0}#grow .row{display:block}#grow .main-head{font-size:32px;text-align:center}#grow p{font-size:16px;line-height:22px;margin-bottom:15px;text-align:center}#grow .btn.btn-primary{margin:auto;display:block;max-width:174px}.grow-img{width:60%;margin:auto;display:block}.grow-slider .slick-dots{margin-top:10px;text-align:center}#grow{padding:40px 0 0}.grow-nav{display:none}#customer-rev{padding:40px 0}.cust-box{padding:20px 20px;margin:15px 15px}.cust-slider .slick-list{margin-right:0}.footer-main{padding:40px 0;text-align:center}.footer-main p{font-size:16px}.footer-social{margin:0 auto 10px}.foot-nav li a{font-size:16px}.footer-main .form-control{padding-left:12px;height:48px}.btn.btn-secondary{height:48px}footer{background-size:cover}.fix .navbar-collapse{background-color:#2482ed}.navbar-default .navbar-toggle{background-color:#fff}#signup{padding:20px 0}#signup .main-head.text-center{margin-top:0}#signup img{width:100%}.navbar-brand img{display:inline-block;max-width:85%;max-height:51px;margin-top:-1px;vertical-align:middle}.information{color:red}}.right-cont{ padding-bottom: 25px;}

.navbar-default.navbar-static-top.scrolled {
    transition: background-color 0.3s ease !important;
}

.navbar-default.navbar-static-top.scrolled {
    background-color: transparent !important;
}

.navbar-default.navbar-static-top.scrolled {
background: rgb(112,77,251) !important;
background: linear-gradient(218deg, rgba(112,77,251,0.5) 0%, rgba(0,110,255,0.5) 35%, rgba(22,187,243,0.5) 100%) !important;
}

@media (max-width: 768px) {
    body {
        background-attachment: scroll;
        background-size: contain;
    }
}
.order-list h4 {
background: rgb(112,77,251);
background: linear-gradient(218deg, rgba(112,77,251,0.5) 0%, rgba(0,110,255,1) 35%, rgba(22,187,243,0.5) 100%);
  }

.tier-badge.VIP { background-color: #ff9600; }  /* VIP - Goldish */
.tier-badge.Diamond { background-color: #b9f2ff; }  /* Diamond - Light Blue */
.tier-badge.Platinum { background-color: #e5e4e2; }  /* Platinum - Silverish */
.tier-badge.Gold { background-color: #ffd700; }  /* Gold */
.tier-badge.Silver { background-color: #c0c0c0; }  /* Silver */
.tier-badge.New { background-color: #9e9e9e; }  /* New - Gray */


.prof-cont .vip-tier-info {
    margin-top: 10px;
    color: #FFD700;
}

.prof-cont .vip-tier-info .progress-bar, .loyalty-progress .progress-bar {
    background-color: #e0e0e0;
    border-radius: 10px;
    height: 10px;
    overflow: hidden;
}

.prof-cont .vip-tier-info .progress, .loyalty-progress .progress {
    background-color: #FFD700;
    height: 100%;
}

.prof-cont .loyalty-info .progress-bar {
    background-color: #e0e0e0;
}

.prof-cont .loyalty-info .progress {
    background-color: #00FF00;
    height: 100%;
}

/* Fix the backdrop overlay */
.modal-backdrop {
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.5);
}

/* Ensure modal is on top of the backdrop */
.modal {
  z-index: 1050;
}

.modal.show {
  opacity: 1;
}

/* Fix the positioning and prevent the black screen from persisting */
.modal-open .modal {
  overflow: hidden;
}

.modal-open .modal-backdrop {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
}

.mobile-only {
  display: none;
}

@media screen and (max-width: 768px) {
  .mobile-only {
    display: block;
    background-color: #ffa726;
    color: white;
    padding: 10px 16px;
    margin: 15px auto 5px;
    border: none;
    border-radius: 8px;
    font-weight: bold;
    width: 90%;
    text-align: center;
  }

  .mobile-hidden {
    display: none !important;
  }
}

@media (max-width: 768px) {
  #toggleStats {
    display: block;
    width: 90%;
    padding: 12px;
    text-align: center;
    cursor: pointer;
    background-color: #FFA500;
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    z-index: 9999;
    position: relative;
    margin: 0 auto 15px auto;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, transform 0.2s ease;

  }
}

@media (min-width: 769px) {
  #toggleStats {
    display: none;
  }
}


.category-slider .slick-arrow.left-arrow {
    z-index: 1;
}


.sta-box {
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(0, 109, 254, 0.5);
}

#invoiceTableBody tr td {
  vertical-align: middle;
}

#invoiceTableBody .btn-info {
  padding: 4px 10px;
  font-size: 12px;
}

/* SMM Bros Codex modernization layer */

/* ================================================================
   SMM Bros v8 — Modernization + Navbar Public Page Fix
   KEY FIX: .out navbar dark by default (white text on white bg issue)
            Only transparent on .fix (signin hero page)
   ================================================================ */

:root{
  --o:#ff9600;--od:#e07800;--og:rgba(255,150,0,0.18);
  --b:#006eff;--bl:#4d9fff;--g:#00d337;--r:#fe0000;--p:#704dfb;--c:#00cfff;
  --t:all 0.22s cubic-bezier(0.4,0,0.2,1);
  --gl:rgba(255,255,255,0.08);--glb:rgba(255,255,255,0.12);
  --sh:0 8px 32px rgba(0,0,0,0.3);--shh:0 16px 48px rgba(0,0,0,0.45);
}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:rgba(0,0,0,0.15)}
::-webkit-scrollbar-thumb{background:var(--o);border-radius:8px}
html{scroll-behavior:smooth}
a,.btn{transition:var(--t) !important}

/* ══════════════════════════════════════════════════
   PUBLIC NAVBAR — THE DEFINITIVE FIX
   Problem: white text always, invisible on white-bg pages
   Fix: dark bg on ALL .out pages by default
        Only transparent on .fix (signin/hero page)
   ══════════════════════════════════════════════════ */
.out .navbar-default.navbar-static-top{
  transition:background 0.3s ease;
}
/* Non-hero public pages: brand-tinted glass navbar (matches the vibrant gradient, not corporate-dark) */
.out .navbar-default.navbar-static-top:not(.fix){
  background:linear-gradient(115deg,rgba(20,30,135,0.82) 0%,rgba(10,78,205,0.78) 48%,rgba(0,150,235,0.72) 100%) !important;
  backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);
  border-bottom:1px solid rgba(255,255,255,0.14) !important;
  box-shadow:0 10px 30px -14px rgba(0,40,150,0.55),inset 0 -2px 0 rgba(255,150,0,0.45) !important
}
/* Hero/signin page: transparent */
.out .navbar-default.navbar-static-top.fix{
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
  border-bottom:none !important
}
/* Scrolled on non-hero public pages: slightly denser brand glass */
.out .navbar-default.navbar-static-top.scrolled:not(.fix){
  background:linear-gradient(115deg,rgba(16,24,118,0.9) 0%,rgba(9,70,195,0.86) 48%,rgba(0,138,225,0.8) 100%) !important;
  box-shadow:0 14px 34px -14px rgba(0,40,150,0.6),inset 0 -2px 0 rgba(255,150,0,0.5) !important
}
.out .navbar-default.navbar-static-top.fix.scrolled{
  background:rgba(6,12,28,0.93) !important;
  backdrop-filter:blur(20px) !important;
  box-shadow:0 2px 24px rgba(0,0,0,0.45) !important
}

/* Nav links always white on public pages */
.out .navbar-default .navbar-nav>li>a{transition:var(--t);border-radius:30px;padding:7px 14px}
.out .navbar-default .navbar-nav>li>a:hover{background:rgba(255,150,0,0.12) !important;color:#fff !important}

/* ── HERO ────────────────────────────────────────── */
#top-main{position:relative}
#top-main::after{content:'';position:absolute;inset:0;background:linear-gradient(150deg,rgba(4,9,22,0.44),rgba(0,14,48,0.22));pointer-events:none;z-index:0}
#top-main .container{position:relative;z-index:1}
#top-main h1{font-size:52px !important;font-weight:700 !important;line-height:1.15;text-shadow:0 2px 24px rgba(0,0,0,0.5)}
#top-main h1 b{background:linear-gradient(90deg,#ff9600,#ffd44d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#top-main p{font-size:18px !important;line-height:1.75 !important}
#top-main .form-group .form-control{background:rgba(255,255,255,0.12) !important;border:1.5px solid rgba(255,255,255,0.22) !important;color:#fff !important;border-radius:12px !important;transition:var(--t) !important}
#top-main .form-group .form-control:focus{background:rgba(255,255,255,0.18) !important;border-color:var(--o) !important;box-shadow:0 0 0 3px var(--og) !important;outline:none}
#top-main .form-group .form-control::placeholder{color:rgba(255,255,255,0.45) !important}
#top-main .btn.btn-primary{background:linear-gradient(135deg,#ff9600,#e07800) !important;border:none !important;border-radius:50px !important;padding:14px 40px !important;font-size:16px !important;font-weight:600 !important;box-shadow:0 4px 20px rgba(255,150,0,0.42) !important}
#top-main .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,150,0,0.58) !important}

/* Landing sections */
.why-blog{transition:var(--t);border:1px solid rgba(0,0,0,0.06) !important}
.why-blog:hover{transform:translateY(-8px);box-shadow:0 22px 52px rgba(0,0,0,0.14) !important;border-color:rgba(255,150,0,0.28) !important}
.cust-box{transition:var(--t)}.cust-box:hover{transform:translateY(-5px);box-shadow:0 18px 46px rgba(255,150,0,0.32) !important}
.auth-cont h3{font-size:18px !important}

/* Footer */
footer{background:#05090f !important;background-image:none !important}
.footer-main{background:transparent !important;border-bottom:1px solid rgba(255,255,255,0.07) !important}
.footer-main p{color:rgba(255,255,255,0.7) !important}
.foot-nav li a{transition:var(--t)}.foot-nav li a:hover{color:var(--o) !important;text-decoration:none;padding-left:5px}
.footer-social li a{transition:var(--t)}.footer-social li a:hover{transform:scale(1.15)}
.widget-title{border-bottom-color:var(--o) !important}
.footer-bottom{background:rgba(0,0,0,0.3) !important}
.footer-bottom p{color:rgba(255,255,255,0.45) !important}

/* ══════════════════════════════════════════════════
   INNER DASHBOARD (.in)
   ══════════════════════════════════════════════════ */

.in .navbar-default{
  background:#08101e !important;background-image:none !important;
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-bottom:1px solid rgba(255,150,0,0.15) !important;
  box-shadow:0 2px 28px rgba(0,0,0,0.5) !important
}
.in .navbar-default .navbar-nav.navbar-left-block>li>a{font-weight:500 !important;border-bottom:2px solid transparent !important;transition:var(--t) !important;padding-top:22px !important;padding-bottom:22px !important}
.in .navbar-default .navbar-nav.navbar-left-block>li>a:hover,
.in .navbar-default .navbar-nav.navbar-left-block>li.active>a{color:var(--o) !important;border-bottom-color:var(--o) !important;background:transparent !important}

/* SIDEBAR — inline style in layout.twig wins over CSS, this is belt-and-suspenders */
.left-bar{background-image:none !important;background:#08101e !important;border-right:2px solid rgba(255,150,0,0.35) !important;box-shadow:4px 0 40px rgba(0,0,0,0.8) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
.left-bar .navbar-brand img{filter:brightness(1.1) drop-shadow(0 0 6px rgba(255,150,0,0.25))}
.left-menu li a{transition:var(--t) !important;border-radius:8px !important}
.left-menu li a:hover{transform:scale(1.1);filter:brightness(1.3) !important}

/* Banner-top */
.banner-top{border-radius:20px !important;box-shadow:0 8px 32px rgba(0,0,0,0.28) !important}
.banner-top h3{font-size:26px !important;font-weight:700 !important}
.banner-top h4{font-size:15px !important;color:rgba(255,255,255,0.85) !important}

/* STAT CARDS */
.in .sta-box{background:var(--gl) !important;border:1px solid var(--glb) !important;border-radius:16px !important;backdrop-filter:blur(12px);box-shadow:var(--sh) !important;transition:var(--t)}
.in .sta-box.green{border-top:3px solid var(--g) !important}.in .sta-box.blue{border-top:3px solid var(--b) !important}.in .sta-box.red{border-top:3px solid var(--r) !important}.in .sta-box.yellow{border-top:3px solid var(--o) !important}
.in .sta-box:hover{transform:translateY(-5px);box-shadow:var(--shh) !important}
.in .sta-box .sta-cont h3{font-size:11px !important;font-weight:700 !important;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px !important}
.in .col-sm-3:first-child .sta-box .sta-cont h3{color:var(--g) !important}.in .col-sm-3:nth-child(2) .sta-box .sta-cont h3{color:var(--bl) !important}.in .col-sm-3:nth-child(3) .sta-box .sta-cont h3{color:var(--r) !important}.in .col-sm-3:last-child .sta-box .sta-cont h3{color:var(--o) !important}
.in .sta-box .sta-cont h4{font-size:34px !important;font-weight:800 !important;color:#fff !important;margin:0 !important}

/* Category brands */
.in .category-brand{background:var(--gl) !important;border:1px solid var(--glb) !important;color:rgba(255,255,255,0.75) !important;border-radius:10px !important;transition:var(--t) !important}
.in .category-brand:hover{background:var(--o) !important;border-color:var(--o) !important;color:#fff !important;box-shadow:0 4px 16px var(--og) !important;transform:translateY(-2px)}

/* Well2 */
.in .well2{background:var(--gl) !important;border:1px solid var(--glb) !important;border-radius:16px !important;backdrop-filter:blur(10px)}

/* ALL inner form controls */
.in .form-control{background:rgba(255,255,255,0.07) !important;border:1.5px solid rgba(255,255,255,0.12) !important;border-radius:10px !important;color:#fff !important;font-size:14px !important;transition:var(--t) !important}
.in .well2 .form-control{height:48px !important}
.in .well2 textarea.form-control{height:auto !important}
.in .form-control:focus{background:rgba(255,255,255,0.12) !important;border-color:var(--o) !important;box-shadow:0 0 0 3px var(--og) !important;outline:none}
.in .form-control::placeholder{color:rgba(255,255,255,0.35) !important}
.in select.form-control{background:rgba(6,12,32,0.98) !important;color:#fff !important}
.in select.form-control option{background:#0b1528 !important;color:#fff !important}
.panel-body.border-solid.border-rounded{background:var(--gl) !important;color:rgba(255,255,255,0.7) !important;border-radius:8px !important}

/* Add funds tabs */
.in .well2 .nav-tabs{border-bottom:1px solid rgba(255,255,255,0.08) !important;margin-bottom:20px}
.in .well2 .nav-tabs>li>a{background:transparent !important;border:none !important;border-bottom:3px solid transparent !important;border-radius:0 !important;color:rgba(255,255,255,0.5) !important;font-size:14px !important;font-weight:600 !important;padding:10px 16px !important;transition:var(--t) !important}
.in .well2 .nav-tabs>li>a:hover{color:#fff !important;background:transparent !important;border-bottom-color:rgba(255,150,0,0.4) !important}
.in .well2 .nav-tabs>li.active>a,.in .well2 .nav-tabs>li.active>a:hover,.in .well2 .nav-tabs>li.active>a:focus{background:transparent !important;border-bottom:3px solid var(--o) !important;color:var(--o) !important;font-weight:700 !important}

/* Payment gateway tabs */
.in .desc-wrap h2{color:#fff !important;font-size:18px !important;font-weight:700 !important;margin-bottom:20px !important}
.in .desc-wrap .nav-tabs{border-bottom:1px solid rgba(255,255,255,0.08) !important;margin-bottom:16px}
.in .desc-wrap .nav-tabs>li>a{background:var(--gl) !important;border:1px solid var(--glb) !important;border-radius:10px !important;color:rgba(255,255,255,0.65) !important;margin-right:8px;margin-bottom:4px;transition:var(--t) !important;padding:8px 16px !important;font-size:13px !important;font-weight:600 !important}
.in .desc-wrap .nav-tabs>li.active>a,.in .desc-wrap .nav-tabs>li.active>a:hover,.in .desc-wrap .nav-tabs>li.active>a:focus{background:linear-gradient(135deg,var(--o),var(--od)) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 4px 14px var(--og) !important}
.in .desc-wrap .nav-tabs>li>a:hover{background:rgba(255,150,0,0.12) !important;color:#fff !important;border-color:var(--og) !important}
.in .desc-wrap .tab-content .tab-pane{background:rgba(255,150,0,0.07) !important;border:1px solid rgba(255,150,0,0.18) !important;border-radius:12px !important;padding:16px 20px !important}
.in .desc-wrap .tab-content .tab-pane p{color:rgba(255,255,255,0.8) !important;margin:0;font-size:14px}

/* Bonus boxes */
.in .add-funds-box li{background:var(--gl) !important;border:1px solid var(--glb) !important;border-radius:16px !important;backdrop-filter:blur(8px) !important;transition:var(--t) !important}
.in .add-funds-box li:hover{transform:translateY(-4px);box-shadow:var(--shh) !important}
.in .add-funds-box li:nth-child(1){border-top:2px solid var(--g) !important}.in .add-funds-box li:nth-child(2){border-top:2px solid var(--b) !important}.in .add-funds-box li:nth-child(3){border-top:2px solid var(--r) !important}.in .add-funds-box li:nth-child(4){border-top:2px solid var(--o) !important}
.in .add-funds-box li p{color:rgba(255,255,255,0.65) !important}.in .add-funds-box li:nth-child(1) h3{color:var(--g) !important}.in .add-funds-box li:nth-child(2) h3{color:var(--bl) !important}.in .add-funds-box li:nth-child(3) h3{color:var(--r) !important}.in .add-funds-box li:nth-child(4) h3{color:var(--o) !important}
.in .add-funds-box li:nth-child(1) h3 span{background:var(--g) !important}.in .add-funds-box li:nth-child(2) h3 span{background:var(--b) !important}.in .add-funds-box li:nth-child(3) h3 span{background:var(--r) !important}.in .add-funds-box li:nth-child(4) h3 span{background:var(--o) !important}
.in .steps-add li{background:rgba(0,110,255,0.1) !important;border:1px solid rgba(0,110,255,0.2) !important;border-radius:10px !important;color:rgba(255,255,255,0.82) !important}
.in .steps-add li span{background:var(--b) !important;border-radius:50% !important}

/* History/invoices tables */
.in .well2 .table{border-collapse:separate !important;border-spacing:0 4px !important}
.in .well2 .table thead tr th{background:rgba(0,110,255,0.2) !important;color:#fff !important;font-size:11px !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:1px;border:none !important}
.in .well2 .table thead tr th:first-child{border-radius:8px 0 0 8px !important}.in .well2 .table thead tr th:last-child{border-radius:0 8px 8px 0 !important}
.in .well2 .table tbody tr td{background:rgba(255,150,0,0.08) !important;color:rgba(255,255,255,0.85) !important;border:none !important}
.in .well2 .table tbody tr:hover td{background:rgba(255,150,0,0.14) !important}
.in .well2 .table tbody tr td:first-child{border-radius:8px 0 0 8px !important}.in .well2 .table tbody tr td:last-child{border-radius:0 8px 8px 0 !important}

/* Tracker */
.in .order-stats,.in .desc-wrap{background:rgba(255,150,0,0.06) !important;border:1px solid rgba(255,150,0,0.18) !important;border-radius:16px !important}
.in .ordServName h3,.in .desc-wrap h3,.in .ordServName h2,.in .desc-wrap h2{color:var(--o) !important}
.in .ordServName h4,.in .desc-wrap p{color:rgba(255,255,255,0.72) !important}
.in .order-icon{border-radius:8px !important;box-shadow:0 4px 14px rgba(0,0,0,0.3) !important}
.in .order-list h3{color:rgba(255,255,255,0.55) !important;font-size:10px !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:1px}
.in .order-list h4{border-radius:50px !important;font-size:10px !important;font-weight:700 !important}

/* Nav pills */
.nav-pills>li>a{border-radius:50px !important;font-size:13px !important;font-weight:500;transition:var(--t) !important}
.nav-pills>li>a:hover{background:rgba(255,150,0,0.14) !important;color:#fff !important}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background:linear-gradient(135deg,var(--o),var(--od)) !important;color:#fff !important;box-shadow:0 4px 14px var(--og) !important}
.nav.nav-pills .dropdown .btn.btn-primary{border-radius:50px !important;font-weight:600 !important}

/* Buttons */
.in .btn.btn-primary,.in .btn-primary{background:linear-gradient(135deg,#ff9600,#e07800) !important;border:none !important;border-radius:50px !important;font-weight:700 !important;box-shadow:0 4px 18px var(--og) !important;transition:var(--t) !important}
.in .btn.btn-primary:hover,.in .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,150,0,0.52) !important}
.in .btn-default,.in .btn.btn-default{background:var(--gl) !important;border:1px solid var(--glb) !important;border-radius:50px !important;color:rgba(255,255,255,0.82) !important;transition:var(--t) !important}
.in .btn-default:hover,.in .btn.btn-default:hover{background:rgba(255,255,255,0.14) !important;color:#fff !important}

/* TICKETS */
.in .ticket-table .table{border-collapse:separate !important;border-spacing:0 8px !important}
.in .ticket-table .table tbody>tr>td{background:rgba(255,150,0,0.1) !important;color:#fff !important;border:none !important;transition:var(--t)}
.in .ticket-table .table tbody>tr>td:first-child{border-radius:10px 0 0 10px !important}.in .ticket-table .table tbody>tr>td:last-child{border-radius:0 10px 10px 0 !important}
.in .ticket-table .table tbody>tr:hover>td{background:rgba(255,150,0,0.18) !important}
.in .ticket-table .table tbody>tr:nth-child(2n)>td{background:rgba(0,110,255,0.14) !important}
.in .ticket-h-title{font-size:10px !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,0.5) !important}
.in .ticket-table .table tbody>tr>td .nowrap,.in .ticket-table .table tbody>tr>td a{color:#fff !important;font-weight:500 !important}

/* SERVICES TABLE — scoped to .in */
.in .ser-panelgp .table{border-collapse:separate !important;border-spacing:0 6px !important}
.in .ser-panelgp .table tr>td{background:var(--gl) !important;color:rgba(255,255,255,0.85) !important;border:none !important;transition:var(--t)}
.in .ser-panelgp .table tr>td:first-child{border-radius:10px 0 0 10px !important}.in .ser-panelgp .table tr>td:last-child{border-radius:0 10px 10px 0 !important}
.in .ser-panelgp .table tr:hover>td{background:rgba(255,150,0,0.08) !important}
.in .ser-panelgp .table tr>td h4.ticket-h-title{color:var(--bl) !important;font-size:10px !important;text-transform:uppercase;letter-spacing:1px}
.in .ser-panelgp .table tr>td p.nowrap{color:rgba(255,255,255,0.82) !important}
.badge.gurantee{background:rgba(0,211,55,0.18) !important;color:var(--g) !important;border:1px solid rgba(0,211,55,0.3) !important;border-radius:50px !important;font-size:11px !important;padding:3px 10px !important}
.badge.gurantee.not-gurantee{background:rgba(254,0,0,0.14) !important;color:#ff8888 !important;border-color:rgba(254,0,0,0.24) !important}
.panel-default>.panel-heading>.panel-title>a{font-size:17px !important;font-weight:700 !important}

/* API — scoped to .in */
.in .table-responsive.api-1{background:rgba(0,110,255,0.1) !important;border:1px solid rgba(0,110,255,0.2) !important;background-image:none !important}
.in .api-1 .table tr td{background:rgba(255,150,0,0.1) !important;color:#fff !important}
.in .table-responsive.api-2{background:var(--gl) !important}
.in .api-2 .table tr td,.in .api-2 .table tr th{background:rgba(0,110,255,0.18) !important;color:#fff !important}
.in .resp{background:var(--gl) !important;border:1px solid var(--glb) !important}
.in .resp pre{color:rgba(255,255,255,0.8) !important}

/* ALERTS */
.alert{border-radius:10px !important;border:none !important}
.alert-info{background:rgba(0,110,255,0.1) !important;color:var(--bl) !important;border-left:3px solid var(--b) !important}
.alert-success{background:rgba(0,211,55,0.1) !important;color:#7dff9a !important;border-left:3px solid var(--g) !important}
.alert-warning{background:rgba(255,150,0,0.1) !important;color:#ffcc77 !important;border-left:3px solid var(--o) !important}
.alert-danger{background:rgba(254,0,0,0.1) !important;color:#ff8888 !important;border-left:3px solid var(--r) !important}

/* DROPDOWNS */
.in .dropdown-menu{background:#0b1528 !important;background-image:none !important;border:1px solid var(--glb) !important;border-radius:12px !important;box-shadow:0 8px 32px rgba(0,0,0,0.5) !important}
.in .dropdown-menu>li>a{color:rgba(255,255,255,0.82) !important;transition:var(--t) !important;padding:10px 16px !important}
.in .dropdown-menu>li>a:hover{background:rgba(255,150,0,0.14) !important;color:#fff !important}
.in .dropdown-menu .divider{background:rgba(255,255,255,0.08) !important;margin:4px 0}

/* PAGINATION */
.pagination>li>a,.pagination>li>span{background:var(--gl) !important;border-color:rgba(255,255,255,0.1) !important;color:rgba(255,255,255,0.8) !important;transition:var(--t) !important}
.pagination>li>a:hover,.pagination>li>span:hover{background:rgba(255,150,0,0.14) !important;border-color:var(--o) !important;color:#fff !important}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover{background:var(--o) !important;border-color:var(--o) !important}

/* BOTTOM NAV */
.bottom-nav{
  background:linear-gradient(135deg,rgba(0,212,255,.96),rgba(0,110,255,.98) 48%,rgba(85,94,255,.96)) !important;
  background-image:none !important;
  border-top:1px solid rgba(255,255,255,0.22) !important;
  box-shadow:0 -14px 34px rgba(0,32,110,0.26) !important;
  backdrop-filter:blur(14px) !important;
}
.bottom-nav a{
  transition:var(--t) !important;
  color:#fff !important;
}
.bottom-nav a:hover,.bottom-nav a.active{color:#ff9600 !important}

/* MODALS */
.in .modal-content{background:#0b1528 !important;background-image:none !important;border:1px solid var(--glb) !important;border-radius:16px !important}
.in .modal-header{border-radius:16px 16px 0 0 !important;border-bottom:1px solid rgba(255,255,255,0.08) !important}
.in .modal-footer{background:rgba(255,255,255,0.03) !important;border-top:1px solid rgba(255,255,255,0.08) !important}
.in .modal-body{color:rgba(255,255,255,0.85) !important}

/* GENERIC INNER */
.in .card{background:var(--gl) !important;border:1px solid var(--glb) !important;border-radius:12px !important}
.in .well,.in .well.well-float{background:var(--gl) !important;border:1px solid var(--glb) !important;border-radius:14px !important;color:rgba(255,255,255,0.85) !important}
.in .account-card,.in .ticket-dialog .card{background:var(--gl) !important;border:1px solid var(--glb) !important;border-radius:14px !important}
.in .table>tbody>tr>td{border-color:rgba(255,255,255,0.06) !important}
.in .table>thead>tr>th{border-bottom-color:rgba(255,150,0,0.18) !important}

/* ORDER STATUS BADGES */
.in .badge.count-badge{background:var(--g) !important}.in .badge.quantity-badge,.in .badge.id-badge{background:var(--o) !important}
.in .badge.completed-badge{background:var(--o) !important}.in .badge.pending-badge{background:var(--b) !important}
.in .badge.inprogress-badge{background:var(--r) !important}.in .badge.partial-badge{background:var(--p) !important}
.in .badge.canceled-badge{background:#3c3c3c !important}.in .badge.processing-badge{background:var(--c) !important}

#toggleStats,.toggle-stats-btn{background:linear-gradient(135deg,var(--o),var(--od)) !important;border-radius:10px !important;box-shadow:0 4px 14px var(--og) !important;font-weight:700 !important}
.term-box{border-radius:14px !important}

@media(max-width:767px){#top-main h1{font-size:32px !important}#top-main{background-attachment:scroll !important}.in .sta-box{margin-bottom:12px}.in .well2{padding:16px 14px !important}}
@media(max-width:550px){.banner-top h3{font-size:20px !important}#top-main h1{font-size:28px !important}}

/* ── API Response Box Fix ────────────────────────────────────
   rgba was blending with the blue dashboard gradient → washed out.
   Solid opaque dark + high-contrast text. ─────────────────── */
.api-method-response{
  background:#07111f !important;
  background-image:none !important
}
.resp-pre{
  color:#c9e0ff !important;
  text-shadow:none !important
}
/* syntax highlight accent colours */
.resp-pre .string{color:#7ee787}
.resp-pre .number{color:#f8b96e}
.resp-pre .boolean{color:#ff9600}
.resp-pre .null{color:#ff7b72}

/* resp-label stays orange */
.resp-label{color:#ff9600 !important}

/* copy button */
.copy-btn-sm{
  background:rgba(255,150,0,0.12) !important;
  border-color:rgba(255,150,0,0.25) !important;
  color:rgba(255,150,0,0.8) !important
}
.copy-btn-sm:hover{
  background:rgba(255,150,0,0.22) !important;
  color:#ff9600 !important;
  border-color:rgba(255,150,0,0.45) !important
}

/* Also fix the old .resp boxes (used on public API page) */
.in .resp,.out .resp{
  background:#07111f !important;
  background-color:#07111f !important
}
.in .resp pre,.out .resp pre{color:#c9e0ff !important}
.in .resp p strong,.out .resp p strong{color:#ff9600 !important}

/* ══════════════════════════════════════════════════
   SIDEBAR Z-INDEX FIX
   Bootstrap navbar = 1030, modals = 1040
   Sidebar needs to sit above page content but below modals
   ══════════════════════════════════════════════════ */
.left-bar{z-index:1033 !important}
/* Right content must not create stacking context above sidebar */
.right-cont{z-index:auto !important;position:relative}
/* Inner navbar above sidebar (it spans from sidebar right edge) */
.in .navbar-default{z-index:1032 !important}

/* ══════════════════════════════════════════════════
   PUBLIC API PAGE (.out body — white background)
   All .api-* classes need to work on white, not dark glass
   ══════════════════════════════════════════════════ */

/* Connection info table */
.out .api-info-box{
  background:#fff !important;
  border:1.5px solid rgba(0,0,0,0.1) !important;
  box-shadow:0 2px 14px rgba(0,0,0,0.07) !important
}
.out .api-info-box table tr{border-bottom-color:rgba(0,0,0,0.07) !important}
.out .api-info-box table td:first-child{
  background:#f5f7fa !important;
  color:#777 !important
}
.out .api-info-box table td:last-child{color:#111 !important}

/* Method title bar */
.out .api-method-title{
  background:rgba(255,150,0,0.07) !important;
  border-color:rgba(255,150,0,0.2) !important;
  color:#111 !important
}
.out .api-method-title i{color:#ff9600 !important}
.out .api-method-title span{color:#999 !important}

/* Method body wrapper */
.out .api-method-body{border-color:rgba(0,0,0,0.1) !important}

/* Params column */
.out .api-method-params{
  background:#f8f9fc !important;
  border-right-color:rgba(0,0,0,0.08) !important
}
.out .api-params-table thead tr th{
  color:#999 !important;
  border-bottom-color:rgba(0,0,0,0.1) !important
}
.out .api-params-table tbody tr td{
  border-bottom-color:rgba(0,0,0,0.06) !important;
  color:#444 !important
}
.out .api-params-table tbody tr td:first-child{
  color:#006eff !important;
  font-weight:700 !important
}

/* Type selector on white bg */
.out .type-select{
  background:#fff !important;
  border-color:rgba(0,0,0,0.15) !important;
  color:#333 !important
}
.out .type-select option{background:#fff !important;color:#333 !important}

/* Section label */
.out .api-method-params>div:first-child{color:#bbb !important}

/* Response box stays dark on both light and dark bg — already #07111f */
/* Just ensure it overrides anything from .out */
.out .api-method-response{
  background:#07111f !important
}
.out .resp-pre{color:#c9e0ff !important}
.out .resp-label{color:#ff9600 !important}

/* Copy button on white */
.out .copy-btn-sm{
  background:rgba(0,0,0,0.05) !important;
  border-color:rgba(0,0,0,0.12) !important;
  color:#888 !important
}
.out .copy-btn-sm:hover{
  background:rgba(255,150,0,0.1) !important;
  color:#ff9600 !important;
  border-color:rgba(255,150,0,0.3) !important
}

/* PHP example link */
.out .btn.btn-default.m-t{
  background:#fff !important;
  border:1.5px solid rgba(0,0,0,0.18) !important;
  color:#333 !important;
  border-radius:50px !important
}
.out .btn.btn-default.m-t:hover{
  background:#f0f0f0 !important;color:#111 !important
}

/* ── Modal stacking context fix ─────────────────────────────
   .right-cont had transform:translateY in animation which created
   a stacking context — breaking position:fixed on all child modals.
   Animation changed to opacity-only in layout.twig.
   These rules ensure modals always sit above everything. ──── */
.modal{position:fixed !important;z-index:1050 !important}
.modal-backdrop{position:fixed !important;z-index:1040 !important}
.modal-dialog{
  position:relative;z-index:1051;
  margin:30px auto !important;
  /* Ensure visible even when scrolled */
  top:auto !important;transform:none !important
}
/* When modal is open, backdrop covers full viewport */
.modal-backdrop.in{opacity:0.6 !important}
body.modal-open{overflow:hidden !important}
/* Dashboard: ensure modals render above sidebar and navbar */
.in .modal{z-index:1050 !important}
.in .modal-backdrop{z-index:1040 !important}
/* Services description modal specifically */
.serDesc.modal .modal-dialog{max-width:600px;width:90%}
.serDesc.modal .modal-content{
  background:#0b1528 !important;
  border:1px solid rgba(255,255,255,0.12) !important;
  border-radius:16px !important
}
.serDesc.modal .modal-header{
  background:linear-gradient(135deg,#ff9600,#e07800) !important;
  border-radius:16px 16px 0 0 !important;
  border-bottom:none !important
}
.serDesc.modal .modal-header .modal-title{
  color:#fff !important;font-weight:700 !important;font-size:16px !important
}
.serDesc.modal .modal-header .close{
  color:#fff !important;opacity:1 !important;font-size:22px !important
}
.serDesc.modal .modal-body{
  color:rgba(255,255,255,0.85) !important;padding:24px !important
}
.serDesc.modal .serdesc-title{
  font-size:11px !important;font-weight:700 !important;
  color:rgba(255,255,255,0.4) !important;
  text-transform:uppercase;letter-spacing:1px;margin-bottom:6px
}
.serDesc.modal .serdesc-name{
  font-size:15px !important;font-weight:600 !important;
  color:#fff !important;margin-bottom:16px
}
.serDesc.modal .serdesc-detail{
  font-size:13px !important;color:rgba(255,255,255,0.65) !important;
  line-height:1.7;margin-bottom:0
}
.serDesc.modal .serdesc-avg,.serDesc.modal .serdesc-min,.serDesc.modal .serdesc-max{
  font-size:14px !important;font-weight:700 !important;color:#ff9600 !important
}


/* ── Category brand active state ─────────────────────────── */
.in .category-brand.active-brand{
  background:var(--o) !important;
  border-color:var(--o) !important;
  color:#fff !important;
  box-shadow:0 4px 16px var(--og) !important;
  transform:translateY(-2px)
}

/* SMM Bros Codex shell pass v1 */
:root{
  --sb-bg:#070b14;
  --sb-panel:#0c1322;
  --sb-panel-2:#111b2d;
  --sb-line:rgba(255,255,255,0.1);
  --sb-text:#f7fbff;
  --sb-muted:rgba(247,251,255,0.62);
  --sb-orange:#ff9600;
  --sb-orange-2:#e07800;
  --sb-blue:#1677ff;
  --sb-cyan:#00cfff;
  --sb-green:#19c37d;
  --sb-red:#ff4d5a;
}
body.in{
  background:
    radial-gradient(circle at 18% 0%,rgba(255,150,0,0.12),transparent 28%),
    radial-gradient(circle at 88% 12%,rgba(22,119,255,0.18),transparent 30%),
    linear-gradient(135deg,#070b14 0%,#0a1020 52%,#07111f 100%) !important;
  color:var(--sb-text);
}
.in .main{min-height:100vh}
.in .navbar-default{
  min-height:66px !important;
  margin-left:82px !important;
  background:rgba(7,11,20,0.88) !important;
  border:0 !important;
  border-bottom:1px solid var(--sb-line) !important;
  box-shadow:0 10px 30px rgba(0,0,0,0.24) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.in .navbar-default .navbar-nav.navbar-left-block>li>a{
  margin:12px 4px !important;
  padding:10px 12px !important;
  border:1px solid transparent !important;
  border-radius:8px !important;
  color:var(--sb-muted) !important;
  line-height:1.2 !important;
}
.in .navbar-default .navbar-nav.navbar-left-block>li>a:hover,
.in .navbar-default .navbar-nav.navbar-left-block>li.active>a{
  background:rgba(255,150,0,0.1) !important;
  border-color:rgba(255,150,0,0.22) !important;
  color:#fff !important;
}
.in .navbar-default .navbar-nav li.prof>.dropdown-toggle{
  min-height:58px;
  border-radius:8px !important;
}
.in .navbar-default .navbar-nav li.prof>.dropdown-toggle:hover{
  background:rgba(255,255,255,0.06) !important;
}
.left-bar{
  width:82px !important;
  background:linear-gradient(180deg,#08101e 0%,#060b15 100%) !important;
  border-right:1px solid rgba(255,150,0,0.24) !important;
  box-shadow:8px 0 32px rgba(0,0,0,0.38) !important;
}
.left-menu li a{
  border-radius:8px !important;
  box-shadow:none !important;
  border:1px solid rgba(255,255,255,0.08) !important;
}
.left-menu li a:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
}
.right-cont{
  min-height:calc(100vh - 66px);
  padding:24px 22px 40px 104px !important;
  background:transparent !important;
}
.banner-top,.well2,.order-stats,.desc-wrap,.sta-box,
.in .well,.in .well.well-float,.in .account-card,.in .ticket-dialog .card{
  border-radius:8px !important;
}
.well2,.in .well,.in .well.well-float{
  background:rgba(12,19,34,0.74) !important;
  border:1px solid var(--sb-line) !important;
  box-shadow:0 16px 44px rgba(0,0,0,0.2) !important;
}
.sta-box{
  background:rgba(12,19,34,0.72) !important;
  border:1px solid var(--sb-line) !important;
  box-shadow:0 14px 34px rgba(0,0,0,0.18) !important;
}
.sta-box .sta-cont h3{color:var(--sb-muted) !important}
.sta-box .sta-cont h4{color:var(--sb-text) !important}
.well2 .form-control,.in .form-control{
  border-radius:8px !important;
  background:#0a1220 !important;
  border:1px solid rgba(255,255,255,0.1) !important;
  color:#eef6ff !important;
}
.well2 .form-control:focus,.in .form-control:focus{
  border-color:rgba(255,150,0,0.55) !important;
  box-shadow:0 0 0 3px rgba(255,150,0,0.12) !important;
}
.in .btn.btn-primary,.in .btn-primary,
.out .btn.btn-primary,.btn.btn-secondary{
  border-radius:8px !important;
}
.bottom-nav{
  height:64px !important;
  background:linear-gradient(135deg,rgba(0,212,255,.96),rgba(0,110,255,.98) 48%,rgba(85,94,255,.96)) !important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.bottom-nav a{
  min-width:0;
  padding-top:5px;
}
.bottom-nav a i{margin-bottom:2px}
.out footer{
  background:
    radial-gradient(circle at 16% 18%,rgba(0,211,55,.2),transparent 26%),
    radial-gradient(circle at 82% 14%,rgba(255,150,0,.22),transparent 24%),
    linear-gradient(135deg,rgba(0,212,255,.96),rgba(0,110,255,.98) 52%,rgba(85,94,255,.98)) !important;
  background-image:none !important;
}
.out .footer-main{
  background:transparent !important;
  border-top:1px solid rgba(255,150,0,0.16);
  border-bottom:1px solid rgba(255,255,255,0.08) !important;
}
.out .footer-bottom{
  background:rgba(0,36,120,.16) !important;
}
@media(max-width:767px){
  .in .navbar-default{margin-left:0 !important}
  .left-bar{display:none !important}
  .right-cont{padding:18px 12px 84px !important}
  .in .navbar-default .navbar-toggle,
  .out .navbar-default .navbar-toggle{
    background:rgba(255,255,255,.14) !important;
    border:1px solid rgba(255,255,255,.22) !important;
    border-radius:10px !important;
    box-shadow:none !important;
  }
  .in .navbar-default .navbar-toggle .icon-bar,
  .out .navbar-default .navbar-toggle .icon-bar{
    background:#fff !important;
  }
  .in .navbar-default .navbar-collapse{
    background:linear-gradient(135deg,rgba(0,212,255,.98),rgba(0,110,255,.99) 52%,rgba(85,94,255,.98)) !important;
    border-top:1px solid rgba(255,255,255,.2) !important;
    border-radius:0 0 14px 14px !important;
    box-shadow:0 18px 42px rgba(0,58,160,.22) !important;
    backdrop-filter:blur(14px) !important;
  }
  .in .navbar-default .navbar-nav.navbar-left-block>li>a{
    margin:4px 0 !important;
  }
}

/* SMM Bros Codex emergency polish pass: modal scroll, readable type, brighter shell */
body.in{
  background:linear-gradient(315deg,rgba(85,94,255,1) 15%,rgba(0,110,255,1) 50%,rgba(0,212,255,1) 100%) !important;
  color:#fff !important;
}
.in .main{
  background:linear-gradient(315deg,rgba(85,94,255,1) 15%,rgba(0,110,255,1) 50%,rgba(0,212,255,1) 100%) !important;
}
.right-cont{
  background:linear-gradient(315deg,rgba(85,94,255,1) 15%,rgba(0,110,255,1) 50%,rgba(0,212,255,1) 100%) !important;
  color:#fff !important;
  text-shadow:0 2px 5px rgba(0,0,0,.38);
}
.in .navbar-default{
  background:linear-gradient(315deg,rgba(85,94,255,.92) 15%,rgba(0,110,255,.9) 50%,rgba(0,212,255,.78) 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 12px 34px rgba(0,28,105,.22) !important;
}
.in .navbar-default .navbar-nav.navbar-left-block>li>a{
  color:rgba(255,255,255,.86) !important;
  text-shadow:0 2px 4px rgba(0,0,0,.32);
  font-size:15px !important;
  font-weight:800 !important;
}
.in .navbar-default .navbar-nav.navbar-left-block>li>a:hover,
.in .navbar-default .navbar-nav.navbar-left-block>li.active>a{
  background:rgba(255,150,0,.96) !important;
  border-color:rgba(255,255,255,.25) !important;
  color:#fff !important;
}
.left-bar{
  background:linear-gradient(180deg,rgba(0,212,255,.96) 0%,rgba(0,110,255,.95) 48%,rgba(85,94,255,.96) 100%) !important;
  border-right:1px solid rgba(255,255,255,.22) !important;
  box-shadow:8px 0 34px rgba(0,48,140,.24) !important;
}
.left-menu li a{
  width:45px !important;
  height:45px !important;
  line-height:45px !important;
  font-size:17px !important;
  border:1px solid rgba(255,255,255,.32) !important;
  box-shadow:0 10px 24px rgba(0,36,110,.18) !important;
}
.left-bar .navbar-brand img{
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.42)) drop-shadow(0 0 8px rgba(255,150,0,.32)) !important;
}
.in .navbar-default .navbar-nav li.prof>.dropdown-toggle .name,
.in .navbar-default .navbar-nav li.prof>.dropdown-toggle .ext{
  text-shadow:0 2px 4px rgba(0,0,0,.35);
}

/* Modals must be usable even when descriptions/invoices are tall. */
body.modal-open{
  overflow:hidden !important;
  padding-right:0 !important;
}
.modal-open .modal,
.modal{
  overflow-x:hidden !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
}
.modal-dialog{
  width:min(94vw,760px) !important;
  max-width:760px !important;
  margin:24px auto !important;
  max-height:none !important;
}
.modal-content{
  max-height:calc(100vh - 48px);
  display:flex;
  flex-direction:column;
  border-radius:8px !important;
  overflow:hidden;
}
.modal-header,
.modal-footer{
  flex:0 0 auto;
}
.modal-body{
  flex:1 1 auto;
  overflow-y:auto !important;
  max-height:calc(100vh - 170px);
  font-size:15px !important;
  line-height:1.65 !important;
}
.modal-body,
.modal-body p,
.modal-body li,
.modal-body td,
.modal-body div{
  font-size:max(14px,1em) !important;
}
.modal-header .modal-title{
  font-size:22px !important;
  font-weight:900 !important;
}
.modal-header .close{
  min-width:42px;
  min-height:42px;
  line-height:42px;
  text-align:center;
}
.serDesc.modal .modal-dialog{
  width:min(94vw,720px) !important;
  max-width:720px !important;
}
.serDesc.modal .modal-content{
  background:linear-gradient(315deg,rgba(85,94,255,.96) 15%,rgba(0,110,255,.96) 50%,rgba(0,212,255,.92) 100%) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:0 24px 80px rgba(0,24,96,.42) !important;
}
.serDesc.modal .modal-header{
  background:#ff9600 !important;
  border-radius:8px 8px 0 0 !important;
}
.serDesc.modal .modal-body{
  color:#fff !important;
  text-shadow:0 2px 5px rgba(0,0,0,.45);
  font-size:16px !important;
}
.serDesc.modal .serdesc-title{
  color:#ffcc66 !important;
  font-size:13px !important;
  letter-spacing:.6px !important;
}
.serDesc.modal .serdesc-name{
  font-size:18px !important;
  line-height:1.45 !important;
}
.serDesc.modal .serdesc-detail{
  color:#fff !important;
  font-size:16px !important;
  line-height:1.78 !important;
}
.serDesc.modal .serdesc-avg,
.serDesc.modal .serdesc-min,
.serDesc.modal .serdesc-max{
  color:#4edd86 !important;
  font-size:16px !important;
}
.invoice-modal .modal-content,
[id^="invoiceModal"] .modal-content{
  background:#fff !important;
  color:#111 !important;
  text-shadow:none !important;
}
[id^="invoiceModal"] .modal-body,
[id^="invoiceModal"] .modal-body *{
  color:#111 !important;
  text-shadow:none !important;
}

/* Raise tiny utility text without breaking labels. */
.in table th,
.in table td{
  font-size:14px !important;
  line-height:1.45 !important;
}
.in .status-tab,
.in .copy-btn,
.in .b,
.in .gw-tab,
.in .af-tab,
.in .ticket-chip,
.in .ticket-template,
.in .thread-page-btn,
.in .mass-pill,
.in .sample-row button,
.in .child-status,
.in .child-panels-badge{
  font-size:13px !important;
  line-height:1.25 !important;
}
.in .label,
.in label,
.in .control-label{
  font-size:14px !important;
  font-weight:900 !important;
}
.in .form-control,
.in textarea.form-control,
.in select.form-control{
  font-size:15px !important;
  line-height:1.45 !important;
}
@media(max-width:767px){
  .modal-dialog{
    width:calc(100vw - 18px) !important;
    margin:9px auto !important;
  }
  .modal-content{
    max-height:calc(100vh - 18px);
  }
  .modal-body{
    max-height:calc(100vh - 132px);
    padding:18px !important;
  }
  .in .navbar-default{
    background:linear-gradient(315deg,rgba(85,94,255,.98) 15%,rgba(0,110,255,.96) 50%,rgba(0,212,255,.92) 100%) !important;
  }
}

/* Native select dropdown readability. Browser menus can ignore glass styles, so force light options. */
.in select,
.in select.form-control,
.neworder-page select,
.reseller-form select,
.type-select{
  color:#071327 !important;
  background:#eaf7ff !important;
  text-shadow:none !important;
}
.in select option,
.neworder-page select option,
.reseller-form select option,
.type-select option{
  color:#071327 !important;
  background:#eaf7ff !important;
  text-shadow:none !important;
}
.in select option:checked,
.neworder-page select option:checked,
.reseller-form select option:checked,
.type-select option:checked{
  color:#fff !important;
  background:#ff9600 !important;
}

/* SMM Bros mobile hardening pass: iPhone mini/13 and common small devices. */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}
img,
video,
iframe,
lottie-player{
  max-width:100%;
}
@media(max-width:991px){
  .order-workspace,
  .mass-grid,
  .reseller-stage,
  .api-method-body{
    grid-template-columns:1fr !important;
  }
  .wallet-grid,
  .support-grid,
  .ticket-layout,
  .account-grid,
  .settings-grid{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:767px){
  html,
  body{
    width:100%;
    overflow-x:hidden !important;
  }
  .container,
  .container-fluid{
    width:100% !important;
    max-width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
  .row{
    margin-left:-8px !important;
    margin-right:-8px !important;
  }
  [class*="col-"]{
    padding-left:8px !important;
    padding-right:8px !important;
  }
  body.in{
    padding-bottom:calc(76px + env(safe-area-inset-bottom)) !important;
  }
  .right-cont{
    width:100% !important;
    min-height:100vh !important;
    padding:14px 10px calc(88px + env(safe-area-inset-bottom)) !important;
    overflow-x:hidden !important;
  }
  .in .navbar-default{
    min-height:54px !important;
    margin-left:0 !important;
  }
  .in .navbar-default .container-fluid{
    padding-left:10px !important;
    padding-right:10px !important;
  }
  .in .navbar-default .navbar-toggle{
    margin:10px 0 8px !important;
  }
  .in .navbar-default .navbar-collapse{
    max-height:calc(100vh - 62px) !important;
    overflow-y:auto !important;
    padding:8px 12px 12px !important;
  }
  .in .navbar-default .navbar-nav{
    margin:0 !important;
  }
  .in .navbar-default .navbar-nav.navbar-left-block>li>a{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:10px 12px !important;
    border-radius:8px !important;
    white-space:normal !important;
  }
  .in .navbar-default .navbar-right{
    display:none !important;
  }
  .bottom-nav{
    height:calc(64px + env(safe-area-inset-bottom)) !important;
    padding-bottom:env(safe-area-inset-bottom) !important;
  }
  .bottom-nav a{
    font-size:9px !important;
    line-height:1.1 !important;
    padding:6px 2px 4px !important;
  }
  .bottom-nav a i{
    font-size:17px !important;
  }
  .banner-top,
  .order-hero{
    min-height:auto !important;
    padding:18px 16px !important;
    margin-bottom:14px !important;
    align-items:flex-start !important;
    gap:12px !important;
    background-size:cover !important;
    background-position:center !important;
  }
  .banner-top h3,
  .order-hero h3{
    font-size:24px !important;
    line-height:1.12 !important;
    margin-bottom:8px !important;
  }
  .banner-top h4,
  .order-hero h4{
    font-size:13px !important;
    line-height:1.45 !important;
  }
  .banner-top .cont-right,
  .order-hero .cont-right{
    max-width:82px !important;
    flex:0 0 82px !important;
    overflow:hidden !important;
  }
  .banner-top lottie-player,
  .order-hero lottie-player{
    width:96px !important;
    height:96px !important;
    margin:-18px -10px -20px 0 !important;
  }
  .well2,
  .wallet-panel,
  .wallet-side,
  .order-panel,
  .stats-card,
  .desc-wrap,
  .notice-well,
  .mass-panel,
  .mass-helper,
  .reseller-visual,
  .reseller-form,
  .reseller-faq,
  .ticket-panel,
  .aff-card,
  .api-method,
  .api-info-box,
  .pt{
    padding:16px !important;
    border-radius:8px !important;
    max-width:100% !important;
  }
  .order-flow,
  .wallet-flow,
  .gw-tabs,
  .af-tabs,
  .status-tabs,
  .thread-actions,
  .ticket-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    overflow-x:visible !important;
  }
  .order-flow span,
  .wallet-flow span,
  .gw-tab,
  .af-tab,
  .status-tab{
    flex:1 1 calc(50% - 7px) !important;
    min-width:0 !important;
    text-align:center !important;
    justify-content:center !important;
  }
  .order-list,
  .aff-stat-grid,
  .aff-rank,
  .bonus-grid,
  .reseller-grid,
  .launch-strip,
  .service-window{
    grid-template-columns:1fr !important;
  }
  .order-list{
    gap:8px !important;
  }
  .order-list li{
    min-height:auto !important;
    padding:12px !important;
  }
  .order-list h4{
    position:static !important;
    display:inline-block !important;
    max-width:100% !important;
    word-break:break-word !important;
  }
  .category-slider{
    padding:0 42px !important;
    margin-bottom:14px !important;
  }
  .category-slider .slick-list{
    max-width:100% !important;
  }
  .category-slider .slick-arrow{
    width:36px !important;
    height:36px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }
  .category-brand{
    min-height:44px !important;
    padding:10px 8px !important;
    white-space:normal !important;
  }
  .category-brand .media-body{
    display:none !important;
  }
  .category-brand .icon{
    margin:0 !important;
  }
  .form-control,
  select.form-control,
  textarea.form-control,
  .custom-select-trigger,
  .amount-group input{
    min-height:46px !important;
    width:100% !important;
    max-width:100% !important;
    font-size:16px !important;
  }
  textarea.form-control{
    min-height:120px !important;
  }
  .btn,
  .btn.btn-primary,
  .order-submit-btn{
    width:100%;
    min-height:48px;
    white-space:normal !important;
  }
  .table-responsive,
  .pt,
  .ticket-table,
  .api-info-box,
  .api-params-wrap{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
  table,
  .af-table,
  .child-table{
    min-width:640px;
  }
  .services-table table,
  .ticket-table table,
  .api-params-table{
    min-width:720px;
  }
  .desc-wrap,
  .service-desc-panel,
  .smm-readable-description,
  .notice-well,
  .gw-desc{
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }
  .out .navbar-default.navbar-static-top{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
  }
  .out .navbar-default .navbar-brand{
    max-width:72vw !important;
    padding-left:10px !important;
  }
  .out .navbar-brand img{
    max-width:210px !important;
    width:auto !important;
    max-height:48px !important;
  }
  .out .navbar-collapse{
    background:
      linear-gradient(135deg,rgba(0,212,255,.98),rgba(0,110,255,.99) 52%,rgba(85,94,255,.98)) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:0 18px 42px rgba(0,58,160,.22) !important;
    border-radius:0 0 14px 14px !important;
    max-height:calc(100vh - 64px) !important;
    overflow-y:auto !important;
  }
  .out .navbar-default .navbar-nav>li>a{
    padding:12px 14px !important;
    border-radius:8px !important;
  }
  .out footer .footer-main{
    padding:34px 0 !important;
    text-align:center !important;
  }
  .out footer img{
    max-width:220px !important;
    width:auto !important;
  }
  .out footer .col-sm-3,
  .out footer .col-sm-6{
    width:100% !important;
    float:none !important;
    margin-bottom:18px !important;
  }
  .footer-bottom .row{
    display:block !important;
    text-align:center !important;
  }
  .footer-bottom [style*="text-align:right"]{
    text-align:center !important;
    margin-top:12px !important;
  }
}
@media(max-width:390px){
  .right-cont{
    padding-left:8px !important;
    padding-right:8px !important;
  }
  .container,
  .container-fluid{
    padding-left:8px !important;
    padding-right:8px !important;
  }
  .banner-top,
  .order-hero,
  .well2,
  .wallet-panel,
  .wallet-side,
  .order-panel,
  .stats-card,
  .desc-wrap,
  .notice-well,
  .mass-panel,
  .mass-helper,
  .reseller-visual,
  .reseller-form,
  .reseller-faq,
  .pt{
    padding:14px !important;
  }
  .banner-top .cont-right,
  .order-hero .cont-right{
    display:none !important;
  }
  .order-flow span,
  .wallet-flow span,
  .gw-tab,
  .af-tab,
  .status-tab{
    flex-basis:100% !important;
  }
}

/* Ultimate feature pack helpers */
.smm-quality-badge{
  display:inline-flex;
  align-items:center;
  margin:8px 0 0;
  padding:5px 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.45px;
  text-transform:uppercase;
  color:#fff;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
}
.smm-quality-elite{background:#00d337}
.smm-quality-solid{background:#006eff}
.smm-quality-test{background:#ff9600}
.smm-service-tools{
  display:block;
  position:relative;
  margin-top:7px;
}
.smm-service-tools button{
  border:1px solid rgba(255,255,255,.22);
  border-radius:7px;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-size:10px;
  font-weight:900;
  padding:6px 7px;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
}
.smm-service-tools button:hover,
.smm-service-tools button.active{
  background:linear-gradient(135deg,rgba(0,212,255,.34),rgba(0,110,255,.54),rgba(85,94,255,.40));
  border-color:rgba(255,255,255,.32);
}
.smm-service-actions-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:34px;
  background:linear-gradient(135deg,rgba(0,212,255,.32),rgba(85,94,255,.42)) !important;
}
.smm-service-actions-toggle span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#ff9600;
  color:#fff;
}
.smm-service-tools.open .smm-service-actions-toggle span{transform:rotate(45deg)}
.smm-service-actions-menu{
  display:none;
  position:absolute;
  right:0;
  top:calc(100% + 4px);
  z-index:50;
  width:min(210px,90vw);
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin-top:0;
  padding:7px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  background:linear-gradient(135deg,rgba(0,40,120,.96),rgba(20,20,180,.96));
  box-shadow:0 14px 36px rgba(0,30,100,.38);
}
.smm-service-tools.open .smm-service-actions-menu{display:grid}
.smm-toast{
  position:fixed;
  left:50%;
  bottom:92px;
  z-index:99999;
  transform:translateX(-50%) translateY(12px);
  opacity:0;
  pointer-events:none;
  background:linear-gradient(135deg,#ff9600,#006eff);
  color:#fff;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  padding:11px 16px;
  font-size:12px;
  font-weight:900;
  box-shadow:0 18px 44px rgba(0,0,0,.32);
  text-shadow:0 2px 3px rgba(0,0,0,.38);
  transition:opacity .18s ease,transform .18s ease;
}
.smm-toast.show{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
.smm-compare-tray{
  margin:14px 0;
  padding:14px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:12px;
  background:rgba(255,255,255,.075);
  color:#fff;
}
.smm-compare-empty,
.smm-compare-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#fff;
}
.smm-compare-empty span{
  color:#dff5ff;
  font-size:12px;
  font-weight:800;
}
.smm-compare-head strong,
.smm-compare-empty strong{
  font-size:14px;
  font-weight:900;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
}
.smm-compare-head button{
  border:0;
  border-radius:999px;
  background:#ff9600;
  color:#fff;
  font-size:11px;
  font-weight:900;
  padding:7px 12px;
}
.smm-compare-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.smm-compare-card{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:11px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  background:rgba(0,110,255,.13);
  min-width:0;
}
.smm-compare-card b{
  color:#ff9600;
  font-size:11px;
}
.smm-compare-card strong{
  color:#fff;
  font-size:12px;
  line-height:1.25;
}
.smm-compare-card span{
  color:#dff5ff;
  font-size:11px;
  font-weight:800;
}
.smm-services-filter{
  max-width:1250px;
  margin:0 auto 14px;
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.smm-services-filter button{
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.11);
  color:#fff;
  min-height:38px;
  padding:8px 13px;
  font-size:12px;
  font-weight:900;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
  box-shadow:0 12px 30px -20px rgba(0,0,0,.55);
}
.smm-services-filter button:hover,
.smm-services-filter button.active{
  background:linear-gradient(135deg,rgba(0,212,255,.34),rgba(0,110,255,.54),rgba(85,94,255,.40));
  border-color:rgba(255,255,255,.32);
  color:#fff;
}
.smm-filter-hidden{
  display:none !important;
}
.smm-empty-state{
  max-width:1250px;
  margin:0 auto 14px;
  padding:18px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:12px;
  background:rgba(255,255,255,.09);
  color:#fff;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
}
.smm-empty-state strong,
.smm-empty-state span{
  display:block;
}
.smm-empty-state strong{
  font-size:18px;
  font-weight:900;
}
.smm-empty-state span{
  margin-top:5px;
  color:#dff5ff;
  font-size:13px;
  font-weight:800;
}
.smm-order-health{
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 0 6px;
  padding:4px 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.35px;
  text-transform:uppercase;
}
.smm-order-health-good{background:rgba(78,221,134,.18);color:#70ff9b}
.smm-order-health-live{background:rgba(0,207,255,.18);color:#7cecff}
.smm-order-health-risk{background:rgba(254,0,0,.16);color:#ff9b9b}
.smm-order-health-watch{background:rgba(255,150,0,.18);color:#ffc46b}
.smm-side-card,
.smm-order-planner{
  padding:16px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.08);
  color:#fff;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
}
.smm-side-card strong{
  font-size:16px;
  font-weight:900;
}
.smm-side-card span,
.smm-muted{
  color:#dff5ff;
  font-size:12px;
  font-weight:800;
}
.smm-balance-warning{
  display:none;
  margin:0 0 12px;
  padding:13px;
  border:1px solid rgba(254,0,0,.34);
  border-radius:10px;
  background:linear-gradient(135deg,rgba(254,0,0,.2),rgba(255,150,0,.16));
  color:#fff;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
}
.smm-balance-warning.show{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px 12px;
  align-items:center;
}
.smm-balance-warning strong,
.smm-balance-warning span{
  display:block;
}
.smm-balance-warning strong{
  font-size:13px;
  font-weight:900;
  color:#fff;
}
.smm-balance-warning span{
  grid-column:1;
  color:#ffe3cf;
  font-size:12px;
  font-weight:800;
  line-height:1.45;
}
.smm-balance-warning a,
.smm-mini-suggest a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  background:#ff9600;
  color:#fff !important;
  font-size:11px;
  font-weight:900;
  text-decoration:none !important;
  box-shadow:0 10px 30px -18px rgba(0,0,0,.7);
}
.smm-balance-warning a{
  grid-column:2;
  grid-row:1 / span 2;
  white-space:nowrap;
}
.smm-link-validator{
  display:none;
  margin:-4px 0 14px;
  padding:11px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#fff;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
}
.smm-link-validator.good,
.smm-link-validator.risk,
.smm-link-validator.watch{
  display:block;
}
.smm-link-validator.good{
  border-color:rgba(78,221,134,.34);
  background:rgba(78,221,134,.15);
}
.smm-link-validator.watch{
  border-color:rgba(0,212,255,.3);
  background:rgba(0,212,255,.12);
}
.smm-link-validator.risk{
  border-color:rgba(255,150,0,.42);
  background:rgba(255,150,0,.16);
}
.smm-link-validator strong,
.smm-link-validator span,
.smm-link-validator em{
  display:block;
}
.smm-link-validator strong{
  font-size:12px;
  font-weight:900;
}
.smm-link-validator span{
  margin-top:3px;
  color:#ffe9c7;
  font-size:12px;
  font-weight:800;
  line-height:1.45;
}
.smm-link-validator em{
  margin-top:5px;
  color:rgba(255,255,255,.76);
  font-size:11px;
  font-style:normal;
  font-weight:800;
}
.smm-order-templates{
  display:block;
  margin:0 0 14px;
  color:#fff;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
}
.smm-drafts-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:max-content;
  max-width:100%;
  min-height:36px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.11);
  color:#fff;
  padding:7px 12px;
  font-size:11px;
  font-weight:900;
}
.smm-drafts-toggle em{
  font-style:normal;
  color:#dff5ff;
  font-size:10px;
  font-weight:800;
}
.smm-drafts-panel{
  display:none;
  gap:10px;
  margin-top:9px;
  padding:13px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:12px;
  background:rgba(255,255,255,.075);
}
.smm-order-templates.open .smm-drafts-panel{
  display:grid;
}
.smm-drafts-status strong,
.smm-drafts-status span{
  display:block;
}
.smm-drafts-status strong{
  font-size:14px;
  font-weight:900;
}
.smm-drafts-status span{
  margin-top:3px;
  color:#dff5ff;
  font-size:11px;
  font-weight:800;
}
.smm-drafts-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.smm-drafts-actions button,
.smm-template-load,
.smm-template-delete{
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  background:rgba(255,255,255,.11);
  color:#fff;
  min-height:36px;
  padding:8px 10px;
  font-size:11px;
  font-weight:900;
}
.smm-drafts-toggle:hover,
.smm-drafts-actions button:hover,
.smm-template-load:hover,
.smm-template-delete:hover{
  background:#ff9600;
  border-color:#ff9600;
}
.smm-drafts-actions button:disabled{
  opacity:.48;
  cursor:not-allowed;
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.14);
}
.smm-template-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.smm-template-head strong,
.smm-template-head span{
  display:block;
}
.smm-template-head strong{
  font-size:12px;
  font-weight:900;
  color:#fff;
}
.smm-template-head span{
  margin-top:3px;
  color:#dff5ff;
  font-size:11px;
  font-weight:800;
}
.smm-template-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:stretch;
}
.smm-template-load{
  display:block;
  text-align:left;
  min-width:0;
  min-height:54px;
}
.smm-template-delete{
  min-width:90px;
  background:rgba(255,255,255,.06);
  border-color:rgba(255,150,0,.3);
  color:#ffe3bc;
}
.smm-template-delete:hover{
  background:rgba(254,0,0,.18);
  border-color:rgba(254,0,0,.34);
  color:#fff;
}
.smm-template-load strong,
.smm-template-load span,
.smm-template-load em{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.smm-template-load span{
  margin-top:3px;
  color:#dff5ff;
  font-size:10px;
}
.smm-template-load em{
  margin-top:5px;
  font-style:normal;
  color:#ffd38a;
  font-size:10px;
  font-weight:900;
}
.smm-drafts-empty{
  color:#dff5ff !important;
  font-size:11px;
  font-weight:800;
}
#smmOrderTemplates.agency-only{
  margin-top:0;
}
#smmClearDraft{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,150,0,.34);
  color:#ffe3bc;
}
#smmClearDraft:hover:not(:disabled){
  background:rgba(254,0,0,.18);
  border-color:rgba(254,0,0,.38);
  color:#fff;
}
.smm-order-empty{
  display:grid;
  gap:8px;
  color:#fff;
}
.smm-order-empty strong{
  font-size:15px;
  font-weight:900;
}
.smm-order-empty span{
  color:#dff5ff;
  font-size:12px;
  font-weight:800;
}
.smm-order-empty div{
  display:flex;
  gap:8px;
  margin-top:2px;
}
.smm-order-empty-lines{
  display:grid !important;
  gap:7px;
  margin-top:10px !important;
}
.smm-skeleton-line{
  display:block;
  width:100%;
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.2),rgba(255,255,255,.08));
  background-size:220% 100%;
  animation:smmSkeleton 1.4s ease-in-out infinite;
}
.smm-skeleton-line.lg{width:92%}
.smm-skeleton-line.sm{width:56%;height:8px}
.smm-order-empty i{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  color:#fff;
  animation:smmIconPulse 1.8s ease-in-out infinite;
}
.smm-order-empty i:nth-child(2){animation-delay:.18s}
.smm-order-empty i:nth-child(3){animation-delay:.36s}
.smm-order-empty i:nth-child(4){animation-delay:.54s}
@keyframes smmIconPulse{
  0%,100%{transform:translateY(0);background:rgba(255,255,255,.14)}
  50%{transform:translateY(-3px);background:#ff9600}
}
@keyframes smmSkeleton{
  0%{background-position:100% 0}
  100%{background-position:-100% 0}
}
.smm-order-powerups{
  display:grid;
  gap:12px;
  margin:0 0 14px;
  padding:16px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.08);
  color:#fff;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
}
.smm-power-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.smm-power-head strong,
.smm-power-head span,
.smm-power-head em{
  display:block;
}
.smm-power-head strong{
  font-size:16px;
  font-weight:900;
}
.smm-power-head span{
  margin-top:4px;
  color:#dff5ff;
  font-size:12px;
  font-weight:800;
}
.smm-power-head em{
  flex:0 0 auto;
  border-radius:999px;
  padding:6px 10px;
  background:rgba(255,255,255,.12);
  color:#ffecb3;
  font-size:10px;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.smm-margin-calc{
  margin:0 0 14px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.075);
  overflow:hidden;
  color:#fff;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
}
.smm-calc-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  border-radius:0;
  background:rgba(255,255,255,.1);
  color:#fff;
  min-height:42px;
  padding:10px 13px;
  font-size:12px;
  font-weight:900;
}
.smm-margin-calc.open .smm-calc-toggle span{
  transform:rotate(45deg);
}
.smm-calc-body{
  display:none;
  gap:9px;
  padding:13px;
}
.smm-margin-calc.open .smm-calc-body{
  display:grid;
}
.smm-calc-body label{
  color:#dff5ff;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
.smm-calc-body input,
.smm-budget-tool input{
  min-height:42px;
  border:0;
  border-radius:10px;
  padding:0 12px;
  color:#111827;
  font-weight:900;
}
.smm-calc-result{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px;
  border-radius:10px;
  background:rgba(255,255,255,.09);
}
.smm-calc-result strong{
  color:#70ff9b;
  font-size:18px;
  font-weight:900;
}
.smm-calc-result strong.risk{
  color:#ff9b9b;
}
.smm-calc-result span{
  color:#dff5ff;
  font-size:11px;
  font-weight:800;
  text-align:right;
}
.smm-client-brief{
  display:none;
  gap:10px;
  margin:0 0 14px;
  padding:13px;
}
.smm-client-brief.show{
  display:grid;
}
.smm-client-brief strong,
.smm-client-brief span{
  display:block;
}
.smm-client-brief strong{
  font-size:14px;
  font-weight:900;
}
.smm-client-brief span{
  color:#dff5ff;
  font-size:11px;
  font-weight:800;
}
.smm-client-brief textarea{
  width:100%;
  min-height:92px;
  resize:vertical;
  border:1px solid rgba(255,255,255,.2);
  border-radius:10px;
  background:rgba(0,0,0,.22);
  color:#fff;
  padding:10px;
  font-size:12px;
  font-weight:800;
  line-height:1.5;
}
.smm-budget-tool{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
}
.smm-campaign-builder{
  display:grid;
  gap:10px;
}
.smm-campaign-builder strong,
.smm-campaign-builder span{
  display:block;
}
.smm-campaign-builder strong{
  font-size:13px;
  font-weight:900;
}
.smm-campaign-builder span{
  margin-top:3px;
  color:#dff5ff;
  font-size:11px;
  font-weight:800;
}
#smmCampaignSteps{
  display:grid;
  gap:7px;
}
#smmCampaignSteps button{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  text-align:left;
}
#smmCampaignSteps button strong,
#smmCampaignSteps button span{
  display:block;
}
#smmCampaignSteps button span{
  color:#dff5ff;
  font-size:11px;
  font-weight:800;
}
.smm-service-intel,
.smm-quantity-guard,
.smm-order-review,
.smm-success-timeline{
  border:1px solid rgba(255,255,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.08);
  color:#fff;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
}
.smm-service-intel{
  padding:16px;
}
.smm-intel-empty strong,
.smm-intel-empty span{
  display:block;
}
.smm-intel-empty strong,
.smm-intel-head strong{
  font-size:16px;
  font-weight:900;
}
.smm-intel-empty span,
.smm-intel-head span{
  margin-top:4px;
  color:#dff5ff;
  font-size:12px;
  font-weight:800;
}
.smm-intel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.smm-intel-head em{
  flex:0 0 auto;
  border-radius:999px;
  padding:7px 10px;
  font-style:normal;
  font-size:11px;
  font-weight:900;
  color:#fff;
}
.smm-intel-head em.good{background:rgba(78,221,134,.72)}
.smm-intel-head em.watch{background:rgba(255,150,0,.82)}
.smm-intel-head em.risk{background:rgba(254,0,0,.72)}
.smm-intel-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.smm-intel-grid div{
  min-width:0;
  padding:10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:rgba(255,255,255,.07);
}
.smm-intel-grid b,
.smm-intel-grid span{
  display:block;
}
.smm-intel-grid b{
  color:#dff5ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.55px;
  text-transform:uppercase;
}
.smm-intel-grid span{
  margin-top:4px;
  color:#fff;
  font-size:12px;
  font-weight:900;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.smm-intel-flags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
.smm-intel-flags span{
  border-radius:999px;
  padding:5px 9px;
  font-size:10px;
  font-weight:900;
}
.smm-intel-flags .good{background:rgba(78,221,134,.2);color:#70ff9b}
.smm-intel-flags .watch{background:rgba(255,150,0,.2);color:#ffd38a}
.smm-quantity-guard,
.smm-order-review{
  display:none;
  margin:-4px 0 14px;
  padding:12px;
}
.smm-quantity-guard.show,
.smm-order-review.show{
  display:block;
}
.smm-quantity-guard.good{border-color:rgba(78,221,134,.34);background:rgba(78,221,134,.14)}
.smm-quantity-guard.watch{border-color:rgba(255,150,0,.34);background:rgba(255,150,0,.13)}
.smm-quantity-guard.risk,
.smm-order-review.risk{border-color:rgba(254,0,0,.38);background:rgba(254,0,0,.14)}
.smm-quantity-guard strong,
.smm-quantity-guard span,
.smm-order-review strong,
.smm-order-review span,
.smm-order-review em,
.smm-order-review b,
.smm-order-review small{
  display:block;
}
.smm-quantity-guard strong,
.smm-order-review strong{
  font-size:12px;
  font-weight:900;
}
.smm-quantity-guard span,
.smm-order-review span{
  margin-top:3px;
  color:#dff5ff;
  font-size:12px;
  font-weight:800;
  line-height:1.45;
}
.smm-order-review em{
  margin-top:6px;
  font-style:normal;
  color:#fff;
  font-size:12px;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.smm-order-review small{
  margin-top:7px;
  color:#cfefff;
  font-size:11px;
  font-weight:800;
  line-height:1.4;
}
.smm-order-review b{
  margin-top:7px;
  color:#ffd38a;
  font-size:11px;
  line-height:1.4;
}
.smm-mobile-summary{
  display:none;
  position:fixed;
  left:10px;
  right:10px;
  bottom:calc(76px + env(safe-area-inset-bottom));
  z-index:99986;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(5,14,35,.94),rgba(0,110,255,.94),rgba(85,94,255,.92));
  box-shadow:0 18px 44px rgba(0,0,0,.34);
  color:#fff;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
  backdrop-filter:blur(14px);
}
.smm-mobile-summary strong,
.smm-mobile-summary span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.smm-mobile-summary strong{
  font-size:13px;
  font-weight:900;
}
.smm-mobile-summary span{
  margin-top:3px;
  color:#dff5ff;
  font-size:11px;
  font-weight:800;
}
.smm-mobile-summary button{
  border:0;
  border-radius:12px;
  background:#ff9600;
  color:#fff;
  min-height:42px;
  padding:0 14px;
  font-size:12px;
  font-weight:900;
}
.smm-success-timeline{
  margin:0 0 16px;
  padding:16px;
}
.smm-success-timeline strong{
  display:block;
  font-size:16px;
  font-weight:900;
}
.smm-success-timeline div{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:12px 0;
}
.smm-success-timeline span{
  border-radius:999px;
  padding:6px 10px;
  background:rgba(255,255,255,.1);
  color:#dff5ff;
  font-size:11px;
  font-weight:900;
}
.smm-success-timeline span.done{background:rgba(78,221,134,.18);color:#70ff9b}
.smm-success-timeline span.live{background:rgba(255,150,0,.22);color:#ffd38a}
.smm-success-timeline p{
  color:#dff5ff;
  font-size:12px;
  font-weight:800;
  line-height:1.5;
}
.smm-success-timeline nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.smm-success-timeline a{
  border-radius:999px;
  background:#ff9600;
  color:#fff !important;
  padding:8px 12px;
  font-size:11px;
  font-weight:900;
  text-decoration:none !important;
}
.smm-support-context,
.smm-error-translator,
.smm-mass-preflight{
  border:1px solid rgba(255,255,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.075);
  color:#fff;
  text-shadow:0 2px 3px rgba(0,0,0,.42);
}
.smm-support-context{
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 12px;
  padding:12px;
  background:rgba(255,150,0,.12);
}
.smm-support-context.show{display:flex}
.smm-support-context span{
  color:#ffe9c7;
  font-size:12px;
  font-weight:800;
}
.smm-ticket-draft-notice{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 12px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:12px;
  background:rgba(255,150,0,.14);
  color:#fff;
  text-shadow:0 2px 3px rgba(0,0,0,.42);
}
.smm-ticket-draft-notice strong{
  font-size:12px;
  font-weight:900;
}
.smm-ticket-draft-notice span{
  color:#ffe9c7;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
}
.smm-support-context button,
.smm-planner-actions button{
  border:0;
  border-radius:999px;
  background:#ff9600;
  color:#fff;
  min-height:34px;
  padding:7px 12px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.smm-error-translator{
  margin:0 0 14px;
  padding:12px;
  border-color:rgba(255,150,0,.34);
  background:rgba(255,150,0,.13);
}
.smm-error-translator strong,
.smm-error-translator span{
  display:block;
}
.smm-error-translator strong{
  font-size:12px;
  font-weight:900;
}
.smm-error-translator span{
  margin-top:4px;
  color:#ffe9c7;
  font-size:12px;
  font-weight:800;
}
.smm-mass-preflight{
  display:none;
  margin:12px 0 0;
  padding:12px;
}
.smm-mass-preflight.show{display:block}
.smm-mass-preflight.good{
  border-color:rgba(78,221,134,.34);
  background:rgba(78,221,134,.12);
}
.smm-mass-preflight.risk{
  border-color:rgba(255,150,0,.38);
  background:rgba(255,150,0,.13);
}
.smm-mass-preflight strong,
.smm-mass-preflight span{
  display:block;
}
.smm-mass-preflight strong{
  font-size:13px;
  font-weight:900;
}
.smm-mass-preflight span{
  margin-top:4px;
  color:#dff5ff;
  font-size:11px;
  font-weight:800;
}
.smm-mass-preflight ul{
  margin:9px 0 0;
  padding-left:18px;
  color:#ffe9c7;
  font-size:12px;
  font-weight:800;
  line-height:1.55;
}
.smm-preflight-ok{
  display:block;
  margin-top:8px;
  color:#70ff9b !important;
}
.smm-readiness-meter{
  margin:0 0 14px;
  padding:13px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.075);
  color:#fff;
  text-shadow:0 2px 3px rgba(0,0,0,.42);
}
.smm-readiness-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.smm-readiness-head strong{
  font-size:14px;
  font-weight:900;
}
.smm-readiness-head span{
  color:#dff5ff;
  font-size:12px;
  font-weight:900;
}
.smm-readiness-bar{
  height:8px;
  margin:10px 0;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  overflow:hidden;
}
.smm-readiness-bar i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#ff9600,#4edd86);
  transition:width .22s ease;
}
.smm-readiness-steps,
.smm-readiness-steps{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.smm-readiness-steps span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-radius:999px;
  padding:5px 9px;
  font-size:10px;
  font-weight:900;
}
.smm-readiness-steps .ok{
  background:rgba(78,221,134,.18);
  color:#70ff9b;
}
.smm-readiness-steps .todo{
  background:rgba(255,150,0,.18);
  color:#ffd38a;
}
.smm-tool-section{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.smm-tool-kicker{
  color:#ffecb3;
  font-size:10px;
  font-weight:900;
  letter-spacing:.9px;
  text-transform:uppercase;
}
.service-warnings{display:none !important}
.smm-qty-presets{
  display:block;
  margin:12px 0;
}
.smm-side-card button,
.smm-campaign-builder button,
.smm-budget-tool button,
.smm-client-brief button{
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  background:rgba(255,255,255,.12);
  color:#fff;
  min-height:38px;
  padding:8px;
  font-size:11px;
  font-weight:900;
}
.smm-qty-presets button:hover,
.smm-side-card button:hover,
.smm-campaign-builder button:hover,
.smm-budget-tool button:hover,
.smm-client-brief button:hover{
  background:#ff9600;
  border-color:#ff9600;
}
.smm-qty-presets strong,
.smm-qty-presets span{
  display:block;
}
.smm-qty-presets span{
  color:#dff5ff;
  font-size:10px;
}
.smm-mobile-dock{
  display:none;
  position:fixed;
  left:10px;
  right:10px;
  bottom:10px;
  z-index:99980;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  padding:8px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(0,110,255,.9),rgba(85,94,255,.92));
  backdrop-filter:blur(12px);
}
.smm-mobile-dock button{
  border:0;
  border-radius:10px;
  background:rgba(255,255,255,.13);
  color:#fff;
  min-height:42px;
  font-size:11px;
  font-weight:900;
}
.smm-service-tag-good{
  outline:2px solid rgba(78,221,134,.55);
}
.smm-service-tag-avoid{
  outline:2px solid rgba(254,0,0,.55);
  opacity:.78;
}
.smm-rate-delta{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:8px 0 0;
  padding:5px 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  color:#fff;
  text-shadow:0 2px 3px rgba(0,0,0,.42);
}
.smm-rate-up{
  background:rgba(254,0,0,.78);
}
.smm-rate-down{
  background:rgba(78,221,134,.78);
}
.smm-live-order-dot{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  margin-left:6px;
  padding:0 5px;
  border-radius:999px;
  background:#ff9600;
  color:#fff;
  font-size:10px;
  font-weight:900;
  line-height:18px;
  animation:smmLivePulse 1.4s ease-in-out infinite;
}
@keyframes smmLivePulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,150,0,.5)}
  50%{box-shadow:0 0 0 6px rgba(255,150,0,0)}
}
.smm-compare-head span{
  display:inline-flex;
  gap:7px;
}
.smm-mini-suggest{
  margin-top:12px;
  padding:10px;
  border-radius:10px;
  background:rgba(255,255,255,.09);
}
.smm-mini-suggest b,
.smm-mini-suggest span{
  display:block;
}
.smm-mini-suggest a{
  width:max-content;
  margin-top:10px;
}
.smm-notice-risk{box-shadow:inset 4px 0 0 rgba(254,0,0,.75)}
.smm-notice-watch{box-shadow:inset 4px 0 0 rgba(255,150,0,.85)}
.smm-notice-good{box-shadow:inset 4px 0 0 rgba(78,221,134,.85)}
@media(max-width:767px){
  .smm-services-filter{
    position:relative;
    top:auto;
    z-index:20;
    margin-left:0;
    margin-right:0;
    padding:8px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow:visible;
    border:1px solid rgba(255,255,255,.15);
    border-radius:12px;
    background:linear-gradient(135deg,rgba(0,110,255,.78),rgba(85,94,255,.78));
    backdrop-filter:blur(10px);
  }
  .smm-services-filter button{
    width:100%;
    min-width:0;
    min-height:42px;
    padding:8px 9px;
    border-radius:10px;
    font-size:11px;
    white-space:normal;
    line-height:1.15;
  }
  .services-market .service-row.smm-filter-hidden,
  .services-market .panel.smm-filter-hidden{
    display:none !important;
  }
  .smm-compare-grid{grid-template-columns:1fr}
  .smm-compare-empty,.smm-compare-head{align-items:flex-start;flex-direction:column}
  .smm-order-health{
    display:inline-flex;
    margin:0 6px 6px 0;
  }
  .smm-mobile-dock{display:grid}
  .smm-qty-presets{grid-template-columns:repeat(2,1fr)}
  .smm-balance-warning.show{
    grid-template-columns:1fr;
  }
  .smm-balance-warning span,
  .smm-balance-warning a{
    grid-column:auto;
    grid-row:auto;
  }
  .smm-balance-warning a{
    width:100%;
  }
  .smm-template-grid{
    grid-template-columns:1fr;
  }
  .smm-drafts-actions,
  .smm-template-card{
    grid-template-columns:1fr;
  }
  .smm-template-delete{
    width:100%;
  }
  .smm-budget-tool{
    grid-template-columns:1fr;
  }
  .smm-calc-result{
    align-items:flex-start;
    flex-direction:column;
  }
  .smm-calc-result span{
    text-align:left;
  }
  .smm-intel-head{
    flex-direction:column;
  }
  .smm-intel-grid{
    grid-template-columns:1fr 1fr;
  }
  .smm-support-context{
    align-items:stretch;
    flex-direction:column;
  }
  .smm-support-context button{
    width:100%;
  }
  .smm-readiness-steps span{
    flex:1 1 calc(50% - 7px);
    text-align:center;
  }
  .smm-order-review em,
  .smm-mobile-summary strong,
  .smm-mobile-summary span{
    white-space:normal;
  }
  .smm-mobile-summary.show{
    display:grid;
  }
  body.has-smm-mobile-summary .smm-mobile-dock{
    display:none !important;
  }
}

/* Consistent inner banner rhythm */
.in .banner-top,
.order-hero,
.addfunds-page .banner-top{
  min-height:142px !important;
  max-height:156px;
  padding:24px 28px !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden;
}
.in .banner-top h3,
.order-hero h3,
.addfunds-page .banner-top h3{
  margin-bottom:8px !important;
  font-size:24px !important;
  line-height:1.15 !important;
}
.in .banner-top h4,
.order-hero h4,
.addfunds-page .banner-top h4{
  font-size:14px !important;
  line-height:1.4 !important;
}
.in .banner-top .cont-right,
.order-hero .cont-right,
.addfunds-page .banner-top .cont-right{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  max-height:96px;
}
.in .banner-top img,
.in .banner-top lottie-player,
.order-hero img,
.order-hero lottie-player,
.addfunds-page .banner-top img,
.addfunds-page .banner-top lottie-player{
  max-height:96px !important;
  width:auto !important;
  margin:-18px 0 !important;
}
@media(max-width:767px){
  .in .banner-top,
  .order-hero,
  .addfunds-page .banner-top{
    min-height:122px !important;
    max-height:none;
    padding:16px !important;
  }
}

/* 2026 API polish: SMM Bros glass, not a black-box console */
.in .api-page .api-method-title,
.out .api-page .api-method-title{
  background:linear-gradient(135deg,rgba(255,150,0,.94),rgba(0,110,255,.88),rgba(85,94,255,.82)) !important;
  border-color:rgba(255,255,255,.34) !important;
  color:#fff !important;
  box-shadow:0 18px 48px -34px rgba(0,0,0,.48) !important;
}
.in .api-page .api-method-title span,
.out .api-page .api-method-title span{
  color:#fff !important;
  background:rgba(255,255,255,.18) !important;
  border-color:rgba(255,255,255,.26) !important;
}
.in .api-page .api-method-body,
.out .api-page .api-method-body{
  border-color:rgba(255,255,255,.24) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(0,212,255,.08)) !important;
  box-shadow:0 24px 80px -55px rgba(0,0,0,.52) !important;
}
.in .api-page .api-method-params,
.out .api-page .api-method-params{
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(0,110,255,.08)) !important;
  border-color:rgba(255,255,255,.18) !important;
}
.in .api-page .api-method-response,
.out .api-page .api-method-response{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 0%,rgba(0,211,55,.20),transparent 34%),
    radial-gradient(circle at 92% 14%,rgba(255,150,0,.22),transparent 31%),
    linear-gradient(135deg,rgba(255,255,255,.84),rgba(215,245,255,.70) 52%,rgba(225,231,255,.76)) !important;
  border-left:1px solid rgba(255,255,255,.28) !important;
}
.in .api-page .api-method-response::before,
.out .api-page .api-method-response::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,212,255,.18),transparent 36%,rgba(85,94,255,.14));
}
.in .api-page .resp-label,
.out .api-page .resp-label{
  position:relative;
  z-index:1;
  color:#006eff !important;
  text-shadow:none !important;
}
.in .api-page .resp-label::after,
.out .api-page .resp-label::after{
  background:linear-gradient(90deg,rgba(0,110,255,.38),rgba(0,211,55,.24),rgba(255,150,0,.26)) !important;
}
.in .api-page .resp-pre,
.out .api-page .resp-pre{
  position:relative;
  z-index:1;
  color:#08224c !important;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(235,250,255,.84)) !important;
  border:1px solid rgba(0,110,255,.20) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.62),0 18px 45px -32px rgba(0,0,0,.45) !important;
  text-shadow:none !important;
}
.in .api-page .resp-pre *,
.out .api-page .resp-pre *{
  text-shadow:none !important;
}
.in .api-page .copy-btn-sm,
.out .api-page .copy-btn-sm{
  background:linear-gradient(135deg,#ff9600,#006eff) !important;
  border-color:rgba(255,255,255,.38) !important;
  color:#fff !important;
  box-shadow:0 10px 26px -18px rgba(0,0,0,.55) !important;
}
.in .api-page .api-info-box,
.out .api-page .api-info-box{
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(0,212,255,.08)) !important;
  border-color:rgba(255,255,255,.26) !important;
}

/* Logged-in account dropdowns: bright SMM Bros glass instead of dark default */
.in .navbar-right-block .dropdown-menu{
  min-width:190px !important;
  padding:8px !important;
  border:1px solid rgba(255,255,255,.38) !important;
  border-radius:8px !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(220,247,255,.92) 46%,rgba(232,237,255,.94)) !important;
  box-shadow:0 22px 55px -34px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,255,255,.62) !important;
  backdrop-filter:blur(14px);
}
.in .navbar-right-block .dropdown-menu::before{
  content:"";
  position:absolute;
  top:-7px;
  right:22px;
  width:14px;
  height:14px;
  transform:rotate(45deg);
  border-left:1px solid rgba(255,255,255,.38);
  border-top:1px solid rgba(255,255,255,.38);
  background:rgba(255,255,255,.94);
}
.in .navbar-right-block .dropdown-menu>li>a{
  position:relative;
  z-index:1;
  display:flex !important;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:9px 11px !important;
  border-radius:7px !important;
  color:#08224c !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-shadow:none !important;
}
.in .navbar-right-block .dropdown-menu>li>a:hover,
.in .navbar-right-block .dropdown-menu>li>a:focus{
  background:
    linear-gradient(135deg,rgba(0,212,255,.34),rgba(0,110,255,.72) 52%,rgba(85,94,255,.56)) !important;
  color:#fff !important;
  box-shadow:0 14px 30px -22px rgba(0,72,180,.62), inset 0 0 0 1px rgba(255,255,255,.32) !important;
}
.in .navbar-right-block .dropdown-menu>li>a i{
  width:18px;
  margin-right:0 !important;
  text-align:center;
}
.in .navbar-right-block .dropdown-menu>li>a:hover i,
.in .navbar-right-block .dropdown-menu>li>a:focus i{
  color:#47e58d !important;
}
.in .navbar-right-block .dropdown-menu .divider{
  background:rgba(0,110,255,.14) !important;
  margin:6px 4px !important;
}

/* New Order systems pass: one source of truth, no desktop mobile overlays */
.smm-mobile-dock,
.smm-mobile-summary{
  display:none !important;
}
@media(max-width:767px){
  .smm-mobile-summary.show{
    display:grid !important;
  }
}
@media(min-width:768px){
  body.has-smm-mobile-summary{
    padding-bottom:0 !important;
  }
}
.neworder-page .smm-service-intel{
  padding:12px !important;
}
.neworder-page .smm-intel-head{
  align-items:flex-start;
  margin-bottom:8px !important;
}
.neworder-page .smm-intel-head span{
  margin-top:3px;
  white-space:normal;
}
.neworder-page .smm-intel-flags{
  margin-top:8px;
}
.neworder-page .smm-readiness-meter{
  margin-bottom:10px !important;
  padding:10px !important;
}
.neworder-page .smm-readiness-bar{
  margin:8px 0 !important;
}
.neworder-page .smm-order-review{
  padding:11px 12px !important;
}
@media(max-width:767px){
  .neworder-page .order-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Public homepage navbar: force the same bright SMM Bros dashboard language. */
body.out .navbar.navbar-default.navbar-static-top.fix,
body.out .navbar-default.navbar-static-top.fix,
body.out .navbar.navbar-default.navbar-static-top.fix.scrolled,
body.out .navbar-default.navbar-static-top.fix.scrolled{
  background:
    linear-gradient(135deg,rgba(0,212,255,.96),rgba(0,110,255,.98) 52%,rgba(85,94,255,.96)) !important;
  background-image:
    linear-gradient(135deg,rgba(0,212,255,.96),rgba(0,110,255,.98) 52%,rgba(85,94,255,.96)) !important;
  border-bottom:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 12px 34px rgba(0,58,160,.22) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.out .navbar.navbar-default.navbar-static-top.fix::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,150,0,.12),transparent 34%,rgba(0,211,55,.10)),
    linear-gradient(180deg,rgba(255,255,255,.18),transparent);
}
body.out .navbar.navbar-default.navbar-static-top.fix .container{
  position:relative;
  z-index:1;
}
body.out .navbar-default .navbar-nav>li>a{
  color:#fff !important;
  font-weight:800 !important;
  text-shadow:0 2px 6px rgba(0,55,150,.24) !important;
}
body.out .navbar-default .navbar-nav>li>a:hover,
body.out .navbar-default .navbar-nav>.active>a,
body.out .navbar-default .navbar-nav>.active>a:hover,
body.out .navbar-default .navbar-nav>.active>a:focus{
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
}
@media(max-width:767px){
  body.out .navbar.navbar-default.navbar-static-top.fix{
    position:fixed !important;
  }
  body.out .navbar-collapse{
    background:
      linear-gradient(135deg,rgba(0,212,255,.98),rgba(0,110,255,.99) 52%,rgba(85,94,255,.98)) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:0 18px 42px rgba(0,58,160,.22) !important;
  }
}

/* Fallback: public nav should never fall back to the old dark strip. */
body.out .navbar.navbar-default.navbar-static-top{
  background:
    linear-gradient(135deg,rgba(0,212,255,.96),rgba(0,110,255,.98) 52%,rgba(85,94,255,.96)) !important;
  background-image:
    linear-gradient(135deg,rgba(0,212,255,.96),rgba(0,110,255,.98) 52%,rgba(85,94,255,.96)) !important;
  border-bottom:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 12px 34px rgba(0,58,160,.22) !important;
}

/* Final shell consistency pass: panel-wide mobile nav/footer should stay on brand. */
body.in .bottom-nav,
body.out .bottom-nav{
  background:
    linear-gradient(135deg,rgba(0,212,255,.98),rgba(0,110,255,.99) 50%,rgba(85,94,255,.98)) !important;
  background-image:
    linear-gradient(135deg,rgba(0,212,255,.98),rgba(0,110,255,.99) 50%,rgba(85,94,255,.98)) !important;
  border-top:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 -14px 34px rgba(0,32,110,.26) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}
body.in .bottom-nav a,
body.out .bottom-nav a{
  color:#fff !important;
}
body.in .bottom-nav a.active,
body.in .bottom-nav a:hover,
body.out .bottom-nav a.active,
body.out .bottom-nav a:hover{
  color:#ff9600 !important;
  background:rgba(255,150,0,.14) !important;
}

.smm-order-planner{
  margin:0 0 14px;
  padding:16px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:16px;
  background:
    radial-gradient(circle at 12% 10%,rgba(0,212,255,.18),transparent 28%),
    radial-gradient(circle at 88% 0%,rgba(255,150,0,.14),transparent 24%),
    linear-gradient(145deg,rgba(7,24,64,.42),rgba(0,110,255,.18),rgba(93,80,255,.24));
  color:#fff;
  box-shadow:0 24px 60px rgba(0,48,140,.2), inset 0 1px 0 rgba(255,255,255,.12);
  text-shadow:0 2px 3px rgba(0,0,0,.44);
}
.smm-planner-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.smm-planner-copy{
  min-width:0;
}
.smm-planner-kicker,
.smm-planner-head strong,
.smm-planner-head span,
.smm-planner-head em,
.smm-planner-note{
  display:block;
}
.smm-planner-kicker{
  width:max-content;
  max-width:100%;
  margin:0 0 8px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#ffecb3;
  font-size:10px;
  font-weight:900;
  letter-spacing:.7px;
  text-transform:uppercase;
}
.smm-planner-head strong{
  font-size:18px;
  font-weight:900;
  color:#fff;
}
.smm-planner-service{
  margin-top:3px;
  color:#dff5ff;
  font-size:12px;
  font-weight:800;
  line-height:1.4;
}
.smm-planner-note{
  margin-top:8px;
  color:rgba(255,255,255,.78);
  font-size:11px;
  font-weight:800;
  line-height:1.45;
}
.smm-planner-head-pills{
  display:grid;
  gap:8px;
  justify-items:end;
  flex:0 0 auto;
}
.smm-planner-head em{
  border-radius:999px;
  padding:6px 10px;
  font-style:normal;
  font-size:11px;
  font-weight:900;
}
.smm-planner-head em.ready{background:rgba(78,221,134,.2);color:#70ff9b}
.smm-planner-head em.todo{background:rgba(255,150,0,.22);color:#ffd38a}
.smm-planner-preview-tag{
  width:max-content;
  max-width:100%;
  border-radius:999px;
  padding:6px 10px;
  background:rgba(0,212,255,.18);
  color:#7cecff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.35px;
  text-transform:uppercase;
}
.smm-planner-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.smm-planner-stat{
  min-width:0;
  padding:11px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 16px 30px -26px rgba(0,0,0,.44);
}
.smm-planner-stat b,
.smm-planner-stat span{
  display:block;
}
.smm-planner-stat b{
  color:#cfefff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.55px;
  text-transform:uppercase;
}
.smm-planner-stat span{
  margin-top:7px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.smm-planner-stat small{
  display:block;
  margin-top:7px;
  color:rgba(255,255,255,.76);
  font-size:11px;
  font-weight:800;
  line-height:1.45;
}
.smm-planner-stat-skeleton{
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04));
}
.smm-planner-stat-skeleton .smm-skeleton-line{
  margin-top:8px;
  height:12px;
}
.smm-planner-value-pill{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  padding:6px 11px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  color:#fff;
  font-size:12px;
  font-weight:900;
  box-shadow:0 10px 24px -20px rgba(0,0,0,.5);
}
.smm-planner-value-good{
  background:rgba(78,221,134,.18);
  color:#70ff9b !important;
}
.smm-planner-value-live{
  background:rgba(0,207,255,.18);
  color:#8befff !important;
}
.smm-planner-value-watch{
  background:rgba(255,150,0,.18);
  color:#ffd38a !important;
}
/* ─── Glow-edge signature border ─────────────────────── */
.smm-order-planner{position:relative;box-shadow:0 18px 50px -22px rgba(255,150,0,.32),0 18px 50px -22px rgba(0,212,255,.28)}
.smm-order-planner::after{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,rgba(255,150,0,.85),rgba(0,212,255,.7) 55%,rgba(112,77,251,.75));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
/* ─── Launch receipt (planner v2) ─────────────────────── */
.smm-rcpt-empty{display:grid;justify-items:center;text-align:center;gap:8px;padding:26px 16px}
.smm-rcpt-empty i{font-size:30px;color:#fff;opacity:.22}
.smm-rcpt-empty strong{color:#fff;font-size:15px;font-weight:900;text-shadow:0 2px 3px rgba(0,0,0,.5)}
.smm-rcpt-empty span{color:rgba(255,255,255,.55);font-size:12px;font-weight:700;line-height:1.6;max-width:300px}
.smm-rcpt-empty .smm-readiness-steps{justify-content:center;margin-top:4px}
.smm-rcpt-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.smm-rcpt-service{display:flex;align-items:center;gap:10px;min-width:0}
.smm-rcpt-service i{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ff9600;color:#fff;font-size:15px;box-shadow:0 10px 24px rgba(255,150,0,.3)}
.smm-rcpt-service > div{min-width:0}
.smm-rcpt-service b{display:block;color:#fff;font-size:14px;font-weight:900;line-height:1.3;text-shadow:0 2px 3px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smm-rcpt-service span{display:block;color:rgba(255,255,255,.55);font-size:11px;font-weight:800;margin-top:2px}
.smm-rcpt-top em{flex-shrink:0;font-style:normal;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}
.smm-rcpt-top em.ready{background:rgba(78,221,134,.2);color:#70ff9b;border:1px solid rgba(78,221,134,.32)}
.smm-rcpt-top em.todo{background:rgba(255,150,0,.2);color:#ffd38a;border:1px solid rgba(255,150,0,.32)}
.smm-rcpt-progress{height:5px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;margin-bottom:12px}
.smm-rcpt-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#00d4ff,#4edd86);transition:width .35s ease}
.smm-rcpt-rows{display:grid;margin-bottom:10px}
.smm-rcpt-rows > div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.09)}
.smm-rcpt-rows > div:last-child{border-bottom:0}
.smm-rcpt-rows span{color:rgba(255,255,255,.5);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}
.smm-rcpt-rows b{color:#fff;font-size:13px;font-weight:900;text-shadow:0 2px 3px rgba(0,0,0,.45)}
.smm-rcpt-rows b.dim{color:rgba(255,255,255,.4)}
.smm-rcpt-rows b.warn{color:#ffd38a}
.smm-rcpt-charge{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:10px;background:rgba(78,221,134,.14);border:1px solid rgba(78,221,134,.3);margin-bottom:12px}
.smm-rcpt-charge span{color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}
.smm-rcpt-charge small{display:block;color:rgba(255,255,255,.6);font-size:10px;font-weight:700;text-transform:none;letter-spacing:0;margin-top:3px}
.smm-rcpt-charge strong{font-size:23px;font-weight:900;white-space:nowrap;background:linear-gradient(135deg,#b6ffd2,#4edd86);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 8px rgba(78,221,134,.45))}
.smm-rcpt-charge strong.dim{background:none;color:rgba(255,255,255,.4);-webkit-text-fill-color:rgba(255,255,255,.4);font-size:14px;filter:none}
.smm-rcpt-todo{margin-bottom:12px}
.smm-rcpt-todo > span{display:block;color:rgba(255,255,255,.5);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px}
.smm-rcpt-clear{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:rgba(78,221,134,.13);border:1px solid rgba(78,221,134,.26);color:#fff;font-size:12px;font-weight:800;margin-bottom:12px;text-shadow:0 2px 3px rgba(0,0,0,.4)}
.smm-rcpt-clear i{color:#4edd86}
/* ─── Micro-interactions ─────────────────────────────── */
.smm-rcpt-charge strong.pop{animation:smmPop .42s cubic-bezier(.34,1.56,.64,1)}
@keyframes smmPop{0%{transform:scale(.82)}55%{transform:scale(1.12)}100%{transform:scale(1)}}
.smm-swap{animation:smmSwap .45s ease}
@keyframes smmSwap{0%{opacity:.3;transform:translateY(5px)}100%{opacity:1;transform:none}}
td[colspan] > i.fas{animation:smmFloat 3.2s ease-in-out infinite}
@keyframes smmFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){
  .smm-rcpt-charge strong.pop,.smm-swap,td[colspan] > i.fas{animation:none}
}
/* ─── Quantity dial slider ───────────────────────────── */
.smm-qty-slider{display:grid;gap:9px}
.smm-qty-slider-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.smm-qty-slider-head strong{color:#ff9600;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 2px 3px rgba(0,0,0,.4)}
.smm-qty-slider-head span{color:#fff;font-size:20px;font-weight:900;text-shadow:0 2px 3px rgba(0,0,0,.5)}
.smm-qty-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;border-radius:999px;outline:none;cursor:pointer;border:1px solid rgba(255,255,255,.18);margin:2px 0;background:rgba(255,255,255,.16);box-shadow:inset 0 2px 6px rgba(0,0,0,.28);touch-action:none}
.smm-qty-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:7px solid #ff9600;box-shadow:0 6px 16px rgba(0,0,0,.45),0 0 0 3px rgba(255,150,0,.25);cursor:grab}
.smm-qty-slider input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}
.smm-qty-slider input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:7px solid #ff9600;box-shadow:0 6px 16px rgba(0,0,0,.45),0 0 0 3px rgba(255,150,0,.25);cursor:grab}
.smm-qty-slider input[type=range]::-moz-range-track{height:18px;border-radius:999px;background:transparent}
.smm-qty-slider-scale{display:flex;align-items:center;justify-content:space-between;gap:8px}
.smm-qty-slider-scale span{color:rgba(255,255,255,.45);font-size:10px;font-weight:800}
.smm-qty-slider-scale span:nth-child(2){color:rgba(255,255,255,.32);text-transform:uppercase;letter-spacing:.5px}
.smm-qty-ticks{display:flex;gap:6px;flex-wrap:wrap}
.smm-qty-ticks button{flex:1;min-width:54px;padding:8px 6px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.65);font-size:11px;font-weight:900;cursor:pointer;transition:all .15s}
.smm-qty-ticks button:hover{color:#fff;background:rgba(255,255,255,.14)}
.smm-qty-ticks button.active{background:#ff9600;border-color:#ff9600;color:#fff;box-shadow:0 8px 20px rgba(255,150,0,.3)}
@media(max-width:767px){
  .smm-qty-slider input[type=range]{height:22px}
  .smm-qty-slider input[type=range]::-webkit-slider-thumb{width:32px;height:32px}
  .smm-qty-slider input[type=range]::-moz-range-thumb{width:32px;height:32px}
  .smm-qty-ticks button{padding:10px 6px}
}
.smm-planner-shortfall{
  display:grid;
  grid-template-columns:1fr auto;
  gap:6px 10px;
  align-items:center;
  margin-top:10px;
  padding:12px;
  border:1px solid rgba(255,150,0,.38);
  border-radius:10px;
  background:rgba(255,150,0,.14);
}
.smm-planner-shortfall strong,
.smm-planner-shortfall span{
  display:block;
}
.smm-planner-shortfall strong{
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.smm-planner-shortfall span{
  color:#ffe9c7;
  font-size:12px;
  font-weight:800;
}
.smm-planner-shortfall a,
.smm-planner-actions button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  border:0;
  border-radius:10px;
  background:#ff9600;
  color:#fff !important;
  padding:0 13px;
  font-size:11px;
  font-weight:900;
  text-decoration:none !important;
}
.smm-planner-checklist{
  margin-top:10px;
  padding:12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.smm-planner-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.smm-planner-section-head strong{
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.smm-planner-section-head span{
  color:rgba(255,255,255,.74);
  font-size:11px;
  font-weight:800;
  line-height:1.35;
}
.smm-planner-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin-top:12px;
}
.smm-planner-actions #smmJumpToLiveForm{
  width:100%;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(0,212,255,.12));
  border:1px solid rgba(255,255,255,.24);
}
.neworder-page .order-panel.smm-live-form-focus{
  box-shadow:0 0 0 2px rgba(255,255,255,.2), 0 0 0 6px rgba(0,212,255,.24), 0 18px 42px rgba(0,72,180,.24) !important;
}
.neworder-page .smm-live-form-target{
  border-radius:12px;
  box-shadow:0 0 0 2px rgba(255,150,0,.22), 0 0 0 5px rgba(255,150,0,.12);
  transition:box-shadow .18s ease;
}
.smm-readiness-meter{
  display:none !important;
}

.smm-compare-grid{display:none !important}
.smm-compare-table{
  display:grid;
  gap:7px;
  margin-top:12px;
}
.smm-compare-row{
  display:grid;
  grid-template-columns:minmax(220px,1.7fr) .8fr .8fr .9fr .8fr auto;
  gap:8px;
  align-items:center;
  padding:10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:rgba(255,255,255,.07);
  color:#fff;
}
.smm-compare-row-head{
  background:rgba(0,0,0,.16);
  color:#cfefff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.6px;
  text-transform:uppercase;
}
.smm-compare-row span{
  min-width:0;
  color:#eaf7ff;
  font-size:12px;
  font-weight:800;
  overflow-wrap:anywhere;
}
.smm-compare-row b,
.smm-compare-row strong{
  display:block;
}
.smm-compare-row b{
  color:#ffcc66;
  font-family:monospace;
  font-size:11px;
}
.smm-compare-row strong{
  margin-top:3px;
  color:#fff;
  font-size:12px;
  line-height:1.35;
}
.smm-compare-row a,
.smm-compare-row button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  border:0;
  border-radius:9px;
  background:#ff9600;
  color:#fff !important;
  padding:0 12px;
  font-size:11px;
  font-weight:900;
  text-decoration:none !important;
}
.smm-mobile-filter-toggle,
.smm-mobile-filter-sheet{
  display:none;
}

@media(max-width:767px){
  .services-market{
    margin-top:18px !important;
    padding-bottom:calc(128px + env(safe-area-inset-bottom)) !important;
  }
  .services-toolbar{
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-bottom:12px !important;
  }
  .services-toolbar .form-control,
  .services-toolbar .btn{
    height:48px !important;
    min-height:48px !important;
    border-radius:12px !important;
    font-size:14px !important;
  }
  .services-toolbar .dropdown .btn{
    display:flex !important;
    align-items:center;
    justify-content:center;
    padding:0 16px !important;
  }
  .smm-services-filter{
    display:none !important;
  }
  .smm-mobile-filter-toggle{
    position:fixed;
    left:12px;
    bottom:calc(74px + env(safe-area-inset-bottom));
    z-index:99970;
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:40px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:999px;
    background:linear-gradient(135deg,#ff9600,#e07800);
    color:#fff;
    padding:0 12px;
    font-size:12px;
    font-weight:900;
    box-shadow:0 16px 40px rgba(0,0,0,.3);
    text-shadow:0 2px 3px rgba(0,0,0,.34);
  }
  .smm-mobile-filter-toggle em{
    max-width:74px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-style:normal;
    color:#ffe9c7;
    font-size:10px;
  }
  .smm-mobile-filter-sheet{
    position:fixed;
    inset:0;
    z-index:100000;
    display:none;
  }
  .smm-mobile-filter-sheet.open{
    display:block;
  }
  .smm-mobile-filter-backdrop{
    position:absolute;
    inset:0;
    background:rgba(0,10,32,.45);
    backdrop-filter:blur(8px);
  }
  .smm-mobile-filter-panel{
    position:absolute;
    left:10px;
    right:10px;
    bottom:calc(72px + env(safe-area-inset-bottom));
    max-height:62vh;
    overflow:auto;
    border:1px solid rgba(255,255,255,.22);
    border-radius:16px;
    background:linear-gradient(135deg,rgba(0,212,255,.96),rgba(0,110,255,.98),rgba(85,94,255,.97));
    padding:14px;
    box-shadow:0 24px 70px rgba(0,0,0,.38);
    color:#fff;
    text-shadow:0 2px 3px rgba(0,0,0,.4);
  }
  .smm-mobile-filter-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:12px;
  }
  .smm-mobile-filter-head strong{
    font-size:16px;
    font-weight:900;
  }
  .smm-mobile-filter-head button{
    width:34px;
    height:34px;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.16);
    color:#fff;
    font-size:22px;
    line-height:1;
  }
  .smm-mobile-filter-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .smm-mobile-filter-grid button,
  .smm-mobile-compare-link{
    min-height:44px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:12px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:12px;
    font-weight:900;
  }
  .smm-mobile-filter-grid button.active{
    background:#ff9600;
    border-color:#ff9600;
  }
  .smm-mobile-compare-link{
    width:100%;
    margin-top:10px;
    background:rgba(255,150,0,.2);
  }
  .smm-order-planner{
    padding:12px;
    border-radius:12px;
  }
  .smm-planner-head{
    flex-direction:column;
  }
  .smm-planner-head-pills{
    justify-items:start;
  }
  .smm-planner-grid{
    grid-template-columns:1fr 1fr;
  }
  .smm-planner-shortfall{
    grid-template-columns:1fr;
  }
  .smm-planner-shortfall a{
    width:100%;
  }
  .smm-planner-actions{
    grid-template-columns:1fr;
  }
  .services-market .service-row{
    display:grid !important;
    grid-template-columns:72px minmax(0,1fr) !important;
    gap:8px !important;
  }
  .services-market .service-fav-cell{
    grid-column:1 !important;
    grid-row:auto !important;
  }
  .services-market .service-id-cell{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
  }
  .services-market .service-name-cell{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
  }
  .services-market .service-rate-cell,
  .services-market .service-refill-cell,
  .services-market .service-min-cell,
  .services-market .service-max-cell,
  .services-market .service-average-cell,
  .services-market .service-order-cell{
    grid-column:1 / -1 !important;
  }
  .services-market .service-rate-cell,
  .services-market .service-refill-cell,
  .services-market .service-min-cell,
  .services-market .service-max-cell,
  .services-market .service-average-cell{
    display:grid !important;
    grid-template-columns:96px minmax(0,1fr) !important;
    min-height:42px !important;
    background:rgba(255,255,255,.065) !important;
    border-radius:8px !important;
  }
  .services-market .service-average-cell{
    display:grid !important;
  }
  .services-market .service-order-cell{
    margin-top:4px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    text-align:center !important;
  }
  .services-market .ser-name{
    max-height:none !important;
    overflow:visible !important;
  }
  .smm-service-tools{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
  }
  .services-market .service-order-cell>a.btn,
  .smm-service-actions-toggle{
    width:100% !important;
    min-height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    text-align:center !important;
    border-radius:12px !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }
  .services-market .service-order-cell>a.btn i,
  .smm-service-actions-toggle i{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }
  .smm-service-actions-menu{
    position:static !important;
    width:100% !important;
    grid-template-columns:1fr !important;
  }
  .smm-service-actions-menu button{
    min-height:40px !important;
    justify-content:center !important;
    text-align:center !important;
  }
  .smm-ticket-draft-notice{
    align-items:flex-start;
    flex-direction:column;
  }
  .smm-compare-row,
  .smm-compare-row-head{
    grid-template-columns:1fr;
  }
  .smm-compare-row-head{
    display:none;
  }
  .orders-page .ot tbody tr td:nth-child(9){
    grid-template-columns:1fr !important;
  }
  .orders-page .ot tbody tr td:nth-child(9) .btn,
  .orders-page .ot tbody tr td:nth-child(9) a{
    width:100% !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    margin:0 !important;
    white-space:normal !important;
  }
  /* --- Services compact mobile layout (grid-column pairing) --- */
  /* Tighten the row card */
  .services-page.services-market .service-row{
    gap:5px !important;
    padding:10px !important;
  }
  /* Top row — each cell in its own column, no row-span */
  .services-page.services-market .service-fav-cell{
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:center !important;
  }
  .services-page.services-market .service-id-cell{
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:start !important;
  }
  .services-page.services-market .service-name-cell{
    grid-column:3 !important;
    grid-row:1 !important;
    align-self:start !important;
  }
  /* Info pair row 1: Rate gets cols 1-2, Refill gets col 3 */
  .services-page.services-market .service-rate-cell{
    grid-column:1 / 3 !important;
    grid-row:auto !important;
    display:block !important;
    min-height:auto !important;
    padding:5px 8px !important;
  }
  .services-page.services-market .service-refill-cell{
    grid-column:3 !important;
    grid-row:auto !important;
    display:block !important;
    min-height:auto !important;
    padding:5px 8px !important;
  }
  /* Info pair row 2: Min gets cols 1-2, Max gets col 3 */
  .services-page.services-market .service-min-cell{
    grid-column:1 / 3 !important;
    grid-row:auto !important;
    display:block !important;
    min-height:auto !important;
    padding:5px 8px !important;
  }
  .services-page.services-market .service-max-cell{
    grid-column:3 !important;
    grid-row:auto !important;
    display:block !important;
    min-height:auto !important;
    padding:5px 8px !important;
  }
  /* Order cell — span full width, let PP render the button natively */
  .services-page.services-market .service-order-cell{
    grid-column:1 / -1 !important;
    grid-row:auto !important;
    margin-top:4px !important;
  }
  /* Hide smm-service-tools and the "+" toggle on mobile — removes floating button */
  .services-page.services-market .smm-service-tools,
  .services-page.services-market .smm-service-actions-toggle{
    display:none !important;
  }
  /* Hidden on mobile */
  .services-page.services-market .service-description-cell,
  .services-page.services-market .service-average-cell,
  .services-page.services-market td.empty-column{
    display:none !important;
  }
  /* Hide redundant "ID" / "SERVICE" column labels — they're obvious from context */
  .services-page.services-market .service-id-cell .ticket-h-title,
  .services-page.services-market .service-name-cell .ticket-h-title{
    display:none !important;
  }
  /* Bigger, bolder service name */
  .services-page.services-market .ser-name{
    font-size:17px !important;
    font-weight:900 !important;
    line-height:1.35 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    text-shadow:0 1px 3px rgba(0,0,0,0.4) !important;
  }
  /* Hide copy ID button — reduces id-cell height significantly */
  .services-page.services-market .copy-service-id{
    display:none !important;
  }
}
/* Premium dark brand footer — shared across every page (out + in) */
body.out footer,
body.in footer{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 12%,rgba(0,212,255,.16),transparent 34%),
    radial-gradient(circle at 86% 8%,rgba(255,150,0,.14),transparent 32%),
    linear-gradient(160deg,#143c9e 0%,#1a55cc 55%,#2168e8 100%) !important;
  background-image:
    radial-gradient(circle at 14% 12%,rgba(0,212,255,.16),transparent 34%),
    radial-gradient(circle at 86% 8%,rgba(255,150,0,.14),transparent 32%),
    linear-gradient(160deg,#143c9e 0%,#1a55cc 55%,#2168e8 100%) !important;
  color:#fff !important;
}
body.out .footer-main,
body.in .footer-main{
  background:transparent !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  color:#fff !important;
}
body.out .footer-main p,
body.in .footer-main p{color:rgba(223,240,255,.82) !important;}
body.out .widget-title,
body.in .widget-title{color:#fff !important;border-bottom:2px solid rgba(255,150,0,.95) !important;}
body.out .foot-nav li a,
body.in .foot-nav li a{color:rgba(223,240,255,.78) !important;}
body.out .foot-nav li a:hover,
body.in .foot-nav li a:hover{color:#ff9600 !important;}
body.out .footer-bottom,
body.in .footer-bottom{
  background:rgba(3,12,40,.45) !important;
}
body.out .footer-bottom p,
body.in .footer-bottom p{
  color:rgba(223,240,255,.7) !important;
}

/* Complete panel polish pass: shared language, public brand home, mobile cards. */
:root{
  --smb-orange:#ff9600;
  --smb-blue:#006eff;
  --smb-cyan:#00d4ff;
  --smb-violet:#555eff;
  --smb-green:#00d337;
  --smb-ink:#071327;
  --smb-page-gradient:linear-gradient(315deg,rgba(85,94,255,1) 15%,rgba(0,110,255,1) 50%,rgba(0,212,255,1) 100%);
  --smb-panel:rgba(255,255,255,.075);
  --smb-border:rgba(255,255,255,.22);
}
body.smm-page-ready{
  text-rendering:optimizeLegibility;
}
body.in .right-cont{
  min-height:100vh;
}
body.in .banner-top{
  border-radius:8px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 22px 60px rgba(0,42,140,.18) !important;
}
body.in .banner-top h3{
  font-weight:900 !important;
  letter-spacing:0 !important;
}
body.in .well2,
body.in .account-card-new,
body.in .ticket-form-wrap,
body.in .ticket-history-wrap,
body.in .wallet-panel,
body.in .wallet-side,
body.in .mass-card,
body.in .api-card,
body.in .child-card,
body.in .panel.panel-default{
  border-color:var(--smb-border) !important;
  box-shadow:0 18px 48px rgba(0,32,110,.13) !important;
}
body.in .btn.btn-primary,
body.out .btn.btn-primary{
  border-radius:8px !important;
  font-weight:900 !important;
}
.smm-empty-state{
  text-align:center;
}
.smm-side-card,
.smm-mini-suggest,
.smm-error-translator,
.smm-mass-preflight{
  border-radius:12px !important;
}
#top-main .smb-hero-copy{
  max-width:620px;
  margin:0 0 18px !important;
  color:#fff !important;
  font-size:17px !important;
  line-height:1.68 !important;
  font-weight:600 !important;
  text-shadow:0 3px 14px rgba(0,42,140,.34) !important;
}
.smb-hero-proof{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 18px;
}
.smb-hero-proof span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(255,255,255,.13);
  color:#fff;
  font-size:12px;
  font-weight:900;
  text-shadow:0 2px 3px rgba(0,0,0,.36);
}
.smb-hero-proof i{
  color:#ffcf74;
}
.smb-home-flow{
  position:relative;
  overflow:hidden;
  padding:78px 0;
  background:
    radial-gradient(circle at 15% 20%,rgba(0,211,55,.12),transparent 28%),
    radial-gradient(circle at 86% 18%,rgba(255,150,0,.16),transparent 26%),
    linear-gradient(180deg,#f4f9ff 0%,#eaf5ff 100%);
}
.smb-home-flow::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,110,255,.07),transparent 35%,rgba(85,94,255,.08));
}
.smb-section-head{
  position:relative;
  z-index:1;
  max-width:760px;
  margin:0 auto 28px;
  text-align:center;
}
.smb-section-head h2{
  margin:8px 0 10px;
  color:var(--smb-ink);
  font-size:42px;
  font-weight:900;
  letter-spacing:0;
}
.smb-section-head p{
  margin:0;
  color:#4c5d78;
  font-size:16px;
  font-weight:700;
  line-height:1.65;
}
.smb-flow-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.smb-flow-grid div{
  min-height:210px;
  padding:20px;
  border:1px solid rgba(0,110,255,.14);
  border-radius:8px;
  background:rgba(255,255,255,.78);
  box-shadow:0 18px 46px rgba(0,58,160,.12);
}
.smb-flow-grid b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  margin-bottom:18px;
  border-radius:8px;
  background:var(--smb-orange);
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.smb-flow-grid strong{
  display:block;
  color:var(--smb-ink);
  font-size:18px;
  font-weight:900;
  line-height:1.25;
}
.smb-flow-grid span{
  display:block;
  margin-top:9px;
  color:#52627a;
  font-size:13px;
  font-weight:700;
  line-height:1.58;
}
.smm-topup-presets{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin:-6px 0 18px;
}
.smm-topup-presets button,
.smm-account-quickbar a{
  min-height:44px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06));
  color:#fff !important;
  font-size:12px;
  font-weight:900;
  text-decoration:none !important;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  text-shadow:0 2px 3px rgba(0,0,0,.36);
  box-shadow:0 8px 18px -12px rgba(0,0,0,.6);
  transition:all .18s;
}
.smm-account-quickbar a:hover{
  background:linear-gradient(135deg,#ffa733,#ff9600);
  border-color:rgba(255,255,255,.4);
  transform:translateY(-2px);
  box-shadow:0 12px 26px -8px rgba(255,150,0,.55);
}
.smm-topup-presets button:first-child{
  background:var(--smb-orange);
  border-color:var(--smb-orange);
}
.smm-context-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0 0 12px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.09);
  color:#fff;
  text-shadow:0 2px 3px rgba(0,0,0,.4);
}
.smm-context-note strong{
  flex:0 0 auto;
  color:#ffecb3;
  font-size:12px;
  font-weight:900;
}
.smm-context-note span{
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:1.45;
}
.smm-account-quickbar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:0 0 16px;
}
.orders-page .ot tbody tr td:nth-child(9){
  gap:7px !important;
}
.orders-page .smm-order-health{
  width:100%;
  min-height:30px;
  justify-content:center;
  margin:0 0 4px;
}
.signup-strip{
  font-weight:900;
}
.auth-page,
.smm-confirm-page,
.signup-page,
.about-page,
.faq-page{
  background:
    radial-gradient(circle at 12% 14%,rgba(0,211,55,.14),transparent 25%),
    radial-gradient(circle at 86% 12%,rgba(255,150,0,.18),transparent 26%),
    var(--smb-page-gradient) !important;
}
@media(max-width:991px){
  .smb-flow-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:767px){
  body.in{
    padding-bottom:calc(66px + env(safe-area-inset-bottom));
  }
  body.in .right-cont{
    padding-bottom:calc(90px + env(safe-area-inset-bottom)) !important;
  }
  body.in .banner-top{
    margin-bottom:14px !important;
    padding:18px !important;
  }
  body.in .banner-top h3{
    font-size:22px !important;
    line-height:1.2 !important;
  }
  body.in .banner-top h4{
    font-size:13px !important;
    line-height:1.45 !important;
  }
  .smb-section-head h2{
    font-size:30px;
  }
  .smb-home-flow{
    padding:52px 0;
  }
  .smb-flow-grid{
    grid-template-columns:1fr;
  }
  .smb-flow-grid div{
    min-height:auto;
  }
  .smm-topup-presets,
  .smm-account-quickbar{
    grid-template-columns:1fr 1fr;
  }
  .smm-context-note{
    display:block;
  }
  .smm-context-note span{
    display:block;
    margin-top:5px;
  }
  #top-main .smb-hero-copy{
    font-size:14px !important;
  }
  .smb-hero-proof{
    gap:6px;
  }
  .smb-hero-proof span{
    width:100%;
    justify-content:center;
  }
  .smm-page-ready .table-responsive{
    overflow:visible !important;
  }
  .smm-page-ready table:not(.service-table) thead{
    display:none !important;
  }
  .smm-page-ready table:not(.service-table),
  .smm-page-ready table:not(.service-table) tbody,
  .smm-page-ready table:not(.service-table) tr,
  .smm-page-ready table:not(.service-table) td{
    display:block;
    width:100%;
  }
  .smm-page-ready table:not(.service-table) tr{
    margin-bottom:10px;
    padding:12px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:10px;
    background:rgba(255,255,255,.075);
  }
  .smm-page-ready table:not(.service-table) td{
    min-height:38px;
    padding:8px 0 !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
  }
  .smm-page-ready table:not(.service-table) td::before{
    content:attr(data-smm-label);
    display:block;
    margin-bottom:4px;
    color:#cfefff;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.35px;
  }
  .smm-page-ready table:not(.service-table) td .btn,
  .smm-page-ready table:not(.service-table) td a.btn{
    width:100%;
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:4px 0 0 !important;
  }
}

/* ── Agency Hub ───────────────────────────────────────────── */
.agency-hub{
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  background:rgba(255,255,255,.07);
  overflow:hidden;
  margin-bottom:16px;
}
.agency-hub-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.agency-hub-tab{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:0;
  border-right:1px solid rgba(255,255,255,.1);
  background:transparent;
  color:rgba(255,255,255,.6);
  font-family:inherit;
  font-size:12px;
  font-weight:900;
  padding:11px 8px;
  cursor:pointer;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
  transition:all .15s ease;
}
.agency-hub-tab:last-child{border-right:0}
.agency-hub-tab i{font-size:13px}
.agency-hub-tab.active{
  color:#fff;
  background:rgba(255,150,0,.15);
  box-shadow:inset 0 -2px 0 #ff9600;
}
.agency-hub-tab:hover:not(.active){
  color:#fff;
  background:rgba(255,255,255,.07);
}
.agency-hub-panel{
  display:none;
  padding:14px;
  gap:8px;
  flex-direction:column;
}
.agency-hub-panel.active{display:flex}
.smm-hub-field-label{
  display:block;
  font-size:10px;
  font-weight:900;
  color:#dff5ff;
  letter-spacing:.4px;
  text-transform:uppercase;
  margin-bottom:4px;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
}
.smm-hub-input{
  width:100%;
  height:38px;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:8px !important;
  color:#fff !important;
  font-family:inherit;
  font-size:13px !important;
  font-weight:700 !important;
  padding:0 10px !important;
  box-shadow:none !important;
  display:block;
  box-sizing:border-box;
  transition:border-color .15s ease,background .15s ease;
}
.smm-hub-input::placeholder{color:rgba(255,255,255,.42) !important}
.smm-hub-input:focus{
  outline:0;
  border-color:rgba(255,150,0,.6) !important;
  background:rgba(255,255,255,.19) !important;
}
.smm-hub-divider{
  height:1px;
  background:rgba(255,255,255,.11);
  margin:2px 0;
}
.smm-hub-btn{
  border:1px solid rgba(255,255,255,.22);
  border-radius:8px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-family:inherit;
  font-size:12px;
  font-weight:900;
  padding:0 14px;
  height:38px;
  cursor:pointer;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
  white-space:nowrap;
  transition:background .15s ease,border-color .15s ease;
}
.smm-hub-btn:hover{background:#ff9600;border-color:#ff9600}
.smm-hub-btn-sm{
  border:1px solid rgba(255,255,255,.18);
  border-radius:6px;
  background:rgba(255,255,255,.09);
  color:#dff5ff;
  font-family:inherit;
  font-size:11px;
  font-weight:900;
  padding:5px 10px;
  cursor:pointer;
  white-space:nowrap;
  transition:background .15s ease;
}
.smm-hub-btn-sm:hover{background:#ff9600;border-color:#ff9600;color:#fff}
.smm-hub-labels,.smm-hub-calc,.smm-hub-powerups,.smm-hub-templates{
  display:contents;
}
.smm-calc-result{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:8px;
  background:rgba(255,255,255,.065);
}
.smm-calc-result strong{
  font-size:18px;
  font-weight:900;
  color:#4edd86;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
  white-space:nowrap;
}
.smm-calc-result strong.risk{color:#ff6b6b}
.smm-calc-result span{
  font-size:11px;
  font-weight:800;
  color:#dff5ff;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
  line-height:1.4;
}
.smm-budget-tool{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  align-items:end;
}
.smm-hub-campaign-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.smm-hub-campaign-head .smm-hub-field-label{margin:0}
#smmCampaignSteps .smm-muted{
  font-size:11px;
  font-weight:800;
  color:rgba(255,255,255,.45);
  text-shadow:0 2px 3px rgba(0,0,0,.45);
}
#smmCampaignSteps button{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  border:1px solid rgba(255,255,255,.18);
  border-radius:8px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-family:inherit;
  font-size:12px;
  font-weight:900;
  padding:9px 12px;
  cursor:pointer;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
  margin-top:5px;
  text-align:left;
  transition:background .15s ease;
}
#smmCampaignSteps button:hover{background:#ff9600;border-color:#ff9600}
#smmCampaignSteps button strong{display:block;font-size:12px}
#smmCampaignSteps button span{color:#dff5ff;font-size:11px;font-weight:800}
.smm-hub-draft-bar{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.smm-hub-draft-bar button{
  flex:1 1 auto;
  border:1px solid rgba(255,255,255,.2);
  border-radius:8px;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-family:inherit;
  font-size:11px;
  font-weight:900;
  padding:8px 10px;
  cursor:pointer;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
  transition:background .15s ease,border-color .15s ease;
}
.smm-hub-draft-bar button:hover:not(:disabled){background:#ff9600;border-color:#ff9600}
.smm-hub-draft-bar button:disabled{opacity:.38;cursor:default}
.smm-hub-section-label{
  display:block;
  font-size:10px;
  font-weight:900;
  color:#dff5ff;
  letter-spacing:.4px;
  text-transform:uppercase;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
  margin-bottom:8px;
}
#hubPanelSaved #recentCampaigns{
  margin:0;
  padding:0;
  background:transparent;
  border:0;
}
#hubPanelSaved #recentCampaigns h3{display:none}
#hubPanelSaved .smm-template-grid{margin-top:4px}
#hubPanelSaved .smm-muted{
  font-size:12px;
  font-weight:800;
  color:rgba(255,255,255,.45);
  text-shadow:0 2px 3px rgba(0,0,0,.45);
}
.smm-hub-templates .smm-template-card{
  display:grid;
  grid-template-columns:1fr auto;
  gap:6px;
  align-items:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:8px;
  background:rgba(255,255,255,.07);
  overflow:hidden;
  margin-top:5px;
}
.smm-hub-templates .smm-template-load{
  border:0;
  background:transparent;
  color:#fff;
  font-family:inherit;
  text-align:left;
  padding:9px 12px;
  cursor:pointer;
}
.smm-hub-templates .smm-template-load strong{
  display:block;
  font-size:12px;
  font-weight:900;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
}
.smm-hub-templates .smm-template-load span{
  display:block;
  font-size:11px;
  font-weight:800;
  color:#dff5ff;
  text-shadow:0 2px 3px rgba(0,0,0,.45);
  margin-top:2px;
}
.smm-hub-templates .smm-template-load:hover{background:rgba(255,150,0,.15)}
.smm-hub-templates .smm-template-delete{
  border:0;
  background:transparent;
  color:rgba(255,255,255,.45);
  font-size:18px;
  font-weight:900;
  padding:9px 12px;
  cursor:pointer;
  line-height:1;
  align-self:stretch;
  display:flex;
  align-items:center;
}
.smm-hub-templates .smm-template-delete:hover{color:#ff6b6b;background:rgba(254,0,0,.12)}
@media(max-width:767px){
  .neworder-page #smmAgencyHub{display:none !important}
}
/* ─── Agency hub mobile fix ─────────────────────────── */
.smm-mobile-tools-body #smmAgencyHub{display:block !important}
.smm-mobile-tools-body .agency-hub-tabs{gap:4px}
.smm-mobile-tools-body .agency-hub-tab{padding:6px 10px;font-size:11px}
.smm-mobile-tools-body .smm-hub-calc,.smm-mobile-tools-body .smm-hub-labels,.smm-mobile-tools-body .smm-hub-powerups{padding:12px 10px}

/* ─── Client pills ──────────────────────────────────── */
.smm-hub-client-pills{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}
.smm-hub-client-pill{padding:4px 10px;border:1.5px solid var(--o);border-radius:20px;background:transparent;color:var(--o);font-size:11px;font-weight:700;cursor:pointer;transition:background .18s,color .18s}
.smm-hub-client-pill:hover{background:rgba(255,150,0,.15);color:#fff}

/* ─── Campaign type buttons ─────────────────────────── */
.smm-hub-type-btns{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}
.smm-hub-type-btn{flex:1;min-width:80px;padding:7px 8px;border:1.5px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);font-size:11px;font-weight:700;cursor:pointer;transition:all .18s;text-align:center}
.smm-hub-type-btn:hover{border-color:rgba(255,150,0,.4);color:#fff}
.smm-hub-type-btn.active{border-color:var(--o);background:rgba(255,150,0,.18);color:var(--o)}

/* ─── Hub textarea ──────────────────────────────────── */
.smm-hub-textarea{resize:vertical;min-height:60px;font-family:inherit}

/* ─── Agency hub badge ──────────────────────────────── */
.agency-hub-badge{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:var(--o);color:#fff;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;line-height:1;z-index:2}
.agency-hub-tab{position:relative}

/* ─── Labels tab filled state ───────────────────────── */
.agency-hub-tab.smm-hub-tab-filled::after{content:'';position:absolute;top:-3px;left:-3px;width:8px;height:8px;border-radius:50%;background:#00d4ff;border:1.5px solid #0a0f1e}

/* ─── Agency context strip in planner ──────────────── */
.smm-planner-agency-strip{display:flex;align-items:center;gap:10px;padding:8px 14px;margin:8px 0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:12px;color:rgba(255,255,255,.75);backdrop-filter:blur(8px)}
.smm-planner-agency-strip i{color:var(--o);opacity:.8;flex-shrink:0}
.smm-planner-agency-strip span{flex:1;font-weight:600}
.smm-planner-strip-profit{font-size:13px;font-weight:900;color:#00d4ff}
.smm-planner-strip-profit.risk{color:#ff6b6b}

/* ─── Campaign step cost display ────────────────────── */
.smm-campaign-step{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:9px;margin-bottom:6px;cursor:pointer;transition:background .18s}
.smm-campaign-step:hover{background:rgba(255,150,0,.1);border-color:rgba(255,150,0,.3)}
.smm-campaign-step.smm-step-placed{opacity:.6;border-style:dashed}
.smm-step-info{flex:1;min-width:0}
.smm-step-name{display:block;font-size:12px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smm-step-label{display:block;font-size:10px;color:rgba(255,255,255,.5);margin-top:1px}
.smm-step-placed-badge{display:inline-block;font-size:9px;font-weight:800;color:#00c48c;background:rgba(0,196,140,.15);border-radius:4px;padding:1px 5px;margin-top:2px}
.smm-step-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}
.smm-step-qty{font-size:11px;color:rgba(255,255,255,.55);font-weight:600}
.smm-step-cost{font-size:12px;font-weight:900;color:var(--o)}
.smm-step-delete{border:0;background:transparent;color:rgba(255,255,255,.3);font-size:16px;line-height:1;padding:0 2px;cursor:pointer;font-weight:900}
.smm-step-delete:hover{color:#ff6b6b}
.smm-campaign-total{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;margin-top:4px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:rgba(255,255,255,.7)}
.smm-campaign-total strong{color:var(--o);font-size:14px;font-weight:900}
.smm-campaign-step-placed-msg{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-top:10px;background:rgba(0,196,140,.12);border:1px solid rgba(0,196,140,.3);border-radius:10px;font-size:13px;color:#00c48c;font-weight:600}
.smm-campaign-step-placed-msg i{flex-shrink:0}
.smm-campaign-step-placed-msg em{color:#fff;font-style:normal}

/* ─── Break-even calc row ───────────────────────────── */
.smm-calc-breakeven{border-top:1px solid rgba(255,255,255,.08);margin-top:6px;padding-top:6px}
.smm-calc-breakeven strong{color:#00d4ff}

/* ─── Classic mode summary card ─────────────────────── */
.smm-classic-summary{padding:14px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;margin-bottom:14px}
.smm-classic-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}
.smm-classic-row:last-child{border-bottom:0}
.smm-classic-row span{color:rgba(255,255,255,.55);font-weight:600}
.smm-classic-row strong{color:#fff;font-weight:800}
.smm-classic-row.risk strong{color:#ff6b6b}

/* ─── Mobile dock ───────────────────────────────────── */
.smm-mobile-dock{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1001;background:rgba(10,15,30,.92);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(4,1fr);padding:0 0 env(safe-area-inset-bottom)}
.smm-dock-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px 8px;border:0;background:transparent;color:rgba(255,255,255,.6);font-size:10px;font-weight:700;cursor:pointer;transition:color .18s;text-transform:uppercase;letter-spacing:.4px}
.smm-dock-btn i{font-size:16px;color:rgba(255,150,0,.7)}
.smm-dock-btn:last-child{color:var(--o)}
.smm-dock-btn:last-child i{color:var(--o)}
.smm-dock-btn:active{background:rgba(255,150,0,.1)}
@media(min-width:768px){.smm-mobile-dock{display:none !important}}
@media(max-width:767px){.smm-mobile-dock{display:grid}}

/* ─── Global search ─────────────────────────────────── */

/* ─── Keyboard shortcut hint ────────────────────────── */
.smm-kb-help-btn{border:0;background:rgba(255,255,255,.08);border-radius:8px;color:rgba(255,255,255,.55);padding:6px 10px;cursor:pointer;font-size:14px;transition:background .18s}
.smm-kb-help-btn:hover{background:rgba(255,150,0,.15);color:var(--o)}
.smm-kb-hint{position:fixed;top:64px;right:16px;z-index:9000;background:rgba(10,15,35,.97);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:16px;min-width:240px;box-shadow:0 16px 48px rgba(0,0,0,.5);display:none}
.smm-kb-hint.open{display:block}
.smm-kb-title{font-size:13px;font-weight:800;color:rgba(255,255,255,.75);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.smm-kb-title i{color:var(--o)}
.smm-kb-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.smm-kb-grid>div{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,.6)}
kbd{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:5px;padding:2px 7px;font-size:11px;font-family:monospace;font-weight:800;color:#fff;min-width:24px;text-align:center;display:inline-block}

/* ─── Page transition fade ──────────────────────────── */
body{opacity:0;transition:opacity .18s ease}
body.smm-page-ready{opacity:1}

/* ─── Balance low pulse ─────────────────────────────── */
.smm-balance-low{animation:none !important}

/* Recovery baseline: restore one stable authenticated shell before new polish. */
@media(min-width:768px){
  body.in .navbar-default .navbar-toggle{
    display:none !important;
  }
  body.in .navbar-default #navbar.navbar-collapse,
  body.in .navbar-default #navbar.navbar-collapse.collapse{
    display:block !important;
    visibility:visible !important;
    height:auto !important;
    overflow:visible !important;
    border-top:0 !important;
  }
  body.in .navbar-default .navbar-nav.navbar-left-block{
    float:left !important;
  }
  body.in .navbar-default .navbar-nav.navbar-right-block{
    float:right !important;
  }
}
@media(max-width:767px){
  body.in .navbar-default #navbar.navbar-collapse{
    display:none;
  }
  body.in .navbar-default #navbar.navbar-collapse.in{
    display:block;
  }
}

/* ─── Affiliate share buttons ───────────────────────── */
.smm-affiliate-share{margin-top:16px}
.smm-affiliate-copy-btn{display:block;width:100%;padding:12px 16px;background:linear-gradient(135deg,var(--o),#ff6000);border:0;border-radius:12px;color:#fff;font-size:14px;font-weight:800;cursor:pointer;transition:opacity .18s;text-align:center;margin-bottom:10px}
.smm-affiliate-copy-btn:hover{opacity:.88}
.smm-affiliate-share-btns{display:flex;gap:8px;flex-wrap:wrap}
.smm-affiliate-share-platform{flex:1;min-width:90px;padding:9px 10px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity .18s;border:0}
.smm-share-wa{background:#25d366;color:#fff}
.smm-share-tw{background:#000;color:#fff}
.smm-share-tg{background:#0088cc;color:#fff}
.smm-share-native{background:rgba(255,255,255,.1);color:#fff}
.smm-affiliate-share-platform:hover{opacity:.82}
@media(max-width:767px){.smm-affiliate-copy-btn{font-size:16px;padding:14px}}

/* ─── FAQ search ─────────────────────────────────────── */
.smm-faq-search-wrap{margin-bottom:16px}
.smm-faq-search-input{width:100%;padding:11px 14px;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:14px;outline:none;transition:border-color .18s;box-sizing:border-box}
.smm-faq-search-input:focus{border-color:var(--o)}
.smm-faq-empty{display:block;padding:12px;text-align:center;color:rgba(255,255,255,.45);font-size:13px}

/* ─── FAQ feedback ───────────────────────────────────── */
.smm-faq-feedback{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:rgba(255,255,255,.45)}
.smm-faq-fb-btn{border:0;background:transparent;font-size:18px;cursor:pointer;padding:0 2px;transition:transform .18s;line-height:1}
.smm-faq-fb-btn:hover{transform:scale(1.25)}
.smm-faq-fb-btn.active{filter:drop-shadow(0 0 4px rgba(255,150,0,.6))}
.smm-faq-no-help{font-size:11px;color:rgba(255,255,255,.45)}
.smm-faq-no-help a{color:var(--o);font-weight:700;text-decoration:none}

/* ─── Ticket legend ──────────────────────────────────── */
.smm-ticket-legend{display:flex;align-items:center;gap:14px;padding:10px 0 6px;font-size:11px;color:rgba(255,255,255,.55);font-weight:700;flex-wrap:wrap}
.smm-tl-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px;flex-shrink:0}
.tl-pending{background:#ffd600}
.tl-open{background:#00d4ff}
.tl-answered{background:#00c48c}
.tl-closed{background:rgba(255,255,255,.25)}

/* ─── Ticket chips ───────────────────────────────────── */
.smm-ticket-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.smm-ticket-chip{padding:7px 14px;border:1.5px solid rgba(255,255,255,.18);border-radius:20px;background:transparent;color:rgba(255,255,255,.7);font-size:12px;font-weight:700;cursor:pointer;transition:all .18s}
.smm-ticket-chip:hover{border-color:rgba(255,150,0,.4);color:#fff}
.smm-ticket-chip.active{border-color:var(--o);background:rgba(255,150,0,.18);color:var(--o)}

/* ─── Order ID detected chip ─────────────────────────── */
.smm-order-detected-chip{display:flex;align-items:center;gap:10px;padding:9px 12px;margin-bottom:8px;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);border-radius:10px;font-size:12px;color:rgba(255,255,255,.8)}
.smm-order-detected-chip strong{color:#00d4ff}
.smm-order-detected-chip button{border:0;background:rgba(255,150,0,.15);color:var(--o);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800;cursor:pointer}
.smm-order-detected-chip button:hover{background:rgba(255,150,0,.3)}

/* ─── Support context card ───────────────────────────── */
.smm-support-context{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:14px 16px;margin-bottom:14px}
.smm-ctx-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.smm-ctx-head i{color:var(--o);font-size:14px}
.smm-ctx-head strong{font-size:13px;font-weight:800;color:#fff;flex:1}
.smm-ctx-hint{font-size:10px;color:rgba(255,255,255,.4);font-weight:600}
.smm-ctx-grid{display:grid;gap:6px;margin-bottom:12px}
.smm-ctx-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px}
.smm-ctx-row span{color:rgba(255,255,255,.5);font-weight:600}
.smm-ctx-row strong{color:#fff;font-weight:800}
.smm-ctx-link a{color:var(--o);text-decoration:none;font-weight:700;font-size:11px}
.smm-ctx-use-btn{display:block;width:100%;padding:9px 14px;background:linear-gradient(135deg,rgba(255,150,0,.2),rgba(255,150,0,.1));border:1px solid rgba(255,150,0,.4);border-radius:9px;color:var(--o);font-weight:800;font-size:12px;cursor:pointer;text-align:center;transition:background .18s}
.smm-ctx-use-btn:hover{background:rgba(255,150,0,.25)}

/* ─── Bonus calculator ───────────────────────────────── */
.smm-bonus-calc{padding:12px 16px;margin:12px 0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;font-size:13px;color:rgba(255,255,255,.65);text-align:center}
.smm-bonus-calc strong{color:#fff}
.smm-bonus-total{color:#00c48c;font-size:15px}
.smm-bonus-active{border-color:var(--o) !important;box-shadow:0 0 0 2px rgba(255,150,0,.3) !important}

/* ─── Orders analytics bar ───────────────────────────── */
.smm-orders-analytics{display:flex;align-items:center;gap:0;padding:10px 0;margin-bottom:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}
.smm-oa-stat{flex:1;text-align:center;padding:6px 14px;border-right:1px solid rgba(255,255,255,.08)}
.smm-oa-stat:last-child{border-right:0}
.smm-oa-stat span{display:block;font-size:10px;color:rgba(255,255,255,.45);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.smm-oa-stat strong{display:block;font-size:15px;font-weight:900;color:#fff}

/* ─── Password strength meter ────────────────────────── */
.smm-pwd-strength{margin:8px 0 12px;padding:8px 10px;background:rgba(255,255,255,.05);border-radius:8px}
.smm-pwd-strength-bar{height:4px;background:rgba(255,255,255,.1);border-radius:4px;margin-bottom:6px;overflow:hidden}
.smm-pwd-strength-bar i{display:block;height:100%;border-radius:4px;width:0;transition:width .3s ease,background .3s ease}
#smmPwdStrengthLabel{font-size:11px;color:rgba(255,255,255,.5);font-weight:700}

/* ─── API key row ────────────────────────────────────── */
.smm-api-key-row{margin-top:10px}
.smm-api-warning{display:flex;align-items:center;gap:7px;font-size:11px;color:rgba(255,150,0,.8);font-weight:700;margin-bottom:8px}
.smm-api-warning i{font-size:12px}
.smm-api-key-actions{display:flex;gap:8px}
.smm-api-key-actions button{flex:1;padding:8px 12px;border:1.5px solid rgba(255,255,255,.15);border-radius:9px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);font-size:12px;font-weight:700;cursor:pointer;transition:all .18s}
.smm-api-key-actions button:hover{border-color:var(--o);color:var(--o)}

/* ─── Recently viewed services ───────────────────────── */
.smm-recent-views{margin-bottom:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.smm-recent-views-label{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:rgba(255,255,255,.4);margin-bottom:8px;padding:0 2px}
.smm-recent-views-label i{margin-right:5px;color:var(--o)}
.smm-recent-views-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.smm-recent-views-scroll::-webkit-scrollbar{height:3px}
.smm-recent-views-scroll::-webkit-scrollbar-track{background:transparent}
.smm-recent-views-scroll::-webkit-scrollbar-thumb{background:rgba(255,150,0,.3);border-radius:3px}
.smm-recent-view-pill{flex-shrink:0;display:flex;flex-direction:column;gap:3px;padding:8px 12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;text-decoration:none;transition:background .18s,border-color .18s;min-width:100px;max-width:160px}
.smm-recent-view-pill:hover{background:rgba(255,150,0,.12);border-color:rgba(255,150,0,.3)}
.smm-rvp-name{font-size:11px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smm-rvp-rate{font-size:10px;font-weight:700;color:var(--o)}

/* ─── VIP tier tooltip (#26) ─────────────────────────── */
.smm-vip-info-btn{border:0;background:transparent;color:rgba(255,255,255,.45);font-size:14px;cursor:pointer;padding:0 0 0 8px;line-height:1;transition:color .18s;vertical-align:middle}
.smm-vip-info-btn:hover{color:#00d4ff}
.smm-tier-tooltip{position:absolute;right:0;top:calc(100% + 8px);z-index:200;background:rgba(10,15,35,.97);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:14px 16px;min-width:220px;box-shadow:0 16px 48px rgba(0,0,0,.5);display:none}
.smm-tier-tooltip.open{display:block}
.vip-progress-card{position:relative}
.smm-tier-tooltip strong{display:block;font-size:13px;font-weight:900;color:#fff;margin-bottom:6px}
.smm-tier-tooltip p{font-size:12px;color:rgba(255,255,255,.65);line-height:1.55;margin:0 0 10px}
.smm-tier-tooltip a{font-size:11px;font-weight:800;color:var(--o);text-decoration:none}
.smm-tier-tooltip a:hover{text-decoration:underline}

/* ─── Timezone picker — mobile sheet (#27) ───────────── */
.smm-tz-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .18s;text-align:left}
.smm-tz-trigger:hover{border-color:rgba(255,150,0,.4)}
.smm-tz-trigger i:first-child{color:var(--o);font-size:14px;flex-shrink:0}
.smm-tz-picker{position:fixed;inset:0;z-index:10000;display:none;align-items:flex-end}
.smm-tz-picker.open{display:flex}
.smm-tz-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.smm-tz-panel{position:relative;width:100%;background:rgba(12,18,38,.98);border-top:1px solid rgba(255,255,255,.15);border-radius:18px 18px 0 0;padding:0 0 env(safe-area-inset-bottom);max-height:80vh;display:flex;flex-direction:column}
.smm-tz-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1)}
.smm-tz-head i{color:var(--o)}
.smm-tz-head span{flex:1;font-size:14px;font-weight:800;color:#fff}
.smm-tz-close{border:0;background:transparent;color:rgba(255,255,255,.5);font-size:22px;line-height:1;padding:0 4px;cursor:pointer;font-weight:900}
.smm-tz-search{padding:10px 16px;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font-size:14px;outline:none;width:100%;box-sizing:border-box}
.smm-tz-search::placeholder{color:rgba(255,255,255,.35)}
.smm-tz-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
.smm-tz-option{display:block;width:100%;padding:12px 16px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:rgba(255,255,255,.75);font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s}
.smm-tz-option:hover,.smm-tz-option.active{background:rgba(255,150,0,.12);color:#fff}
.smm-tz-option.active{font-weight:800;color:var(--o)}

/* ─── FAQ category pills (#33) ──────────────────────── */
.smm-faq-cats{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}
.smm-faq-cat-pill{padding:6px 13px;border:1.5px solid rgba(255,255,255,.2);border-radius:20px;background:transparent;color:rgba(255,255,255,.65);font-size:11px;font-weight:700;cursor:pointer;transition:all .18s;display:inline-flex;align-items:center;gap:5px}
.smm-faq-cat-pill i{font-size:10px}
.smm-faq-cat-pill:hover{border-color:rgba(255,150,0,.4);color:#fff}
.smm-faq-cat-pill.active{border-color:var(--o);background:rgba(255,150,0,.18);color:var(--o)}

/* ─── New Order right-column tabs ─────────────────────── */
.smm-right-tabs{margin-top:12px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.05);overflow:hidden;backdrop-filter:blur(10px)}
.smm-right-tabs-bar{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.18)}
.smm-rt-tab{flex:1;padding:11px 8px;border:0;background:transparent;color:rgba(255,255,255,.55);font-size:12px;font-weight:800;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:2px solid transparent}
.smm-rt-tab i{font-size:11px;opacity:.75}
.smm-rt-tab:hover{color:#fff;background:rgba(255,150,0,.08)}
.smm-rt-tab.active{color:var(--o,#ff9600);border-bottom-color:var(--o,#ff9600);background:rgba(255,150,0,.12)}
.smm-rt-tab.active i{opacity:1}
.smm-rt-pane{display:none;padding:0}
.smm-rt-pane.active{display:block}
.smm-rt-pane .order-stats.stats-card,
.smm-rt-pane .desc-wrap,
.smm-rt-pane .notice-well{margin:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;padding:16px !important}
.smm-rt-pane .desc-wrap #description{max-height:none}
@media(max-width:767px){
  .smm-rt-tab{font-size:11px;padding:10px 4px;gap:4px}
  .smm-rt-tab i{display:none}
}

/* Sidebar-only app shell */
:root{
  --smm-side-w:292px;
  --smm-side-mini:84px;
  --smm-side-bg:rgba(5,18,58,.94);
  --smm-side-glass:rgba(255,255,255,.08);
  --smm-side-line:rgba(255,255,255,.15);
  --smm-side-text:#fff;
  --smm-side-muted:rgba(255,255,255,.68);
  --smm-side-dim:rgba(255,255,255,.42);
  --smm-side-orange:#ff9600;
  --smm-side-green:#00d96f;
  --smm-side-cyan:#19d7ff;
  --smm-side-blue:#006eff;
  --smm-side-purple:#6655ff;
}
body.in{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 8%,rgba(0,212,255,.34),transparent 34%),
    radial-gradient(circle at 92% 0%,rgba(110,74,255,.34),transparent 38%),
    linear-gradient(135deg,#05c7e8 0%,#087df4 48%,#5b55ff 100%) !important;
}
body.in .navbar-default,
body.in .left-bar,
body.in .bottom-nav,
body.in .smm-shell-rail,
body.in .smm-shell-topbar,
body.in .smm-mobile-drawer,
body.in .smm-mobile-dock{
  display:none !important;
}
body.in .main.smm-sidebar-shell{
  display:block;
  min-height:100vh;
  width:100%;
  position:relative;
  padding-left:var(--smm-side-w);
  background:
    linear-gradient(90deg,rgba(0,17,55,.4),transparent 26%),
    radial-gradient(circle at 78% 12%,rgba(255,150,0,.11),transparent 34%);
  transition:padding-left .24s ease;
}
.smm-app-sidebar{
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  z-index:40;
  width:var(--smm-side-w);
  height:100vh;
  min-height:100vh;
  overflow-y:auto;
  overflow-x:visible;
  padding:14px;
  color:var(--smm-side-text);
  background:
    linear-gradient(160deg,rgba(10,20,76,.98),rgba(0,110,255,.82) 48%,rgba(71,59,214,.95)),
    var(--smm-side-bg);
  border-right:1px solid rgba(255,255,255,.2);
  box-shadow:24px 0 70px rgba(0,24,86,.38),inset -1px 0 0 rgba(255,255,255,.08);
  isolation:isolate;
  transition:width .24s ease,padding .24s ease,transform .28s ease;
}
.smm-app-sidebar::-webkit-scrollbar{width:0}
.smm-sidebar-aurora{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 16% 0%,rgba(0,212,255,.38),transparent 32%),
    radial-gradient(circle at 92% 18%,rgba(255,150,0,.2),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,0) 42%);
}
.smm-sidebar-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:48px;
  margin-bottom:12px;
}
.smm-sidebar-logo{
  display:flex;
  align-items:center;
  min-width:0;
  color:#fff;
  text-decoration:none;
}
.smm-sidebar-logo img{
  max-width:158px;
  max-height:46px;
  display:block;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.28));
}
.smm-sidebar-logo strong{font-size:20px;font-weight:900;color:#fff}
.smm-sidebar-collapse,
.smm-sidebar-close,
.smm-mobile-menu-fab{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.1);
  color:#fff;
  border-radius:15px;
  min-width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.smm-sidebar-collapse:hover,
.smm-sidebar-close:hover,
.smm-mobile-menu-fab:hover{
  transform:translateY(-1px);
  background:rgba(255,150,0,.2);
  border-color:rgba(255,150,0,.45);
}
.smm-sidebar-close{display:none;font-size:28px;line-height:1}
.smm-sidebar-account{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.07));
  text-decoration:none;
  color:#fff;
  box-shadow:0 18px 38px rgba(0,37,117,.28),inset 0 1px 0 rgba(255,255,255,.16);
}
.smm-sidebar-avatar{
  width:54px;
  height:54px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#00d4ff,#6655ff);
  box-shadow:0 12px 28px rgba(0,0,0,.2);
  flex-shrink:0;
  overflow:hidden;
}
.smm-sidebar-avatar img{width:100%;height:100%;object-fit:cover}
.smm-sidebar-avatar-fallback{
  color:#fff;
  font-size:24px;
  font-weight:900;
  letter-spacing:.02em;
  text-transform:uppercase;
  text-shadow:0 8px 20px rgba(0,0,0,.22);
}
.smm-sidebar-user{display:flex;flex-direction:column;min-width:0}
.smm-sidebar-user strong{font-size:16px;font-weight:900;color:#fff;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smm-sidebar-user em{margin-top:5px;font-style:normal;font-size:14px;font-weight:900;color:#68ff9f;letter-spacing:.2px;text-shadow:0 4px 14px rgba(0,217,111,.45)}
.smm-sidebar-balance{
  display:grid;
  grid-template-columns:1fr auto;
  gap:2px 10px;
  margin:10px 0 12px;
  padding:12px 14px;
  border-radius:18px;
  text-decoration:none;
  color:#fff;
  background:linear-gradient(135deg,rgba(0,217,111,.2),rgba(0,212,255,.12));
  border:1px solid rgba(0,217,111,.34);
}
.smm-sidebar-balance span{font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:900;color:rgba(255,255,255,.6)}
.smm-sidebar-balance strong{font-size:18px;font-weight:900;color:#68ff9f;text-shadow:0 6px 18px rgba(0,217,111,.42)}
.smm-sidebar-balance em{grid-column:1/-1;font-style:normal;font-size:11px;font-weight:800;color:#fff}
.smm-sidebar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;margin-bottom:12px}
.smm-sidebar-primary,
.smm-sidebar-secondary,
.smm-sidebar-mini-key,
.smm-sidebar-nav a,
.smm-sidebar-footer a{
  position:relative;
  display:flex;
  align-items:center;
  gap:11px;
  min-height:44px;
  padding:11px 12px;
  border-radius:16px;
  text-decoration:none;
  color:rgba(255,255,255,.82);
  font-size:13px;
  font-weight:850;
  border:1px solid transparent;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.smm-sidebar-primary{
  justify-content:center;
  background:linear-gradient(135deg,#ffb000,#ff7a00);
  color:#fff;
  box-shadow:0 16px 32px rgba(255,126,0,.28);
}
.smm-sidebar-secondary{
  justify-content:center;
  background:linear-gradient(135deg,#4edd86,#1ab85e);
  color:#fff;
  box-shadow:0 16px 32px rgba(30,190,90,.28);
}
.smm-sidebar-secondary:hover{background:linear-gradient(135deg,#6aeea0,#22d46e) !important;color:#fff !important}
.smm-sidebar-primary:hover,
.smm-sidebar-mini-key:hover,
.smm-sidebar-nav a:hover,
.smm-sidebar-footer a:hover{
  transform:translateY(-1px);
  color:#fff;
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.2);
  box-shadow:0 14px 28px rgba(0,24,86,.18);
}
.smm-sidebar-primary:hover{background:linear-gradient(135deg,#ffc13c,#ff8500)}
.smm-sidebar-primary i,
.smm-sidebar-mini-key i,
.smm-sidebar-nav i,
.smm-sidebar-footer i{
  width:19px;
  text-align:center;
  flex-shrink:0;
}
.smm-sidebar-actions{
  grid-template-columns:1fr;
}
.smm-sidebar-mini-key{
  width:100%;
  justify-content:flex-start;
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.1);
  font-family:inherit;
  cursor:pointer;
}
.smm-sidebar-label{
  display:block;
  margin:14px 9px 8px;
  color:rgba(255,255,255,.45);
  font-size:10px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
}
.smm-sidebar-nav,
.smm-sidebar-footer{
  display:grid;
  gap:5px;
}
.smm-sidebar-nav a.active,
.smm-sidebar-footer a.active{
  color:#fff;
  background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(102,85,255,.25));
  border-color:rgba(25,215,255,.35);
  box-shadow:inset 3px 0 0 var(--smm-side-orange),0 12px 28px rgba(0,110,255,.18);
}
.smm-sidebar-footer{
  margin-top:14px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.11);
}
.smm-sidebar-footer a.danger:hover{background:rgba(255,54,54,.18);border-color:rgba(255,54,54,.3)}
.smm-sidebar-content.right-cont{
  min-width:0;
  padding:24px 30px 96px !important;
  padding-left:30px !important;
  background:transparent !important;
  overflow-x:hidden;
}
.smm-mobile-menu-fab,
.smm-sidebar-backdrop{display:none}
.smm-sidebar-bottom-bar{display:none !important}
.smm-balance-low{animation:none !important}

body.smm-sidebar-collapsed .main.smm-sidebar-shell{padding-left:var(--smm-side-mini)}
body.smm-sidebar-collapsed .smm-app-sidebar{width:var(--smm-side-mini);padding:12px 10px}
body.smm-sidebar-collapsed .smm-sidebar-logo{display:none}
body.smm-sidebar-collapsed .smm-sidebar-logo img{max-width:48px}
body.smm-sidebar-collapsed .smm-sidebar-logo strong,
body.smm-sidebar-collapsed .smm-sidebar-user strong,
body.smm-sidebar-collapsed .smm-sidebar-label,
body.smm-sidebar-collapsed .smm-sidebar-actions span,
body.smm-sidebar-collapsed .smm-sidebar-nav span,
body.smm-sidebar-collapsed .smm-sidebar-footer span{display:none}
body.smm-sidebar-collapsed .smm-sidebar-head{justify-content:center}
body.smm-sidebar-collapsed .smm-sidebar-collapse{position:static;right:auto;background:linear-gradient(135deg,#0b74ff,#6655ff)}
body.smm-sidebar-collapsed .smm-sidebar-collapse i{transform:rotate(180deg)}
body.smm-sidebar-collapsed .smm-sidebar-account{justify-content:center;padding:9px;border-radius:22px;flex-direction:column;gap:4px}
body.smm-sidebar-collapsed .smm-sidebar-avatar{width:46px;height:46px;border-radius:17px}
body.smm-sidebar-collapsed .smm-sidebar-user{display:flex;justify-content:center}
body.smm-sidebar-collapsed .smm-sidebar-user em{font-size:11px;text-shadow:none}
body.smm-sidebar-collapsed .smm-sidebar-actions{grid-template-columns:1fr}
body.smm-sidebar-collapsed .smm-sidebar-primary,
body.smm-sidebar-collapsed .smm-sidebar-secondary,
body.smm-sidebar-collapsed .smm-sidebar-mini-key,
body.smm-sidebar-collapsed .smm-sidebar-nav a,
body.smm-sidebar-collapsed .smm-sidebar-footer a{
  justify-content:center;
  padding:12px 8px;
}

@media(max-width:767px){
  body.in .main.smm-sidebar-shell{
    display:block;
    min-height:100vh;
    padding-left:0;
  }
  .smm-app-sidebar{
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    width:min(88vw,350px);
    height:100dvh;
    min-height:100dvh;
    transform:translateX(-105%);
    z-index:100020;
    padding:15px;
    border-radius:0 28px 28px 0;
    border-right:1px solid rgba(255,255,255,.24);
    box-shadow:34px 0 90px rgba(0,0,0,.46);
  }
  body.smm-drawer-open .smm-app-sidebar{transform:translateX(0)}
  body.smm-drawer-open{overflow:hidden}
  .smm-sidebar-collapse{display:none}
  .smm-sidebar-close{display:flex}
  .smm-sidebar-mini-key{display:none !important}
  .smm-sidebar-backdrop{
    position:fixed;
    inset:0;
    display:block;
    z-index:100010;
    background:rgba(0,8,38,.62);
    opacity:0;
    pointer-events:none;
    backdrop-filter:blur(8px);
    transition:opacity .22s ease;
  }
  body.smm-drawer-open .smm-sidebar-backdrop{
    opacity:1;
    pointer-events:auto;
  }
  .smm-mobile-menu-fab{
    position:fixed;
    left:12px;
    top:12px;
    z-index:9998;
    display:flex;
    background:linear-gradient(135deg,#00cfff,#246fff);
    box-shadow:0 14px 34px rgba(0,65,160,.34);
  }
  .smm-sidebar-content.right-cont{
    padding:18px 10px 92px 10px !important;
  }
  .smm-sidebar-bottom-bar{
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:9997;
    display:grid !important;
    grid-template-columns:repeat(5,1fr);
    gap:5px;
    min-height:62px;
    padding:7px;
    border-radius:24px;
    background:linear-gradient(135deg,rgba(2,47,150,.9),rgba(63,73,229,.88));
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 20px 50px rgba(0,20,95,.44);
    backdrop-filter:blur(12px);
  }
  .smm-sidebar-bottom-bar a,
  .smm-sidebar-bottom-bar button{
    border:0;
    border-radius:18px;
    background:transparent;
    color:rgba(255,255,255,.76);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    font-size:10px;
    font-weight:850;
    text-decoration:none;
    font-family:inherit;
  }
  .smm-sidebar-bottom-bar i{font-size:16px}
  .smm-sidebar-bottom-bar .active,
  .smm-sidebar-bottom-bar a:hover,
  .smm-sidebar-bottom-bar button:hover{
    color:#fff;
    background:rgba(255,255,255,.12);
  }
  .smm-sidebar-bottom-bar .smm-bottom-primary{
    margin-top:-18px;
    min-height:58px;
    border-radius:22px;
    color:#fff;
    background:linear-gradient(135deg,#ffb000,#ff7800);
    box-shadow:0 16px 30px rgba(255,126,0,.32);
  }
  .smm-sidebar-actions{grid-template-columns:1fr}
  .smm-kb-hint{top:auto;right:12px;left:12px;bottom:86px;z-index:100070}
}

@media(min-width:768px){
  .smm-app-sidebar{width:var(--smm-side-w)}
  .smm-sidebar-nav a[title]:hover::after,
  .smm-sidebar-footer a[title]:hover::after{
    display:none;
  }
  body.smm-sidebar-collapsed .smm-sidebar-nav a[title]:hover::after,
  body.smm-sidebar-collapsed .smm-sidebar-footer a[title]:hover::after{
    content:attr(title);
    position:absolute;
    left:calc(var(--smm-side-mini) - 2px);
    z-index:80;
    padding:8px 11px;
    border-radius:12px;
    color:#fff;
    background:rgba(8,18,62,.96);
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 14px 30px rgba(0,0,0,.26);
    white-space:nowrap;
    font-size:12px;
  }
}

/* ─── Page content fade-in ───────────────────────────── */
.smm-sidebar-content{animation:smm-fade-in .18s ease}
@keyframes smm-fade-in{from{opacity:0}to{opacity:1}}

/* ============================================================
   Services market — polish pass v2
   (de-corpo buttons, fix Actions dropdown stacking, top spacing)
   ============================================================ */

/* Clear the fixed public navbar so the intro cards aren't tucked under it */
body.out .services-page.services-market{margin-top:112px !important}
@media(max-width:991px){ body.out .services-page.services-market{margin-top:96px !important} }
@media(max-width:767px){ body.out .services-page.services-market{margin-top:84px !important} }

/* ============================================================
   Logged-out rows have NO favorites star, so the grid's reserved
   star column shifted every cell left (id got 42px, name got 84px,
   Copy ID spilled over the name). Give the no-star row its own
   correct column tracks at every breakpoint.
   ============================================================ */
.services-market .service-row:not(:has(.service-fav-cell)){
  grid-template-columns:92px minmax(200px,1.6fr) 112px 112px 84px 96px 104px 124px !important;
}
@media(max-width:1199px){
  .services-market .service-row:not(:has(.service-fav-cell)){
    grid-template-columns:84px minmax(150px,1fr) 96px 100px 78px 88px 108px !important;
  }
}
@media(max-width:767px){
  .services-market .service-row:not(:has(.service-fav-cell)){
    grid-template-columns:86px minmax(0,1fr) !important;
    gap:6px 10px !important;
  }
  .services-market .service-row:not(:has(.service-fav-cell)) .service-id-cell{grid-column:1 !important;grid-row:1 !important;align-self:start !important}
  .services-market .service-row:not(:has(.service-fav-cell)) .service-name-cell{grid-column:2 !important;grid-row:1 !important;align-self:center !important}
  .services-market .service-row:not(:has(.service-fav-cell)) .service-rate-cell{grid-column:1 !important;grid-row:2 !important}
  .services-market .service-row:not(:has(.service-fav-cell)) .service-refill-cell{grid-column:2 !important;grid-row:2 !important}
  .services-market .service-row:not(:has(.service-fav-cell)) .service-min-cell{grid-column:1 !important;grid-row:3 !important}
  .services-market .service-row:not(:has(.service-fav-cell)) .service-max-cell{grid-column:2 !important;grid-row:3 !important}
  .services-market .service-row:not(:has(.service-fav-cell)) .service-order-cell{grid-column:1 / -1 !important;grid-row:4 !important}
}

/* Live result counter on the filter bar */
.smm-services-count{
  margin-left:auto;
  align-self:center;
  padding:7px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.18);
  color:#eaf6ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.3px;
  white-space:nowrap;
}
@media(max-width:767px){ .smm-services-count{margin-left:0;width:100%;text-align:center} }

/* Actions dropdown must float ABOVE the next category panel */
.services-market .panel.panel-default{position:relative;z-index:1}
.services-market .panel.panel-default:has(.smm-service-tools.open){z-index:600}
.services-market .service-row:has(.smm-service-tools.open){position:relative;z-index:600}
.services-market .smm-service-actions-menu{z-index:600 !important}

/* Cooler Actions menu surface — brand glass, not corporate navy */
.smm-service-actions-menu{
  background:linear-gradient(150deg,rgba(10,34,104,0.97),rgba(20,60,180,0.96) 55%,rgba(96,86,255,0.94)) !important;
  border:1px solid rgba(255,255,255,0.22) !important;
  border-radius:14px !important;
  box-shadow:0 24px 50px -16px rgba(0,30,120,0.72),inset 0 1px 0 rgba(255,255,255,0.18) !important;
}
.smm-service-actions-menu button{
  border-radius:9px !important;
  background:rgba(255,255,255,0.08) !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  transition:transform .15s ease,background .15s ease,border-color .15s ease !important;
}
.smm-service-actions-menu button:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,rgba(0,212,255,0.4),rgba(85,94,255,0.5)) !important;
  border-color:rgba(255,255,255,0.34) !important;
}

/* Actions toggle — glossy brand pill with glow */
.services-market .smm-service-actions-toggle{
  border-radius:12px !important;
  background:linear-gradient(135deg,rgba(0,212,255,0.22),rgba(0,110,255,0.42),rgba(85,94,255,0.3)) !important;
  border:1px solid rgba(255,255,255,0.24) !important;
  letter-spacing:.3px;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease !important;
}
.services-market .smm-service-actions-toggle:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,rgba(0,212,255,0.36),rgba(0,110,255,0.58),rgba(85,94,255,0.44)) !important;
  box-shadow:0 16px 32px -14px rgba(0,90,220,0.85) !important;
}
.services-market .smm-service-tools.open .smm-service-actions-toggle{
  background:linear-gradient(135deg,rgba(0,212,255,0.44),rgba(0,110,255,0.64),rgba(85,94,255,0.5)) !important;
  border-color:rgba(255,150,0,0.55) !important;
}

/* Copy ID — neat ghost chip, orange on hover */
.services-market .copy-service-id{
  transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease !important;
}
.services-market .copy-service-id:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,#ff9600,#ffb43d) !important;
  border-color:rgba(255,150,0,0.6) !important;
  color:#1b1300 !important;
}

/* Category count pill — brand-tinted, glowing */
.services-category-count{
  background:linear-gradient(135deg,rgba(255,150,0,0.3),rgba(255,255,255,0.1)) !important;
  border:1px solid rgba(255,150,0,0.42) !important;
  box-shadow:0 12px 26px -16px rgba(255,150,0,0.8) !important;
  color:#fff !important;
}

/* "N services in this category" — tidy badge instead of plain text */
.services-category-meta{
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  width:max-content;
  margin-top:6px !important;
  padding:3px 10px;
  border-radius:999px;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.16);
  color:#eaf6ff !important;
}

/* Order button — keep orange, add depth + lift (beats the old cyan hover) */
.services-market .service-order-cell .btn{
  background:linear-gradient(135deg,#ff9f0f,#ff7a00) !important;
  border:1px solid rgba(255,184,84,0.5) !important;
  box-shadow:0 14px 30px -14px rgba(255,120,0,0.85) !important;
  transition:transform .16s ease,box-shadow .16s ease !important;
}
.services-market .service-order-cell .btn:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,#ffae33,#ff8a14) !important;
  box-shadow:0 20px 40px -14px rgba(255,120,0,1) !important;
  color:#fff !important;
}

/* Preview button — subtle lift */
.services-market .service-description-cell .btn-table{
  transition:transform .15s ease,background .15s ease,border-color .15s ease !important;
}
.services-market .service-description-cell .btn-table:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,0.18) !important;
  border-color:rgba(255,255,255,0.3) !important;
}

/* Filter chips — orange active = clear brand CTA, with lift */
.smm-services-filter button{
  transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease !important;
}
.smm-services-filter button:hover{ transform:translateY(-1px) }
.smm-services-filter button.active{
  background:linear-gradient(135deg,#ff9f0f,#ff7a00) !important;
  border-color:rgba(255,150,0,0.55) !important;
  box-shadow:0 14px 28px -14px rgba(255,120,0,0.85) !important;
  color:#fff !important;
}

/* Intro cards — a touch more life */
.services-intro-card strong{font-size:19px !important}
.services-intro-card:hover{box-shadow:0 24px 50px -22px rgba(0,30,120,0.7),inset 0 1px 0 rgba(255,255,255,0.28) !important}

/* ============================================================
   Inner-page cohesion sweep (Part D) — one shared design system
   so every logged-in page matches the new services/mass-order look.
   ============================================================ */

/* Richer backdrop depth on all inner pages.
   The `html` prefix lifts specificity above each page's inline
   `body.in:has(.x-page) .right-cont{…315deg…}` override (which loads later). */
body.in .right-cont{
  background:
    radial-gradient(circle at 84% -6%,rgba(0,224,255,.34),transparent 50%),
    radial-gradient(circle at 4% 110%,rgba(120,90,255,.26),transparent 52%),
    linear-gradient(160deg,#1f63e6 0%,#2780f5 44%,#34acff 72%,#4fd8ff 100%) !important;
  background-attachment:fixed !important;
}
html body.in:has(.account-page) .right-cont,
html body.in:has(.addfunds-page) .right-cont,
html body.in:has(.affiliates-page) .right-cont,
html body.in:has(.child-panels-page) .right-cont,
html body.in:has(.reseller-page) .right-cont,
html body.in:has(.api-page) .right-cont,
html body.in:has(.massorder-page) .right-cont,
html body.in:has(.drip-page) .right-cont,
html body.in:has(.neworder-page) .right-cont,
html body.in:has(.orders-page) .right-cont,
html body.in:has(.refunds-page) .right-cont,
html body.in:has(.refill-page) .right-cont,
html body.in:has(.viewticket-page) .right-cont,
html body.in:has(.updates-page) .right-cont,
html body.in:has(.subscriptions-page) .right-cont,
html body.in:has(.tickets-page) .right-cont{
  background:
    radial-gradient(circle at 84% -6%,rgba(0,224,255,.34),transparent 50%),
    radial-gradient(circle at 4% 110%,rgba(120,90,255,.26),transparent 52%),
    linear-gradient(160deg,#1f63e6 0%,#2780f5 44%,#34acff 72%,#4fd8ff 100%) !important;
  background-attachment:fixed !important;
}

/* Modern primary button — orange gradient + glow + lift, sitewide (logged in) */
body.in .btn.btn-primary{
  background:linear-gradient(135deg,#ff9f0f,#ff7a00) !important;
  border:1px solid rgba(255,184,84,.5) !important;
  box-shadow:0 14px 30px -14px rgba(255,120,0,.7) !important;
  transition:transform .16s ease,box-shadow .16s ease !important;
}
body.in .btn.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 40px -14px rgba(255,120,0,.95) !important;
}

/* Glass panel depth + inner highlight (shared card language) */
body.in .well2,
body.in .panel.panel-default,
body.in .mass-card,
body.in .api-card,
body.in .child-card,
body.in .wallet-panel,
body.in .wallet-side,
body.in .account-card-new,
body.in .ticket-form-wrap,
body.in .ticket-history-wrap,
body.in .sta-box{
  box-shadow:0 22px 50px -28px rgba(0,20,80,.7),inset 0 1px 0 rgba(255,255,255,.14) !important;
}

/* Modern gradient/glass banner (replaces the old PNG banner background) */
body.in .banner-top{
  background:linear-gradient(120deg,rgba(255,150,0,.16),rgba(0,110,255,.3) 55%,rgba(85,94,255,.26)) !important;
  background-image:linear-gradient(120deg,rgba(255,150,0,.16),rgba(0,110,255,.3) 55%,rgba(85,94,255,.26)) !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:14px !important;
  box-shadow:0 20px 50px -24px rgba(0,20,80,.7),inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* Cohesive input focus ring */
body.in .form-control:focus{
  border-color:rgba(255,150,0,.6) !important;
  box-shadow:0 0 0 3px rgba(255,150,0,.18) !important;
}

/* ============================================================
   Reusable tab component (.smm-tabs) — clean, panel-wide.
   Markup: <div data-smm-tabs>
             <div class="smm-tabs"><button class="smm-tab active" data-smm-tab="x">..</button>..</div>
             <div class="smm-tabpanel active" data-smm-tabpanel="x">..</div> ..
           </div>
   ============================================================ */
.smm-tabs{
  display:flex;flex-wrap:wrap;gap:5px;
  padding:5px;margin-bottom:14px;
  border-radius:14px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.smm-tab{
  flex:1 1 auto;min-width:84px;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:10px 12px;border:0;border-radius:10px;
  background:transparent;color:rgba(255,255,255,.78);
  font-size:12px;font-weight:900;letter-spacing:.2px;white-space:nowrap;cursor:pointer;
  transition:transform .15s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
.smm-tab i{font-size:13px;opacity:.9}
.smm-tab:hover{color:#fff;background:rgba(255,255,255,.08);transform:translateY(-1px)}
.smm-tab.active{
  color:#fff;
  background:linear-gradient(135deg,#ff9f0f,#ff7a00);
  box-shadow:0 12px 26px -12px rgba(255,120,0,.8);
}
.smm-tabpanel{display:none;animation:smmTabIn .22s ease}
.smm-tabpanel.active{display:block}
@keyframes smmTabIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.smm-tabpanel{animation:none}}
/* Inside a tabbed panel, flatten nested helper cards so it reads as one clean surface */
.mass-helper .smm-tabpanel .helper-card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 0 14px !important;
}
.mass-helper .smm-tabpanel .helper-card:last-child{margin-bottom:0 !important}
.mass-helper .smm-tabpanel .helper-card:hover{transform:none !important}

/* ============================================================
   Quantity dial v2 — real max, notch markers, charge readout,
   brighter thumb, drift-proof containment.
   ============================================================ */
.smm-qty-track-wrap{position:relative;min-width:0}
.smm-qty-notches{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:18px;pointer-events:none}
.smm-qty-notches i{position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;height:9px;border-radius:2px;background:rgba(255,255,255,.55);box-shadow:0 0 6px rgba(255,255,255,.35)}
.smm-qty-slider-head span{display:inline-flex;align-items:baseline;gap:8px;min-width:0}
.smm-qty-slider-head span em{font-style:normal;font-size:12px;font-weight:800;color:#9fe9ff;text-shadow:0 2px 3px rgba(0,0,0,.4);white-space:nowrap}
/* brighter, glowier thumb */
.smm-qty-slider input[type=range]::-webkit-slider-thumb{box-shadow:0 6px 16px rgba(0,0,0,.45),0 0 0 3px rgba(52,214,255,.3),0 0 14px rgba(52,214,255,.45)}
.smm-qty-slider input[type=range]::-moz-range-thumb{box-shadow:0 6px 16px rgba(0,0,0,.45),0 0 0 3px rgba(52,214,255,.3),0 0 14px rgba(52,214,255,.45)}
/* contain the range within its card at all widths */
.smm-qty-slider{min-width:0}
.smm-qty-slider input[type=range]{max-width:100%;box-sizing:border-box}

/* Anti-drift: keep the live order preview + its grid inside the card */
.smm-tool-section,.smm-planner-grid,.smm-planner-stat,.smm-planner-head,.smm-planner-copy{min-width:0}
.smm-planner-stat b,.smm-planner-stat span{overflow-wrap:anywhere;min-width:0}
.smm-planner-service{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}