/* Stage18 - New Order final isolated reference layer.
   This file affects only the authenticated New Order page. */
body.smm-auth .new-order{
  width:100%;
  max-width:100%;
  padding:0!important;
  margin:0!important;
}
body.smm-auth .new-order *,
body.smm-auth .new-order *:before,
body.smm-auth .new-order *:after{box-sizing:border-box}
body.smm-auth .new-order .support-boxs,
body.smm-auth .new-order .main-boxes,
body.smm-auth .new-order .filter-row,
body.smm-auth .new-order .instructions{
  width:100%;
  max-width:100%;
  margin:0 0 14px!important;
  padding:0!important;
}
body.smm-auth .new-order .support-boxs .cards{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
body.smm-auth .new-order .support-boxs .card{
  height:46px!important;
  min-height:46px!important;
  padding:8px 12px!important;
  border:1px solid var(--border-color)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  color:var(--text-main)!important;
  overflow:hidden!important;
}
body.smm-auth .new-order .support-boxs .card .title{
  margin:0!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.2!important;
  color:var(--text-main)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.smm-auth .new-order .support-boxs .card .icon-box{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:16px!important;
  margin:0!important;
  color:var(--main-color)!important;
  background:rgba(243,66,19,.12)!important;
}
body.smm-auth .new-order .support-boxs .card .icon-box.info{color:#22c55e!important;background:rgba(34,197,94,.14)!important}
body.smm-auth .new-order .support-boxs .card .icon-box.tele{color:#2da9ff!important;background:rgba(45,169,255,.14)!important}

body.smm-auth .new-order .main-boxes .stats-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
  align-items:stretch!important;
}
body.smm-auth .new-order .main-boxes .stat-card{
  position:relative!important;
  height:118px!important;
  min-height:118px!important;
  max-height:118px!important;
  padding:15px!important;
  border:1px solid var(--border-color)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:var(--card-bg)!important;
  box-shadow:none!important;
  color:var(--text-main)!important;
}
body.smm-auth .new-order .main-boxes .stat-card.balance{
  background:var(--card-bg)!important;
  background-image:none!important;
}
body.smm-auth .new-order .main-boxes .stat-card .card-bg{
  position:absolute!important;
  z-index:0!important;
  width:78px!important;
  height:78px!important;
  border-radius:50%!important;
  inset:auto auto -28px -28px!important;
  opacity:.24!important;
  filter:none!important;
}
html[dir="rtl"] body.smm-auth .new-order .main-boxes .stat-card .card-bg,
html[lang="ar"] body.smm-auth .new-order .main-boxes .stat-card .card-bg{
  right:-28px!important;
  left:auto!important;
}
body.smm-auth .new-order .main-boxes .stat-card.primary .card-bg{background:#2563eb!important}
body.smm-auth .new-order .main-boxes .stat-card.orange .card-bg{background:#f97316!important}
body.smm-auth .new-order .main-boxes .stat-card.success .card-bg{background:#16a34a!important}
body.smm-auth .new-order .main-boxes .stat-card.balance .card-bg{background:#6b7280!important}
body.smm-auth .new-order .main-boxes .stat-card .card-content{
  position:relative!important;
  z-index:1!important;
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
body.smm-auth .new-order .main-boxes .stat-card .card-content.white,
body.smm-auth .new-order .main-boxes .stat-card .card-content.white *{color:var(--text-main)!important}
body.smm-auth .new-order .main-boxes .stat-card .card-header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 9px!important;
  min-height:30px!important;
}
body.smm-auth .new-order .main-boxes .stat-card .card-label,
body.smm-auth .new-order .main-boxes .stat-card .card-label span{
  margin:0!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:900!important;
  color:var(--text-main)!important;
}
body.smm-auth .new-order .main-boxes .stat-card .icon-box,
body.smm-auth .new-order .main-boxes .stat-card .icon-btn-sm{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  border:none!important;
  border-radius:11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:13px!important;
  margin:0!important;
  box-shadow:none!important;
}
body.smm-auth .new-order .main-boxes .stat-card .icon-box.primary{background:rgba(37,99,235,.18)!important;color:#3b82f6!important}
body.smm-auth .new-order .main-boxes .stat-card .icon-box.orange{background:rgba(249,115,22,.18)!important;color:#f97316!important}
body.smm-auth .new-order .main-boxes .stat-card .icon-box.success{background:rgba(22,163,74,.18)!important;color:#22c55e!important}
body.smm-auth .new-order .main-boxes .stat-card .icon-btn-sm{background:rgba(255,255,255,.09)!important;color:#fff!important;cursor:pointer!important}
body.smm-auth .new-order .main-boxes .stat-card .card-value,
body.smm-auth .new-order .main-boxes .stat-card .balance-row h3{
  font-size:19px!important;
  line-height:1.16!important;
  margin:0!important;
  font-weight:900!important;
  color:var(--text-main)!important;
  letter-spacing:-.02em!important;
}
body.smm-auth .new-order .main-boxes .stat-card .card-value.small{font-size:18px!important}
body.smm-auth .new-order .main-boxes .stat-card .level-row{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0 0 7px!important;
}
body.smm-auth .new-order .main-boxes .stat-card .level-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:3px 7px!important;
  border-radius:6px!important;
  background:var(--main-color)!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
body.smm-auth .new-order .main-boxes .stat-card .progress{
  width:100%!important;
  height:5px!important;
  margin-top:auto!important;
  background:rgba(255,255,255,.07)!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
body.smm-auth .new-order .main-boxes .stat-card .progress-bar{height:100%!important;background:var(--main-color)!important;border-radius:999px!important}
body.smm-auth .new-order .main-boxes .stat-card .card-meta{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  margin-top:auto!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
}
body.smm-auth .new-order .main-boxes .stat-card .card-meta.primary{color:#3b82f6!important}
body.smm-auth .new-order .main-boxes .stat-card .card-meta.success{color:#22c55e!important}
body.smm-auth .new-order .main-boxes .stat-card .balance-row{margin:0 0 8px!important}
body.smm-auth .new-order .main-boxes .stat-card .add-balance-btn{
  height:29px!important;
  min-height:29px!important;
  padding:5px 10px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.06)!important;
  color:var(--text-main)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:10px!important;
  font-weight:900!important;
  margin-top:auto!important;
}
body.smm-auth .new-order.balance-hidden .balance-amount,
body.smm-auth .new-order.balance-hidden .stat-card.success .card-value{
  filter:blur(6px)!important;
  user-select:none!important;
}

body.smm-auth .new-order .filter-wrapper{
  background:var(--card-bg)!important;
  border:1px solid var(--border-color)!important;
  border-radius:16px!important;
  padding:17px 18px!important;
  margin:0!important;
}
body.smm-auth .new-order .filter-wrapper h4{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 13px!important;
  color:var(--text-main)!important;
  font-size:14px!important;
  font-weight:900!important;
}
body.smm-auth .new-order .filter-wrapper .hide-filter{
  height:28px!important;
  padding:5px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:rgba(0,0,0,.22)!important;
  color:var(--text-main)!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  font-size:11px!important;
  font-weight:800!important;
}
body.smm-auth .new-order .filter-list{
  list-style:none!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
body.smm-auth .new-order .filter-list.is-hidden{display:none!important}
body.smm-auth .new-order .brand-category{
  width:100%!important;
  height:36px!important;
  padding:6px 10px!important;
  border:1px solid var(--border-color)!important;
  border-radius:9px!important;
  background:rgba(0,0,0,.12)!important;
  color:var(--text-main)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:11px!important;
  font-weight:900!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
body.smm-auth .new-order .brand-category.active,
body.smm-auth .new-order .brand-category:hover{background:var(--main-color)!important;border-color:var(--main-color)!important;color:#fff!important}
body.smm-auth .new-order .brand-category .filter-icon{width:18px!important;height:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;line-height:1!important}
body.smm-auth .new-order .brand-category img{width:18px!important;height:18px!important;object-fit:contain!important}

body.smm-auth .new-order .instructions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,48%)!important;
  gap:14px!important;
  align-items:start!important;
}
html[dir="rtl"] body.smm-auth .new-order .instructions,
html[lang="ar"] body.smm-auth .new-order .instructions{direction:ltr!important}
html[dir="rtl"] body.smm-auth .new-order .instructions > *,
html[lang="ar"] body.smm-auth .new-order .instructions > *{direction:rtl!important}
body.smm-auth .new-order .order,
body.smm-auth .new-order .order-info{
  background:var(--card-bg)!important;
  border:1px solid var(--border-color)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
body.smm-auth .new-order .order{padding:16px!important;min-height:420px!important}
body.smm-auth .new-order .order-info{padding:18px!important;min-height:360px!important;overflow:hidden!important}
body.smm-auth .new-order .order-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  margin:0 0 16px!important;
  padding:0!important;
}
body.smm-auth .new-order .order-nav-item{
  height:32px!important;
  min-height:32px!important;
  padding:6px 11px!important;
  border:1px solid var(--border-color)!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.16)!important;
  color:var(--text-main)!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
}
body.smm-auth .new-order .order-nav-item.active,
body.smm-auth .new-order .order-nav-item:hover{border-color:var(--main-color)!important;color:var(--main-color)!important;background:rgba(243,66,19,.08)!important}
body.smm-auth .new-order .order-content{display:block!important;margin:0!important;padding:0!important}
body.smm-auth .new-order .form-group,
body.smm-auth .new-order .order-content > div{margin:0 0 12px!important}
body.smm-auth .new-order label,
body.smm-auth .new-order .form-label{
  display:block!important;
  margin:0 0 6px!important;
  font-size:11px!important;
  line-height:1.25!important;
  color:var(--text-main)!important;
  font-weight:900!important;
}
body.smm-auth .new-order .search-dropdown{
  height:38px!important;
  min-height:38px!important;
  border:1px solid var(--border-color)!important;
  border-radius:10px!important;
  background:rgba(0,0,0,.13)!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}
body.smm-auth .new-order .search-dropdown .input-group-text,
body.smm-auth .new-order .search-dropdown button{
  width:38px!important;
  min-width:38px!important;
  height:100%!important;
  border:0!important;
  background:transparent!important;
  color:var(--text-light)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.smm-auth .new-order .search-dropdown .search{
  flex:1!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--text-main)!important;
  padding:0 8px!important;
  font-size:11px!important;
  outline:none!important;
}
body.smm-auth .new-order input.form-control,
body.smm-auth .new-order textarea.form-control,
body.smm-auth .new-order .form-control{
  width:100%!important;
  min-height:38px!important;
  border:1px solid var(--border-color)!important;
  border-radius:10px!important;
  background:rgba(0,0,0,.13)!important;
  color:var(--text-main)!important;
  padding:9px 12px!important;
  font-size:11px!important;
  line-height:1.4!important;
  box-shadow:none!important;
  outline:none!important;
}
body.smm-auth .new-order textarea.form-control{min-height:100px!important;resize:vertical!important}
body.smm-auth .new-order #charge{font-weight:900!important;color:var(--main-color)!important}
body.smm-auth .new-order .main-btn,
body.smm-auth .new-order button[type="submit"]{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  border:0!important;
  border-radius:11px!important;
  background:var(--main-color)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
body.smm-auth .new-order .order-info p,
body.smm-auth .new-order .order-info h5{font-size:12px!important;line-height:1.75!important;color:var(--text-main)!important;margin:0 0 7px!important;font-weight:800!important}
body.smm-auth .new-order .order-info p{color:var(--text-light)!important}
body.smm-auth .new-order .order-info p:before{content:'•';color:var(--main-color);margin-inline-end:7px;font-weight:900}
body.smm-auth .new-order .order-info .no-dot:before{content:'';margin:0}

/* Stage18 custom select2 */
body.smm-auth .new-order select.smm18-hidden-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.smm-auth .new-order .smm18-select2{
  width:100%!important;
  display:block!important;
  position:relative!important;
  direction:inherit!important;
}
body.smm-auth .new-order .smm18-select2 .select2-selection--single{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  border:1px solid var(--border-color)!important;
  border-radius:10px!important;
  background:rgba(0,0,0,.13)!important;
  color:var(--text-main)!important;
  padding:0 38px 0 12px!important;
  display:flex!important;
  align-items:center!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
html[dir="rtl"] body.smm-auth .new-order .smm18-select2 .select2-selection--single,
html[lang="ar"] body.smm-auth .new-order .smm18-select2 .select2-selection--single{padding:0 12px 0 38px!important}
body.smm-auth .new-order .smm18-select2 .select2-selection__rendered{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  color:var(--text-main)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.smm-auth .new-order .smm18-select2 .select2-selection__arrow{
  position:absolute!important;
  inset-inline-end:12px!important;
  top:0!important;
  height:100%!important;
  width:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
html[dir="rtl"] body.smm-auth .new-order .smm18-select2 .select2-selection__arrow,
html[lang="ar"] body.smm-auth .new-order .smm18-select2 .select2-selection__arrow{left:12px!important;right:auto!important}
body.smm-auth .new-order .smm18-select2 .select2-selection__arrow b{border-color:#8b95a7 transparent transparent transparent!important;border-style:solid!important;border-width:5px 4px 0 4px!important;height:0!important;width:0!important}
.smm18-select2-dropdown{
  position:fixed!important;
  display:block!important;
  z-index:2147483000!important;
  border:1px solid var(--border-color,#253042)!important;
  border-radius:12px!important;
  background:var(--bg-color,#0b0f19)!important;
  color:var(--text-main,#fff)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.48)!important;
  overflow:hidden!important;
  direction:rtl!important;
}
.smm18-select2-dropdown .select2-search--dropdown{display:block!important;padding:9px!important;background:var(--bg-color,#0b0f19)!important;border-bottom:1px solid var(--border-color,#253042)!important}
.smm18-select2-dropdown .select2-search__field{
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  border:1px solid var(--border-color,#253042)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.04)!important;
  color:var(--text-main,#fff)!important;
  padding:0 12px!important;
  outline:none!important;
  font-size:12px!important;
  box-shadow:none!important;
}
.smm18-select2-dropdown .select2-results__options{display:block!important;list-style:none!important;padding:0!important;margin:0!important;overflow-y:auto!important;background:var(--bg-color,#0b0f19)!important}
.smm18-select2-dropdown .select2-results__option{
  min-height:38px!important;
  padding:10px 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:var(--text-main,#fff)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:800!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  cursor:pointer!important;
  white-space:normal!important;
}
.smm18-select2-dropdown .select2-results__option:hover,
.smm18-select2-dropdown .select2-results__option--highlighted{background:var(--main-color,#f34213)!important;color:#fff!important}
.smm18-select2-dropdown img,
body.smm-auth .new-order .smm18-select2 img{width:18px!important;height:18px!important;object-fit:contain!important;flex:0 0 18px!important}
.smm18-select2-dropdown i,
body.smm-auth .new-order .smm18-select2 i{width:18px!important;min-width:18px!important;text-align:center!important;font-size:15px!important;line-height:1!important;color:inherit!important}
.smm18-option-text{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:inline-block!important;max-width:100%!important}
.smm18-select2-dropdown .smm18-option-text{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}

@media (max-width:1199px){
  body.smm-auth .new-order .support-boxs .cards,
  body.smm-auth .new-order .main-boxes .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.smm-auth .new-order .filter-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.smm-auth .new-order .instructions{grid-template-columns:1fr!important;direction:inherit!important}
  html[dir="rtl"] body.smm-auth .new-order .instructions,
  html[lang="ar"] body.smm-auth .new-order .instructions{direction:rtl!important}
}
@media (max-width:767px){
  body.smm-auth .content{padding:12px 0 86px!important}
  body.smm-auth .new-order .support-boxs,
  body.smm-auth .new-order .main-boxes,
  body.smm-auth .new-order .filter-row,
  body.smm-auth .new-order .instructions{margin-bottom:10px!important}
  body.smm-auth .new-order .support-boxs .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.smm-auth .new-order .support-boxs .card{height:40px!important;padding:7px 10px!important;border-radius:13px!important}
  body.smm-auth .new-order .support-boxs .card .title{font-size:11px!important}
  body.smm-auth .new-order .support-boxs .card .icon-box{width:28px!important;height:28px!important;border-radius:9px!important}
  body.smm-auth .new-order .main-boxes .stats-grid{grid-template-columns:1fr!important;gap:8px!important}
  body.smm-auth .new-order .main-boxes .stat-card{height:96px!important;min-height:96px!important;max-height:96px!important;padding:13px!important;border-radius:14px!important}
  body.smm-auth .new-order .main-boxes .stat-card .card-header{margin-bottom:5px!important;min-height:26px!important}
  body.smm-auth .new-order .main-boxes .stat-card .card-value,
  body.smm-auth .new-order .main-boxes .stat-card .balance-row h3{font-size:18px!important}
  body.smm-auth .new-order .filter-wrapper{padding:14px!important;border-radius:14px!important}
  body.smm-auth .new-order .filter-wrapper h4{font-size:14px!important;margin-bottom:12px!important}
  body.smm-auth .new-order .filter-list{grid-template-columns:repeat(7,1fr)!important;gap:7px!important}
  body.smm-auth .new-order .brand-category{height:44px!important;padding:0!important;border-radius:10px!important;gap:0!important}
  body.smm-auth .new-order .brand-category .filter-text{display:none!important}
  body.smm-auth .new-order .brand-category .filter-icon{width:22px!important;height:22px!important;font-size:19px!important}
  body.smm-auth .new-order .brand-category img{width:22px!important;height:22px!important}
  body.smm-auth .new-order .order{padding:14px!important;border-radius:14px!important}
  body.smm-auth .new-order .order-info{padding:15px!important;border-radius:14px!important}
  body.smm-auth .new-order .order-nav{gap:6px!important;overflow-x:auto!important;padding-bottom:2px!important}
  body.smm-auth .new-order .order-nav-item{height:31px!important;white-space:nowrap!important;padding:6px 9px!important;font-size:10px!important}
  body.smm-auth .new-order .smm18-select2 .select2-selection--single,
  body.smm-auth .new-order input.form-control,
  body.smm-auth .new-order textarea.form-control,
  body.smm-auth .new-order .form-control,
  body.smm-auth .new-order .search-dropdown{height:39px!important;min-height:39px!important;border-radius:10px!important}
}
@media (max-width:430px){
  body.smm-auth .new-order .filter-list{grid-template-columns:repeat(7,1fr)!important}
  body.smm-auth .new-order .brand-category{height:42px!important}
}
body.smm-auth .new-order .smm18-loader{
  width:100%!important;
  min-height:70px!important;
  padding:18px!important;
  border:1px dashed var(--border-color)!important;
  border-radius:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--text-light)!important;
  font-size:12px!important;
  font-weight:800!important;
  background:rgba(255,255,255,.025)!important;
}