.smmgo-page {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  padding: 28px 0 70px;
  background:
    radial-gradient(circle at 15% 15%, rgba(182, 32, 224, 0.28), transparent 32%),
    radial-gradient(circle at 90% 10%, rgba(120, 60, 255, 0.20), transparent 30%),
    linear-gradient(135deg, #07020c 0%, #12051b 45%, #09030f 100%);
  color: #ffffff;
}

.smmgo-page a {
  text-decoration: none;
}

.smmgo-glow {
  position: absolute;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  filter: blur(70px);
  opacity: 0.45;
  pointer-events: none;
}

.smmgo-glow-1 {
  top: 120px;
  left: -120px;
  background: #b620e0;
}

.smmgo-glow-2 {
  right: -110px;
  bottom: 160px;
  background: #6f35ff;
}

.smmgo-topbar {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 70px;
  padding: 16px 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.035);
  backdrop-filter: blur(16px);
}

.smmgo-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ffffff;
  font-weight: 800;
}

.smmgo-logo:hover {
  color: #ffffff;
}

.smmgo-logo-mark {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: linear-gradient(135deg, #b620e0, #ef5bff);
  box-shadow: 0 12px 35px rgba(182, 32, 224, 0.35);
}

.smmgo-logo-text {
  font-size: 18px;
  letter-spacing: 0.3px;
}

.smmgo-menu {
  display: flex;
  align-items: center;
  gap: 20px;
}

.smmgo-menu a {
  color: #cdbddd;
  font-size: 14px;
  transition: 0.2s;
}

.smmgo-menu a:hover {
  color: #ffffff;
}

.smmgo-menu .smmgo-menu-btn {
  padding: 10px 18px;
  border-radius: 999px;
  color: #ffffff;
  background: rgba(182, 32, 224, 0.22);
  border: 1px solid rgba(224, 68, 255, 0.35);
}

.smmgo-hero {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}

.smmgo-hero-content {
  padding: 20px 0;
}

.smmgo-badge {
  display: inline-flex;
  align-items: center;
  margin-bottom: 18px;
  padding: 9px 15px;
  border-radius: 999px;
  color: #f5d8ff;
  background: rgba(182, 32, 224, 0.13);
  border: 1px solid rgba(224, 68, 255, 0.22);
  font-size: 13px;
}

.smmgo-hero h1 {
  margin: 0 0 22px;
  max-width: 680px;
  color: #ffffff;
  font-size: 58px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -1.5px;
}

.smmgo-hero h1 span {
  display: block;
  background: linear-gradient(90deg, #ffffff, #ef5bff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.smmgo-hero p {
  max-width: 590px;
  color: #b7a8c4;
  font-size: 17px;
  line-height: 1.9;
  margin-bottom: 28px;
}

.smmgo-hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

.smmgo-primary-btn,
.smmgo-outline-btn {
  padding: 13px 24px;
  border-radius: 999px;
  font-weight: 700;
}

.smmgo-primary-btn {
  color: #ffffff;
  background: linear-gradient(135deg, #b620e0, #ef5bff);
  box-shadow: 0 18px 45px rgba(182, 32, 224, 0.35);
}

.smmgo-primary-btn:hover,
.smmgo-primary-btn:focus {
  color: #ffffff;
  opacity: 0.92;
}

.smmgo-outline-btn {
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
}

.smmgo-outline-btn:hover,
.smmgo-outline-btn:focus {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
}

.smmgo-stats {
  margin-top: 8px;
}

.smmgo-stat-card {
  min-height: 95px;
  padding: 18px;
  margin-bottom: 15px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.smmgo-stat-card strong {
  display: block;
  color: #ffffff;
  font-size: 25px;
  line-height: 1;
  margin-bottom: 10px;
}

.smmgo-stat-card span {
  color: #b7a8c4;
  font-size: 13px;
}

.smmgo-login-card {
  position: relative;
  padding: 30px;
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035)),
    rgba(19, 7, 30, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: 0 35px 90px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(20px);
}

.smmgo-login-card:before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 30px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(239, 91, 255, 0.7), rgba(255, 255, 255, 0.05), rgba(111, 53, 255, 0.45));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.smmgo-login-head {
  margin-bottom: 24px;
}

.smmgo-login-head h3 {
  margin: 0 0 8px;
  color: #ffffff;
  font-weight: 800;
  font-size: 26px;
}

.smmgo-login-head p {
  margin: 0;
  color: #b7a8c4;
  font-size: 14px;
}

.smmgo-login-form .form-group {
  margin-bottom: 18px;
}

.smmgo-login-form label {
  color: #e8dcf0;
  font-size: 13px;
  margin-bottom: 8px;
}

.smmgo-login-form .form-control {
  height: 50px;
  border-radius: 16px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: none;
}

.smmgo-login-form .form-control:focus {
  border-color: rgba(239, 91, 255, 0.75);
  box-shadow: 0 0 0 4px rgba(182, 32, 224, 0.13);
}

.smmgo-login-form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.38);
}

.smmgo-login-form .forgot-password {
  display: inline-block;
  margin-top: 9px;
  color: #ef5bff;
  font-size: 13px;
}

.smmgo-captcha {
  margin-bottom: 18px;
}

.smmgo-login-btn {
  width: 100%;
  height: 52px;
  border: 0;
  border-radius: 16px;
  color: #ffffff;
  font-weight: 800;
  background: linear-gradient(135deg, #b620e0, #ef5bff);
  box-shadow: 0 18px 40px rgba(182, 32, 224, 0.33);
}

.smmgo-login-btn:hover,
.smmgo-login-btn:focus {
  color: #ffffff;
  opacity: 0.94;
}

.smmgo-google-login {
  margin-top: 16px;
}

.smmgo-register-text {
  margin-top: 18px;
  text-align: center;
  color: #b7a8c4;
  font-size: 14px;
}

.smmgo-register-text a {
  color: #ef5bff;
  font-weight: 700;
}

.smmgo-features {
  position: relative;
  z-index: 2;
  margin-top: 65px;
}

.smmgo-feature-card {
  min-height: 210px;
  margin-bottom: 22px;
  padding: 26px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.smmgo-feature-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  color: #ffffff;
  font-weight: 800;
  background: rgba(182, 32, 224, 0.28);
  border: 1px solid rgba(224, 68, 255, 0.35);
}

.smmgo-feature-card h4 {
  color: #ffffff;
  font-weight: 800;
  margin-bottom: 10px;
}

.smmgo-feature-card p {
  color: #b7a8c4;
  line-height: 1.8;
  margin: 0;
}

.smmgo-auth-text {
  background: #09030f;
  color: #ffffff;
  padding: 35px 0;
}

.smmgo-auth-box {
  padding: 26px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

@media (max-width: 991px) {
  .smmgo-hero {
    display: block;
  }

  .smmgo-hero h1 {
    font-size: 42px;
  }

  .smmgo-login-card {
    margin-top: 35px;
  }
}

@media (max-width: 767px) {
  .smmgo-page {
    padding-top: 18px;
  }

  .smmgo-topbar {
    display: block;
    text-align: center;
  }

  .smmgo-logo {
    justify-content: center;
    margin-bottom: 15px;
  }

  .smmgo-menu {
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
  }

  .smmgo-hero {
    margin-top: 35px;
  }

  .smmgo-hero h1 {
    font-size: 34px;
    letter-spacing: -0.5px;
  }

  .smmgo-hero p {
    font-size: 15px;
  }

  .smmgo-login-card {
    padding: 22px;
    border-radius: 24px;
  }
}

/* Layout Header + Footer Dark Purple Design */

.smmgo-body {
  background: #07020c;
  color: #ffffff;
}

.smmgo-body a {
  text-decoration: none;
}

.smmgo-main-navbar {
  margin-bottom: 0 !important;
  min-height: 78px;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 15% 20%, rgba(182, 32, 224, 0.24), transparent 28%),
    linear-gradient(135deg, rgba(7, 2, 12, 0.98), rgba(18, 5, 27, 0.98)) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.38);
  z-index: 50;
}

.smmgo-navbar-brand {
  height: auto !important;
  padding: 0 15px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  color: #ffffff !important;
  font-size: 19px;
  font-weight: 900;
  line-height: normal !important;
}

.smmgo-navbar-brand:hover,
.smmgo-navbar-brand:focus {
  color: #ffffff !important;
}

.smmgo-logo-img {
  max-height: 42px;
  width: auto;
  display: block;
}

.smmgo-logo-mark {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  color: #ffffff;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff);
  box-shadow: 0 12px 35px rgba(182, 32, 224, 0.35);
}

.smmgo-logo-name {
  color: #ffffff;
}

.smmgo-nav-link {
  color: #cdbddd !important;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 15px !important;
  margin: 0 3px;
  border-radius: 999px;
  transition: 0.2s ease;
}

.smmgo-nav-link:hover,
.smmgo-nav-link:focus {
  color: #ffffff !important;
  background: rgba(182, 32, 224, 0.20) !important;
}

.smmgo-nav-main>li.active>a,
.smmgo-nav-account>li.active>a,
.smmgo-lang-nav>li.active>a {
  color: #ffffff !important;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 12px 30px rgba(182, 32, 224, 0.30);
}

.smmgo-balance-btn {
  padding: 9px 14px !important;
  margin: 0 3px;
  border-radius: 999px;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.10);
}

.smmgo-balance-btn .badge {
  background: linear-gradient(135deg, #b620e0, #ef5bff);
  color: #ffffff;
  font-weight: 800;
}

.smmgo-dropdown-menu {
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 16px !important;
  background: #16071f !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  overflow: hidden;
}

.smmgo-dropdown-menu>li>a {
  color: #cdbddd !important;
  padding: 10px 16px;
}

.smmgo-dropdown-menu>li>a:hover,
.smmgo-dropdown-menu>li.active>a {
  color: #ffffff !important;
  background: rgba(182, 32, 224, 0.24) !important;
}

.smmgo-navbar-toggle {
  margin-top: 18px;
  margin-bottom: 18px;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06) !important;
}

.smmgo-navbar-toggle .icon-bar {
  background-color: #ffffff !important;
}

.smmgo-main-content {
  min-height: 60vh;
}

.smmgo-footer {
  position: relative;
  padding: 60px 0 24px;
  color: #ffffff;
  background:
    radial-gradient(circle at 85% 20%, rgba(182, 32, 224, 0.20), transparent 30%),
    linear-gradient(135deg, #07020c 0%, #12051b 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.smmgo-footer-brand p {
  margin-top: 18px;
  max-width: 360px;
  color: #b7a8c4;
  line-height: 1.9;
}

.smmgo-footer-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #ffffff !important;
  font-size: 19px;
  font-weight: 900;
}

.smmgo-footer-logo img {
  max-height: 44px;
  width: auto;
}

.smmgo-footer-box {
  margin-bottom: 28px;
}

.smmgo-footer-box h4 {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 900;
}

.smmgo-footer-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.smmgo-footer-box li {
  margin-bottom: 10px;
}

.smmgo-footer-box a {
  color: #b7a8c4;
  font-size: 14px;
  transition: 0.2s ease;
}

.smmgo-footer-box a:hover {
  color: #ef5bff;
}

.smmgo-footer-bottom {
  margin-top: 28px;
  padding-top: 22px;
  color: #8f7c9f;
  font-size: 13px;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

@media (min-width: 768px) {

  .smmgo-main-navbar>.container,
  .smmgo-main-navbar>.container-fluid {
    min-height: 78px;
    display: flex;
    align-items: center;
  }

  .smmgo-navbar-header {
    float: none;
    display: flex;
    align-items: center;
  }

  .smmgo-navbar-collapse {
    flex: 1;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
  }

  .smmgo-nav-main,
  .smmgo-nav-account,
  .smmgo-lang-nav {
    float: none !important;
    display: flex;
    align-items: center;
    margin: 0;
  }

  .smmgo-guest-user .smmgo-navbar-collapse {
    justify-content: flex-end;
  }
}

@media (max-width: 767px) {
  .smmgo-main-navbar {
    min-height: auto;
  }

  .smmgo-navbar-brand {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  .smmgo-navbar-collapse {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: none !important;
  }

  .smmgo-nav-main,
  .smmgo-nav-account,
  .smmgo-lang-nav {
    margin: 10px 0 !important;
  }

  .smmgo-nav-link,
  .smmgo-balance-btn {
    display: block !important;
    text-align: center;
    margin: 6px 0;
  }

  .smmgo-footer {
    text-align: center;
  }

  .smmgo-footer-brand p {
    margin-left: auto;
    margin-right: auto;
  }
}

html,
body {
  min-height: 100%;
  background: #07020c !important;
  color: #ffffff;
  font-family: "Tajawal", "Cairo", "Inter", "Segoe UI", Arial, sans-serif;
}

body {
  overflow-x: hidden;
}

/* General Links */
a {
  color: #ef5bff;
  transition: 0.2s ease;
}

a:hover,
a:focus {
  color: #ffffff;
  text-decoration: none;
}

/* Main Content Background */
.smmgo-main-content {
  background:
    radial-gradient(circle at 12% 15%, rgba(182, 32, 224, 0.18), transparent 28%),
    radial-gradient(circle at 90% 5%, rgba(120, 60, 255, 0.14), transparent 30%),
    linear-gradient(135deg, #07020c 0%, #12051b 48%, #09030f 100%);
}

/* Fix spacing between navbar and signin page */
.smmgo-page {
  padding-top: 65px;
}

/* Better Container Width */
.container,
.container-fluid {
  position: relative;
  z-index: 2;
}

/* Default Cards / Wells / Panels */
.well,
.panel,
.card,
.modal-content {
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)),
    rgba(19, 7, 30, 0.92) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 24px !important;
  box-shadow: 0 22px 65px rgba(0, 0, 0, 0.32);
}

.panel-heading,
.panel-footer {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Page Titles */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #ffffff;
  font-weight: 800;
}

/* Text Muted */
.text-muted,
.help-block,
small {
  color: #b7a8c4 !important;
}

/* Forms */
.form-control,
select.form-control,
textarea.form-control {
  min-height: 46px;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

textarea.form-control {
  min-height: 120px;
}

.form-control:focus {
  border-color: rgba(239, 91, 255, 0.78) !important;
  box-shadow: 0 0 0 4px rgba(182, 32, 224, 0.13) !important;
}

.form-control::placeholder {
  color: rgba(255, 255, 255, 0.38);
}

label,
.control-label {
  color: #e8dcf0;
  font-weight: 700;
}

/* Select dropdown text fix */
select.form-control option {
  background: #16071f;
  color: #ffffff;
}

/* Buttons */
.btn {
  border-radius: 999px;
  font-weight: 800;
  transition: 0.2s ease;
}

.btn-primary,
.btn-success {
  color: #ffffff !important;
  border: 0 !important;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 14px 34px rgba(182, 32, 224, 0.30);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus {
  color: #ffffff !important;
  opacity: 0.92;
  transform: translateY(-1px);
}

.btn-default,
.btn-info,
.btn-warning {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.btn-default:hover,
.btn-info:hover,
.btn-warning:hover {
  color: #ffffff !important;
  background: rgba(182, 32, 224, 0.22) !important;
}

/* Tables */
.table {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.035);
  border-radius: 18px;
  overflow: hidden;
}

.table>thead>tr>th {
  color: #ffffff;
  background: rgba(182, 32, 224, 0.20);
  border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
  font-weight: 800;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  vertical-align: middle;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.035);
}

.table-hover>tbody>tr:hover {
  background: rgba(182, 32, 224, 0.12);
}

/* Alerts */
.alert {
  border: 0 !important;
  border-radius: 16px !important;
  color: #ffffff !important;
}

.alert-danger {
  background: rgba(255, 70, 100, 0.18) !important;
  border: 1px solid rgba(255, 70, 100, 0.28) !important;
}

.alert-success {
  background: rgba(50, 220, 140, 0.16) !important;
  border: 1px solid rgba(50, 220, 140, 0.25) !important;
}

.alert-info {
  background: rgba(120, 60, 255, 0.18) !important;
  border: 1px solid rgba(120, 60, 255, 0.26) !important;
}

.alert-warning {
  background: rgba(255, 185, 60, 0.16) !important;
  border: 1px solid rgba(255, 185, 60, 0.25) !important;
}

.alert .close {
  color: #ffffff;
  opacity: 0.8;
}

/* Dropdowns */
.dropdown-menu {
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 16px !important;
  background: #16071f !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}

.dropdown-menu>li>a {
  color: #cdbddd !important;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li.active>a {
  color: #ffffff !important;
  background: rgba(182, 32, 224, 0.24) !important;
}

/* Pagination */
.pagination>li>a,
.pagination>li>span {
  color: #cdbddd !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.pagination>li.active>a,
.pagination>li.active>span {
  color: #ffffff !important;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  border-color: transparent !important;
}

/* Tabs */
.nav-tabs {
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.nav-tabs>li>a {
  color: #cdbddd;
  border-radius: 14px 14px 0 0;
  border: 1px solid transparent !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: #ffffff !important;
  background: rgba(182, 32, 224, 0.22) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

/* Badges */
.badge {
  background: linear-gradient(135deg, #b620e0, #ef5bff);
  color: #ffffff;
}

/* Navbar final fixes */
.smmgo-main-navbar {
  position: relative;
}

.smmgo-main-navbar:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(239, 91, 255, 0.55), transparent);
}

.smmgo-navbar-brand img {
  max-height: 42px;
  width: auto;
}

/* Fix logo mark duplicate safely */
.smmgo-logo-mark {
  min-width: 42px;
  color: #ffffff;
}

/* Guest navbar button look */
.smmgo-guest-user .smmgo-nav-main>li:last-child>a {
  color: #ffffff !important;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 12px 30px rgba(182, 32, 224, 0.30);
}

/* Services / Orders / Add funds common layout */
#order-form,
#ticketsend,
#addfunds-form,
#massorder-form {
  color: #ffffff;
}

/* Inputs inside old template pages */
.form-group__password {
  position: relative;
}

/* Auth text block */
.smmgo-auth-box,
.smmgo-auth-box p,
.smmgo-auth-box span,
.smmgo-auth-box div {
  color: #d8c9e6;
}

/* Footer extra polish */
.smmgo-footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 15%;
  right: 15%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(239, 91, 255, 0.55), transparent);
}

.smmgo-footer-box a {
  display: inline-block;
}

.smmgo-footer-box a:hover {
  transform: translateX(-2px);
}

/* RTL corrections */
html[dir="rtl"] .smmgo-footer-box a:hover,
.smmgo-rtl .smmgo-footer-box a:hover {
  transform: translateX(2px);
}

html[dir="rtl"] .smmgo-hero h1,
html[dir="rtl"] .smmgo-hero p,
html[dir="rtl"] .smmgo-login-head,
html[dir="rtl"] .smmgo-feature-card,
.smmgo-rtl .smmgo-hero h1,
.smmgo-rtl .smmgo-hero p,
.smmgo-rtl .smmgo-login-head,
.smmgo-rtl .smmgo-feature-card {
  text-align: right;
}

/* Mobile polish */
@media (max-width: 767px) {
  .smmgo-page {
    padding-top: 40px;
    padding-bottom: 45px;
  }

  .smmgo-hero-actions {
    justify-content: center;
  }

  .smmgo-hero-content {
    text-align: center;
  }

  .smmgo-hero h1,
  .smmgo-hero p {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
  }

  .smmgo-login-card {
    margin-left: 5px;
    margin-right: 5px;
  }

  .well,
  .panel,
  .card {
    border-radius: 18px !important;
  }

  .table-responsive {
    border: 0;
  }
}

/* ===============================
   Script.js Animation Support
================================ */

.smmgo-navbar-scrolled {
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.55) !important;
  background:
    radial-gradient(circle at 15% 20%, rgba(182, 32, 224, 0.18), transparent 28%),
    linear-gradient(135deg, rgba(7, 2, 12, 0.99), rgba(18, 5, 27, 0.99)) !important;
}

.smmgo-navbar-open {
  background:
    radial-gradient(circle at 15% 20%, rgba(182, 32, 224, 0.25), transparent 28%),
    linear-gradient(135deg, rgba(7, 2, 12, 1), rgba(18, 5, 27, 1)) !important;
}

.smmgo-menu-open {
  overflow-x: hidden;
}

.smmgo-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.45s ease, transform 0.45s ease;
}

.smmgo-reveal-visible {
  opacity: 1;
  transform: translateY(0);
}

.smmgo-form-focused label {
  color: #ef5bff !important;
}

@media (max-width: 767px) {
  .smmgo-navbar-open .navbar-collapse {
    animation: smmgoMobileMenu 0.24s ease;
  }

  @keyframes smmgoMobileMenu {
    from {
      opacity: 0;
      transform: translateY(-8px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

/* ===============================
   Full Landing Page Sections
================================ */

.smmgo-full-landing {
  padding-top: 65px;
}

.smmgo-hero-full {
  min-height: 650px;
}

.smmgo-platform-strip {
  position: relative;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin: 45px 0 25px;
  padding: 18px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.smmgo-platform-item {
  padding: 10px 18px;
  border-radius: 999px;
  color: #f3d8ff;
  font-weight: 800;
  background: rgba(182, 32, 224, 0.14);
  border: 1px solid rgba(239, 91, 255, 0.18);
}

.smmgo-section {
  position: relative;
  z-index: 3;
  padding: 70px 0;
}

.smmgo-section-head {
  max-width: 760px;
  margin: 0 auto 42px;
  text-align: center;
}

.smmgo-section-head span,
.smmgo-split-content span,
.smmgo-cta-content span {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 8px 14px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 13px;
  font-weight: 800;
  background: rgba(182, 32, 224, 0.13);
  border: 1px solid rgba(224, 68, 255, 0.22);
}

.smmgo-section-head h2,
.smmgo-split-content h2,
.smmgo-cta-content h2 {
  margin: 0 0 16px;
  color: #ffffff;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 900;
}

.smmgo-section-head p,
.smmgo-split-content p,
.smmgo-cta-content p {
  color: #b7a8c4;
  font-size: 16px;
  line-height: 1.9;
}

.smmgo-video-cards {
  margin-top: 15px;
}

.smmgo-mini-profile,
.smmgo-step-card,
.smmgo-service-card,
.smmgo-testimonial-card {
  position: relative;
  min-height: 220px;
  margin-bottom: 24px;
  padding: 26px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)),
    rgba(19, 7, 30, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}

.smmgo-mini-profile:before,
.smmgo-service-card:before,
.smmgo-testimonial-card:before {
  content: "";
  position: absolute;
  width: 140px;
  height: 140px;
  right: -60px;
  top: -60px;
  border-radius: 50%;
  background: rgba(182, 32, 224, 0.18);
  filter: blur(5px);
}

.smmgo-avatar {
  width: 64px;
  height: 64px;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  color: #ffffff;
  font-weight: 900;
  font-size: 20px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
}

.smmgo-avatar-1 {
  background: linear-gradient(135deg, #b620e0, #ef5bff);
}

.smmgo-avatar-2 {
  background: linear-gradient(135deg, #6f35ff, #42d6ff);
}

.smmgo-avatar-3 {
  background: linear-gradient(135deg, #ff4d8d, #ffb347);
}

.smmgo-avatar-4 {
  background: linear-gradient(135deg, #22c1c3, #7b2ff7);
}

.smmgo-mini-profile h4,
.smmgo-step-card h4,
.smmgo-service-card h4,
.smmgo-testimonial-card h4 {
  position: relative;
  margin: 0 0 10px;
  color: #ffffff;
  font-weight: 900;
}

.smmgo-mini-profile p,
.smmgo-step-card p,
.smmgo-service-card p,
.smmgo-testimonial-card p {
  position: relative;
  color: #b7a8c4;
  line-height: 1.8;
  margin: 0;
}

.smmgo-tall-card {
  min-height: 360px;
}

.smmgo-feature-visual {
  height: 150px;
  margin-bottom: 22px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
  overflow: hidden;
}

.smmgo-visual-growth:before,
.smmgo-visual-speed:before,
.smmgo-visual-dashboard:before {
  content: "";
  position: absolute;
  inset: 26px;
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(182, 32, 224, 0.85), rgba(239, 91, 255, 0.45)),
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(255, 255, 255, 0.08) 18px 20px);
}

.smmgo-visual-growth:after {
  content: "↗";
  position: absolute;
  right: 34px;
  bottom: 18px;
  color: #ffffff;
  font-size: 58px;
  font-weight: 900;
}

.smmgo-visual-speed:after {
  content: "⚡";
  position: absolute;
  right: 34px;
  bottom: 22px;
  color: #ffffff;
  font-size: 48px;
}

.smmgo-visual-dashboard:after {
  content: "▦";
  position: absolute;
  right: 36px;
  bottom: 18px;
  color: #ffffff;
  font-size: 54px;
}

.smmgo-split-section {
  padding-top: 45px;
}

.smmgo-dashboard-visual {
  position: relative;
  min-height: 390px;
  padding: 22px;
  border-radius: 32px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035)),
    rgba(19, 7, 30, 0.90);
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: 0 35px 90px rgba(0, 0, 0, 0.35);
}

.smmgo-browser-bar {
  display: flex;
  gap: 8px;
  margin-bottom: 22px;
}

.smmgo-browser-bar span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ef5bff;
}

.smmgo-dashboard-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 18px;
}

.smmgo-dashboard-grid div {
  height: 82px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.smmgo-dashboard-chart {
  height: 145px;
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(182, 32, 224, 0.26), rgba(111, 53, 255, 0.22)),
    repeating-linear-gradient(0deg, transparent 0 25px, rgba(255, 255, 255, 0.06) 25px 26px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.smmgo-split-content {
  padding: 35px 0 35px 30px;
}

.smmgo-steps .smmgo-step-card strong {
  display: inline-flex;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  border-radius: 18px;
  color: #ffffff;
  font-size: 18px;
  background: linear-gradient(135deg, #b620e0, #ef5bff);
}

.smmgo-about-box {
  display: flex;
  align-items: center;
}

.smmgo-about-visual {
  position: relative;
  min-height: 360px;
}

.smmgo-phone-card {
  width: 230px;
  height: 330px;
  margin: 0 auto;
  border-radius: 34px;
  background:
    linear-gradient(180deg, rgba(239, 91, 255, 0.28), rgba(255, 255, 255, 0.05)),
    #16071f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 35px 90px rgba(0, 0, 0, 0.35);
}

.smmgo-phone-card:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 14px;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
}

.smmgo-floating-card {
  position: absolute;
  padding: 13px 18px;
  border-radius: 18px;
  color: #ffffff;
  font-weight: 900;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.30);
}

.smmgo-floating-card-1 {
  top: 75px;
  right: 25px;
}

.smmgo-floating-card-2 {
  bottom: 65px;
  left: 20px;
}

.smmgo-service-card {
  min-height: 300px;
}

.smmgo-service-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff);
  box-shadow: 0 18px 40px rgba(182, 32, 224, 0.30);
}

.smmgo-service-card a {
  position: absolute;
  bottom: 24px;
  color: #ef5bff;
  font-weight: 900;
}

.smmgo-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 50px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 80% 30%, rgba(239, 91, 255, 0.25), transparent 35%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035));
  border: 1px solid rgba(255, 255, 255, 0.10);
}

.smmgo-cta-content {
  max-width: 640px;
}

.smmgo-cta-visual {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(239, 91, 255, 0.85), rgba(182, 32, 224, 0.15) 60%, transparent 61%),
    conic-gradient(from 90deg, #b620e0, #ef5bff, #6f35ff, #b620e0);
  filter: drop-shadow(0 30px 65px rgba(182, 32, 224, 0.35));
}

.smmgo-testimonial-user {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.smmgo-testimonial-user .smmgo-avatar {
  margin-bottom: 0;
  width: 56px;
  height: 56px;
  border-radius: 20px;
}

.smmgo-testimonial-user span {
  color: #b7a8c4;
  font-size: 13px;
}

.smmgo-faq {
  max-width: 850px;
  margin: 0 auto;
}

.smmgo-faq-item {
  margin-bottom: 14px !important;
  border-radius: 22px !important;
  overflow: hidden;
}

.smmgo-faq-item .panel-heading {
  padding: 0;
}

.smmgo-faq-item .panel-title a {
  display: block;
  padding: 20px 24px;
  color: #ffffff;
  font-weight: 900;
}

.smmgo-faq-item .panel-body {
  color: #b7a8c4;
  line-height: 1.8;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

@media (max-width: 991px) {

  .smmgo-section-head h2,
  .smmgo-split-content h2,
  .smmgo-cta-content h2 {
    font-size: 34px;
  }

  .smmgo-about-box {
    display: block;
  }

  .smmgo-split-content {
    padding: 30px 0 0;
  }

  .smmgo-cta {
    display: block;
    text-align: center;
  }

  .smmgo-cta-visual {
    margin: 35px auto 0;
  }
}

@media (max-width: 767px) {
  .smmgo-section {
    padding: 45px 0;
  }

  .smmgo-section-head h2,
  .smmgo-split-content h2,
  .smmgo-cta-content h2 {
    font-size: 28px;
  }

  .smmgo-platform-strip {
    margin-top: 25px;
  }

  .smmgo-cta {
    padding: 30px 22px;
    border-radius: 26px;
  }

  .smmgo-dashboard-visual {
    min-height: 310px;
  }

  .smmgo-dashboard-grid div {
    height: 60px;
  }

  .smmgo-dashboard-chart {
    height: 105px;
  }

  .smmgo-phone-card {
    width: 190px;
    height: 290px;
  }
}

/* ===============================
   Why Us Real Images
================================ */

.smmgo-feature-img-box {
  height: 190px;
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 26px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.smmgo-feature-img-box img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.smmgo-feature-img-box img[src*="why_img_03"] {
  object-fit: contain;
  padding: 16px;
}

#why-us .smmgo-tall-card {
  min-height: 420px;
}

#why-us .smmgo-feature-card {
  padding: 22px;
  overflow: hidden;
}

#why-us .smmgo-feature-card h4 {
  margin-top: 6px;
  margin-bottom: 12px;
}

#why-us .smmgo-feature-card p {
  color: #b7a8c4;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .smmgo-feature-img-box {
    height: 170px;
  }

  #why-us .smmgo-tall-card {
    min-height: auto;
  }
}

/* ===============================
   Hero Top Image
================================ */

.smmgo-hero-left-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 26px;
}

.smmgo-hero-left-box .smmgo-hero-content {
  flex: 1;
  min-width: 0;
}

.smmgo-hero-img-box {
  position: relative;
  flex: 0 0 245px;
  z-index: 4;
}

.smmgo-hero-img-box:before {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(239, 91, 255, 0.35), rgba(182, 32, 224, 0.08) 62%, transparent 68%);
  filter: blur(10px);
  z-index: -1;
}

.smmgo-hero-img-box img {
  width: 100%;
  max-width: 245px;
  display: block;
  filter: drop-shadow(0 30px 65px rgba(0, 0, 0, 0.48));
  animation: smmgoHeroFloat 4s ease-in-out infinite;
}

@keyframes smmgoHeroFloat {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

@media (max-width: 1199px) {
  .smmgo-hero-left-box {
    display: block;
  }

  .smmgo-hero-img-box {
    margin-top: 28px;
    max-width: 330px;
  }

  .smmgo-hero-img-box img {
    max-width: 330px;
  }
}

@media (max-width: 767px) {
  .smmgo-hero-left-box {
    text-align: center;
  }

  .smmgo-hero-img-box {
    margin: 28px auto 0;
    text-align: center;
  }

  .smmgo-hero-img-box img {
    max-width: 285px;
    margin: 0 auto;
  }
}

/* ===============================
   What We Do Faster Image
================================ */

.smmgo-faster-img-box {
  position: relative;
  min-height: 390px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 26px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 70% 25%, rgba(239, 91, 255, 0.22), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035)),
    rgba(19, 7, 30, 0.90);
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: 0 35px 90px rgba(0, 0, 0, 0.35);
  overflow: hidden;
}

.smmgo-faster-img-box:before {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(182, 32, 224, 0.22);
  filter: blur(45px);
  right: -80px;
  top: -80px;
  pointer-events: none;
}

.smmgo-faster-img-box:after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(111, 53, 255, 0.18);
  filter: blur(40px);
  left: -60px;
  bottom: -60px;
  pointer-events: none;
}

.smmgo-faster-img-box img {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 430px;
  display: block;
  filter: drop-shadow(0 30px 65px rgba(0, 0, 0, 0.45));
  animation: smmgoFasterFloat 4s ease-in-out infinite;
}

@keyframes smmgoFasterFloat {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

/* ترتيب قسم What we do */
.smmgo-split-section .row {
  display: flex;
  align-items: center;
}

/* يخفي الشكل القديم لو بقي موجود */
.smmgo-split-section .smmgo-dashboard-visual {
  display: none;
}

.smmgo-split-section .smmgo-split-content {
  position: relative;
  z-index: 2;
}

@media (max-width: 991px) {
  .smmgo-split-section .row {
    display: block;
  }

  .smmgo-faster-img-box {
    min-height: 330px;
    margin-bottom: 28px;
  }

  .smmgo-faster-img-box img {
    max-width: 360px;
  }

  .smmgo-split-section .smmgo-split-content {
    text-align: center;
    padding: 25px 0 0;
  }
}

@media (max-width: 767px) {
  .smmgo-faster-img-box {
    min-height: 280px;
    padding: 20px;
    border-radius: 26px;
  }

  .smmgo-faster-img-box img {
    max-width: 300px;
  }

  .smmgo-split-section .smmgo-split-content h2,
  .smmgo-split-section .smmgo-split-content p {
    text-align: center !important;
  }
}

@media (max-width: 420px) {
  .smmgo-faster-img-box {
    min-height: 240px;
  }

  .smmgo-faster-img-box img {
    max-width: 250px;
  }
}

/* ===============================
   Strong Mobile Services Fix
   يحل مشكلة الخدمات في الجوال
================================ */

@media (max-width: 767px) {

  *,
  *:before,
  *:after {
    box-sizing: border-box !important;
  }

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .smmgo-body,
  .smmgo-main-content,
  .smmgo-page,
  .container,
  .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .container,
  .container-fluid {
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .row {
    margin-left: -8px !important;
    margin-right: -8px !important;
  }

  [class*="col-"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .well,
  .panel,
  .card,
  .modal-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .table-responsive,
  .services-table,
  .service-table,
  .smmgo-services-table,
  #services-table,
  #service-table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }

  .table-responsive:before,
  .services-table:before,
  .service-table:before,
  .smmgo-services-table:before {
    display: none !important;
    content: none !important;
  }

  table.table,
  .table-responsive > table,
  .table-responsive > .table,
  .services-table table,
  .service-table table,
  .smmgo-services-table table,
  #services-table,
  #service-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  table.table thead,
  #services-table thead,
  #service-table thead,
  .services-table table thead,
  .service-table table thead,
  .smmgo-services-table table thead {
    display: none !important;
  }

  table.table tbody,
  table.table tr,
  table.table td,
  #services-table tbody,
  #services-table tr,
  #services-table td,
  #service-table tbody,
  #service-table tr,
  #service-table td,
  .services-table table tbody,
  .services-table table tr,
  .services-table table td,
  .service-table table tbody,
  .service-table table tr,
  .service-table table td,
  .smmgo-services-table table tbody,
  .smmgo-services-table table tr,
  .smmgo-services-table table td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  table.table tbody tr,
  #services-table tbody tr,
  #service-table tbody tr,
  .services-table table tbody tr,
  .service-table table tbody tr,
  .smmgo-services-table table tbody tr {
    margin: 0 0 14px !important;
    padding: 14px !important;
    border-radius: 20px !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.035)),
      rgba(19, 7, 30, 0.92) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,0.22) !important;
    overflow: hidden !important;
  }

  table.table tbody td,
  #services-table tbody td,
  #service-table tbody td,
  .services-table table tbody td,
  .service-table table tbody td,
  .smmgo-services-table table tbody td {
    position: relative !important;
    padding: 9px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
    color: #e8dcf0 !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    text-align: right !important;
  }

  table.table tbody td:last-child,
  #services-table tbody td:last-child,
  #service-table tbody td:last-child,
  .services-table table tbody td:last-child,
  .service-table table tbody td:last-child,
  .smmgo-services-table table tbody td:last-child {
    border-bottom: 0 !important;
  }

  table.table tbody td:before,
  #services-table tbody td:before,
  #service-table tbody td:before,
  .services-table table tbody td:before,
  .service-table table tbody td:before,
  .smmgo-services-table table tbody td:before {
    display: block !important;
    margin-bottom: 4px !important;
    color: #ef5bff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;
  }

  table.table tbody td:nth-child(1):before,
  #services-table tbody td:nth-child(1):before,
  #service-table tbody td:nth-child(1):before,
  .services-table table tbody td:nth-child(1):before,
  .service-table table tbody td:nth-child(1):before,
  .smmgo-services-table table tbody td:nth-child(1):before {
    content: "ID";
  }

  table.table tbody td:nth-child(2):before,
  #services-table tbody td:nth-child(2):before,
  #service-table tbody td:nth-child(2):before,
  .services-table table tbody td:nth-child(2):before,
  .service-table table tbody td:nth-child(2):before,
  .smmgo-services-table table tbody td:nth-child(2):before {
    content: "الخدمة";
  }

  table.table tbody td:nth-child(3):before,
  #services-table tbody td:nth-child(3):before,
  #service-table tbody td:nth-child(3):before,
  .services-table table tbody td:nth-child(3):before,
  .service-table table tbody td:nth-child(3):before,
  .smmgo-services-table table tbody td:nth-child(3):before {
    content: "السعر";
  }

  table.table tbody td:nth-child(4):before,
  #services-table tbody td:nth-child(4):before,
  #service-table tbody td:nth-child(4):before,
  .services-table table tbody td:nth-child(4):before,
  .service-table table tbody td:nth-child(4):before,
  .smmgo-services-table table tbody td:nth-child(4):before {
    content: "الحد الأدنى";
  }

  table.table tbody td:nth-child(5):before,
  #services-table tbody td:nth-child(5):before,
  #service-table tbody td:nth-child(5):before,
  .services-table table tbody td:nth-child(5):before,
  .service-table table tbody td:nth-child(5):before,
  .smmgo-services-table table tbody td:nth-child(5):before {
    content: "الحد الأعلى";
  }

  table.table tbody td:nth-child(6):before,
  #services-table tbody td:nth-child(6):before,
  #service-table tbody td:nth-child(6):before,
  .services-table table tbody td:nth-child(6):before,
  .service-table table tbody td:nth-child(6):before,
  .smmgo-services-table table tbody td:nth-child(6):before {
    content: "الوصف";
  }

  table.table tbody td:nth-child(2),
  #services-table tbody td:nth-child(2),
  #service-table tbody td:nth-child(2),
  .services-table table tbody td:nth-child(2),
  .service-table table tbody td:nth-child(2),
  .smmgo-services-table table tbody td:nth-child(2) {
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
  }

  table.table tbody td[colspan],
  #services-table tbody td[colspan],
  #service-table tbody td[colspan],
  .services-table table tbody td[colspan],
  .service-table table tbody td[colspan],
  .smmgo-services-table table tbody td[colspan] {
    padding: 13px 14px !important;
    margin: 8px 0 12px !important;
    border-radius: 16px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-align: center !important;
    background: linear-gradient(135deg, rgba(182,32,224,0.35), rgba(239,91,255,0.18)) !important;
    border: 1px solid rgba(239,91,255,0.22) !important;
  }

  table.table tbody td[colspan]:before,
  #services-table tbody td[colspan]:before,
  #service-table tbody td[colspan]:before,
  .services-table table tbody td[colspan]:before,
  .service-table table tbody td[colspan]:before,
  .smmgo-services-table table tbody td[colspan]:before {
    display: none !important;
    content: none !important;
  }

  .form-control,
  select.form-control,
  input.form-control,
  .services-filter,
  .services-search,
  #service-search {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 14px !important;
  }

  h1,
  .page-title {
    font-size: 26px !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }

  h2 {
    font-size: 23px !important;
    line-height: 1.35 !important;
  }
}
/* ===============================
   Official Social Logos
================================ */

.smmgo-service-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
  border: 1px solid rgba(255, 255, 255, 0.10);
  overflow: hidden;
}

.smmgo-service-icon img {
  width: 32px;
  height: 32px;
  max-width: 32px;
  max-height: 32px;
  object-fit: contain;
  display: block;
}

.smmgo-facebook-logo {
  background: linear-gradient(135deg, #1877f2, #0d5fd3);
}

.smmgo-instagram-logo {
  background: linear-gradient(135deg, #fd5949, #d6249f 55%, #285AEB);
}

.smmgo-youtube-logo {
  background: linear-gradient(135deg, #ff0000, #cc0000);
}

.smmgo-tiktok-logo {
  background: linear-gradient(135deg, #111111, #25f4ee 55%, #fe2c55);
}

.smmgo-telegram-logo {
  background: linear-gradient(135deg, #27a7e7, #1d8fd6);
}

.smmgo-linkedin-logo {
  background: linear-gradient(135deg, #0a66c2, #004182);
}

.smmgo-youtube-logo img {
  width: 36px;
  max-width: 36px;
}

.smmgo-linkedin-logo img,
.smmgo-tiktok-logo img {
  width: 30px;
  max-width: 30px;
}

@media (max-width: 767px) {
  .smmgo-service-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
  }

  .smmgo-service-icon img {
    width: 28px;
    height: 28px;
    max-width: 28px;
    max-height: 28px;
  }

  .smmgo-youtube-logo img {
    width: 32px;
    max-width: 32px;
  }
}
.smmgo-social-svg {
  width: 30px;
  height: 30px;
  color: #ffffff;
  display: block;
}

.smmgo-linkedin-logo {
  background: linear-gradient(135deg, #0a66c2, #004182) !important;
}
/* ===============================
   Moving Platform Strip With Logos
   Continuous Loop
================================ */

.smmgo-platform-marquee {
  position: relative;
  z-index: 3;
  width: 100%;
  margin: 45px 0 25px;
  padding: 18px 0;
  overflow: hidden;
  border-radius: 24px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
}

.smmgo-platform-marquee:before,
.smmgo-platform-marquee:after {
  content: "";
  position: absolute;
  top: 0;
  width: 90px;
  height: 100%;
  z-index: 4;
  pointer-events: none;
}

.smmgo-platform-marquee:before {
  left: 0;
  background: linear-gradient(90deg, #09030f, transparent);
}

.smmgo-platform-marquee:after {
  right: 0;
  background: linear-gradient(-90deg, #09030f, transparent);
}

.smmgo-platform-track {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 14px;
  animation: smmgoPlatformLoop 22s linear infinite;
  will-change: transform;
}

.smmgo-platform-group {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
  padding: 0 7px;
}

.smmgo-platform-chip {
  min-width: max-content;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 11px 18px;
  border-radius: 999px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.2px;
  background: rgba(182,32,224,0.14);
  border: 1px solid rgba(239,91,255,0.18);
  box-shadow: 0 14px 34px rgba(0,0,0,0.18);
}

.smmgo-platform-chip svg {
  width: 18px;
  height: 18px;
  display: block;
  color: #ffffff;
  flex: 0 0 18px;
}

.smmgo-instagram-chip {
  background: linear-gradient(135deg, rgba(253,89,73,0.45), rgba(214,36,159,0.36), rgba(40,90,235,0.35));
}

.smmgo-tiktok-chip {
  background: linear-gradient(135deg, rgba(17,17,17,0.85), rgba(37,244,238,0.28), rgba(254,44,85,0.30));
}

.smmgo-youtube-chip {
  background: linear-gradient(135deg, rgba(255,0,0,0.48), rgba(204,0,0,0.35));
}

.smmgo-facebook-chip {
  background: linear-gradient(135deg, rgba(24,119,242,0.50), rgba(13,95,211,0.34));
}

.smmgo-telegram-chip {
  background: linear-gradient(135deg, rgba(39,167,231,0.48), rgba(29,143,214,0.34));
}

.smmgo-snapchat-chip {
  color: #111111;
  background: linear-gradient(135deg, #fffc00, #f7df1e);
}

.smmgo-snapchat-chip svg {
  color: #111111;
}

@keyframes smmgoPlatformLoop {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

@media (max-width: 767px) {
  .smmgo-platform-marquee {
    margin: 28px 0 18px;
    padding: 14px 0;
    border-radius: 20px;
  }

  .smmgo-platform-track {
    animation-duration: 16s;
  }

  .smmgo-platform-chip {
    padding: 9px 14px;
    font-size: 13px;
  }

  .smmgo-platform-chip svg {
    width: 16px;
    height: 16px;
  }

  .smmgo-platform-marquee:before,
  .smmgo-platform-marquee:after {
    width: 45px;
  }
}
/* ===============================
   About Welcome Mobile Image
================================ */

.smmgo-welcome-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 390px;
  position: relative;
}

.smmgo-welcome-img-box {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 330px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.smmgo-welcome-img-box:before {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(239, 91, 255, 0.22);
  filter: blur(45px);
  z-index: -1;
}

.smmgo-welcome-img-box img {
  width: 100%;
  max-width: 310px;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 35px 70px rgba(0, 0, 0, 0.48));
  animation: smmgoWelcomeFloat 4s ease-in-out infinite;
}

@keyframes smmgoWelcomeFloat {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

/* ضبط الكروت فوق الصورة */
.smmgo-welcome-visual .smmgo-floating-card {
  z-index: 4;
}

.smmgo-welcome-visual .smmgo-floating-card-1 {
  top: 75px;
  right: 5px;
}

.smmgo-welcome-visual .smmgo-floating-card-2 {
  bottom: 65px;
  left: 5px;
}

@media (max-width: 991px) {
  .smmgo-welcome-visual {
    min-height: 350px;
    margin-bottom: 25px;
  }

  .smmgo-welcome-img-box {
    max-width: 300px;
  }

  .smmgo-welcome-img-box img {
    max-width: 285px;
  }
}

@media (max-width: 767px) {
  .smmgo-welcome-visual {
    min-height: 320px;
  }

  .smmgo-welcome-img-box {
    max-width: 260px;
  }

  .smmgo-welcome-img-box img {
    max-width: 250px;
  }

  .smmgo-welcome-visual .smmgo-floating-card {
    font-size: 12px;
    padding: 10px 14px;
    border-radius: 14px;
  }

  .smmgo-welcome-visual .smmgo-floating-card-1 {
    top: 58px;
    right: 0;
  }

  .smmgo-welcome-visual .smmgo-floating-card-2 {
    bottom: 55px;
    left: 0;
  }
}
/* ===============================
   New Final CTA Section
================================ */

.smmgo-final-cta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  padding: 48px;
  border-radius: 36px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239, 91, 255, 0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111, 53, 255, 0.22), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.035)),
    rgba(19, 7, 30, 0.92);
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 35px 90px rgba(0,0,0,0.35);
}

.smmgo-final-cta:before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 35px;
  border: 1px solid rgba(239,91,255,0.18);
  pointer-events: none;
}

.smmgo-final-cta-content {
  position: relative;
  z-index: 2;
  max-width: 650px;
}

.smmgo-final-cta-content span {
  display: inline-flex;
  margin-bottom: 14px;
  padding: 8px 15px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 13px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-final-cta-content h2 {
  margin: 0 0 16px;
  color: #ffffff;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 900;
}

.smmgo-final-cta-content p {
  max-width: 560px;
  color: #c8b8d6;
  font-size: 16px;
  line-height: 1.9;
  margin-bottom: 26px;
}

.smmgo-final-cta-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.smmgo-final-cta-visual {
  position: relative;
  z-index: 2;
  width: 260px;
  height: 260px;
  flex: 0 0 260px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.smmgo-final-main-circle {
  width: 170px;
  height: 170px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #ffffff;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,0.30), transparent 30%),
    linear-gradient(135deg, #b620e0, #ef5bff);
  box-shadow: 0 28px 70px rgba(182,32,224,0.42);
}

.smmgo-final-main-circle strong {
  font-size: 34px;
  line-height: 1;
  font-weight: 900;
}

.smmgo-final-main-circle small {
  margin-top: 8px;
  color: rgba(255,255,255,0.86);
  font-size: 13px;
  font-weight: 800;
}

.smmgo-final-orbit {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px dashed rgba(255,255,255,0.18);
  animation: smmgoFinalOrbit 8s linear infinite;
}

.smmgo-final-orbit span {
  position: absolute;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 16px 35px rgba(0,0,0,0.24);
}

.smmgo-final-orbit span:nth-child(1) {
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
}

.smmgo-final-orbit span:nth-child(2) {
  right: -8px;
  top: 58%;
}

.smmgo-final-orbit span:nth-child(3) {
  left: -8px;
  top: 58%;
}

@keyframes smmgoFinalOrbit {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 991px) {
  .smmgo-final-cta {
    display: block;
    text-align: center;
    padding: 38px 28px;
  }

  .smmgo-final-cta-content {
    margin: 0 auto;
  }

  .smmgo-final-cta-content p {
    margin-left: auto;
    margin-right: auto;
  }

  .smmgo-final-cta-actions {
    justify-content: center;
  }

  .smmgo-final-cta-visual {
    margin: 35px auto 0;
  }
}

@media (max-width: 767px) {
  .smmgo-final-cta {
    padding: 30px 20px;
    border-radius: 28px;
  }

  .smmgo-final-cta-content h2 {
    font-size: 29px;
  }

  .smmgo-final-cta-content p {
    font-size: 14px;
  }

  .smmgo-final-cta-visual {
    width: 220px;
    height: 220px;
    flex-basis: 220px;
  }

  .smmgo-final-main-circle {
    width: 145px;
    height: 145px;
  }

  .smmgo-final-main-circle strong {
    font-size: 28px;
  }

  .smmgo-final-orbit span {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    font-size: 12px;
  }
}
/* ===============================
   Auth Dashboard Shell Like Panel
================================ */

.smmgo-dashboard-layout {
  background: #07020c !important;
  overflow-x: hidden;
}

.smmgo-app-shell {
  min-height: 100vh;
  display: flex;
  color: #ffffff;
  background:
    radial-gradient(circle at 15% 10%, rgba(182,32,224,0.14), transparent 32%),
    radial-gradient(circle at 95% 0%, rgba(111,53,255,0.12), transparent 30%),
    linear-gradient(135deg, #07020c 0%, #12051b 48%, #09030f 100%);
}

/* Sidebar */
.smmgo-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1000;
  width: 285px;
  padding: 22px 16px;
  background: rgba(14, 3, 20, 0.96);
  border-right: 1px solid rgba(239,91,255,0.18);
  box-shadow: 18px 0 45px rgba(0,0,0,0.35);
  overflow-y: auto;
}

.smmgo-sidebar-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  margin-bottom: 28px;
  color: #ffffff !important;
  text-decoration: none !important;
}

.smmgo-sidebar-logo img {
  max-width: 190px;
  max-height: 52px;
  display: block;
}

.smmgo-sidebar-logo strong {
  font-size: 22px;
  font-weight: 900;
}

.smmgo-sidebar-user {
  margin-bottom: 26px;
  padding: 18px 14px;
  text-align: center;
  border-radius: 24px;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(255,255,255,0.08);
}

.smmgo-user-avatar {
  width: 58px;
  height: 58px;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff);
  box-shadow: 0 14px 34px rgba(182,32,224,0.35);
}

.smmgo-sidebar-user strong {
  display: block;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}

.smmgo-sidebar-user span {
  display: inline-flex;
  margin-top: 9px;
  padding: 7px 14px;
  border-radius: 999px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  background: rgba(182,32,224,0.28);
  border: 1px solid rgba(239,91,255,0.28);
}

.smmgo-sidebar-title {
  margin: 0 10px 12px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  opacity: 0.9;
}

.smmgo-sidebar-menu {
  display: grid;
  gap: 9px;
}

.smmgo-sidebar-menu a,
.smmgo-sidebar-bottom a {
  min-height: 54px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 18px;
  color: #cdbddd !important;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;
  background: rgba(0,0,0,0.28);
  border: 1px solid rgba(255,255,255,0.04);
  transition: 0.2s ease;
}

.smmgo-sidebar-menu a:hover,
.smmgo-sidebar-bottom a:hover,
.smmgo-sidebar-menu a.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(182,32,224,0.95), rgba(239,91,255,0.65));
  box-shadow: 0 16px 36px rgba(182,32,224,0.28);
}

.smmgo-menu-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #ffffff;
  background: linear-gradient(135deg, #b620e0, #ef5bff);
  box-shadow: 0 10px 25px rgba(182,32,224,0.28);
}

.smmgo-sidebar-bottom {
  margin-top: 16px;
}

/* Main Content */
.smmgo-app-content {
  width: 100%;
  min-height: 100vh;
  padding-left: 285px;
}

.smmgo-dashboard-topbar {
  position: sticky;
  top: 0;
  z-index: 900;
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 26px;
  background: rgba(14, 3, 20, 0.88);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(239,91,255,0.16);
}

.smmgo-breadcrumb {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.smmgo-breadcrumb span {
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
}

.smmgo-breadcrumb small {
  color: #b7a8c4 !important;
  font-size: 12px;
  font-weight: 700;
}

.smmgo-topbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.smmgo-top-balance,
.smmgo-top-icon,
.smmgo-logout-btn {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  color: #ffffff !important;
  font-weight: 900;
  text-decoration: none !important;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(239,91,255,0.25);
  box-shadow: 0 12px 28px rgba(0,0,0,0.22);
}

.smmgo-top-balance {
  padding: 0 15px;
  color: #f5d8ff !important;
}

.smmgo-top-balance > a {
  color: #f5d8ff !important;
  text-decoration: none !important;
}

.smmgo-top-icon {
  width: 44px;
  padding: 0;
  font-size: 18px;
}

.smmgo-logout-btn {
  padding: 0 18px;
  background: linear-gradient(135deg, #b620e0, #ef5bff);
  border-color: transparent;
}

.smmgo-dashboard-main {
  min-height: calc(100vh - 78px);
  padding: 28px 26px 55px;
  background: transparent !important;
}

/* Mobile Sidebar Button */
.smmgo-mobile-sidebar-btn {
  display: none;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 14px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff);
}

/* Simple Footer For Guest */
.smmgo-simple-footer {
  padding: 22px 0;
  text-align: center;
  background: #07020c;
  border-top: 1px solid rgba(255,255,255,0.06);
}

.smmgo-simple-footer p {
  margin: 0;
  color: #8f7c9f;
  font-size: 13px;
  font-weight: 700;
}

/* Hide old footer for logged users */
.smmgo-auth-user .smmgo-footer {
  display: none !important;
}

/* Dashboard cards base */
.smmgo-dashboard-main .well,
.smmgo-dashboard-main .panel,
.smmgo-dashboard-main .card,
.smmgo-dashboard-main .modal-content {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 26px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,0.26);
}

/* Mobile */
@media (max-width: 991px) {
  .smmgo-sidebar {
    transform: translateX(-110%);
    transition: 0.25s ease;
  }

  .smmgo-sidebar.smmgo-sidebar-open {
    transform: translateX(0);
  }

  .smmgo-app-content {
    padding-left: 0;
  }

  .smmgo-mobile-sidebar-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .smmgo-dashboard-topbar {
    padding: 14px 16px;
  }

  .smmgo-top-balance {
    display: none;
  }

  .smmgo-dashboard-main {
    padding: 22px 14px 45px;
  }
}

@media (max-width: 767px) {
  .smmgo-sidebar {
    width: 270px;
  }

  .smmgo-breadcrumb small {
    display: none;
  }

  .smmgo-top-icon {
    display: none !important;
  }

  .smmgo-logout-btn {
    min-height: 40px;
    padding: 0 13px;
    font-size: 12px;
  }
}
/* ===============================
   New Order Dashboard Page
   ترتيب نظيف تحت بعض
================================ */

.smmgo-order-dashboard {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.smmgo-order-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* Header Card */
.smmgo-order-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-order-hero span,
.smmgo-order-panel-head span,
.smmgo-side-card span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-order-hero h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 900;
}

.smmgo-order-hero p {
  max-width: 620px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-order-hero-balance {
  min-width: 190px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-order-hero-balance small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-order-hero-balance strong {
  display: block;
  color: #ffffff;
  font-size: 23px;
  font-weight: 900;
}

/* Stats تحت بعض */
.smmgo-order-stats-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.smmgo-order-stat-card {
  position: relative;
  min-height: 105px;
  padding: 20px 22px;
  border-radius: 24px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.90);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 20px 55px rgba(0,0,0,0.22);
}

.smmgo-order-stat-card:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  top: -60px;
  right: -50px;
  border-radius: 50%;
  background: rgba(182,32,224,0.22);
  filter: blur(7px);
}

.smmgo-order-stat-card span {
  position: relative;
  display: block;
  margin-bottom: 8px;
  color: #cdbddd;
  font-size: 13px;
  font-weight: 800;
}

.smmgo-order-stat-card strong {
  position: relative;
  display: block;
  color: #ffffff;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 900;
}

.smmgo-order-stat-card small {
  position: relative;
  display: block;
  margin-top: 7px;
  color: #8f7c9f !important;
  font-size: 12px;
  font-weight: 700;
}

/* Form Card */
.smmgo-order-panel,
.smmgo-side-card,
.smmgo-order-info-box {
  position: relative;
  padding: 28px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-order-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.smmgo-order-panel-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
}

.smmgo-order-panel-head a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 999px;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 900;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  text-decoration: none !important;
}

.smmgo-order-panel .form-group {
  margin-bottom: 20px;
}

.smmgo-order-panel label {
  margin-bottom: 8px;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 900;
}

.smmgo-order-panel .form-control {
  min-height: 52px;
  border-radius: 17px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

.smmgo-order-panel .form-control:focus {
  border-color: rgba(239,91,255,0.75) !important;
  box-shadow: 0 0 0 4px rgba(182,32,224,0.13) !important;
}

.smmgo-service-description-box {
  padding: 18px;
  border-radius: 20px;
  color: #cdbddd;
  line-height: 1.8;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(255,255,255,0.08);
}

.smmgo-charge-input {
  color: #f5d8ff !important;
  font-weight: 900;
}

.smmgo-terms {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #cdbddd !important;
  font-size: 13px;
  line-height: 1.7;
}

.smmgo-terms a {
  color: #ef5bff !important;
  font-weight: 900;
}

.smmgo-order-submit {
  width: 100%;
  min-height: 54px;
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 18px 42px rgba(182,32,224,0.34);
}

.smmgo-order-submit:hover,
.smmgo-order-submit:focus {
  color: #ffffff !important;
  opacity: 0.94;
}

/* Help Cards تحت بعض */
.smmgo-order-help-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.smmgo-side-card h4 {
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 900;
}

.smmgo-side-card p {
  margin: 0;
  color: #b7a8c4;
  font-size: 14px;
  line-height: 1.9;
}

.smmgo-side-card-purple {
  background:
    radial-gradient(circle at 80% 20%, rgba(239,91,255,0.34), transparent 38%),
    linear-gradient(135deg, rgba(182,32,224,0.24), rgba(19,7,30,0.92)),
    rgba(19,7,30,0.92);
}

.smmgo-quick-links {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.smmgo-quick-links a {
  min-height: 46px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  border-radius: 15px;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 900;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.08);
  text-decoration: none !important;
}

.smmgo-quick-links a:hover {
  background: rgba(182,32,224,0.24);
}

.smmgo-order-steps {
  padding: 0;
  margin: 0;
  list-style: none;
}

.smmgo-order-steps li {
  position: relative;
  margin-bottom: 12px;
  padding-right: 22px;
  color: #cdbddd;
  font-size: 14px;
  line-height: 1.7;
}

.smmgo-order-steps li:before {
  content: "";
  position: absolute;
  right: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ef5bff;
  box-shadow: 0 0 0 4px rgba(239,91,255,0.12);
}

.smmgo-order-info-box {
  margin-top: 24px;
  color: #cdbddd;
  line-height: 1.9;
}

/* Select plugin */
.smmgo-order-panel .btn-group,
.smmgo-order-panel .bootstrap-select {
  width: 100% !important;
}

.smmgo-order-panel .btn-default {
  min-height: 52px;
  border-radius: 17px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-order-hero {
    display: block;
    text-align: center;
  }

  .smmgo-order-hero-balance {
    max-width: 260px;
    margin: 24px auto 0;
  }

  .smmgo-order-panel-head {
    display: block;
    text-align: center;
  }

  .smmgo-order-panel-head a {
    margin-top: 14px;
  }
}

@media (max-width: 767px) {
  .smmgo-order-dashboard {
    max-width: 100%;
  }

  .smmgo-order-hero,
  .smmgo-order-panel,
  .smmgo-side-card,
  .smmgo-order-info-box {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-order-hero h1 {
    font-size: 27px;
  }

  .smmgo-order-hero p {
    font-size: 14px;
  }
}
/* ===============================
   Add Funds Page
   صفحة شحن الرصيد
================================ */

.smmgo-addfunds-dashboard {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.smmgo-addfunds-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* Hero */
.smmgo-addfunds-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-addfunds-hero span,
.smmgo-addfunds-panel-head span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-addfunds-hero h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 900;
}

.smmgo-addfunds-hero p {
  max-width: 620px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-addfunds-balance-box {
  min-width: 190px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-addfunds-balance-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-addfunds-balance-box strong {
  display: block;
  color: #ffffff;
  font-size: 23px;
  font-weight: 900;
}

/* Cards */
.smmgo-addfunds-panel,
.smmgo-addfunds-info-box,
.smmgo-addfunds-history-panel {
  position: relative;
  padding: 28px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-addfunds-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.smmgo-addfunds-panel-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
}

/* Form */
.smmgo-addfunds-panel .form-group {
  margin-bottom: 20px;
}

.smmgo-addfunds-panel label {
  margin-bottom: 8px;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 900;
}

.smmgo-addfunds-panel .form-control {
  min-height: 52px;
  border-radius: 17px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

.smmgo-addfunds-panel .form-control:focus {
  border-color: rgba(239,91,255,0.75) !important;
  box-shadow: 0 0 0 4px rgba(182,32,224,0.13) !important;
}

.smmgo-addfunds-submit {
  width: 100%;
  min-height: 54px;
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 18px 42px rgba(182,32,224,0.34);
}

.smmgo-addfunds-submit:hover,
.smmgo-addfunds-submit:focus {
  color: #ffffff !important;
  opacity: 0.94;
}

/* Info Box */
.smmgo-addfunds-info-box {
  color: #cdbddd;
  line-height: 1.9;
}

/* Table */
.smmgo-addfunds-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.smmgo-addfunds-table {
  margin: 0;
  color: #ffffff;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.smmgo-addfunds-table thead th {
  color: #b7a8c4;
  font-size: 12px;
  font-weight: 900;
  border: 0 !important;
  padding: 0 14px 8px;
  white-space: nowrap;
}

.smmgo-addfunds-table tbody tr {
  background: rgba(255,255,255,0.045);
}

.smmgo-addfunds-table tbody td {
  padding: 16px 14px !important;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 700;
  vertical-align: middle !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  white-space: nowrap;
}

.smmgo-addfunds-table tbody td:first-child {
  border-right: 1px solid rgba(255,255,255,0.07);
  border-radius: 0 16px 16px 0;
}

.smmgo-addfunds-table tbody td:last-child {
  border-left: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px 0 0 16px;
}

.smmgo-payment-id {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 999px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.22);
  border: 1px solid rgba(239,91,255,0.25);
}

.smmgo-invoice-link {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  border-radius: 999px;
  color: #ffffff !important;
  font-size: 12px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff);
  text-decoration: none !important;
}

.smmgo-no-invoice {
  color: #8f7c9f;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-empty-payments {
  padding: 26px;
  text-align: center;
  color: #b7a8c4;
  font-size: 14px;
  font-weight: 800;
}

/* Pagination */
.smmgo-addfunds-pagination-wrap {
  display: flex;
  justify-content: center;
}

.smmgo-addfunds-pagination {
  margin: 0;
}

.smmgo-addfunds-pagination > li > a,
.smmgo-addfunds-pagination > li > span {
  margin: 0 4px;
  border: 0 !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.06) !important;
}

.smmgo-addfunds-pagination > .active > a,
.smmgo-addfunds-pagination > .active > span {
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
}

/* Alerts */
.smmgo-addfunds-panel .alert {
  border: 0;
  border-radius: 18px;
  color: #ffffff;
  font-weight: 800;
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-addfunds-hero {
    display: block;
    text-align: center;
  }

  .smmgo-addfunds-balance-box {
    max-width: 260px;
    margin: 24px auto 0;
  }

  .smmgo-addfunds-panel-head {
    display: block;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .smmgo-addfunds-dashboard {
    max-width: 100%;
  }

  .smmgo-addfunds-hero,
  .smmgo-addfunds-panel,
  .smmgo-addfunds-info-box,
  .smmgo-addfunds-history-panel {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-addfunds-hero h1 {
    font-size: 27px;
  }

  .smmgo-addfunds-hero p {
    font-size: 14px;
  }

  .smmgo-addfunds-table tbody td {
    padding: 14px 12px !important;
    font-size: 12px;
  }
}
``css id="tickets_css_ar"

/* ===============================

   Tickets Page

   صفحة التذاكر

================================ */



.smmgo-tickets-dashboard {

  width: 100%;

  max-width: 980px;

  margin: 0 auto;

}



.smmgo-tickets-stack {

  display: flex;

  flex-direction: column;

  gap: 22px;

}



/* Hero */

.smmgo-tickets-hero {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 22px;

  padding: 30px;

  border-radius: 30px;

  overflow: hidden;

  background:

    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),

    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),

    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),

    rgba(19,7,30,0.92);

  border: 1px solid rgba(255,255,255,0.10);

  box-shadow: 0 26px 70px rgba(0,0,0,0.26);

}



.smmgo-tickets-hero span,

.smmgo-tickets-panel-head span {

  display: inline-flex;

  margin-bottom: 10px;

  padding: 7px 13px;

  border-radius: 999px;

  color: #f5d8ff;

  font-size: 12px;

  font-weight: 900;

  background: rgba(182,32,224,0.16);

  border: 1px solid rgba(239,91,255,0.24);

}



.smmgo-tickets-hero h1 {

  margin: 0 0 10px;

  color: #ffffff;

  font-size: 32px;

  line-height: 1.25;

  font-weight: 900;

}



.smmgo-tickets-hero p {

  max-width: 620px;

  margin: 0;

  color: #b7a8c4;

  font-size: 15px;

  line-height: 1.9;

}



.smmgo-tickets-hero-box {

  min-width: 190px;

  padding: 20px;

  border-radius: 24px;

  text-align: center;

  background: rgba(0,0,0,0.24);

  border: 1px solid rgba(255,255,255,0.10);

}



.smmgo-tickets-hero-box small {

  display: block;

  margin-bottom: 8px;

  color: #cdbddd !important;

  font-size: 12px;

  font-weight: 800;

}



.smmgo-tickets-hero-box strong {

  display: block;

  color: #ffffff;

  font-size: 19px;

  font-weight: 900;

}



/* Cards */

.smmgo-tickets-panel,

.smmgo-tickets-search-panel,

.smmgo-tickets-history-panel,

.smmgo-tickets-info-box {

  position: relative;

  padding: 28px;

  border-radius: 28px;

  color: #ffffff;

  background:

    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),

    rgba(19,7,30,0.92);

  border: 1px solid rgba(255,255,255,0.10);

  box-shadow: 0 26px 70px rgba(0,0,0,0.26);

}



.smmgo-tickets-panel-head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 18px;

  margin-bottom: 24px;

}



.smmgo-tickets-panel-head h3 {

  margin: 0;

  color: #ffffff;

  font-size: 24px;

  font-weight: 900;

}



/* Form */

.smmgo-tickets-panel .form-group {

  margin-bottom: 20px;

}



.smmgo-tickets-panel label {

  margin-bottom: 8px;

  color: #e8dcf0;

  font-size: 13px;

  font-weight: 900;

}



.smmgo-tickets-panel .form-control,

.smmgo-tickets-search-panel .form-control {

  min-height: 52px;

  border-radius: 17px !important;

  color: #ffffff !important;

  background: rgba(255,255,255,0.055) !important;

  border: 1px solid rgba(255,255,255,0.10) !important;

  box-shadow: none !important;

}



.smmgo-tickets-panel textarea.form-control {

  min-height: 155px;

  resize: vertical;

}



.smmgo-tickets-panel .form-control:focus,

.smmgo-tickets-search-panel .form-control:focus {

  border-color: rgba(239,91,255,0.75) !important;

  box-shadow: 0 0 0 4px rgba(182,32,224,0.13) !important;

}



.smmgo-tickets-submit {

  width: 100%;

  min-height: 54px;

  border: 0 !important;

  border-radius: 18px !important;

  color: #ffffff !important;

  font-size: 15px;

  font-weight: 900;

  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;

  box-shadow: 0 18px 42px rgba(182,32,224,0.34);

}



.smmgo-tickets-submit:hover,

.smmgo-tickets-submit:focus {

  color: #ffffff !important;

  opacity: 0.94;

}



/* Uploader */

.smmgo-tickets-panel .tickets-uploader {

  padding: 16px;

  border-radius: 18px;

  background: rgba(255,255,255,0.045);

  border: 1px dashed rgba(239,91,255,0.35);

}



.smmgo-tickets-panel .tickets-uploader button,

.smmgo-tickets-panel .tickets-uploader .btn {

  border-radius: 14px !important;

  color: #ffffff !important;

  font-weight: 900 !important;

  background: rgba(182,32,224,0.35) !important;

  border: 1px solid rgba(239,91,255,0.35) !important;

}



/* Search */

.smmgo-tickets-search .input-group {

  width: 100%;

}



.smmgo-tickets-search .input-group-btn .btn {

  min-height: 52px;

  border-radius: 17px 0 0 17px !important;

  color: #ffffff !important;

  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;

  border: 0 !important;

}



html[dir="ltr"] .smmgo-tickets-search .input-group-btn .btn {

  border-radius: 0 17px 17px 0 !important;

}



/* Table */

.smmgo-tickets-table-wrap {

  width: 100%;

  overflow-x: auto;

}



.smmgo-tickets-table {

  margin: 0;

  color: #ffffff;

  border-collapse: separate;

  border-spacing: 0 10px;

}



.smmgo-tickets-table thead th {

  color: #b7a8c4;

  font-size: 12px;

  font-weight: 900;

  border: 0 !important;

  padding: 0 14px 8px;

  white-space: nowrap;

}



.smmgo-tickets-table tbody tr {

  background: rgba(255,255,255,0.045);

}



.smmgo-tickets-table tbody td {

  padding: 16px 14px !important;

  color: #e8dcf0;

  font-size: 13px;

  font-weight: 700;

  vertical-align: middle !important;

  border-top: 1px solid rgba(255,255,255,0.07) !important;

  border-bottom: 1px solid rgba(255,255,255,0.07) !important;

  white-space: nowrap;

}



.smmgo-tickets-table tbody td:first-child {

  border-right: 1px solid rgba(255,255,255,0.07);

  border-radius: 0 16px 16px 0;

}



.smmgo-tickets-table tbody td:last-child {

  border-left: 1px solid rgba(255,255,255,0.07);

  border-radius: 16px 0 0 16px;

}



.smmgo-ticket-id {

  display: inline-flex;

  min-height: 32px;

  align-items: center;

  justify-content: center;

  padding: 0 12px;

  border-radius: 999px;

  color: #ffffff;

  font-size: 12px;

  font-weight: 900;

  background: rgba(182,32,224,0.22);

  border: 1px solid rgba(239,91,255,0.25);

}



.smmgo-ticket-title {

  color: #ffffff !important;

  font-weight: 800;

  text-decoration: none !important;

}



.smmgo-ticket-title:hover {

  color: #ef5bff !important;

}



.smmgo-ticket-new {

  color: #f5d8ff !important;

}



.smmgo-ticket-status {

  display: inline-flex;

  min-height: 32px;

  align-items: center;

  justify-content: center;

  padding: 0 12px;

  border-radius: 999px;

  color: #ffffff;

  font-size: 12px;

  font-weight: 900;

  background: rgba(255,255,255,0.07);

  border: 1px solid rgba(255,255,255,0.10);

}



.smmgo-empty-tickets {

  padding: 26px;

  text-align: center;

  color: #b7a8c4;

  font-size: 14px;

  font-weight: 800;

}



/* Info */

.smmgo-tickets-info-box {

  margin-top: 24px;

  color: #cdbddd;

  line-height: 1.9;

}



/* Pagination */

.smmgo-tickets-pagination-wrap {

  display: flex;

  justify-content: center;

}



.smmgo-tickets-pagination {

  margin: 0;

}



.smmgo-tickets-pagination > li > a,

.smmgo-tickets-pagination > li > span {

  margin: 0 4px;

  border: 0 !important;

  border-radius: 12px !important;

  color: #ffffff !important;

  background: rgba(255,255,255,0.06) !important;

}



.smmgo-tickets-pagination > .active > a,

.smmgo-tickets-pagination > .active > span {

  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;

}



/* Alert */

.smmgo-tickets-panel .alert {

  border: 0;

  border-radius: 18px;

  color: #ffffff;

  font-weight: 800;

}



/* Responsive */

@media (max-width: 991px) {

  .smmgo-tickets-hero {

    display: block;

    text-align: center;

  }



  .smmgo-tickets-hero-box {

    max-width: 260px;

    margin: 24px auto 0;

  }



  .smmgo-tickets-panel-head {

    display: block;

    text-align: center;

  }

}



@media (max-width: 767px) {

  .smmgo-tickets-dashboard {

    max-width: 100%;

  }



  .smmgo-tickets-hero,

  .smmgo-tickets-panel,

  .smmgo-tickets-search-panel,

  .smmgo-tickets-history-panel,

  .smmgo-tickets-info-box {

    padding: 20px;

    border-radius: 24px;

  }



  .smmgo-tickets-hero h1 {

    font-size: 27px;

  }



  .smmgo-tickets-hero p {

    font-size: 14px;

  }



  .smmgo-tickets-table tbody td {

    padding: 14px 12px !important;

    font-size: 12px;

  }

}


/* ===============================

   Services Page

   صفحة الخدمات

================================ */



.smmgo-services-dashboard {

  width: 100%;

  max-width: 1180px;

  margin: 0 auto;

}



.smmgo-services-stack {

  display: flex;

  flex-direction: column;

  gap: 22px;

}



/* الهيدر */

.smmgo-services-hero {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 22px;

  padding: 30px;

  border-radius: 30px;

  overflow: hidden;

  background:

    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),

    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),

    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),

    rgba(19,7,30,0.92);

  border: 1px solid rgba(255,255,255,0.10);

  box-shadow: 0 26px 70px rgba(0,0,0,0.26);

}



.smmgo-services-hero span,

.smmgo-services-panel-head span {

  display: inline-flex;

  margin-bottom: 10px;

  padding: 7px 13px;

  border-radius: 999px;

  color: #f5d8ff;

  font-size: 12px;

  font-weight: 900;

  background: rgba(182,32,224,0.16);

  border: 1px solid rgba(239,91,255,0.24);

}



.smmgo-services-hero h1 {

  margin: 0 0 10px;

  color: #ffffff;

  font-size: 32px;

  line-height: 1.25;

  font-weight: 900;

}



.smmgo-services-hero p {

  max-width: 650px;

  margin: 0;

  color: #b7a8c4;

  font-size: 15px;

  line-height: 1.9;

}



.smmgo-services-hero-box {

  min-width: 170px;

  padding: 20px;

  border-radius: 24px;

  text-align: center;

  background: rgba(0,0,0,0.24);

  border: 1px solid rgba(255,255,255,0.10);

}



.smmgo-services-hero-box small {

  display: block;

  margin-bottom: 8px;

  color: #cdbddd !important;

  font-size: 12px;

  font-weight: 800;

}



.smmgo-services-hero-box strong {

  display: block;

  color: #ffffff;

  font-size: 25px;

  font-weight: 900;

}



/* الفلتر والبحث */

.smmgo-services-filter-panel,

.smmgo-services-table-panel,

.smmgo-services-info-box {

  position: relative;

  padding: 24px;

  border-radius: 28px;

  color: #ffffff;

  background:

    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),

    rgba(19,7,30,0.92);

  border: 1px solid rgba(255,255,255,0.10);

  box-shadow: 0 26px 70px rgba(0,0,0,0.26);

}



.smmgo-services-filter-panel {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 18px;

}



.smmgo-services-filter-actions {

  display: flex;

  align-items: center;

  gap: 10px;

}



.smmgo-services-filter-btn {

  min-height: 48px;

  padding: 0 18px;

  border: 0 !important;

  border-radius: 16px !important;

  color: #ffffff !important;

  font-size: 13px;

  font-weight: 900;

  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;

  box-shadow: 0 16px 38px rgba(182,32,224,0.26);

}



.smmgo-services-dropdown-menu {

  min-width: 240px;

  padding: 10px;

  border: 1px solid rgba(239,91,255,0.20);

  border-radius: 18px;

  background: #14071f;

  box-shadow: 0 22px 55px rgba(0,0,0,0.40);

}



.smmgo-services-dropdown-menu li a {

  display: flex;

  align-items: center;

  gap: 9px;

  min-height: 40px;

  padding: 9px 12px;

  border-radius: 12px;

  color: #e8dcf0 !important;

  font-size: 13px;

  font-weight: 800;

  text-decoration: none !important;

}



.smmgo-services-dropdown-menu li a:hover {

  color: #ffffff !important;

  background: rgba(182,32,224,0.22);

}



.smmgo-services-search {

  width: 100%;

  max-width: 390px;

}



.smmgo-services-search .input-group {

  width: 100%;

}



.smmgo-services-search .form-control {

  min-height: 48px;

  border-radius: 16px !important;

  color: #ffffff !important;

  background: rgba(255,255,255,0.055) !important;

  border: 1px solid rgba(255,255,255,0.10) !important;

  box-shadow: none !important;

}



.smmgo-services-search .form-control:focus {

  border-color: rgba(239,91,255,0.75) !important;

  box-shadow: 0 0 0 4px rgba(182,32,224,0.13) !important;

}



.smmgo-services-search .input-group-btn .btn {

  min-height: 48px;

  border: 0 !important;

  border-radius: 16px 0 0 16px !important;

  color: #ffffff !important;

  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;

}



html[dir="ltr"] .smmgo-services-search .input-group-btn .btn {

  border-radius: 0 16px 16px 0 !important;

}



/* رأس الجدول */

.smmgo-services-panel-head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 18px;

  margin-bottom: 24px;

}



.smmgo-services-panel-head h3 {

  margin: 0;

  color: #ffffff;

  font-size: 24px;

  font-weight: 900;

}



/* جدول الخدمات */

.smmgo-services-table-wrap {

  width: 100%;

  overflow-x: auto;

}



.smmgo-services-table {

  margin: 0;

  color: #ffffff;

  border-collapse: separate;

  border-spacing: 0 10px;

}



.smmgo-services-table thead th {

  padding: 0 14px 8px;

  color: #b7a8c4;

  font-size: 12px;

  font-weight: 900;

  border: 0 !important;

  white-space: nowrap;

}



.smmgo-services-table tbody tr {

  background: rgba(255,255,255,0.045);

}



.smmgo-services-table tbody td {

  padding: 16px 14px !important;

  color: #e8dcf0;

  font-size: 13px;

  font-weight: 700;

  vertical-align: middle !important;

  border-top: 1px solid rgba(255,255,255,0.07) !important;

  border-bottom: 1px solid rgba(255,255,255,0.07) !important;

}



.smmgo-services-table tbody td:first-child {

  border-right: 1px solid rgba(255,255,255,0.07);

  border-radius: 0 16px 16px 0;

}



.smmgo-services-table tbody td:last-child {

  border-left: 1px solid rgba(255,255,255,0.07);

  border-radius: 16px 0 0 16px;

}



/* صف التصنيف */

.smmgo-services-table .smmgo-service-category-row {

  background: transparent !important;

}



.smmgo-services-table .smmgo-service-category-row td {

  padding: 18px 14px 8px !important;

  border: 0 !important;

  background: transparent !important;

}



.smmgo-service-category-title {

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 14px 18px;

  border-radius: 18px;

  color: #ffffff;

  background:

    linear-gradient(135deg, rgba(182,32,224,0.26), rgba(239,91,255,0.13)),

    rgba(255,255,255,0.035);

  border: 1px solid rgba(239,91,255,0.22);

}



.smmgo-service-category-title strong {

  font-size: 14px;

  font-weight: 900;

}



/* عناصر داخل الجدول */

.smmgo-service-id {

  display: inline-flex;

  min-height: 32px;

  align-items: center;

  justify-content: center;

  padding: 0 12px;

  border-radius: 999px;

  color: #ffffff;

  font-size: 12px;

  font-weight: 900;

  background: rgba(182,32,224,0.22);

  border: 1px solid rgba(239,91,255,0.25);

}



.smmgo-service-name {

  min-width: 280px;

  color: #ffffff !important;

  font-weight: 800 !important;

  line-height: 1.7;

}



.smmgo-service-rate {

  display: inline-flex;

  min-height: 32px;

  align-items: center;

  justify-content: center;

  padding: 0 12px;

  border-radius: 999px;

  color: #f5d8ff;

  font-size: 12px;

  font-weight: 900;

  background: rgba(255,255,255,0.06);

  border: 1px solid rgba(239,91,255,0.18);

  white-space: nowrap;

}



.smmgo-service-desc-btn {

  min-height: 34px;

  padding: 0 13px !important;

  border: 0 !important;

  border-radius: 999px !important;

  color: #ffffff !important;

  font-size: 12px;

  font-weight: 900;

  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;

}



.smmgo-no-description {

  color: #8f7c9f;

  font-size: 12px;

  font-weight: 800;

}



.favorite-active,

[data-favorite-service-id] {

  color: #f5d8ff;

  cursor: pointer;

}



[data-favorite-service-id] .fa-star,

[data-favorite-service-id] .fas,

[data-favorite-service-id] .far {

  font-size: 16px;

}



/* النص الإضافي */

.smmgo-services-info-box {

  margin-top: 24px;

  color: #cdbddd;

  line-height: 1.9;

}



/* عند عدم وجود خدمات */

.smmgo-empty-services {

  padding: 28px;

  text-align: center;

  color: #b7a8c4;

  font-size: 14px;

  font-weight: 800;

}



/* تجاوب الجوال */

@media (max-width: 991px) {

  .smmgo-services-hero {

    display: block;

    text-align: center;

  }



  .smmgo-services-hero-box {

    max-width: 240px;

    margin: 24px auto 0;

  }



  .smmgo-services-filter-panel {

    display: block;

  }



  .smmgo-services-filter-actions {

    justify-content: center;

    margin-bottom: 14px;

  }



  .smmgo-services-search {

    max-width: 100%;

  }



  .smmgo-services-panel-head {

    display: block;

    text-align: center;

  }

}



@media (max-width: 767px) {

  .smmgo-services-dashboard {

    max-width: 100%;

  }



  .smmgo-services-hero,

  .smmgo-services-filter-panel,

  .smmgo-services-table-panel,

  .smmgo-services-info-box {

    padding: 20px;

    border-radius: 24px;

  }



  .smmgo-services-hero h1 {

    font-size: 27px;

  }



  .smmgo-services-hero p {

    font-size: 14px;

  }



  .smmgo-services-filter-actions {

    display: grid;

    grid-template-columns: 1fr;

  }



  .smmgo-services-filter-btn {

    width: 100%;

  }



  .smmgo-services-table tbody td {

    padding: 14px 12px !important;

    font-size: 12px;

  }



  .smmgo-service-name {

    min-width: 220px;

  }

}
/* ===============================
   Account Page
   صفحة إعدادات الحساب
================================ */

.smmgo-account-dashboard {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.smmgo-account-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* الهيدر */
.smmgo-account-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-account-hero span,
.smmgo-account-panel-head span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-account-hero h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 900;
}

.smmgo-account-hero p {
  max-width: 650px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-account-hero-box {
  min-width: 190px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-account-hero-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-account-hero-box strong {
  display: block;
  color: #ffffff;
  font-size: 19px;
  font-weight: 900;
  word-break: break-word;
}

/* التبويبات */
.smmgo-account-tabs-panel,
.smmgo-account-panel,
.smmgo-account-alert {
  position: relative;
  padding: 24px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-account-tabs {
  display: flex;
  gap: 10px;
  margin: 0;
}

.smmgo-account-tabs > li {
  float: none;
}

.smmgo-account-tabs > li > a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 999px !important;
  color: #cdbddd !important;
  font-size: 13px;
  font-weight: 900;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.08);
  text-decoration: none !important;
}

.smmgo-account-tabs > li.active > a,
.smmgo-account-tabs > li.active > a:hover,
.smmgo-account-tabs > li.active > a:focus,
.smmgo-account-tabs > li > a:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  border-color: transparent !important;
}

/* الكروت */
.smmgo-account-panel {
  padding: 28px;
}

.smmgo-account-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.smmgo-account-panel-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
}

/* الفورم */
.smmgo-account-panel .form-group {
  margin-bottom: 20px;
}

.smmgo-account-panel label,
.smmgo-account-modal label {
  margin-bottom: 8px;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 900;
}

.smmgo-account-panel .form-control,
.smmgo-account-modal .form-control {
  min-height: 52px;
  border-radius: 17px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

.smmgo-account-panel textarea.form-control,
.smmgo-account-modal textarea.form-control {
  min-height: 155px;
  resize: vertical;
}

.smmgo-account-panel .form-control:focus,
.smmgo-account-modal .form-control:focus {
  border-color: rgba(239,91,255,0.75) !important;
  box-shadow: 0 0 0 4px rgba(182,32,224,0.13) !important;
}

.smmgo-account-panel .form-control[readonly],
.smmgo-account-panel .form-control[disabled],
.smmgo-account-modal .form-control[disabled] {
  color: #cdbddd !important;
  background: rgba(255,255,255,0.035) !important;
  cursor: not-allowed;
}

/* الأزرار */
.smmgo-account-btn {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border: 0 !important;
  border-radius: 17px !important;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 18px 42px rgba(182,32,224,0.34);
  text-decoration: none !important;
}

.smmgo-account-btn:hover,
.smmgo-account-btn:focus {
  color: #ffffff !important;
  opacity: 0.94;
}

.smmgo-account-note {
  margin: 0 0 18px;
  color: #b7a8c4;
  font-size: 14px;
  line-height: 1.9;
  font-weight: 700;
}

.smmgo-account-help {
  margin-top: 8px;
  color: #8f7c9f !important;
  font-size: 12px;
  font-weight: 800;
}

/* التنبيهات */
.smmgo-account-dashboard .alert,
.smmgo-account-panel .alert,
.smmgo-account-modal .alert {
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-weight: 800;
}

.smmgo-account-dashboard .alert-success,
.smmgo-account-panel .alert-success {
  background: rgba(22, 163, 74, 0.22) !important;
  border: 1px solid rgba(34, 197, 94, 0.28) !important;
}

.smmgo-account-dashboard .alert-danger,
.smmgo-account-panel .alert-danger,
.smmgo-account-modal .alert-danger {
  background: rgba(220, 38, 38, 0.22) !important;
  border: 1px solid rgba(248, 113, 113, 0.28) !important;
}

/* Modal */
.smmgo-account-modal {
  border: 1px solid rgba(239,91,255,0.20) !important;
  border-radius: 28px !important;
  overflow: hidden;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    #14071f !important;
  box-shadow: 0 32px 90px rgba(0,0,0,0.45);
}

.smmgo-account-modal .modal-header {
  padding: 22px 24px;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.smmgo-account-modal .modal-title {
  color: #ffffff;
  font-size: 20px;
  font-weight: 900;
}

.smmgo-account-modal .modal-body {
  padding: 24px;
}

.smmgo-account-modal .modal-footer {
  padding: 18px 24px;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}

.smmgo-account-modal .close {
  color: #ffffff !important;
  opacity: 0.8;
  text-shadow: none !important;
}

.smmgo-account-modal-cancel {
  min-height: 48px;
  padding: 0 18px;
  border-radius: 16px !important;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 900;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-account-hero {
    display: block;
    text-align: center;
  }

  .smmgo-account-hero-box {
    max-width: 260px;
    margin: 24px auto 0;
  }

  .smmgo-account-tabs {
    justify-content: center;
    flex-wrap: wrap;
  }

  .smmgo-account-panel-head {
    display: block;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .smmgo-account-dashboard {
    max-width: 100%;
  }

  .smmgo-account-hero,
  .smmgo-account-tabs-panel,
  .smmgo-account-panel {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-account-hero h1 {
    font-size: 27px;
  }

  .smmgo-account-hero p {
    font-size: 14px;
  }

  .smmgo-account-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  .smmgo-account-tabs > li > a,
  .smmgo-account-btn {
    width: 100%;
  }

  .smmgo-account-modal .modal-body,
  .smmgo-account-modal .modal-header,
  .smmgo-account-modal .modal-footer {
    padding: 18px;
  }
}
/* ===============================
   Orders Page
   صفحة الطلبات
================================ */

.smmgo-orders-dashboard {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.smmgo-orders-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* الهيدر */
.smmgo-orders-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-orders-hero span,
.smmgo-orders-panel-head span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-orders-hero h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 900;
}

.smmgo-orders-hero p {
  max-width: 650px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-orders-hero-box {
  min-width: 190px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-orders-hero-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-orders-hero-box strong {
  display: block;
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
}

/* الفلاتر */
.smmgo-orders-filter-panel,
.smmgo-orders-table-panel {
  position: relative;
  padding: 24px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-orders-filter-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.smmgo-orders-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0;
}

.smmgo-orders-tabs > li {
  float: none;
}

.smmgo-orders-tabs > li > a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border-radius: 999px !important;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 900;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.08);
  text-decoration: none !important;
}

.smmgo-orders-tabs > li.active > a,
.smmgo-orders-tabs > li.active > a:hover,
.smmgo-orders-tabs > li.active > a:focus,
.smmgo-orders-tabs > li > a:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  border-color: transparent !important;
}

.smmgo-orders-search {
  width: 100%;
  max-width: 360px;
}

.smmgo-orders-search .input-group {
  width: 100%;
}

.smmgo-orders-search .form-control {
  min-height: 46px;
  border-radius: 16px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

.smmgo-orders-search .input-group-btn .btn {
  min-height: 46px;
  border: 0 !important;
  border-radius: 16px 0 0 16px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
}

html[dir="ltr"] .smmgo-orders-search .input-group-btn .btn {
  border-radius: 0 16px 16px 0 !important;
}

/* رأس الجدول */
.smmgo-orders-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.smmgo-orders-panel-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
}

/* الجدول */
.smmgo-orders-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.smmgo-orders-table {
  margin: 0;
  color: #ffffff;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.smmgo-orders-table thead th {
  padding: 0 14px 8px;
  color: #b7a8c4;
  font-size: 12px;
  font-weight: 900;
  border: 0 !important;
  white-space: nowrap;
}

.smmgo-orders-table tbody tr {
  background: rgba(255,255,255,0.045);
}

.smmgo-orders-table tbody td {
  padding: 16px 14px !important;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 700;
  vertical-align: middle !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

.smmgo-orders-table tbody td:first-child {
  border-right: 1px solid rgba(255,255,255,0.07);
  border-radius: 0 16px 16px 0;
}

.smmgo-orders-table tbody td:last-child {
  border-left: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px 0 0 16px;
}

.smmgo-nowrap {
  white-space: nowrap;
}

.smmgo-order-id-badge {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 999px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.22);
  border: 1px solid rgba(239,91,255,0.25);
}

.smmgo-order-link-cell {
  min-width: 260px;
  max-width: 360px;
}

.smmgo-order-link-text {
  color: #cdbddd;
  font-size: 12px;
  line-height: 1.7;
  word-break: break-all;
}

.smmgo-order-details-icons {
  margin-top: 8px;
}

.smmgo-order-details-icons a {
  color: #ef5bff !important;
  font-size: 15px;
  text-decoration: none !important;
}

.smmgo-order-service-name {
  min-width: 240px;
  color: #ffffff;
  font-weight: 800;
  line-height: 1.7;
}

.smmgo-order-status-badge {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 999px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-cancel-reason {
  margin-inline-start: 6px;
  color: #ef5bff;
}

.smmgo-order-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.smmgo-order-actions .btn {
  min-height: 32px;
  padding: 0 12px !important;
  border-radius: 999px !important;
  font-size: 12px;
  font-weight: 900;
}

.smmgo-order-actions .btn-primary {
  color: #ffffff !important;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  border: 0 !important;
}

.smmgo-order-actions .btn-default {
  color: #ffffff !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}

.smmgo-action-note {
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
}

.smmgo-empty-orders {
  padding: 28px;
  text-align: center;
  color: #b7a8c4;
  font-size: 14px;
  font-weight: 800;
}

/* Modal */
.smmgo-order-modal {
  border: 1px solid rgba(239,91,255,0.20) !important;
  border-radius: 26px !important;
  overflow: hidden;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    #14071f !important;
  box-shadow: 0 32px 90px rgba(0,0,0,0.45);
}

.smmgo-order-modal .modal-header {
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.smmgo-order-modal .modal-title {
  color: #ffffff;
  font-size: 20px;
  font-weight: 900;
}

.smmgo-order-modal label {
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 900;
}

.smmgo-order-modal .form-control {
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 16px !important;
}

/* Pagination */
.smmgo-orders-pagination {
  display: flex;
  justify-content: center;
  margin: 0;
}

.smmgo-orders-pagination > li > a,
.smmgo-orders-pagination > li > span {
  margin: 0 4px;
  border: 0 !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.06) !important;
}

.smmgo-orders-pagination > .active > a,
.smmgo-orders-pagination > .active > span {
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-orders-hero {
    display: block;
    text-align: center;
  }

  .smmgo-orders-hero-box {
    max-width: 260px;
    margin: 24px auto 0;
  }

  .smmgo-orders-filter-panel {
    display: block;
  }

  .smmgo-orders-tabs {
    justify-content: center;
    margin-bottom: 14px;
  }

  .smmgo-orders-search {
    max-width: 100%;
  }

  .smmgo-orders-panel-head {
    display: block;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .smmgo-orders-dashboard {
    max-width: 100%;
  }

  .smmgo-orders-hero,
  .smmgo-orders-filter-panel,
  .smmgo-orders-table-panel {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-orders-hero h1 {
    font-size: 27px;
  }

  .smmgo-orders-hero p {
    font-size: 14px;
  }

  .smmgo-orders-table tbody td {
    padding: 14px 12px !important;
    font-size: 12px;
  }

  .smmgo-order-service-name {
    min-width: 220px;
  }
}
/* ===============================
   View Ticket Page
   صفحة عرض التذكرة
================================ */

.smmgo-viewticket-dashboard {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.smmgo-viewticket-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* الهيدر */
.smmgo-viewticket-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-viewticket-hero span,
.smmgo-viewticket-panel-head span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-viewticket-hero h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 30px;
  line-height: 1.35;
  font-weight: 900;
  word-break: break-word;
}

.smmgo-viewticket-hero p {
  max-width: 650px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-viewticket-hero-box {
  min-width: 170px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-viewticket-hero-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-viewticket-hero-box strong {
  display: block;
  color: #ffffff;
  font-size: 22px;
  font-weight: 900;
}

/* الكرت الرئيسي */
.smmgo-viewticket-panel,
.smmgo-viewticket-reply-panel {
  position: relative;
  padding: 28px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-viewticket-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.smmgo-viewticket-panel-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
}

.smmgo-viewticket-back {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 999px;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 900;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  text-decoration: none !important;
}

.smmgo-viewticket-back:hover {
  background: rgba(182,32,224,0.24);
}

/* الرسائل */
.smmgo-viewticket-messages {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.smmgo-ticket-chat-row {
  display: flex;
  flex-direction: column;
  max-width: 78%;
}

.smmgo-ticket-chat-user {
  align-self: flex-end;
  text-align: right;
}

.smmgo-ticket-chat-support {
  align-self: flex-start;
  text-align: right;
}

.smmgo-ticket-chat-bubble {
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 16px 40px rgba(0,0,0,0.20);
}

.smmgo-ticket-chat-user .smmgo-ticket-chat-bubble {
  background:
    linear-gradient(135deg, rgba(182,32,224,0.42), rgba(239,91,255,0.20)),
    rgba(255,255,255,0.045);
  border-color: rgba(239,91,255,0.28);
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 8px;
}

.smmgo-ticket-chat-support .smmgo-ticket-chat-bubble {
  background: rgba(255,255,255,0.055);
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 8px;
}

.smmgo-ticket-chat-message {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.9;
  font-weight: 700;
  word-break: break-word;
}

.smmgo-ticket-chat-files {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

.smmgo-ticket-chat-files a {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  min-height: 34px;
  align-items: center;
  padding: 0 12px;
  border-radius: 999px;
  color: #ffffff !important;
  font-size: 12px;
  font-weight: 900;
  background: rgba(0,0,0,0.20);
  border: 1px solid rgba(255,255,255,0.12);
  text-decoration: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

.smmgo-ticket-chat-info {
  margin-top: 8px;
  color: #b7a8c4;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-ticket-chat-info strong {
  color: #ffffff;
  font-weight: 900;
}

.smmgo-ticket-chat-info small {
  display: block;
  margin-top: 3px;
  color: #8f7c9f !important;
  font-size: 11px;
  font-weight: 800;
}

.smmgo-viewticket-empty {
  padding: 28px;
  text-align: center;
  color: #b7a8c4;
  font-size: 14px;
  font-weight: 800;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
}

/* الرد */
.smmgo-viewticket-reply-panel {
  margin-top: 28px;
  box-shadow: none;
}

.smmgo-viewticket-reply-panel .form-group {
  margin-bottom: 20px;
}

.smmgo-viewticket-reply-panel label {
  margin-bottom: 8px;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 900;
}

.smmgo-viewticket-reply-panel .form-control {
  min-height: 52px;
  border-radius: 17px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

.smmgo-viewticket-reply-panel textarea.form-control {
  min-height: 150px;
  resize: vertical;
}

.smmgo-viewticket-reply-panel .form-control:focus {
  border-color: rgba(239,91,255,0.75) !important;
  box-shadow: 0 0 0 4px rgba(182,32,224,0.13) !important;
}

.smmgo-viewticket-submit {
  width: 100%;
  min-height: 54px;
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 18px 42px rgba(182,32,224,0.34);
}

.smmgo-viewticket-submit:hover,
.smmgo-viewticket-submit:focus {
  color: #ffffff !important;
  opacity: 0.94;
}

/* المرفقات */
.smmgo-viewticket-reply-panel .tickets-uploader {
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.045);
  border: 1px dashed rgba(239,91,255,0.35);
}

.smmgo-viewticket-reply-panel .tickets-uploader button,
.smmgo-viewticket-reply-panel .tickets-uploader .btn {
  border-radius: 14px !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  background: rgba(182,32,224,0.35) !important;
  border: 1px solid rgba(239,91,255,0.35) !important;
}

/* التنبيهات */
.smmgo-viewticket-panel .alert,
.smmgo-viewticket-reply-panel .alert {
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-weight: 800;
}

.smmgo-viewticket-panel .alert-danger,
.smmgo-viewticket-reply-panel .alert-danger {
  background: rgba(220, 38, 38, 0.22) !important;
  border: 1px solid rgba(248, 113, 113, 0.28) !important;
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-viewticket-hero {
    display: block;
    text-align: center;
  }

  .smmgo-viewticket-hero-box {
    max-width: 240px;
    margin: 24px auto 0;
  }

  .smmgo-viewticket-panel-head {
    display: block;
    text-align: center;
  }

  .smmgo-viewticket-back {
    margin-top: 14px;
  }

  .smmgo-ticket-chat-row {
    max-width: 90%;
  }
}

@media (max-width: 767px) {
  .smmgo-viewticket-dashboard {
    max-width: 100%;
  }

  .smmgo-viewticket-hero,
  .smmgo-viewticket-panel,
  .smmgo-viewticket-reply-panel {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-viewticket-hero h1 {
    font-size: 25px;
  }

  .smmgo-viewticket-hero p {
    font-size: 14px;
  }

  .smmgo-ticket-chat-row {
    max-width: 100%;
  }

  .smmgo-ticket-chat-bubble {
    padding: 16px;
    border-radius: 20px;
  }
}
/* ===============================
   API Page
   صفحة API
================================ */

.smmgo-api-dashboard {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.smmgo-api-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* الهيدر */
.smmgo-api-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-api-hero span,
.smmgo-api-panel-head span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-api-hero h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 900;
}

.smmgo-api-hero p {
  max-width: 650px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-api-hero-box {
  min-width: 170px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-api-hero-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-api-hero-box strong {
  display: block;
  color: #ffffff;
  font-size: 25px;
  font-weight: 900;
}

/* الكروت */
.smmgo-api-panel,
.smmgo-api-action-panel {
  position: relative;
  padding: 28px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-api-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.smmgo-api-panel-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 900;
}

/* الجداول */
.smmgo-api-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.smmgo-api-table {
  margin: 0;
  color: #ffffff;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.smmgo-api-table thead th {
  padding: 0 14px 8px;
  color: #b7a8c4;
  font-size: 12px;
  font-weight: 900;
  border: 0 !important;
  white-space: nowrap;
}

.smmgo-api-table tbody tr {
  background: rgba(255,255,255,0.045);
}

.smmgo-api-table tbody td {
  padding: 16px 14px !important;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 700;
  vertical-align: middle !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

.smmgo-api-table tbody td:first-child {
  width: 34%;
  color: #ffffff;
  font-weight: 900;
  border-right: 1px solid rgba(255,255,255,0.07);
  border-radius: 0 16px 16px 0;
}

.smmgo-api-table tbody td:last-child {
  border-left: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px 0 0 16px;
}

.smmgo-api-table a {
  color: #ef5bff !important;
  font-weight: 900;
  text-decoration: none !important;
}

.smmgo-api-table code,
.smmgo-api-example code {
  display: inline-flex;
  max-width: 100%;
  padding: 6px 10px;
  border-radius: 10px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(0,0,0,0.28);
  border: 1px solid rgba(239,91,255,0.18);
  direction: ltr;
  text-align: left;
  white-space: nowrap;
}

/* بادج */
.smmgo-api-badge {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 999px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.22);
  border: 1px solid rgba(239,91,255,0.25);
}

/* اختيار نوع الخدمة */
.smmgo-api-type-select {
  margin-bottom: 20px;
  padding: 18px;
  border-radius: 20px;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(255,255,255,0.08);
}

.smmgo-api-type-select label {
  margin-bottom: 8px;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 900;
}

.smmgo-api-type-select .form-control {
  min-height: 46px;
  border-radius: 16px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

/* مثال الاستجابة */
.smmgo-api-example {
  margin-top: 24px;
}

.smmgo-api-example h4 {
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 17px;
  font-weight: 900;
}

.smmgo-api-example pre {
  margin: 0;
  padding: 18px;
  border: 1px solid rgba(239,91,255,0.18);
  border-radius: 20px;
  color: #f5d8ff;
  font-size: 12px;
  line-height: 1.8;
  background: rgba(0,0,0,0.30);
  direction: ltr;
  text-align: left;
  white-space: pre-wrap;
  word-break: break-word;
}

/* زر PHP */
.smmgo-api-action-panel {
  text-align: center;
}

.smmgo-api-btn {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border: 0 !important;
  border-radius: 17px !important;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 18px 42px rgba(182,32,224,0.34);
  text-decoration: none !important;
}

.smmgo-api-btn:hover,
.smmgo-api-btn:focus {
  color: #ffffff !important;
  opacity: 0.94;
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-api-hero {
    display: block;
    text-align: center;
  }

  .smmgo-api-hero-box {
    max-width: 240px;
    margin: 24px auto 0;
  }

  .smmgo-api-panel-head {
    display: block;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .smmgo-api-dashboard {
    max-width: 100%;
  }

  .smmgo-api-hero,
  .smmgo-api-panel,
  .smmgo-api-action-panel {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-api-hero h1 {
    font-size: 27px;
  }

  .smmgo-api-hero p {
    font-size: 14px;
  }

  .smmgo-api-table tbody td {
    padding: 14px 12px !important;
    font-size: 12px;
  }

  .smmgo-api-btn {
    width: 100%;
  }
}
/* ===============================
   Terms Page
   صفحة شروط الخدمة
================================ */

.smmgo-terms-dashboard {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.smmgo-terms-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* الهيدر */
.smmgo-terms-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-terms-hero span,
.smmgo-terms-panel-head span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-terms-hero h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 900;
}

.smmgo-terms-hero p {
  max-width: 650px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-terms-hero-box {
  min-width: 170px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-terms-hero-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-terms-hero-box strong {
  display: block;
  color: #ffffff;
  font-size: 19px;
  font-weight: 900;
}

/* الكرت */
.smmgo-terms-panel {
  position: relative;
  padding: 28px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-terms-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.smmgo-terms-panel-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
}

/* المحتوى */
.smmgo-terms-content {
  color: #cdbddd;
  font-size: 14px;
  line-height: 2;
  font-weight: 700;
}

.smmgo-terms-content h1,
.smmgo-terms-content h2,
.smmgo-terms-content h3,
.smmgo-terms-content h4,
.smmgo-terms-content h5,
.smmgo-terms-content h6 {
  margin: 24px 0 12px;
  color: #ffffff;
  font-weight: 900;
  line-height: 1.5;
}

.smmgo-terms-content h1 {
  font-size: 28px;
}

.smmgo-terms-content h2 {
  font-size: 24px;
}

.smmgo-terms-content h3 {
  font-size: 20px;
}

.smmgo-terms-content p {
  margin: 0 0 16px;
  color: #cdbddd;
  line-height: 2;
}

.smmgo-terms-content ul,
.smmgo-terms-content ol {
  margin: 0 0 18px;
  padding-right: 22px;
  color: #cdbddd;
}

.smmgo-terms-content li {
  margin-bottom: 9px;
  line-height: 1.9;
}

.smmgo-terms-content a {
  color: #ef5bff !important;
  font-weight: 900;
  text-decoration: none !important;
}

.smmgo-terms-content table {
  width: 100%;
  margin: 18px 0;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.smmgo-terms-content table th {
  padding: 12px;
  color: #b7a8c4;
  font-size: 12px;
  font-weight: 900;
  border: 0 !important;
}

.smmgo-terms-content table td {
  padding: 14px 12px;
  color: #e8dcf0;
  background: rgba(255,255,255,0.045);
  border-top: 1px solid rgba(255,255,255,0.07);
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.smmgo-terms-content blockquote {
  margin: 18px 0;
  padding: 16px 18px;
  border-right: 4px solid #ef5bff;
  border-left: 0;
  border-radius: 16px;
  color: #f5d8ff;
  background: rgba(182,32,224,0.14);
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-terms-hero {
    display: block;
    text-align: center;
  }

  .smmgo-terms-hero-box {
    max-width: 240px;
    margin: 24px auto 0;
  }

  .smmgo-terms-panel-head {
    display: block;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .smmgo-terms-dashboard {
    max-width: 100%;
  }

  .smmgo-terms-hero,
  .smmgo-terms-panel {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-terms-hero h1 {
    font-size: 27px;
  }

  .smmgo-terms-hero p {
    font-size: 14px;
  }

  .smmgo-terms-content {
    font-size: 13px;
  }

  .smmgo-terms-content h1 {
    font-size: 24px;
  }

  .smmgo-terms-content h2 {
    font-size: 21px;
  }

  .smmgo-terms-content h3 {
    font-size: 18px;
  }
}
/* ===============================
   Affiliates Page
   صفحة الإحالات والأرباح
================================ */

.smmgo-affiliates-dashboard {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.smmgo-affiliates-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* الهيدر */
.smmgo-affiliates-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-affiliates-hero span,
.smmgo-affiliates-panel-head span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-affiliates-hero h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 900;
}

.smmgo-affiliates-hero p {
  max-width: 650px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-affiliates-hero-box {
  min-width: 190px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-affiliates-hero-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-affiliates-hero-box strong {
  display: block;
  color: #ffffff;
  font-size: 23px;
  font-weight: 900;
}

/* الكروت */
.smmgo-affiliates-panel,
.smmgo-affiliates-info-box {
  position: relative;
  padding: 28px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-affiliates-info-box {
  color: #cdbddd;
  line-height: 1.9;
}

.smmgo-affiliates-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.smmgo-affiliates-panel-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 900;
}

/* زر السحب */
.smmgo-affiliates-action {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 999px;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff);
  box-shadow: 0 14px 34px rgba(182,32,224,0.28);
  text-decoration: none !important;
}

.smmgo-affiliates-action:hover {
  opacity: 0.94;
}

/* جدول الإحالة */
.smmgo-affiliates-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.smmgo-affiliates-table {
  margin: 0;
  color: #ffffff;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.smmgo-affiliates-table thead th {
  padding: 0 14px 8px;
  color: #b7a8c4;
  font-size: 12px;
  font-weight: 900;
  border: 0 !important;
  white-space: nowrap;
}

.smmgo-affiliates-table tbody tr {
  background: rgba(255,255,255,0.045);
}

.smmgo-affiliates-table tbody td {
  padding: 16px 14px !important;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 700;
  vertical-align: middle !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  white-space: nowrap;
}

.smmgo-affiliates-table tbody td:first-child {
  border-right: 1px solid rgba(255,255,255,0.07);
  border-radius: 0 16px 16px 0;
}

.smmgo-affiliates-table tbody td:last-child {
  border-left: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px 0 0 16px;
}

.smmgo-referral-link {
  max-width: 520px;
  padding: 12px 14px;
  border-radius: 16px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.7;
  background: rgba(0,0,0,0.25);
  border: 1px solid rgba(239,91,255,0.18);
  direction: ltr;
  text-align: left;
  word-break: break-all;
}

.smmgo-affiliates-badge,
.smmgo-affiliates-status {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 999px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.22);
  border: 1px solid rgba(239,91,255,0.25);
}

.smmgo-affiliates-status {
  background: rgba(255,255,255,0.07);
  border-color: rgba(255,255,255,0.10);
}

/* كروت الإحصائيات */
.smmgo-affiliates-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.smmgo-affiliates-stat-card {
  position: relative;
  min-height: 135px;
  padding: 22px;
  border-radius: 24px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.90);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 20px 55px rgba(0,0,0,0.22);
}

.smmgo-affiliates-stat-card:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  top: -60px;
  right: -50px;
  border-radius: 50%;
  background: rgba(182,32,224,0.22);
  filter: blur(7px);
}

.smmgo-affiliates-stat-card span {
  position: relative;
  display: block;
  margin-bottom: 12px;
  color: #cdbddd;
  font-size: 13px;
  font-weight: 800;
}

.smmgo-affiliates-stat-card strong {
  position: relative;
  display: block;
  color: #ffffff;
  font-size: 25px;
  line-height: 1.3;
  font-weight: 900;
  word-break: break-word;
}

/* فارغ */
.smmgo-empty-affiliates {
  padding: 28px;
  text-align: center;
  color: #b7a8c4;
  font-size: 14px;
  font-weight: 800;
}

/* Pagination */
.smmgo-affiliates-pagination-wrap {
  display: flex;
  justify-content: center;
}

.smmgo-affiliates-pagination {
  margin: 0;
}

.smmgo-affiliates-pagination > li > a,
.smmgo-affiliates-pagination > li > span {
  margin: 0 4px;
  border: 0 !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.06) !important;
}

.smmgo-affiliates-pagination > .active > a,
.smmgo-affiliates-pagination > .active > span {
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-affiliates-hero {
    display: block;
    text-align: center;
  }

  .smmgo-affiliates-hero-box {
    max-width: 260px;
    margin: 24px auto 0;
  }

  .smmgo-affiliates-panel-head {
    display: block;
    text-align: center;
  }

  .smmgo-affiliates-action {
    margin-top: 14px;
  }

  .smmgo-affiliates-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .smmgo-affiliates-dashboard {
    max-width: 100%;
  }

  .smmgo-affiliates-hero,
  .smmgo-affiliates-panel,
  .smmgo-affiliates-info-box {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-affiliates-hero h1 {
    font-size: 27px;
  }

  .smmgo-affiliates-hero p {
    font-size: 14px;
  }

  .smmgo-affiliates-stats-grid {
    grid-template-columns: 1fr;
  }

  .smmgo-affiliates-table tbody td {
    padding: 14px 12px !important;
    font-size: 12px;
  }

  .smmgo-referral-link {
    max-width: 300px;
  }
}/* ===============================
   Notifications Page
   صفحة الإشعارات
================================ */

.smmgo-notifications-dashboard {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.smmgo-notifications-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* الهيدر */
.smmgo-notifications-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-notifications-hero span,
.smmgo-notifications-panel-head span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-notifications-hero h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 900;
}

.smmgo-notifications-hero p {
  max-width: 650px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-notifications-hero-box {
  min-width: 190px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-notifications-hero-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-notifications-hero-box strong {
  display: block;
  color: #ffffff;
  font-size: 19px;
  font-weight: 900;
}

/* التبويبات والكروت */
.smmgo-notifications-tabs-panel,
.smmgo-notifications-panel {
  position: relative;
  padding: 24px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-notifications-tabs {
  display: flex;
  gap: 10px;
  margin: 0;
}

.smmgo-notifications-tabs > li {
  float: none;
}

.smmgo-notifications-tabs > li > a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 999px !important;
  color: #cdbddd !important;
  font-size: 13px;
  font-weight: 900;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.08);
  text-decoration: none !important;
}

.smmgo-notifications-tabs > li.active > a,
.smmgo-notifications-tabs > li.active > a:hover,
.smmgo-notifications-tabs > li.active > a:focus,
.smmgo-notifications-tabs > li > a:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  border-color: transparent !important;
}

/* رأس الكرت */
.smmgo-notifications-panel {
  padding: 28px;
}

.smmgo-notifications-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.smmgo-notifications-panel-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
}

.smmgo-notifications-note {
  margin: 0 0 20px;
  color: #b7a8c4;
  font-size: 14px;
  line-height: 1.9;
  font-weight: 700;
}

/* الأزرار */
.smmgo-notifications-btn {
  width: 100%;
  min-height: 54px;
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 18px 42px rgba(182,32,224,0.34);
}

.smmgo-notifications-btn:hover,
.smmgo-notifications-btn:focus {
  color: #ffffff !important;
  opacity: 0.94;
}

/* الجدول */
.smmgo-notifications-table-wrap {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 20px;
}

.smmgo-notifications-table {
  margin: 0;
  color: #ffffff;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.smmgo-notifications-table thead th {
  padding: 0 14px 8px;
  color: #b7a8c4;
  font-size: 12px;
  font-weight: 900;
  border: 0 !important;
  white-space: nowrap;
  text-align: center;
}

.smmgo-notifications-table thead th:first-child {
  text-align: right;
}

html[dir="ltr"] .smmgo-notifications-table thead th:first-child {
  text-align: left;
}

.smmgo-notifications-table tbody tr {
  background: rgba(255,255,255,0.045);
}

.smmgo-notifications-table tbody td {
  padding: 16px 14px !important;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 700;
  vertical-align: middle !important;
  text-align: center;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  white-space: nowrap;
}

.smmgo-notifications-table tbody td:first-child {
  text-align: right;
  border-right: 1px solid rgba(255,255,255,0.07);
  border-radius: 0 16px 16px 0;
}

.smmgo-notifications-table tbody td:last-child {
  border-left: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px 0 0 16px;
}

html[dir="ltr"] .smmgo-notifications-table tbody td:first-child {
  text-align: left;
}

.smmgo-notifications-table tbody td strong {
  color: #ffffff;
  font-weight: 900;
}

/* checkbox */
.smmgo-notification-checkbox-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.smmgo-notification-checkbox-wrap input[type="checkbox"] {
  width: 20px;
  height: 20px;
  accent-color: #b620e0;
  cursor: pointer;
}

.smmgo-notification-checkbox-wrap input[type="checkbox"]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* التنبيهات */
.smmgo-notifications-panel .alert {
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-weight: 800;
}

.smmgo-notifications-panel .alert-success {
  background: rgba(22, 163, 74, 0.22) !important;
  border: 1px solid rgba(34, 197, 94, 0.28) !important;
}

.smmgo-notifications-panel .alert-danger {
  background: rgba(220, 38, 38, 0.22) !important;
  border: 1px solid rgba(248, 113, 113, 0.28) !important;
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-notifications-hero {
    display: block;
    text-align: center;
  }

  .smmgo-notifications-hero-box {
    max-width: 260px;
    margin: 24px auto 0;
  }

  .smmgo-notifications-tabs {
    justify-content: center;
    flex-wrap: wrap;
  }

  .smmgo-notifications-panel-head {
    display: block;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .smmgo-notifications-dashboard {
    max-width: 100%;
  }

  .smmgo-notifications-hero,
  .smmgo-notifications-tabs-panel,
  .smmgo-notifications-panel {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-notifications-hero h1 {
    font-size: 27px;
  }

  .smmgo-notifications-hero p {
    font-size: 14px;
  }

  .smmgo-notifications-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  .smmgo-notifications-tabs > li > a {
    width: 100%;
  }

  .smmgo-notifications-table tbody td {
    padding: 14px 12px !important;
    font-size: 12px;
  }
}
/* ===============================
   FAQ Page
   صفحة الأسئلة الشائعة
================================ */

.smmgo-faq-dashboard {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.smmgo-faq-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* الهيدر */
.smmgo-faq-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-faq-hero span,
.smmgo-faq-panel-head span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-faq-hero h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 900;
}

.smmgo-faq-hero p {
  max-width: 650px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-faq-hero-box {
  min-width: 170px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-faq-hero-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-faq-hero-box strong {
  display: block;
  color: #ffffff;
  font-size: 25px;
  font-weight: 900;
}

/* الكرت */
.smmgo-faq-panel {
  position: relative;
  padding: 28px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-faq-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.smmgo-faq-panel-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
}

/* المحتوى */
.smmgo-faq-content {
  color: #cdbddd;
  font-size: 14px;
  line-height: 2;
  font-weight: 700;
}

.smmgo-faq-content h1,
.smmgo-faq-content h2,
.smmgo-faq-content h3,
.smmgo-faq-content h4,
.smmgo-faq-content h5,
.smmgo-faq-content h6 {
  margin: 24px 0 12px;
  color: #ffffff;
  font-weight: 900;
  line-height: 1.5;
}

.smmgo-faq-content h1 {
  font-size: 28px;
}

.smmgo-faq-content h2 {
  font-size: 24px;
}

.smmgo-faq-content h3 {
  font-size: 20px;
}

.smmgo-faq-content p {
  margin: 0 0 16px;
  color: #cdbddd;
  line-height: 2;
}

.smmgo-faq-content a {
  color: #ef5bff !important;
  font-weight: 900;
  text-decoration: none !important;
}

.smmgo-faq-content ul,
.smmgo-faq-content ol {
  margin: 0 0 18px;
  padding-right: 22px;
  color: #cdbddd;
}

.smmgo-faq-content li {
  margin-bottom: 9px;
  line-height: 1.9;
}

.smmgo-faq-content .panel,
.smmgo-faq-content .well,
.smmgo-faq-content .card {
  padding: 18px;
  border-radius: 20px !important;
  color: #cdbddd;
  background: rgba(255,255,255,0.045) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
}

.smmgo-faq-content .panel-heading {
  border: 0 !important;
  color: #ffffff !important;
  background: transparent !important;
  font-weight: 900;
}

.smmgo-faq-content .panel-body {
  color: #cdbddd !important;
  line-height: 1.9;
}

.smmgo-faq-content table {
  width: 100%;
  margin: 18px 0;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.smmgo-faq-content table th {
  padding: 12px;
  color: #b7a8c4;
  font-size: 12px;
  font-weight: 900;
  border: 0 !important;
}

.smmgo-faq-content table td {
  padding: 14px 12px;
  color: #e8dcf0;
  background: rgba(255,255,255,0.045);
  border-top: 1px solid rgba(255,255,255,0.07);
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-faq-hero {
    display: block;
    text-align: center;
  }

  .smmgo-faq-hero-box {
    max-width: 240px;
    margin: 24px auto 0;
  }

  .smmgo-faq-panel-head {
    display: block;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .smmgo-faq-dashboard {
    max-width: 100%;
  }

  .smmgo-faq-hero,
  .smmgo-faq-panel {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-faq-hero h1 {
    font-size: 27px;
  }

  .smmgo-faq-hero p {
    font-size: 14px;
  }

  .smmgo-faq-content {
    font-size: 13px;
  }

  .smmgo-faq-content h1 {
    font-size: 24px;
  }

  .smmgo-faq-content h2 {
    font-size: 21px;
  }

  .smmgo-faq-content h3 {
    font-size: 18px;
  }
}
/* ===============================
   Mass Order Page
   صفحة الطلب الجماعي
================================ */

.smmgo-massorder-dashboard {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.smmgo-massorder-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* الهيدر */
.smmgo-massorder-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-massorder-hero span,
.smmgo-massorder-panel-head span,
.smmgo-massorder-help-box span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-massorder-hero h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 900;
}

.smmgo-massorder-hero p {
  max-width: 650px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-massorder-hero-box {
  min-width: 170px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-massorder-hero-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-massorder-hero-box strong {
  display: block;
  color: #ffffff;
  font-size: 25px;
  font-weight: 900;
}

/* الكرت */
.smmgo-massorder-panel {
  position: relative;
  padding: 28px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-massorder-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.smmgo-massorder-panel-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
}

/* الفورم */
.smmgo-massorder-panel .form-group {
  margin-bottom: 20px;
}

.smmgo-massorder-panel label {
  margin-bottom: 8px;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 900;
}

.smmgo-massorder-panel .form-control {
  min-height: 52px;
  border-radius: 17px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

.smmgo-massorder-panel textarea.form-control {
  min-height: 330px;
  resize: vertical;
  line-height: 1.8;
  font-family: inherit;
}

.smmgo-massorder-panel .form-control:focus {
  border-color: rgba(239,91,255,0.75) !important;
  box-shadow: 0 0 0 4px rgba(182,32,224,0.13) !important;
}

/* صندوق التنبيه */
.smmgo-massorder-help-box {
  margin-bottom: 20px;
  padding: 18px;
  border-radius: 20px;
  color: #cdbddd;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(239,91,255,0.18);
}

.smmgo-massorder-help-box p {
  margin: 0;
  color: #b7a8c4;
  font-size: 14px;
  line-height: 1.9;
  font-weight: 700;
}

/* زر الإرسال */
.smmgo-massorder-submit {
  width: 100%;
  min-height: 54px;
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 18px 42px rgba(182,32,224,0.34);
}

.smmgo-massorder-submit:hover,
.smmgo-massorder-submit:focus {
  color: #ffffff !important;
  opacity: 0.94;
}

/* التنبيهات */
.smmgo-massorder-panel .alert {
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-weight: 800;
}

.smmgo-massorder-panel .alert-success {
  background: rgba(22, 163, 74, 0.22) !important;
  border: 1px solid rgba(34, 197, 94, 0.28) !important;
}

.smmgo-massorder-panel .alert-danger {
  background: rgba(220, 38, 38, 0.22) !important;
  border: 1px solid rgba(248, 113, 113, 0.28) !important;
}

.smmgo-massorder-panel .alert a {
  color: #ffffff !important;
  font-weight: 900;
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-massorder-hero {
    display: block;
    text-align: center;
  }

  .smmgo-massorder-hero-box {
    max-width: 240px;
    margin: 24px auto 0;
  }

  .smmgo-massorder-panel-head {
    display: block;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .smmgo-massorder-dashboard {
    max-width: 100%;
  }

  .smmgo-massorder-hero,
  .smmgo-massorder-panel {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-massorder-hero h1 {
    font-size: 27px;
  }

  .smmgo-massorder-hero p {
    font-size: 14px;
  }

  .smmgo-massorder-panel textarea.form-control {
    min-height: 260px;
  }
}
/* ===============================
   Drip Feed Page
   صفحة الطلبات المتدرجة
================================ */

.smmgo-dripfeed-dashboard {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.smmgo-dripfeed-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* الهيدر */
.smmgo-dripfeed-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-dripfeed-hero span,
.smmgo-dripfeed-panel-head span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-dripfeed-hero h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 900;
}

.smmgo-dripfeed-hero p {
  max-width: 650px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-dripfeed-hero-box {
  min-width: 190px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-dripfeed-hero-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-dripfeed-hero-box strong {
  display: block;
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
}

/* الفلاتر */
.smmgo-dripfeed-filter-panel,
.smmgo-dripfeed-table-panel {
  position: relative;
  padding: 24px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-dripfeed-filter-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.smmgo-dripfeed-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0;
}

.smmgo-dripfeed-tabs > li {
  float: none;
}

.smmgo-dripfeed-tabs > li > a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border-radius: 999px !important;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 900;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.08);
  text-decoration: none !important;
}

.smmgo-dripfeed-tabs > li.active > a,
.smmgo-dripfeed-tabs > li.active > a:hover,
.smmgo-dripfeed-tabs > li.active > a:focus,
.smmgo-dripfeed-tabs > li > a:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  border-color: transparent !important;
}

.smmgo-dripfeed-search {
  width: 100%;
  max-width: 360px;
}

.smmgo-dripfeed-search .input-group {
  width: 100%;
}

.smmgo-dripfeed-search .form-control {
  min-height: 46px;
  border-radius: 16px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

.smmgo-dripfeed-search .input-group-btn .btn {
  min-height: 46px;
  border: 0 !important;
  border-radius: 16px 0 0 16px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
}

html[dir="ltr"] .smmgo-dripfeed-search .input-group-btn .btn {
  border-radius: 0 16px 16px 0 !important;
}

/* رأس الجدول */
.smmgo-dripfeed-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.smmgo-dripfeed-panel-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
}

/* الجدول */
.smmgo-dripfeed-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.smmgo-dripfeed-table {
  margin: 0;
  color: #ffffff;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.smmgo-dripfeed-table thead th {
  padding: 0 14px 8px;
  color: #b7a8c4;
  font-size: 12px;
  font-weight: 900;
  border: 0 !important;
  white-space: nowrap;
}

.smmgo-dripfeed-table tbody tr {
  background: rgba(255,255,255,0.045);
}

.smmgo-dripfeed-table tbody td {
  padding: 16px 14px !important;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 700;
  vertical-align: middle !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

.smmgo-dripfeed-table tbody td:first-child {
  border-right: 1px solid rgba(255,255,255,0.07);
  border-radius: 0 16px 16px 0;
}

.smmgo-dripfeed-table tbody td:last-child {
  border-left: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px 0 0 16px;
}

.smmgo-dripfeed-id {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 999px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.22);
  border: 1px solid rgba(239,91,255,0.25);
}

.smmgo-dripfeed-link-cell {
  min-width: 260px;
  max-width: 360px;
}

.smmgo-dripfeed-link {
  color: #cdbddd;
  font-size: 12px;
  line-height: 1.7;
  word-break: break-all;
}

.smmgo-dripfeed-price,
.smmgo-dripfeed-status,
.smmgo-dripfeed-runs {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 999px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.10);
  white-space: nowrap;
}

.smmgo-dripfeed-price {
  color: #f5d8ff;
  background: rgba(182,32,224,0.18);
  border-color: rgba(239,91,255,0.22);
}

.smmgo-dripfeed-status {
  background: rgba(182,32,224,0.22);
  border-color: rgba(239,91,255,0.25);
}

.smmgo-dripfeed-runs a {
  color: #ef5bff !important;
  font-weight: 900;
  text-decoration: none !important;
}

.smmgo-dripfeed-service-name {
  min-width: 240px;
  color: #ffffff;
  font-weight: 800;
  line-height: 1.7;
}

.smmgo-nowrap {
  white-space: nowrap;
}

.smmgo-empty-dripfeed {
  padding: 28px;
  text-align: center;
  color: #b7a8c4;
  font-size: 14px;
  font-weight: 800;
}

/* Pagination */
.smmgo-dripfeed-pagination-wrap {
  display: flex;
  justify-content: center;
}

.smmgo-dripfeed-pagination {
  margin: 0;
}

.smmgo-dripfeed-pagination > li > a,
.smmgo-dripfeed-pagination > li > span {
  margin: 0 4px;
  border: 0 !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.06) !important;
}

.smmgo-dripfeed-pagination > .active > a,
.smmgo-dripfeed-pagination > .active > span {
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-dripfeed-hero {
    display: block;
    text-align: center;
  }

  .smmgo-dripfeed-hero-box {
    max-width: 260px;
    margin: 24px auto 0;
  }

  .smmgo-dripfeed-filter-panel {
    display: block;
  }

  .smmgo-dripfeed-tabs {
    justify-content: center;
    margin-bottom: 14px;
  }

  .smmgo-dripfeed-search {
    max-width: 100%;
  }

  .smmgo-dripfeed-panel-head {
    display: block;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .smmgo-dripfeed-dashboard {
    max-width: 100%;
  }

  .smmgo-dripfeed-hero,
  .smmgo-dripfeed-filter-panel,
  .smmgo-dripfeed-table-panel {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-dripfeed-hero h1 {
    font-size: 27px;
  }

  .smmgo-dripfeed-hero p {
    font-size: 14px;
  }

  .smmgo-dripfeed-table tbody td {
    padding: 14px 12px !important;
    font-size: 12px;
  }

  .smmgo-dripfeed-service-name {
    min-width: 220px;
  }
}
/* ===============================
   Reset Password Page
   صفحة استعادة كلمة المرور
================================ */

.smmgo-resetpassword-page {
  width: 100%;
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 18px;
}

.smmgo-resetpassword-card {
  width: 100%;
  max-width: 520px;
  padding: 34px;
  border-radius: 30px;
  color: #ffffff;
  background:
    radial-gradient(circle at 85% 15%, rgba(239,91,255,0.26), transparent 34%),
    radial-gradient(circle at 10% 90%, rgba(111,53,255,0.18), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.94);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 28px 80px rgba(0,0,0,0.34);
}

.smmgo-resetpassword-header {
  margin-bottom: 26px;
  text-align: center;
}

.smmgo-resetpassword-header span {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-resetpassword-header h1 {
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 900;
}

.smmgo-resetpassword-header p {
  max-width: 420px;
  margin: 0 auto;
  color: #b7a8c4;
  font-size: 14px;
  line-height: 1.9;
  font-weight: 700;
}

/* الفورم */
.smmgo-resetpassword-card .form-group {
  margin-bottom: 20px;
}

.smmgo-resetpassword-card label {
  margin-bottom: 8px;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 900;
}

.smmgo-resetpassword-card .form-control {
  min-height: 54px;
  padding: 0 16px;
  border-radius: 18px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

.smmgo-resetpassword-card .form-control::placeholder {
  color: rgba(205,189,221,0.62);
}

.smmgo-resetpassword-card .form-control:focus {
  border-color: rgba(239,91,255,0.75) !important;
  box-shadow: 0 0 0 4px rgba(182,32,224,0.13) !important;
}

/* الكابتشا */
.smmgo-resetpassword-captcha {
  margin: 0 0 20px;
  display: flex;
  justify-content: center;
}

/* زر الإرسال */
.smmgo-resetpassword-submit {
  width: 100%;
  min-height: 54px;
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 18px 42px rgba(182,32,224,0.34);
}

.smmgo-resetpassword-submit:hover,
.smmgo-resetpassword-submit:focus {
  color: #ffffff !important;
  opacity: 0.94;
}

/* رابط الرجوع */
.smmgo-resetpassword-footer {
  margin-top: 22px;
  text-align: center;
}

.smmgo-resetpassword-footer a {
  color: #ef5bff !important;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none !important;
}

.smmgo-resetpassword-footer a:hover {
  color: #ffffff !important;
}

/* التنبيهات */
.smmgo-resetpassword-card .alert {
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-weight: 800;
}

.smmgo-resetpassword-card .alert-success {
  background: rgba(22, 163, 74, 0.22) !important;
  border: 1px solid rgba(34, 197, 94, 0.28) !important;
}

.smmgo-resetpassword-card .alert-danger {
  background: rgba(220, 38, 38, 0.22) !important;
  border: 1px solid rgba(248, 113, 113, 0.28) !important;
}

/* Responsive */
@media (max-width: 767px) {
  .smmgo-resetpassword-page {
    padding: 38px 14px;
  }

  .smmgo-resetpassword-card {
    padding: 24px;
    border-radius: 24px;
  }

  .smmgo-resetpassword-header h1 {
    font-size: 25px;
  }

  .smmgo-resetpassword-header p {
    font-size: 13px;
  }
}
/* ===============================

   Signin Landing Page

   صفحة تسجيل الدخول والواجهة الرئيسية

================================ */



.smmgo-full-landing {

  position: relative;

  overflow: hidden;

  padding: 40px 0 70px;

  color: #ffffff;

  background:

    radial-gradient(circle at 12% 12%, rgba(239,91,255,0.16), transparent 30%),

    radial-gradient(circle at 88% 5%, rgba(111,53,255,0.16), transparent 32%),

    radial-gradient(circle at 50% 95%, rgba(182,32,224,0.10), transparent 34%),

    #0b0312;

}



.smmgo-glow {

  position: absolute;

  z-index: 0;

  border-radius: 50%;

  filter: blur(36px);

  opacity: 0.55;

  pointer-events: none;

}



.smmgo-glow-1 {

  width: 360px;

  height: 360px;

  top: 120px;

  right: -130px;

  background: rgba(182,32,224,0.36);

}



.smmgo-glow-2 {

  width: 320px;

  height: 320px;

  bottom: 280px;

  left: -110px;

  background: rgba(239,91,255,0.22);

}



.smmgo-full-landing .container {

  position: relative;

  z-index: 2;

}



/* Hero */

.smmgo-hero {

  position: relative;

  align-items: center;

  margin-top: 24px;

  margin-bottom: 34px;

}



.smmgo-hero-full {

  display: flex;

  align-items: center;

}



.smmgo-hero-left-box {

  position: relative;

  min-height: 680px;

  padding: 42px;

  border-radius: 36px;

  overflow: hidden;

  background:

    radial-gradient(circle at 78% 18%, rgba(239,91,255,0.22), transparent 34%),

    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.025)),

    rgba(19,7,30,0.92);

  border: 1px solid rgba(255,255,255,0.10);

  box-shadow: 0 30px 90px rgba(0,0,0,0.34);

}



.smmgo-hero-content {

  position: relative;

  z-index: 2;

}



.smmgo-badge,

.smmgo-section-head span,

.smmgo-split-content span,

.smmgo-final-cta-content span {

  display: inline-flex;

  margin-bottom: 14px;

  padding: 8px 14px;

  border-radius: 999px;

  color: #f5d8ff;

  font-size: 12px;

  font-weight: 900;

  background: rgba(182,32,224,0.16);

  border: 1px solid rgba(239,91,255,0.24);

}



.smmgo-hero-content h1 {

  max-width: 680px;

  margin: 0 0 18px;

  color: #ffffff;

  font-size: 50px;

  line-height: 1.18;

  font-weight: 900;

  letter-spacing: -0.7px;

}



.smmgo-hero-content h1 span {

  display: block;

  color: #ef5bff;

}



.smmgo-hero-content p {

  max-width: 640px;

  margin: 0;

  color: #cdbddd;

  font-size: 16px;

  line-height: 2;

  font-weight: 700;

}



.smmgo-hero-actions {

  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  margin-top: 28px;

}



.smmgo-primary-btn,

.smmgo-outline-btn {

  min-height: 52px;

  display: inline-flex !important;

  align-items: center;

  justify-content: center;

  padding: 0 24px;

  border-radius: 999px !important;

  font-size: 14px;

  font-weight: 900;

  text-decoration: none !important;

}



.smmgo-primary-btn {

  color: #ffffff !important;

  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;

  border: 0 !important;

  box-shadow: 0 18px 42px rgba(182,32,224,0.34);

}



.smmgo-outline-btn {

  color: #ffffff !important;

  background: rgba(255,255,255,0.055) !important;

  border: 1px solid rgba(255,255,255,0.13) !important;

}



.smmgo-primary-btn:hover,

.smmgo-outline-btn:hover {

  color: #ffffff !important;

  opacity: 0.94;

}



.smmgo-stats {

  margin-top: 30px;

}



.smmgo-stat-card {

  min-height: 105px;

  padding: 18px;

  border-radius: 22px;

  background: rgba(255,255,255,0.055);

  border: 1px solid rgba(255,255,255,0.10);

}



.smmgo-stat-card strong {

  display: block;

  margin-bottom: 8px;

  color: #ffffff;

  font-size: 25px;

  line-height: 1;

  font-weight: 900;

}



.smmgo-stat-card span {

  color: #b7a8c4;

  font-size: 13px;

  font-weight: 800;

}



.smmgo-hero-img-box {

  position: absolute;

  z-index: 1;

  right: 16px;

  bottom: -18px;

  width: 46%;

  max-width: 330px;

  opacity: 0.94;

}



html[dir="ltr"] .smmgo-hero-img-box {

  right: auto;

  left: 16px;

}



.smmgo-hero-img-box img {

  width: 100%;

  display: block;

  filter: drop-shadow(0 26px 55px rgba(0,0,0,0.45));

}



/* Login Card */

.smmgo-login-card {

  position: relative;

  padding: 32px;

  border-radius: 32px;

  color: #ffffff;

  background:

    radial-gradient(circle at 80% 8%, rgba(239,91,255,0.20), transparent 34%),

    linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),

    rgba(19,7,30,0.96);

  border: 1px solid rgba(255,255,255,0.11);

  box-shadow: 0 30px 90px rgba(0,0,0,0.38);

}



.smmgo-login-head {

  margin-bottom: 24px;

  text-align: center;

}



.smmgo-login-head h3 {

  margin: 0 0 9px;

  color: #ffffff;

  font-size: 27px;

  font-weight: 900;

}



.smmgo-login-head p {

  margin: 0;

  color: #b7a8c4;

  font-size: 14px;

  line-height: 1.8;

  font-weight: 700;

}



.smmgo-login-form .form-group {

  margin-bottom: 18px;

}



.smmgo-login-form label {

  margin-bottom: 8px;

  color: #e8dcf0;

  font-size: 13px;

  font-weight: 900;

}



.smmgo-login-form .form-control {

  min-height: 54px;

  padding: 0 16px;

  border-radius: 18px !important;

  color: #ffffff !important;

  background: rgba(255,255,255,0.055) !important;

  border: 1px solid rgba(255,255,255,0.10) !important;

  box-shadow: none !important;

}



.smmgo-login-form .form-control::placeholder {

  color: rgba(205,189,221,0.58);

}



.smmgo-login-form .form-control:focus {

  border-color: rgba(239,91,255,0.75) !important;

  box-shadow: 0 0 0 4px rgba(182,32,224,0.13) !important;

}



.form-group__password {

  position: relative;

}



.forgot-password {

  display: inline-flex;

  margin-top: 10px;

  color: #ef5bff !important;

  font-size: 12px;

  font-weight: 900;

  text-decoration: none !important;

}



.forgot-password:hover {

  color: #ffffff !important;

}



.smmgo-captcha {

  display: flex;

  justify-content: center;

  margin: 16px 0 18px;

}



.smmgo-login-btn {

  width: 100%;

  min-height: 54px;

  border: 0 !important;

  border-radius: 18px !important;

  color: #ffffff !important;

  font-size: 15px;

  font-weight: 900;

  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;

  box-shadow: 0 18px 42px rgba(182,32,224,0.34);

}



.smmgo-login-btn:hover,

.smmgo-login-btn:focus {

  color: #ffffff !important;

  opacity: 0.94;

}



.smmgo-google-login {

  margin-top: 18px;

  display: flex;

  justify-content: center;

}



.smmgo-register-text {

  margin-top: 20px;

  text-align: center;

  color: #b7a8c4;

  font-size: 13px;

  font-weight: 800;

}



.smmgo-register-text a {

  color: #ef5bff !important;

  font-weight: 900;

  text-decoration: none !important;

}



.smmgo-login-form .alert {

  border: 0 !important;

  border-radius: 18px !important;

  color: #ffffff !important;

  font-weight: 800;

}



.smmgo-login-form .alert-success {

  background: rgba(22, 163, 74, 0.22) !important;

  border: 1px solid rgba(34, 197, 94, 0.28) !important;

}



.smmgo-login-form .alert-danger {

  background: rgba(220, 38, 38, 0.22) !important;

  border: 1px solid rgba(248, 113, 113, 0.28) !important;

}



/* Platform Marquee */

.smmgo-platform-marquee {

  position: relative;

  margin: 28px 0 70px;

  overflow: hidden;

  border-radius: 26px;

  background: rgba(255,255,255,0.045);

  border: 1px solid rgba(255,255,255,0.09);

}



.smmgo-platform-track {

  display: flex;

  width: max-content;

  animation: smmgoMarquee 28s linear infinite;

}



.smmgo-platform-group {

  display: flex;

  gap: 14px;

  padding: 18px 7px;

}



.smmgo-platform-chip {

  min-width: 155px;

  min-height: 50px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  padding: 0 18px;

  border-radius: 999px;

  color: #ffffff;

  font-size: 14px;

  font-weight: 900;

  background: rgba(255,255,255,0.065);

  border: 1px solid rgba(255,255,255,0.10);

}



.smmgo-platform-chip svg {

  width: 20px;

  height: 20px;

}



@keyframes smmgoMarquee {

  0% {

    transform: translateX(0);

  }

  100% {

    transform: translateX(50%);

  }

}



html[dir="ltr"] .smmgo-platform-track {

  animation-name: smmgoMarqueeLtr;

}



@keyframes smmgoMarqueeLtr {

  0% {

    transform: translateX(0);

  }

  100% {

    transform: translateX(-50%);

  }

}



/* Sections */

.smmgo-section {

  position: relative;

  margin: 0 0 78px;

}



.smmgo-section-head {

  max-width: 720px;

  margin: 0 auto 34px;

  text-align: center;

}



.smmgo-section-head h2,

.smmgo-split-content h2 {

  margin: 0 0 12px;

  color: #ffffff;

  font-size: 34px;

  line-height: 1.35;

  font-weight: 900;

}



.smmgo-section-head p,

.smmgo-split-content p {

  margin: 0;

  color: #b7a8c4;

  font-size: 15px;

  line-height: 2;

  font-weight: 700;

}



/* Mini Service Cards */

.smmgo-video-cards {

  display: flex;

  flex-wrap: wrap;

}



.smmgo-video-cards > [class*="col-"] {

  margin-bottom: 22px;

}



.smmgo-mini-profile,

.smmgo-feature-card,

.smmgo-step-card,

.smmgo-service-card,

.smmgo-testimonial-card,

.smmgo-faq-item {

  height: 100%;

  padding: 24px;

  border-radius: 28px;

  color: #ffffff;

  background:

    linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.028)),

    rgba(19,7,30,0.92);

  border: 1px solid rgba(255,255,255,0.10);

  box-shadow: 0 24px 68px rgba(0,0,0,0.25);

}



.smmgo-mini-profile {

  text-align: center;

}



.smmgo-mini-profile h4,

.smmgo-feature-card h4,

.smmgo-step-card h4,

.smmgo-service-card h4,

.smmgo-testimonial-user h4 {

  margin: 16px 0 10px;

  color: #ffffff;

  font-size: 18px;

  line-height: 1.5;

  font-weight: 900;

}



.smmgo-mini-profile p,

.smmgo-feature-card p,

.smmgo-step-card p,

.smmgo-service-card p,

.smmgo-testimonial-card p {

  margin: 0;

  color: #b7a8c4;

  font-size: 14px;

  line-height: 1.9;

  font-weight: 700;

}



.smmgo-avatar,

.smmgo-service-icon {

  width: 68px;

  height: 68px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border-radius: 22px;

  color: #ffffff;

  font-size: 24px;

  font-weight: 900;

  background: linear-gradient(135deg, #b620e0, #ef5bff);

  box-shadow: 0 16px 38px rgba(182,32,224,0.28);

}



.smmgo-social-svg {

  width: 32px;

  height: 32px;

}



/* Logo Colors */

.smmgo-instagram-logo,

.smmgo-instagram-chip {

  background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af, #515bd4) !important;

}



.smmgo-tiktok-logo,

.smmgo-tiktok-chip {

  background: linear-gradient(135deg, #111111, #25f4ee, #fe2c55) !important;

}



.smmgo-youtube-logo,

.smmgo-youtube-chip {

  background: linear-gradient(135deg, #ff0000, #b00000) !important;

}



.smmgo-facebook-logo,

.smmgo-facebook-chip {

  background: linear-gradient(135deg, #1877f2, #0b4db3) !important;

}



.smmgo-telegram-logo,

.smmgo-telegram-chip {

  background: linear-gradient(135deg, #2aabee, #168acd) !important;

}



.smmgo-snapchat-chip {

  background: linear-gradient(135deg, #fffc00, #ffb300) !important;

  color: #111111 !important;

}



.smmgo-linkedin-logo {

  background: linear-gradient(135deg, #0a66c2, #004182) !important;

}



/* Features */

.smmgo-feature-row > [class*="col-"] {

  margin-bottom: 22px;

}



.smmgo-tall-card {

  min-height: 420px;

}



.smmgo-feature-img-box {

  height: 210px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: -8px -8px 20px;

  border-radius: 24px;

  overflow: hidden;

  background: rgba(255,255,255,0.045);

}



.smmgo-feature-img-box img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  display: block;

}



/* Split Sections */

.smmgo-split-section {

  padding: 34px;

  border-radius: 34px;

  background:

    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.16), transparent 34%),

    linear-gradient(180deg, rgba(255,255,255,0.065), rgba(255,255,255,0.025)),

    rgba(19,7,30,0.88);

  border: 1px solid rgba(255,255,255,0.10);

  box-shadow: 0 28px 80px rgba(0,0,0,0.24);

}



.smmgo-split-section .row {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}



.smmgo-faster-img-box,

.smmgo-welcome-img-box {

  display: flex;

  align-items: center;

  justify-content: center;

}



.smmgo-faster-img-box img,

.smmgo-welcome-img-box img {

  width: 100%;

  max-width: 420px;

  display: block;

  filter: drop-shadow(0 28px 60px rgba(0,0,0,0.38));

}



.smmgo-split-content {

  padding: 12px;

}



.smmgo-split-content .btn {

  margin-top: 24px;

}



/* Steps */

.smmgo-steps > [class*="col-"] {

  margin-bottom: 22px;

}



.smmgo-step-card {

  position: relative;

  min-height: 210px;

}



.smmgo-step-card strong {

  display: inline-flex;

  width: 58px;

  height: 58px;

  align-items: center;

  justify-content: center;

  border-radius: 20px;

  color: #ffffff;

  font-size: 18px;

  font-weight: 900;

  background: linear-gradient(135deg, #b620e0, #ef5bff);

  box-shadow: 0 16px 38px rgba(182,32,224,0.28);

}



/* About Visual */

.smmgo-about-visual {

  position: relative;

  min-height: 440px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.smmgo-floating-card {

  position: absolute;

  min-height: 44px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 0 16px;

  border-radius: 999px;

  color: #ffffff;

  font-size: 13px;

  font-weight: 900;

  background: rgba(255,255,255,0.08);

  border: 1px solid rgba(255,255,255,0.14);

  box-shadow: 0 18px 46px rgba(0,0,0,0.28);

  backdrop-filter: blur(10px);

}



.smmgo-floating-card-1 {

  top: 72px;

  right: 24px;

}



.smmgo-floating-card-2 {

  bottom: 88px;

  left: 22px;

}



/* Service Cards */

.smmgo-service-grid > [class*="col-"] {

  margin-bottom: 22px;

}



.smmgo-service-card {

  min-height: 275px;

}



.smmgo-service-card a {

  display: inline-flex;

  margin-top: 18px;

  color: #ef5bff !important;

  font-size: 13px;

  font-weight: 900;

  text-decoration: none !important;

}



.smmgo-service-card a:hover {

  color: #ffffff !important;

}



/* Final CTA */

.smmgo-final-cta {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 28px;

  padding: 40px;

  border-radius: 36px;

  overflow: hidden;

  background:

    radial-gradient(circle at 80% 16%, rgba(239,91,255,0.28), transparent 34%),

    radial-gradient(circle at 10% 90%, rgba(111,53,255,0.18), transparent 34%),

    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),

    rgba(19,7,30,0.95);

  border: 1px solid rgba(255,255,255,0.11);

  box-shadow: 0 30px 90px rgba(0,0,0,0.30);

}



.smmgo-final-cta-content {

  max-width: 640px;

}



.smmgo-final-cta-content h2 {

  margin: 0 0 14px;

  color: #ffffff;

  font-size: 34px;

  line-height: 1.35;

  font-weight: 900;

}



.smmgo-final-cta-content p {

  margin: 0;

  color: #b7a8c4;

  font-size: 15px;

  line-height: 2;

  font-weight: 700;

}



.smmgo-final-cta-actions {

  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  margin-top: 26px;

}



.smmgo-final-cta-visual {

  position: relative;

  width: 240px;

  height: 240px;

  flex: 0 0 240px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.smmgo-final-main-circle {

  width: 156px;

  height: 156px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background: linear-gradient(135deg, #b620e0, #ef5bff);

  box-shadow: 0 24px 62px rgba(182,32,224,0.40);

}



.smmgo-final-main-circle strong {

  color: #ffffff;

  font-size: 31px;

  line-height: 1;

  font-weight: 900;

}



.smmgo-final-main-circle small {

  margin-top: 8px;

  color: #ffffff;

  font-size: 12px;

  font-weight: 900;

}



.smmgo-final-orbit span {

  position: absolute;

  width: 46px;

  height: 46px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  color: #ffffff;

  font-size: 12px;

  font-weight: 900;

  background: rgba(255,255,255,0.08);

  border: 1px solid rgba(255,255,255,0.14);

}



.smmgo-final-orbit span:nth-child(1) {

  top: 6px;

  right: 92px;

}



.smmgo-final-orbit span:nth-child(2) {

  right: 4px;

  bottom: 70px;

}



.smmgo-final-orbit span:nth-child(3) {

  left: 12px;

  bottom: 78px;

}



/* Testimonials */

.smmgo-testimonials > [class*="col-"] {

  margin-bottom: 22px;

}



.smmgo-testimonial-user {

  display: flex;

  align-items: center;

  gap: 14px;

  margin-bottom: 18px;

}



.smmgo-testimonial-user .smmgo-avatar {

  width: 52px;

  height: 52px;

  border-radius: 18px;

  font-size: 18px;

}



.smmgo-testimonial-user h4 {

  margin: 0 0 4px;

}



.smmgo-testimonial-user span {

  color: #b7a8c4;

  font-size: 12px;

  font-weight: 800;

}



.smmgo-avatar-1 {

  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;

}



.smmgo-avatar-2 {

  background: linear-gradient(135deg, #7c3aed, #ef5bff) !important;

}



.smmgo-avatar-3 {

  background: linear-gradient(135deg, #2563eb, #b620e0) !important;

}



/* FAQ Landing */

.smmgo-faq {

  max-width: 880px;

  margin: 0 auto;

}



.smmgo-faq-item {

  height: auto;

  margin-bottom: 14px !important;

  padding: 0;

  overflow: hidden;

}



.smmgo-faq-item .panel-heading {

  padding: 0;

  background: transparent !important;

  border: 0 !important;

}



.smmgo-faq-item .panel-title a {

  display: block;

  padding: 20px 24px;

  color: #ffffff !important;

  font-size: 15px;

  font-weight: 900;

  text-decoration: none !important;

}



.smmgo-faq-item .panel-body {

  padding: 0 24px 22px;

  color: #b7a8c4;

  font-size: 14px;

  line-height: 1.9;

  font-weight: 700;

  background: transparent !important;

  border: 0 !important;

}



/* Responsive */

@media (max-width: 1199px) {

  .smmgo-hero-content h1 {

    font-size: 43px;

  }



  .smmgo-hero-img-box {

    width: 42%;

  }

}



@media (max-width: 991px) {

  .smmgo-full-landing {

    padding-top: 24px;

  }



  .smmgo-hero-full {

    display: block;

  }



  .smmgo-hero-left-box {

    min-height: auto;

    margin-bottom: 24px;

    text-align: center;

  }



  .smmgo-hero-content h1,

  .smmgo-hero-content p {

    margin-left: auto;

    margin-right: auto;

  }



  .smmgo-hero-actions {

    justify-content: center;

  }



  .smmgo-hero-img-box {

    position: relative;

    right: auto;

    left: auto;

    bottom: auto;

    width: 100%;

    max-width: 360px;

    margin: 28px auto -10px;

  }



  .smmgo-stats > [class*="col-"] {

    margin-bottom: 14px;

  }



  .smmgo-section-head h2,

  .smmgo-split-content h2,

  .smmgo-final-cta-content h2 {

    font-size: 29px;

  }



  .smmgo-split-section .row {

    display: block;

  }



  .smmgo-split-content {

    text-align: center;

    margin-top: 22px;

  }



  .smmgo-final-cta {

    display: block;

    text-align: center;

  }



  .smmgo-final-cta-actions {

    justify-content: center;

  }



  .smmgo-final-cta-visual {

    margin: 34px auto 0;

  }



  .smmgo-about-visual {

    min-height: 360px;

  }

}



@media (max-width: 767px) {

  .smmgo-full-landing {

    padding: 18px 0 48px;

  }



  .smmgo-hero {

    margin-top: 10px;

  }



  .smmgo-hero-left-box,

  .smmgo-login-card,

  .smmgo-split-section,

  .smmgo-final-cta {

    padding: 22px;

    border-radius: 26px;

  }



  .smmgo-hero-content h1 {

    font-size: 32px;

  }



  .smmgo-hero-content p,

  .smmgo-section-head p,

  .smmgo-split-content p,

  .smmgo-final-cta-content p {

    font-size: 14px;

  }



  .smmgo-hero-actions,

  .smmgo-final-cta-actions {

    display: grid;

    grid-template-columns: 1fr;

  }



  .smmgo-primary-btn,

  .smmgo-outline-btn {

    width: 100%;

  }



  .smmgo-login-head h3 {

    font-size: 24px;

  }



  .smmgo-platform-marquee {

    margin-bottom: 48px;

  }



  .smmgo-platform-chip {

    min-width: 135px;

    min-height: 46px;

    font-size: 12px;

  }



  .smmgo-section {

    margin-bottom: 54px;

  }



  .smmgo-section-head {

    margin-bottom: 24px;

  }



  .smmgo-section-head h2,

  .smmgo-split-content h2,

  .smmgo-final-cta-content h2 {

    font-size: 25px;

  }



  .smmgo-mini-profile,

  .smmgo-feature-card,

  .smmgo-step-card,

  .smmgo-service-card,

  .smmgo-testimonial-card {

    padding: 20px;

    border-radius: 24px;

  }



  .smmgo-tall-card {

    min-height: auto;

  }



  .smmgo-feature-img-box {

    height: 180px;

  }



  .smmgo-final-cta-visual {

    width: 210px;

    height: 210px;

    flex-basis: 210px;

  }



  .smmgo-final-main-circle {

    width: 138px;

    height: 138px;

  }



  .smmgo-final-main-circle strong {

    font-size: 26px;

  }



  .smmgo-floating-card {

    font-size: 12px;

  }



  .smmgo-floating-card-1 {

    right: 0;

  }



  .smmgo-floating-card-2 {

    left: 0;

  }

}
/* ===============================
   Signup Page
   صفحة إنشاء الحساب
================================ */

.smmgo-signup-page {
  width: 100%;
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 18px;
  color: #ffffff;
}

.smmgo-signup-card {
  width: 100%;
  max-width: 680px;
  padding: 34px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 85% 15%, rgba(239,91,255,0.26), transparent 34%),
    radial-gradient(circle at 10% 90%, rgba(111,53,255,0.18), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.94);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 28px 80px rgba(0,0,0,0.34);
}

.smmgo-signup-header {
  margin-bottom: 28px;
  text-align: center;
}

.smmgo-signup-header span {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-signup-header h1 {
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 31px;
  line-height: 1.3;
  font-weight: 900;
}

.smmgo-signup-header p {
  max-width: 520px;
  margin: 0 auto;
  color: #b7a8c4;
  font-size: 14px;
  line-height: 1.9;
  font-weight: 700;
}

/* الحقول */
.smmgo-signup-fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.smmgo-signup-card .form-group {
  margin-bottom: 18px;
}

.smmgo-signup-card label {
  margin-bottom: 8px;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 900;
}

.smmgo-signup-card .form-control {
  min-height: 54px;
  padding: 0 16px;
  border-radius: 18px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

.smmgo-signup-card .form-control::placeholder {
  color: rgba(205,189,221,0.62);
}

.smmgo-signup-card .form-control:focus {
  border-color: rgba(239,91,255,0.75) !important;
  box-shadow: 0 0 0 4px rgba(182,32,224,0.13) !important;
}

/* الكابتشا */
.smmgo-signup-captcha {
  margin: 2px 0 20px;
  display: flex;
  justify-content: center;
}

/* الشروط */
.smmgo-signup-terms {
  margin: 2px 0 20px !important;
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(255,255,255,0.08);
}

.smmgo-signup-terms label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #cdbddd;
  font-size: 13px;
  line-height: 1.8;
  font-weight: 800;
  cursor: pointer;
}

.smmgo-signup-terms input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #b620e0;
  flex: 0 0 auto;
}

.smmgo-signup-terms a {
  color: #ef5bff !important;
  font-weight: 900;
  text-decoration: none !important;
}

.smmgo-signup-terms a:hover {
  color: #ffffff !important;
}

/* زر التسجيل */
.smmgo-signup-submit {
  width: 100%;
  min-height: 54px;
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 18px 42px rgba(182,32,224,0.34);
}

.smmgo-signup-submit:hover,
.smmgo-signup-submit:focus {
  color: #ffffff !important;
  opacity: 0.94;
}

/* تسجيل Google */
.smmgo-signup-google {
  margin-top: 18px;
  display: flex;
  justify-content: center;
}

/* رابط تسجيل الدخول */
.smmgo-signup-login-text {
  margin-top: 22px;
  text-align: center;
  color: #b7a8c4;
  font-size: 13px;
  font-weight: 800;
}

.smmgo-signup-login-text a {
  color: #ef5bff !important;
  font-weight: 900;
  text-decoration: none !important;
}

.smmgo-signup-login-text a:hover {
  color: #ffffff !important;
}

/* التنبيهات */
.smmgo-signup-card .alert {
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-weight: 800;
}

.smmgo-signup-card .alert-success {
  background: rgba(22, 163, 74, 0.22) !important;
  border: 1px solid rgba(34, 197, 94, 0.28) !important;
}

.smmgo-signup-card .alert-danger {
  background: rgba(220, 38, 38, 0.22) !important;
  border: 1px solid rgba(248, 113, 113, 0.28) !important;
}

/* Responsive */
@media (max-width: 767px) {
  .smmgo-signup-page {
    padding: 38px 14px;
  }

  .smmgo-signup-card {
    padding: 24px;
    border-radius: 24px;
  }

  .smmgo-signup-header h1 {
    font-size: 25px;
  }

  .smmgo-signup-header p {
    font-size: 13px;
  }

  .smmgo-signup-fields {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .smmgo-signup-terms label {
    align-items: flex-start;
  }
}
/* ===============================
   Set New Password Page
   صفحة تعيين كلمة مرور جديدة
================================ */

.smmgo-setpassword-page {
  width: 100%;
  min-height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 18px;
  color: #ffffff;
}

.smmgo-setpassword-card {
  width: 100%;
  max-width: 540px;
  padding: 34px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 85% 15%, rgba(239,91,255,0.26), transparent 34%),
    radial-gradient(circle at 10% 90%, rgba(111,53,255,0.18), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.94);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 28px 80px rgba(0,0,0,0.34);
}

.smmgo-setpassword-header {
  margin-bottom: 26px;
  text-align: center;
}

.smmgo-setpassword-header span {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-setpassword-header h1 {
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 900;
}

.smmgo-setpassword-header p {
  max-width: 420px;
  margin: 0 auto;
  color: #b7a8c4;
  font-size: 14px;
  line-height: 1.9;
  font-weight: 700;
}

/* الفورم */
.smmgo-setpassword-card .form-group {
  margin-bottom: 20px;
}

.smmgo-setpassword-card label {
  margin-bottom: 8px;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 900;
}

.smmgo-setpassword-card .form-control {
  min-height: 54px;
  padding: 0 16px;
  border-radius: 18px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

.smmgo-setpassword-card .form-control[readonly] {
  color: #cdbddd !important;
  background: rgba(255,255,255,0.035) !important;
  cursor: not-allowed;
}

.smmgo-setpassword-card .form-control::placeholder {
  color: rgba(205,189,221,0.62);
}

.smmgo-setpassword-card .form-control:focus {
  border-color: rgba(239,91,255,0.75) !important;
  box-shadow: 0 0 0 4px rgba(182,32,224,0.13) !important;
}

/* زر الحفظ */
.smmgo-setpassword-submit {
  width: 100%;
  min-height: 54px;
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 18px 42px rgba(182,32,224,0.34);
}

.smmgo-setpassword-submit:hover,
.smmgo-setpassword-submit:focus {
  color: #ffffff !important;
  opacity: 0.94;
}

/* رابط الرجوع */
.smmgo-setpassword-footer {
  margin-top: 22px;
  text-align: center;
}

.smmgo-setpassword-footer a {
  color: #ef5bff !important;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none !important;
}

.smmgo-setpassword-footer a:hover {
  color: #ffffff !important;
}

/* التنبيهات */
.smmgo-setpassword-card .alert {
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-weight: 800;
}

.smmgo-setpassword-card .alert-success {
  background: rgba(22, 163, 74, 0.22) !important;
  border: 1px solid rgba(34, 197, 94, 0.28) !important;
}

.smmgo-setpassword-card .alert-danger {
  background: rgba(220, 38, 38, 0.22) !important;
  border: 1px solid rgba(248, 113, 113, 0.28) !important;
}

/* Responsive */
@media (max-width: 767px) {
  .smmgo-setpassword-page {
    padding: 38px 14px;
  }

  .smmgo-setpassword-card {
    padding: 24px;
    border-radius: 24px;
  }

  .smmgo-setpassword-header h1 {
    font-size: 25px;
  }

  .smmgo-setpassword-header p {
    font-size: 13px;
  }
}
/* ===============================
   Confirm Email Page
   صفحة تأكيد البريد الإلكتروني
================================ */

.smmgo-confirmemail-page {
  width: 100%;
  min-height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 18px;
  color: #ffffff;
}

.smmgo-confirmemail-card {
  width: 100%;
  max-width: 620px;
  padding: 34px;
  border-radius: 30px;
  text-align: center;
  background:
    radial-gradient(circle at 85% 15%, rgba(239,91,255,0.26), transparent 34%),
    radial-gradient(circle at 10% 90%, rgba(111,53,255,0.18), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.94);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 28px 80px rgba(0,0,0,0.34);
}

.smmgo-confirmemail-header {
  margin-bottom: 26px;
}

.smmgo-confirmemail-header span {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-confirmemail-header h1 {
  margin: 0 0 14px;
  color: #ffffff;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 900;
}

.smmgo-confirmemail-description {
  max-width: 500px;
  margin: 0 auto;
}

.smmgo-confirmemail-description p {
  margin: 0 0 10px;
  color: #b7a8c4;
  font-size: 14px;
  line-height: 1.9;
  font-weight: 700;
}

.smmgo-confirmemail-description strong {
  color: #ffffff;
  font-weight: 900;
  word-break: break-all;
}

/* الأزرار */
.smmgo-confirmemail-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 24px;
}

.smmgo-confirmemail-primary {
  width: 100%;
  min-height: 54px;
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 18px 42px rgba(182,32,224,0.34);
}

.smmgo-confirmemail-primary:hover,
.smmgo-confirmemail-primary:focus {
  color: #ffffff !important;
  opacity: 0.94;
}

.smmgo-confirmemail-link {
  width: 100%;
  min-height: 50px;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 18px !important;
  color: #ef5bff !important;
  font-size: 14px;
  font-weight: 900;
  background: rgba(255,255,255,0.055) !important;
  text-decoration: none !important;
}

.smmgo-confirmemail-link:hover,
.smmgo-confirmemail-link:focus {
  color: #ffffff !important;
  background: rgba(255,255,255,0.08) !important;
}

/* التنبيهات */
.smmgo-confirmemail-card .alert {
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-weight: 800;
  text-align: start;
}

.smmgo-confirmemail-card .alert-success {
  background: rgba(22, 163, 74, 0.22) !important;
  border: 1px solid rgba(34, 197, 94, 0.28) !important;
}

.smmgo-confirmemail-card .alert-danger {
  background: rgba(220, 38, 38, 0.22) !important;
  border: 1px solid rgba(248, 113, 113, 0.28) !important;
}

/* Modal */
.smmgo-confirmemail-modal .modal-dialog {
  margin-top: 90px;
}

.smmgo-confirmemail-modal .modal-content {
  overflow: hidden;
  border-radius: 28px !important;
  color: #ffffff;
  background:
    radial-gradient(circle at 85% 15%, rgba(239,91,255,0.22), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.98) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,0.45);
}

.smmgo-confirmemail-modal .modal-header {
  padding: 22px 24px;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.smmgo-confirmemail-modal .modal-title {
  margin: 0;
  color: #ffffff;
  font-size: 21px;
  font-weight: 900;
}

.smmgo-confirmemail-modal .close {
  color: #ffffff !important;
  opacity: 0.75;
  text-shadow: none !important;
}

.smmgo-confirmemail-modal .modal-body {
  padding: 24px;
}

.smmgo-confirmemail-modal .form-group {
  margin-bottom: 18px;
}

.smmgo-confirmemail-modal label {
  margin-bottom: 8px;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 900;
}

.smmgo-confirmemail-modal .form-control {
  min-height: 52px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  border-radius: 18px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

.smmgo-confirmemail-modal span.form-control {
  color: #cdbddd !important;
  background: rgba(255,255,255,0.035) !important;
  word-break: break-all;
}

.smmgo-confirmemail-modal .form-control::placeholder {
  color: rgba(205,189,221,0.62);
}

.smmgo-confirmemail-modal .form-control:focus {
  border-color: rgba(239,91,255,0.75) !important;
  box-shadow: 0 0 0 4px rgba(182,32,224,0.13) !important;
}

.smmgo-confirmemail-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 20px 24px;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}

.smmgo-confirmemail-modal-close,
.smmgo-confirmemail-modal-submit {
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px !important;
  font-size: 13px;
  font-weight: 900;
}

.smmgo-confirmemail-modal-close {
  color: #ffffff !important;
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}

.smmgo-confirmemail-modal-submit {
  color: #ffffff !important;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  border: 0 !important;
  box-shadow: 0 14px 32px rgba(182,32,224,0.28);
}

.smmgo-confirmemail-modal .alert {
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-weight: 800;
  background: rgba(220, 38, 38, 0.22) !important;
  border: 1px solid rgba(248, 113, 113, 0.28) !important;
}

/* Responsive */
@media (max-width: 767px) {
  .smmgo-confirmemail-page {
    padding: 38px 14px;
  }

  .smmgo-confirmemail-card {
    padding: 24px;
    border-radius: 24px;
  }

  .smmgo-confirmemail-header h1 {
    font-size: 25px;
  }

  .smmgo-confirmemail-description p {
    font-size: 13px;
  }

  .smmgo-confirmemail-modal .modal-dialog {
    margin: 40px 12px;
  }

  .smmgo-confirmemail-modal .modal-header,
  .smmgo-confirmemail-modal .modal-body,
  .smmgo-confirmemail-modal .modal-footer {
    padding: 18px;
  }

  .smmgo-confirmemail-modal .modal-footer {
    display: grid;
    grid-template-columns: 1fr;
  }

  .smmgo-confirmemail-modal-close,
  .smmgo-confirmemail-modal-submit {
    width: 100%;
  }
}
/* ===============================
   Blog Page
   صفحة المدونة
================================ */

.smmgo-blog-dashboard {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.smmgo-blog-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* الهيدر */
.smmgo-blog-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-blog-hero span,
.smmgo-blog-content span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-blog-hero h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 900;
}

.smmgo-blog-hero p {
  max-width: 650px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-blog-hero-box {
  min-width: 170px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-blog-hero-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-blog-hero-box strong {
  display: block;
  color: #ffffff;
  font-size: 25px;
  font-weight: 900;
}

/* مقدمة المدونة */
.smmgo-blog-intro {
  padding: 28px;
  border-radius: 28px;
  color: #cdbddd;
  font-size: 14px;
  line-height: 2;
  font-weight: 700;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-blog-intro h1,
.smmgo-blog-intro h2,
.smmgo-blog-intro h3,
.smmgo-blog-intro h4,
.smmgo-blog-intro h5,
.smmgo-blog-intro h6 {
  color: #ffffff;
  font-weight: 900;
}

.smmgo-blog-intro a {
  color: #ef5bff !important;
  font-weight: 900;
  text-decoration: none !important;
}

/* المقالات */
.smmgo-blog-posts {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.smmgo-blog-card {
  overflow: hidden;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-blog-image {
  width: 100%;
  max-height: 360px;
  overflow: hidden;
  background: rgba(255,255,255,0.045);
}

.smmgo-blog-image img {
  width: 100%;
  height: 100%;
  max-height: 360px;
  display: block;
  object-fit: cover;
}

.smmgo-blog-content {
  padding: 28px;
}

.smmgo-blog-content h3 {
  margin: 0 0 14px;
  color: #ffffff;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 900;
}

.smmgo-blog-text {
  max-height: 180px;
  overflow: hidden;
  color: #cdbddd;
  font-size: 14px;
  line-height: 2;
  font-weight: 700;
}

.smmgo-blog-text h1,
.smmgo-blog-text h2,
.smmgo-blog-text h3,
.smmgo-blog-text h4,
.smmgo-blog-text h5,
.smmgo-blog-text h6 {
  color: #ffffff;
  font-weight: 900;
}

.smmgo-blog-text p {
  margin: 0 0 14px;
  color: #cdbddd;
  line-height: 2;
}

.smmgo-blog-text a {
  color: #ef5bff !important;
  font-weight: 900;
  text-decoration: none !important;
}

.smmgo-blog-btn {
  min-height: 46px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-top: 22px;
  padding: 0 18px;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 14px 34px rgba(182,32,224,0.28);
  text-decoration: none !important;
}

.smmgo-blog-btn:hover,
.smmgo-blog-btn:focus {
  color: #ffffff !important;
  opacity: 0.94;
}

.smmgo-blog-empty {
  padding: 28px;
  border-radius: 24px;
  text-align: center;
  color: #b7a8c4;
  font-size: 14px;
  font-weight: 800;
  background: rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
}

/* Pagination */
.smmgo-blog-pagination-wrap {
  display: flex;
  justify-content: center;
}

.smmgo-blog-pagination {
  margin: 0;
}

.smmgo-blog-pagination > li > a,
.smmgo-blog-pagination > li > span {
  margin: 0 4px;
  border: 0 !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.06) !important;
}

.smmgo-blog-pagination > .active > a,
.smmgo-blog-pagination > .active > span {
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-blog-hero {
    display: block;
    text-align: center;
  }

  .smmgo-blog-hero-box {
    max-width: 240px;
    margin: 24px auto 0;
  }
}

@media (max-width: 767px) {
  .smmgo-blog-dashboard {
    max-width: 100%;
  }

  .smmgo-blog-hero,
  .smmgo-blog-intro,
  .smmgo-blog-content {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-blog-hero h1 {
    font-size: 27px;
  }

  .smmgo-blog-hero p {
    font-size: 14px;
  }

  .smmgo-blog-content h3 {
    font-size: 20px;
  }

  .smmgo-blog-text {
    max-height: 220px;
    font-size: 13px;
  }

  .smmgo-blog-image,
  .smmgo-blog-image img {
    max-height: 260px;
  }
}
/* ===============================
   Blog Post Page
   صفحة المقال
================================ */

.smmgo-blogpost-dashboard {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.smmgo-blogpost-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* الهيدر */
.smmgo-blogpost-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-blogpost-hero span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-blogpost-hero h1 {
  max-width: 680px;
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.35;
  font-weight: 900;
}

.smmgo-blogpost-hero p {
  max-width: 650px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-blogpost-hero-box {
  min-width: 170px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-blogpost-hero-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-blogpost-hero-box strong {
  display: block;
  color: #ffffff;
  font-size: 25px;
  font-weight: 900;
}

/* كرت المقال */
.smmgo-blogpost-card {
  overflow: hidden;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-blogpost-image {
  width: 100%;
  max-height: 430px;
  overflow: hidden;
  background: rgba(255,255,255,0.045);
}

.smmgo-blogpost-image img {
  width: 100%;
  height: 100%;
  max-height: 430px;
  display: block;
  object-fit: cover;
}

.smmgo-blogpost-content {
  padding: 32px;
}

.smmgo-blogpost-content h1 {
  margin: 0 0 20px;
  color: #ffffff;
  font-size: 30px;
  line-height: 1.45;
  font-weight: 900;
}

.smmgo-blogpost-text {
  color: #cdbddd;
  font-size: 15px;
  line-height: 2.05;
  font-weight: 700;
}

.smmgo-blogpost-text h1,
.smmgo-blogpost-text h2,
.smmgo-blogpost-text h3,
.smmgo-blogpost-text h4,
.smmgo-blogpost-text h5,
.smmgo-blogpost-text h6 {
  margin: 26px 0 14px;
  color: #ffffff;
  line-height: 1.45;
  font-weight: 900;
}

.smmgo-blogpost-text h1 {
  font-size: 30px;
}

.smmgo-blogpost-text h2 {
  font-size: 26px;
}

.smmgo-blogpost-text h3 {
  font-size: 22px;
}

.smmgo-blogpost-text p {
  margin: 0 0 17px;
  color: #cdbddd;
  line-height: 2.05;
}

.smmgo-blogpost-text a {
  color: #ef5bff !important;
  font-weight: 900;
  text-decoration: none !important;
}

.smmgo-blogpost-text a:hover {
  color: #ffffff !important;
}

.smmgo-blogpost-text ul,
.smmgo-blogpost-text ol {
  margin: 0 0 20px;
  padding-right: 24px;
  color: #cdbddd;
}

.smmgo-blogpost-text li {
  margin-bottom: 10px;
  line-height: 1.9;
}

.smmgo-blogpost-text img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 22px auto;
  border-radius: 22px;
}

.smmgo-blogpost-text blockquote {
  margin: 24px 0;
  padding: 20px;
  border-radius: 20px;
  color: #f5d8ff;
  background: rgba(182,32,224,0.12);
  border: 1px solid rgba(239,91,255,0.20);
  border-right: 4px solid #ef5bff;
}

html[dir="ltr"] .smmgo-blogpost-text blockquote {
  border-right: 1px solid rgba(239,91,255,0.20);
  border-left: 4px solid #ef5bff;
}

.smmgo-blogpost-text table {
  width: 100%;
  margin: 22px 0;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.smmgo-blogpost-text table th {
  padding: 12px;
  color: #b7a8c4;
  font-size: 12px;
  font-weight: 900;
  border: 0 !important;
}

.smmgo-blogpost-text table td {
  padding: 14px 12px;
  color: #e8dcf0;
  background: rgba(255,255,255,0.045);
  border-top: 1px solid rgba(255,255,255,0.07);
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

/* زر الرجوع */
.smmgo-blogpost-actions {
  display: flex;
  justify-content: center;
}

.smmgo-blogpost-back {
  min-height: 48px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 14px 34px rgba(182,32,224,0.28);
  text-decoration: none !important;
}

.smmgo-blogpost-back:hover,
.smmgo-blogpost-back:focus {
  color: #ffffff !important;
  opacity: 0.94;
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-blogpost-hero {
    display: block;
    text-align: center;
  }

  .smmgo-blogpost-hero-box {
    max-width: 240px;
    margin: 24px auto 0;
  }
}

@media (max-width: 767px) {
  .smmgo-blogpost-dashboard {
    max-width: 100%;
  }

  .smmgo-blogpost-hero,
  .smmgo-blogpost-content {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-blogpost-hero h1 {
    font-size: 25px;
  }

  .smmgo-blogpost-hero p {
    font-size: 14px;
  }

  .smmgo-blogpost-content h1 {
    font-size: 24px;
  }

  .smmgo-blogpost-text {
    font-size: 13px;
  }

  .smmgo-blogpost-image,
  .smmgo-blogpost-image img {
    max-height: 270px;
  }
}
/* ===============================
   Custom Page
   الصفحة المخصصة
================================ */

.smmgo-newpage-dashboard {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.smmgo-newpage-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* الهيدر */
.smmgo-newpage-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-newpage-hero span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-newpage-hero h1 {
  max-width: 680px;
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.35;
  font-weight: 900;
}

.smmgo-newpage-hero p {
  max-width: 650px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-newpage-hero-box {
  min-width: 170px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-newpage-hero-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-newpage-hero-box strong {
  display: block;
  color: #ffffff;
  font-size: 25px;
  font-weight: 900;
}

/* المحتوى */
.smmgo-newpage-panel {
  position: relative;
  padding: 30px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-newpage-content {
  color: #cdbddd;
  font-size: 15px;
  line-height: 2.05;
  font-weight: 700;
}

.smmgo-newpage-content h1,
.smmgo-newpage-content h2,
.smmgo-newpage-content h3,
.smmgo-newpage-content h4,
.smmgo-newpage-content h5,
.smmgo-newpage-content h6 {
  margin: 26px 0 14px;
  color: #ffffff;
  line-height: 1.45;
  font-weight: 900;
}

.smmgo-newpage-content h1 {
  font-size: 30px;
}

.smmgo-newpage-content h2 {
  font-size: 26px;
}

.smmgo-newpage-content h3 {
  font-size: 22px;
}

.smmgo-newpage-content p {
  margin: 0 0 17px;
  color: #cdbddd;
  line-height: 2.05;
}

.smmgo-newpage-content a {
  color: #ef5bff !important;
  font-weight: 900;
  text-decoration: none !important;
}

.smmgo-newpage-content a:hover {
  color: #ffffff !important;
}

.smmgo-newpage-content ul,
.smmgo-newpage-content ol {
  margin: 0 0 20px;
  padding-right: 24px;
  color: #cdbddd;
}

html[dir="ltr"] .smmgo-newpage-content ul,
html[dir="ltr"] .smmgo-newpage-content ol {
  padding-right: 0;
  padding-left: 24px;
}

.smmgo-newpage-content li {
  margin-bottom: 10px;
  line-height: 1.9;
}

.smmgo-newpage-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 22px auto;
  border-radius: 22px;
}

.smmgo-newpage-content blockquote {
  margin: 24px 0;
  padding: 20px;
  border-radius: 20px;
  color: #f5d8ff;
  background: rgba(182,32,224,0.12);
  border: 1px solid rgba(239,91,255,0.20);
  border-right: 4px solid #ef5bff;
}

html[dir="ltr"] .smmgo-newpage-content blockquote {
  border-right: 1px solid rgba(239,91,255,0.20);
  border-left: 4px solid #ef5bff;
}

.smmgo-newpage-content table {
  width: 100%;
  margin: 22px 0;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.smmgo-newpage-content table th {
  padding: 12px;
  color: #b7a8c4;
  font-size: 12px;
  font-weight: 900;
  border: 0 !important;
}

.smmgo-newpage-content table td {
  padding: 14px 12px;
  color: #e8dcf0;
  background: rgba(255,255,255,0.045);
  border-top: 1px solid rgba(255,255,255,0.07);
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.smmgo-newpage-content .btn,
.smmgo-newpage-content button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 14px 34px rgba(182,32,224,0.28);
  text-decoration: none !important;
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-newpage-hero {
    display: block;
    text-align: center;
  }

  .smmgo-newpage-hero-box {
    max-width: 240px;
    margin: 24px auto 0;
  }
}

@media (max-width: 767px) {
  .smmgo-newpage-dashboard {
    max-width: 100%;
  }

  .smmgo-newpage-hero,
  .smmgo-newpage-panel {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-newpage-hero h1 {
    font-size: 25px;
  }

  .smmgo-newpage-hero p {
    font-size: 14px;
  }

  .smmgo-newpage-content {
    font-size: 13px;
  }

  .smmgo-newpage-content h1 {
    font-size: 24px;
  }

  .smmgo-newpage-content h2 {
    font-size: 21px;
  }

  .smmgo-newpage-content h3 {
    font-size: 18px;
  }
}
/* ===============================
   Child Panels Page
   صفحة اللوحات الفرعية
================================ */

.smmgo-childpanels-dashboard {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.smmgo-childpanels-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* الهيدر */
.smmgo-childpanels-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-childpanels-hero span,
.smmgo-childpanels-panel-head span,
.smmgo-childpanels-ns-box span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-childpanels-hero h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 900;
}

.smmgo-childpanels-hero p {
  max-width: 650px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-childpanels-hero-box {
  min-width: 190px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-childpanels-hero-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-childpanels-hero-box strong {
  display: block;
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
}

/* الكروت */
.smmgo-childpanels-info,
.smmgo-childpanels-panel {
  position: relative;
  padding: 28px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-childpanels-info {
  color: #cdbddd;
  font-size: 14px;
  line-height: 2;
  font-weight: 700;
}

.smmgo-childpanels-info h1,
.smmgo-childpanels-info h2,
.smmgo-childpanels-info h3,
.smmgo-childpanels-info h4,
.smmgo-childpanels-info h5,
.smmgo-childpanels-info h6 {
  color: #ffffff;
  font-weight: 900;
}

.smmgo-childpanels-info a {
  color: #ef5bff !important;
  font-weight: 900;
  text-decoration: none !important;
}

/* رأس الفورم */
.smmgo-childpanels-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.smmgo-childpanels-panel-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
}

/* الفورم */
.smmgo-childpanels-form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.smmgo-childpanels-panel .form-group {
  margin-bottom: 18px;
}

.smmgo-childpanels-panel label {
  margin-bottom: 8px;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 900;
}

.smmgo-childpanels-panel .form-control {
  min-height: 54px;
  padding: 0 16px;
  border-radius: 18px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

.smmgo-childpanels-panel select.form-control {
  cursor: pointer;
}

.smmgo-childpanels-panel .form-control[readonly] {
  color: #f5d8ff !important;
  font-weight: 900;
  background: rgba(182,32,224,0.13) !important;
  border-color: rgba(239,91,255,0.22) !important;
  cursor: not-allowed;
}

.smmgo-childpanels-panel .form-control::placeholder {
  color: rgba(205,189,221,0.62);
}

.smmgo-childpanels-panel .form-control:focus {
  border-color: rgba(239,91,255,0.75) !important;
  box-shadow: 0 0 0 4px rgba(182,32,224,0.13) !important;
}

/* Name Servers */
.smmgo-childpanels-ns-box {
  margin: 2px 0 22px;
  padding: 20px;
  border-radius: 22px;
  color: #cdbddd;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(239,91,255,0.18);
}

.smmgo-childpanels-ns-box p {
  margin: 0 0 14px;
  color: #b7a8c4;
  font-size: 14px;
  line-height: 1.9;
  font-weight: 700;
}

.smmgo-childpanels-ns-box ul {
  margin: 0;
  padding-right: 20px;
}

html[dir="ltr"] .smmgo-childpanels-ns-box ul {
  padding-right: 0;
  padding-left: 20px;
}

.smmgo-childpanels-ns-box li {
  margin-bottom: 8px;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.7;
  font-weight: 900;
  word-break: break-all;
}

/* زر الإرسال */
.smmgo-childpanels-submit {
  width: 100%;
  min-height: 54px;
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 18px 42px rgba(182,32,224,0.34);
}

.smmgo-childpanels-submit:hover,
.smmgo-childpanels-submit:focus {
  color: #ffffff !important;
  opacity: 0.94;
}

/* التنبيهات */
.smmgo-childpanels-panel .alert {
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-weight: 800;
}

.smmgo-childpanels-panel .alert-danger {
  background: rgba(220, 38, 38, 0.22) !important;
  border: 1px solid rgba(248, 113, 113, 0.28) !important;
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-childpanels-hero {
    display: block;
    text-align: center;
  }

  .smmgo-childpanels-hero-box {
    max-width: 260px;
    margin: 24px auto 0;
  }

  .smmgo-childpanels-panel-head {
    display: block;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .smmgo-childpanels-dashboard {
    max-width: 100%;
  }

  .smmgo-childpanels-hero,
  .smmgo-childpanels-info,
  .smmgo-childpanels-panel {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-childpanels-hero h1 {
    font-size: 27px;
  }

  .smmgo-childpanels-hero p {
    font-size: 14px;
  }

  .smmgo-childpanels-form-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .smmgo-childpanels-info {
    font-size: 13px;
  }
}
/* ===============================
   Updates Page
   صفحة تحديثات الخدمات
================================ */

.smmgo-updates-dashboard {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.smmgo-updates-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* الهيدر */
.smmgo-updates-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-updates-hero span,
.smmgo-updates-panel-head span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-updates-hero h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 900;
}

.smmgo-updates-hero p {
  max-width: 650px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-updates-hero-box {
  min-width: 190px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-updates-hero-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-updates-hero-box strong {
  display: block;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 900;
}

/* الفلاتر والجدول */
.smmgo-updates-filter-panel,
.smmgo-updates-table-panel {
  position: relative;
  padding: 24px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-updates-filter-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

/* Dropdown */
.smmgo-updates-dropdown {
  position: relative;
}

.smmgo-updates-dropdown-btn {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 18px;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 14px 34px rgba(182,32,224,0.28);
}

.smmgo-updates-dropdown .dropdown-menu {
  min-width: 210px;
  margin-top: 10px;
  padding: 10px;
  border-radius: 18px;
  background: rgba(19,7,30,0.98);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 22px 55px rgba(0,0,0,0.38);
}

.smmgo-updates-dropdown .dropdown-menu > li > a {
  padding: 11px 13px;
  border-radius: 13px;
  color: #cdbddd !important;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
}

.smmgo-updates-dropdown .dropdown-menu > li.active > a,
.smmgo-updates-dropdown .dropdown-menu > li > a:hover {
  color: #ffffff !important;
  background: rgba(182,32,224,0.22) !important;
}

/* البحث */
.smmgo-updates-search {
  width: 100%;
  max-width: 360px;
}

.smmgo-updates-search .input-group {
  width: 100%;
}

.smmgo-updates-search .form-control {
  min-height: 46px;
  border-radius: 16px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

.smmgo-updates-search .form-control::placeholder {
  color: rgba(205,189,221,0.62);
}

.smmgo-updates-search .form-control:focus {
  border-color: rgba(239,91,255,0.75) !important;
  box-shadow: 0 0 0 4px rgba(182,32,224,0.13) !important;
}

.smmgo-updates-search .input-group-btn .btn {
  min-height: 46px;
  border: 0 !important;
  border-radius: 16px 0 0 16px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
}

html[dir="ltr"] .smmgo-updates-search .input-group-btn .btn {
  border-radius: 0 16px 16px 0 !important;
}

/* رأس الجدول */
.smmgo-updates-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.smmgo-updates-panel-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
}

/* الجدول */
.smmgo-updates-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.smmgo-updates-table {
  margin: 0;
  color: #ffffff;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.smmgo-updates-table thead th {
  padding: 0 14px 8px;
  color: #b7a8c4;
  font-size: 12px;
  font-weight: 900;
  border: 0 !important;
  white-space: nowrap;
}

.smmgo-updates-table tbody tr {
  background: rgba(255,255,255,0.045);
}

.smmgo-updates-table tbody td {
  padding: 16px 14px !important;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 700;
  vertical-align: middle !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

.smmgo-updates-table tbody td:first-child {
  border-right: 1px solid rgba(255,255,255,0.07);
  border-radius: 0 16px 16px 0;
}

.smmgo-updates-table tbody td:last-child {
  border-left: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px 0 0 16px;
}

.smmgo-updates-service {
  min-width: 280px;
}

.smmgo-updates-service span {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  padding: 0 11px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.18);
  border: 1px solid rgba(239,91,255,0.22);
}

.smmgo-updates-service strong {
  display: block;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.7;
  font-weight: 900;
}

.smmgo-updates-date {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 999px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-updates-text {
  min-width: 300px;
  color: #cdbddd;
  font-size: 13px;
  line-height: 1.9;
  font-weight: 700;
}

.smmgo-updates-text a {
  color: #ef5bff !important;
  font-weight: 900;
  text-decoration: none !important;
}

.smmgo-empty-updates {
  padding: 28px;
  text-align: center;
  color: #b7a8c4;
  font-size: 14px;
  font-weight: 800;
}

.smmgo-nowrap {
  white-space: nowrap;
}

/* Pagination */
.smmgo-updates-pagination-wrap {
  display: flex;
  justify-content: center;
}

.smmgo-updates-pagination {
  margin: 0;
}

.smmgo-updates-pagination > li > a,
.smmgo-updates-pagination > li > span {
  margin: 0 4px;
  border: 0 !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.06) !important;
}

.smmgo-updates-pagination > .active > a,
.smmgo-updates-pagination > .active > span {
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-updates-hero {
    display: block;
    text-align: center;
  }

  .smmgo-updates-hero-box {
    max-width: 260px;
    margin: 24px auto 0;
  }

  .smmgo-updates-filter-panel {
    display: block;
  }

  .smmgo-updates-dropdown {
    margin-bottom: 14px;
    text-align: center;
  }

  .smmgo-updates-dropdown-btn {
    width: 100%;
  }

  .smmgo-updates-search {
    max-width: 100%;
  }

  .smmgo-updates-panel-head {
    display: block;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .smmgo-updates-dashboard {
    max-width: 100%;
  }

  .smmgo-updates-hero,
  .smmgo-updates-filter-panel,
  .smmgo-updates-table-panel {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-updates-hero h1 {
    font-size: 27px;
  }

  .smmgo-updates-hero p {
    font-size: 14px;
  }

  .smmgo-updates-table tbody td {
    padding: 14px 12px !important;
    font-size: 12px;
  }

  .smmgo-updates-service {
    min-width: 230px;
  }

  .smmgo-updates-text {
    min-width: 260px;
  }
}
/* ===============================
   Refill Page
   صفحة التعويضات
================================ */

.smmgo-refill-dashboard {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.smmgo-refill-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* الهيدر */
.smmgo-refill-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-refill-hero span,
.smmgo-refill-panel-head span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-refill-hero h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 900;
}

.smmgo-refill-hero p {
  max-width: 650px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-refill-hero-box {
  min-width: 190px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-refill-hero-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-refill-hero-box strong {
  display: block;
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
}

/* الفلاتر والجدول */
.smmgo-refill-filter-panel,
.smmgo-refill-table-panel {
  position: relative;
  padding: 24px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-refill-filter-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.smmgo-refill-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0;
}

.smmgo-refill-tabs > li {
  float: none;
}

.smmgo-refill-tabs > li > a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border-radius: 999px !important;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 900;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.08);
  text-decoration: none !important;
}

.smmgo-refill-tabs > li.active > a,
.smmgo-refill-tabs > li.active > a:hover,
.smmgo-refill-tabs > li.active > a:focus,
.smmgo-refill-tabs > li > a:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  border-color: transparent !important;
}

/* البحث */
.smmgo-refill-search {
  width: 100%;
  max-width: 360px;
}

.smmgo-refill-search .input-group {
  width: 100%;
}

.smmgo-refill-search .form-control {
  min-height: 46px;
  border-radius: 16px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

.smmgo-refill-search .form-control::placeholder {
  color: rgba(205,189,221,0.62);
}

.smmgo-refill-search .form-control:focus {
  border-color: rgba(239,91,255,0.75) !important;
  box-shadow: 0 0 0 4px rgba(182,32,224,0.13) !important;
}

.smmgo-refill-search .input-group-btn .btn {
  min-height: 46px;
  border: 0 !important;
  border-radius: 16px 0 0 16px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
}

html[dir="ltr"] .smmgo-refill-search .input-group-btn .btn {
  border-radius: 0 16px 16px 0 !important;
}

/* رأس الجدول */
.smmgo-refill-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.smmgo-refill-panel-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
}

/* الجدول */
.smmgo-refill-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.smmgo-refill-table {
  margin: 0;
  color: #ffffff;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.smmgo-refill-table thead th {
  padding: 0 14px 8px;
  color: #b7a8c4;
  font-size: 12px;
  font-weight: 900;
  border: 0 !important;
  white-space: nowrap;
}

.smmgo-refill-table tbody tr {
  background: rgba(255,255,255,0.045);
}

.smmgo-refill-table tbody td {
  padding: 16px 14px !important;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 700;
  vertical-align: middle !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

.smmgo-refill-table tbody td:first-child {
  border-right: 1px solid rgba(255,255,255,0.07);
  border-radius: 0 16px 16px 0;
}

.smmgo-refill-table tbody td:last-child {
  border-left: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px 0 0 16px;
}

.smmgo-refill-id,
.smmgo-refill-date,
.smmgo-refill-status,
.smmgo-refill-order-link {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 999px;
  color: #ffffff !important;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
  text-decoration: none !important;
}

.smmgo-refill-id {
  background: rgba(182,32,224,0.22);
  border: 1px solid rgba(239,91,255,0.25);
}

.smmgo-refill-date {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-refill-order-link {
  color: #f5d8ff !important;
  background: rgba(182,32,224,0.18);
  border: 1px solid rgba(239,91,255,0.22);
}

.smmgo-refill-order-link:hover {
  color: #ffffff !important;
}

.smmgo-refill-status {
  background: rgba(182,32,224,0.22);
  border: 1px solid rgba(239,91,255,0.25);
}

.smmgo-refill-link-cell {
  min-width: 260px;
  max-width: 360px;
}

.smmgo-refill-link {
  color: #cdbddd;
  font-size: 12px;
  line-height: 1.7;
  word-break: break-all;
}

.smmgo-refill-service {
  min-width: 260px;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.7;
  font-weight: 800;
}

.smmgo-empty-refill {
  padding: 28px;
  text-align: center;
  color: #b7a8c4;
  font-size: 14px;
  font-weight: 800;
}

.smmgo-nowrap {
  white-space: nowrap;
}

/* Pagination */
.smmgo-refill-pagination-wrap {
  display: flex;
  justify-content: center;
}

.smmgo-refill-pagination {
  margin: 0;
}

.smmgo-refill-pagination > li > a,
.smmgo-refill-pagination > li > span {
  margin: 0 4px;
  border: 0 !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.06) !important;
}

.smmgo-refill-pagination > .active > a,
.smmgo-refill-pagination > .active > span {
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-refill-hero {
    display: block;
    text-align: center;
  }

  .smmgo-refill-hero-box {
    max-width: 260px;
    margin: 24px auto 0;
  }

  .smmgo-refill-filter-panel {
    display: block;
  }

  .smmgo-refill-tabs {
    justify-content: center;
    margin-bottom: 14px;
  }

  .smmgo-refill-search {
    max-width: 100%;
  }

  .smmgo-refill-panel-head {
    display: block;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .smmgo-refill-dashboard {
    max-width: 100%;
  }

  .smmgo-refill-hero,
  .smmgo-refill-filter-panel,
  .smmgo-refill-table-panel {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-refill-hero h1 {
    font-size: 27px;
  }

  .smmgo-refill-hero p {
    font-size: 14px;
  }

  .smmgo-refill-table tbody td {
    padding: 14px 12px !important;
    font-size: 12px;
  }

  .smmgo-refill-link-cell {
    min-width: 230px;
  }

  .smmgo-refill-service {
    min-width: 230px;
  }
}/* ===============================
   Refunds Page
   صفحة الاسترجاعات
================================ */

.smmgo-refunds-dashboard {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.smmgo-refunds-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* الهيدر */
.smmgo-refunds-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(239,91,255,0.28), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(111,53,255,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-refunds-hero span,
.smmgo-refunds-panel-head span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-refunds-hero h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 900;
}

.smmgo-refunds-hero p {
  max-width: 650px;
  margin: 0;
  color: #b7a8c4;
  font-size: 15px;
  line-height: 1.9;
}

.smmgo-refunds-hero-box {
  min-width: 190px;
  padding: 20px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-refunds-hero-box small {
  display: block;
  margin-bottom: 8px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 800;
}

.smmgo-refunds-hero-box strong {
  display: block;
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
}

/* تنبيه الاسترجاعات */
.smmgo-refunds-alert {
  position: relative;
  padding: 18px 48px 18px 20px;
  border-radius: 22px;
  color: #f5d8ff;
  font-size: 14px;
  line-height: 1.8;
  font-weight: 800;
  background: rgba(182,32,224,0.13);
  border: 1px solid rgba(239,91,255,0.24);
  box-shadow: 0 18px 45px rgba(0,0,0,0.18);
}

html[dir="ltr"] .smmgo-refunds-alert {
  padding: 18px 20px 18px 48px;
}

.smmgo-refunds-alert .close {
  position: absolute;
  top: 14px;
  right: 16px;
  color: #ffffff !important;
  opacity: 0.85;
  text-shadow: none !important;
}

html[dir="ltr"] .smmgo-refunds-alert .close {
  right: auto;
  left: 16px;
}

/* الفلاتر والجدول */
.smmgo-refunds-filter-panel,
.smmgo-refunds-table-panel {
  position: relative;
  padding: 24px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    rgba(19,7,30,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(0,0,0,0.26);
}

.smmgo-refunds-filter-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.smmgo-refunds-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0;
}

.smmgo-refunds-tabs > li {
  float: none;
}

.smmgo-refunds-tabs > li > a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 999px !important;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 900;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.08);
  text-decoration: none !important;
}

.smmgo-refunds-tabs > li.active > a,
.smmgo-refunds-tabs > li.active > a:hover,
.smmgo-refunds-tabs > li.active > a:focus,
.smmgo-refunds-tabs > li > a:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  border-color: transparent !important;
}

/* البحث */
.smmgo-refunds-search {
  width: 100%;
  max-width: 360px;
}

.smmgo-refunds-search .input-group {
  width: 100%;
}

.smmgo-refunds-search .form-control {
  min-height: 46px;
  border-radius: 16px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

.smmgo-refunds-search .form-control::placeholder {
  color: rgba(205,189,221,0.62);
}

.smmgo-refunds-search .form-control:focus {
  border-color: rgba(239,91,255,0.75) !important;
  box-shadow: 0 0 0 4px rgba(182,32,224,0.13) !important;
}

.smmgo-refunds-search .input-group-btn .btn {
  min-height: 46px;
  border: 0 !important;
  border-radius: 16px 0 0 16px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
}

html[dir="ltr"] .smmgo-refunds-search .input-group-btn .btn {
  border-radius: 0 16px 16px 0 !important;
}

/* رأس الجدول */
.smmgo-refunds-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.smmgo-refunds-panel-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
}

/* الجدول */
.smmgo-refunds-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.smmgo-refunds-table {
  margin: 0;
  color: #ffffff;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.smmgo-refunds-table thead th {
  padding: 0 14px 8px;
  color: #b7a8c4;
  font-size: 12px;
  font-weight: 900;
  border: 0 !important;
  white-space: nowrap;
}

.smmgo-refunds-table tbody tr {
  background: rgba(255,255,255,0.045);
}

.smmgo-refunds-table tbody td {
  padding: 16px 14px !important;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 700;
  vertical-align: middle !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

.smmgo-refunds-table tbody td:first-child {
  border-right: 1px solid rgba(255,255,255,0.07);
  border-radius: 0 16px 16px 0;
}

.smmgo-refunds-table tbody td:last-child {
  border-left: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px 0 0 16px;
}

.smmgo-refunds-order-link,
.smmgo-refunds-amount,
.smmgo-refunds-status,
.smmgo-refunds-date {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 999px;
  color: #ffffff !important;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
  text-decoration: none !important;
}

.smmgo-refunds-order-link {
  color: #f5d8ff !important;
  background: rgba(182,32,224,0.18);
  border: 1px solid rgba(239,91,255,0.22);
}

.smmgo-refunds-order-link:hover {
  color: #ffffff !important;
}

.smmgo-refunds-amount {
  background: rgba(34,197,94,0.14);
  border: 1px solid rgba(34,197,94,0.24);
}

.smmgo-refunds-status {
  background: rgba(182,32,224,0.22);
  border: 1px solid rgba(239,91,255,0.25);
}

.smmgo-refunds-date {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.10);
}

.smmgo-empty-refunds {
  padding: 28px;
  text-align: center;
  color: #b7a8c4;
  font-size: 14px;
  font-weight: 800;
}

.smmgo-nowrap {
  white-space: nowrap;
}

/* Pagination */
.smmgo-refunds-pagination-wrap {
  display: flex;
  justify-content: center;
}

.smmgo-refunds-pagination {
  margin: 0;
}

.smmgo-refunds-pagination > li > a,
.smmgo-refunds-pagination > li > span {
  margin: 0 4px;
  border: 0 !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.06) !important;
}

.smmgo-refunds-pagination > .active > a,
.smmgo-refunds-pagination > .active > span {
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
}

/* Responsive */
@media (max-width: 991px) {
  .smmgo-refunds-hero {
    display: block;
    text-align: center;
  }

  .smmgo-refunds-hero-box {
    max-width: 260px;
    margin: 24px auto 0;
  }

  .smmgo-refunds-filter-panel {
    display: block;
  }

  .smmgo-refunds-tabs {
    justify-content: center;
    margin-bottom: 14px;
  }

  .smmgo-refunds-search {
    max-width: 100%;
  }

  .smmgo-refunds-panel-head {
    display: block;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .smmgo-refunds-dashboard {
    max-width: 100%;
  }

  .smmgo-refunds-hero,
  .smmgo-refunds-filter-panel,
  .smmgo-refunds-table-panel {
    padding: 20px;
    border-radius: 24px;
  }

  .smmgo-refunds-alert {
    padding: 16px 44px 16px 18px;
    border-radius: 20px;
    font-size: 13px;
  }

  .smmgo-refunds-hero h1 {
    font-size: 27px;
  }

  .smmgo-refunds-hero p {
    font-size: 14px;
  }

  .smmgo-refunds-table tbody td {
    padding: 14px 12px !important;
    font-size: 12px;
  }
}
/* ===============================
   Pro New Order Page
   تصميم صفحة إنشاء طلب مثل الصورة
================================ */

.smmgo-pro-order-page {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  color: #ffffff;
}

.smmgo-pro-order-page * {
  box-sizing: border-box;
}

/* أعلى الصفحة */
.smmgo-pro-order-top {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, 1fr);
  gap: 22px;
  margin-bottom: 22px;
}

.smmgo-pro-welcome-card {
  position: relative;
  min-height: 210px;
  display: flex;
  align-items: center;
  padding: 34px;
  border-radius: 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at 15% 15%, rgba(255,255,255,0.18), transparent 32%),
    linear-gradient(135deg, #b620e0 0%, #c02ee7 48%, #ef5bff 100%);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 26px 70px rgba(0,0,0,0.28);
}

.smmgo-pro-welcome-card:before {
  content: "";
  position: absolute;
  width: 340px;
  height: 340px;
  left: -140px;
  bottom: -160px;
  border-radius: 50%;
  background: rgba(255,255,255,0.14);
  filter: blur(18px);
}

.smmgo-pro-welcome-card > div {
  position: relative;
  z-index: 2;
  max-width: 560px;
}

.smmgo-pro-welcome-card span {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 7px 14px;
  border-radius: 999px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.18);
}

.smmgo-pro-welcome-card h1 {
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 34px;
  line-height: 1.25;
  font-weight: 900;
}

.smmgo-pro-welcome-card p {
  max-width: 520px;
  margin: 0 0 22px;
  color: rgba(255,255,255,0.86);
  font-size: 15px;
  line-height: 1.9;
  font-weight: 700;
}

.smmgo-pro-welcome-btn {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border-radius: 14px;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 900;
  background: rgba(0,0,0,0.55);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 16px 35px rgba(0,0,0,0.25);
  text-decoration: none !important;
}

.smmgo-pro-welcome-btn:hover {
  background: rgba(0,0,0,0.72);
}

/* كروت الإحصائيات */
.smmgo-pro-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.smmgo-pro-stat-card {
  min-height: 98px;
  padding: 18px;
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.025)),
    rgba(15,5,22,0.94);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 20px 50px rgba(0,0,0,0.22);
}

.smmgo-pro-stat-card small {
  display: block;
  margin-bottom: 10px;
  color: #cdbddd !important;
  font-size: 12px;
  font-weight: 900;
}

.smmgo-pro-stat-card strong {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-size: 26px;
  line-height: 1;
  font-weight: 900;
}

.smmgo-pro-stat-card p {
  margin: 0;
  color: #b7a8c4;
  font-size: 12px;
  line-height: 1.7;
  font-weight: 700;
}

/* شريط الخدمات */
.smmgo-pro-platforms-card {
  margin-bottom: 22px;
  padding: 20px;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.025)),
    rgba(15,5,22,0.94);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 20px 50px rgba(0,0,0,0.20);
}

.smmgo-pro-platforms-head {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 14px;
}

.smmgo-pro-platforms-head span {
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
}

.smmgo-pro-platforms-scroll {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 3px;
  scrollbar-width: thin;
}

.smmgo-pro-platform-pill {
  flex: 0 0 auto;
  min-width: 108px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border-radius: 12px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(255,255,255,0.085);
  border: 1px solid rgba(255,255,255,0.10);
}

/* تخطيط النموذج + الوصف */
.smmgo-pro-order-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 1fr);
  gap: 22px;
  align-items: start;
}

.smmgo-pro-order-form-card,
.smmgo-pro-service-panel,
.smmgo-pro-neworder-text {
  position: relative;
  padding: 24px;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.065), rgba(255,255,255,0.025)),
    rgba(15,5,22,0.94);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 24px 65px rgba(0,0,0,0.25);
}

/* تبويبات أعلى النموذج */
.smmgo-pro-order-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 22px;
  padding-bottom: 10px;
  overflow-x: auto;
}

.smmgo-pro-order-tabs a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 14px;
  color: #ffffff !important;
  font-size: 12px;
  font-weight: 900;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.10);
  text-decoration: none !important;
  white-space: nowrap;
}

.smmgo-pro-order-tabs a.active,
.smmgo-pro-order-tabs a:hover {
  background: linear-gradient(135deg, #b620e0, #ef5bff);
  border-color: transparent;
  box-shadow: 0 14px 34px rgba(182,32,224,0.28);
}

/* عنوان النموذج */
.smmgo-pro-order-form-head,
.smmgo-pro-service-panel-head {
  margin-bottom: 20px;
  text-align: right;
}

.smmgo-pro-order-form-head span,
.smmgo-pro-service-panel-head span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #f5d8ff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(182,32,224,0.16);
  border: 1px solid rgba(239,91,255,0.24);
}

.smmgo-pro-order-form-head h2,
.smmgo-pro-service-panel-head h2 {
  margin: 0;
  color: #ffffff;
  font-size: 25px;
  line-height: 1.35;
  font-weight: 900;
}

/* الفورم */
.smmgo-pro-order-form-card .form-group {
  margin-bottom: 18px;
}

.smmgo-pro-order-form-card label,
.smmgo-pro-order-form-card .control-label {
  display: block;
  margin-bottom: 9px;
  color: #e8dcf0;
  font-size: 13px;
  font-weight: 900;
  text-align: right;
}

.smmgo-pro-order-form-card .form-control {
  width: 100%;
  min-height: 48px;
  padding: 0 15px;
  border-radius: 14px !important;
  color: #ffffff !important;
  background: rgba(0,0,0,0.32) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

.smmgo-pro-order-form-card textarea.form-control {
  min-height: 120px;
  padding-top: 14px;
}

.smmgo-pro-order-form-card .form-control:focus {
  border-color: rgba(239,91,255,0.78) !important;
  box-shadow: 0 0 0 4px rgba(182,32,224,0.14) !important;
}

.smmgo-pro-order-form-card .form-control::placeholder {
  color: rgba(205,189,221,0.55);
}

.smmgo-pro-order-form-card select.form-control option {
  color: #ffffff;
  background: #16071f;
}

/* بحث الخدمة */
.smmgo-pro-order-search .input-wrapper {
  position: relative;
}

.smmgo-pro-order-search .input-wrapper .form-control {
  padding-right: 42px;
}

.smmgo-pro-order-search button,
.smmgo-pro-search-box i {
  color: #ffffff !important;
}

.smmgo-pro-search-box {
  position: relative;
}

.smmgo-pro-search-box .form-control {
  padding-right: 42px;
}

.smmgo-pro-search-box i {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  color: #ffffff;
  font-size: 13px;
}

/* Select plugin داخل صفحة الطلب */
.smmgo-pro-order-form-card .bootstrap-select,
.smmgo-pro-order-form-card .btn-group {
  width: 100% !important;
}

.smmgo-pro-order-form-card .bootstrap-select > .dropdown-toggle,
.smmgo-pro-order-form-card .btn-group > .btn {
  width: 100%;
  min-height: 48px;
  padding: 0 15px;
  border-radius: 14px !important;
  color: #ffffff !important;
  text-align: right;
  background: rgba(0,0,0,0.32) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: none !important;
}

.smmgo-pro-order-form-card .dropdown-menu {
  background: #16071f !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 16px !important;
}

.smmgo-pro-order-form-card .dropdown-menu > li > a {
  color: #cdbddd !important;
  font-size: 13px;
  font-weight: 800;
}

.smmgo-pro-order-form-card .dropdown-menu > li > a:hover,
.smmgo-pro-order-form-card .dropdown-menu > li.active > a {
  color: #ffffff !important;
  background: rgba(182,32,224,0.24) !important;
}

/* وصف الخدمة داخل الفورم */
.smmgo-service-description-box {
  padding: 18px;
  border-radius: 18px;
  color: #cdbddd;
  font-size: 13px;
  line-height: 1.9;
  font-weight: 700;
  background: rgba(0,0,0,0.28);
  border: 1px solid rgba(255,255,255,0.08);
}

.smmgo-charge-input,
#charge {
  color: #f5d8ff !important;
  font-weight: 900 !important;
}

/* الشروط */
.smmgo-terms {
  display: flex !important;
  align-items: flex-start;
  gap: 9px;
  color: #cdbddd !important;
  font-size: 13px !important;
  line-height: 1.8;
}

.smmgo-terms input {
  margin-top: 5px !important;
}

.smmgo-terms a {
  color: #ef5bff !important;
  font-weight: 900;
}

/* زر الإرسال */
.smmgo-pro-submit-btn {
  width: 100%;
  min-height: 52px;
  border: 0 !important;
  border-radius: 16px !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 900;
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
  box-shadow: 0 18px 42px rgba(182,32,224,0.34);
}

.smmgo-pro-submit-btn:hover,
.smmgo-pro-submit-btn:focus {
  color: #ffffff !important;
  opacity: 0.94;
  transform: translateY(-1px);
}

/* لوحة وصف الخدمة */
.smmgo-pro-service-panel {
  min-height: 355px;
  position: sticky;
  top: 95px;
}

.smmgo-pro-service-preview {
  min-height: 210px;
  margin-bottom: 18px;
  padding: 20px;
  border-radius: 20px;
  color: #cdbddd;
  font-size: 13px;
  line-height: 2;
  font-weight: 700;
  text-align: right;
  background: rgba(0,0,0,0.34);
  border: 1px solid rgba(255,255,255,0.08);
  overflow-wrap: anywhere;
}

.smmgo-pro-service-preview h1,
.smmgo-pro-service-preview h2,
.smmgo-pro-service-preview h3,
.smmgo-pro-service-preview h4,
.smmgo-pro-service-preview h5,
.smmgo-pro-service-preview h6 {
  color: #ffffff;
  font-weight: 900;
}

.smmgo-pro-service-preview a {
  color: #ef5bff !important;
  font-weight: 900;
}

.smmgo-pro-service-rules {
  display: grid;
  gap: 12px;
}

.smmgo-pro-service-rules > div {
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(255,255,255,0.07);
}

.smmgo-pro-service-rules strong {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
}

.smmgo-pro-service-rules p {
  margin: 0;
  color: #b7a8c4;
  font-size: 12px;
  line-height: 1.8;
  font-weight: 700;
}

/* رسائل النجاح والخطأ */
.smmgo-pro-order-form-card .alert {
  margin-bottom: 20px;
  border: 0 !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-size: 13px;
  line-height: 1.8;
  font-weight: 800;
}

.smmgo-pro-order-form-card .alert-success {
  background: rgba(34,197,94,0.16) !important;
  border: 1px solid rgba(34,197,94,0.25) !important;
}

.smmgo-pro-order-form-card .alert-danger {
  background: rgba(220,38,38,0.18) !important;
  border: 1px solid rgba(248,113,113,0.25) !important;
}

/* نص أسفل الصفحة */
.smmgo-pro-neworder-text {
  margin-top: 22px;
  color: #cdbddd;
  font-size: 14px;
  line-height: 2;
  font-weight: 700;
}

.smmgo-pro-neworder-text h1,
.smmgo-pro-neworder-text h2,
.smmgo-pro-neworder-text h3,
.smmgo-pro-neworder-text h4,
.smmgo-pro-neworder-text h5,
.smmgo-pro-neworder-text h6 {
  color: #ffffff;
  font-weight: 900;
}

.smmgo-pro-neworder-text a {
  color: #ef5bff !important;
  font-weight: 900;
}

/* إخفاء وصف الخدمة الأصلي لأنه منسوخ في يمين الصفحة */
.smmgo-pro-order-form-card #service_description {
  display: none !important;
}

/* Responsive */
@media (max-width: 1199px) {
  .smmgo-pro-order-top,
  .smmgo-pro-order-layout {
    grid-template-columns: 1fr;
  }

  .smmgo-pro-service-panel {
    position: relative;
    top: auto;
  }
}

@media (max-width: 991px) {
  .smmgo-pro-order-top {
    gap: 18px;
  }

  .smmgo-pro-welcome-card {
    min-height: auto;
    padding: 28px;
  }

  .smmgo-pro-welcome-card h1 {
    font-size: 29px;
  }
}

@media (max-width: 767px) {
  .smmgo-pro-order-page {
    width: 100%;
    padding: 0;
  }

  .smmgo-pro-order-top,
  .smmgo-pro-order-layout {
    gap: 16px;
  }

  .smmgo-pro-welcome-card,
  .smmgo-pro-order-form-card,
  .smmgo-pro-service-panel,
  .smmgo-pro-platforms-card,
  .smmgo-pro-neworder-text {
    padding: 18px;
    border-radius: 20px;
  }

  .smmgo-pro-welcome-card {
    text-align: right;
  }

  .smmgo-pro-welcome-card h1 {
    font-size: 25px;
  }

  .smmgo-pro-welcome-card p {
    font-size: 13px;
  }

  .smmgo-pro-stats-grid {
    grid-template-columns: 1fr;
  }

  .smmgo-pro-stat-card {
    min-height: auto;
  }

  .smmgo-pro-order-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .smmgo-pro-order-tabs a {
    flex: 0 0 auto;
  }

  .smmgo-pro-order-form-head h2,
  .smmgo-pro-service-panel-head h2 {
    font-size: 22px;
  }

  .smmgo-pro-service-preview {
    min-height: 160px;
    padding: 16px;
  }

  .smmgo-pro-platform-pill {
    min-width: 96px;
  }
}
.smmgo-pro-platform-icon {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 26px rgba(0,0,0,0.28) !important;
}

.smmgo-pro-platform-icon img {
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  display: block !important;
  object-fit: contain !important;
}

.smmgo-pro-platform-icon i {
  color: #ffffff !important;
  font-size: 17px !important;
}

.smmgo-pro-platform-btn {
  direction: rtl;
}

.smmgo-pro-platform-btn strong {
  flex: 1;
}

/* ألوان خلفيات الأيقونات */
.smmgo-pro-platform-icon.instagram {
  background: linear-gradient(135deg, #fd5949, #d6249f 55%, #285AEB) !important;
}

.smmgo-pro-platform-icon.tiktok {
  background: linear-gradient(135deg, #111111, #25f4ee 55%, #fe2c55) !important;
}

.smmgo-pro-platform-icon.youtube {
  background: linear-gradient(135deg, #ff0000, #cc0000) !important;
}

.smmgo-pro-platform-icon.twitter {
  background: linear-gradient(135deg, #111111, #333333) !important;
}

.smmgo-pro-platform-icon.telegram {
  background: linear-gradient(135deg, #27a7e7, #1d8fd6) !important;
}

.smmgo-pro-platform-icon.snapchat {
  background: linear-gradient(135deg, #fffc00, #f2d600) !important;
}

.smmgo-pro-platform-icon.snapchat img {
  filter: invert(1) !important;
}

.smmgo-pro-platform-icon.facebook {
  background: linear-gradient(135deg, #1877f2, #0d5fd3) !important;
}

.smmgo-pro-platform-icon.spotify {
  background: linear-gradient(135deg, #1db954, #159c46) !important;
}

.smmgo-pro-platform-icon.linkedin {
  background: linear-gradient(135deg, #0a66c2, #004182) !important;
}

.smmgo-pro-platform-icon.discord {
  background: linear-gradient(135deg, #5865f2, #404eed) !important;
}

.smmgo-pro-platform-icon.soundcloud {
  background: linear-gradient(135deg, #ff7700, #ff3300) !important;
}

.smmgo-pro-platform-icon.twitch {
  background: linear-gradient(135deg, #9146ff, #5f25c8) !important;
}

.smmgo-pro-platform-icon.reddit {
  background: linear-gradient(135deg, #ff4500, #d63a00) !important;
}

.smmgo-pro-platform-icon.kick {
  background: linear-gradient(135deg, #53fc18, #25b000) !important;
}

.smmgo-pro-platform-icon.other {
  background: linear-gradient(135deg, #b620e0, #ef5bff) !important;
}
 /* ===============================
   Mobile Fix - New Order Page
   إصلاح صفحة الطلب في الجوال
================================ */

@media (max-width: 767px) {

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    position: relative !important;
  }

  .smmgo-pro-order-page,
  .smmgo-pro-order-page * {
    box-sizing: border-box !important;
  }

  .smmgo-pro-order-page {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    padding: 12px !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
  }

  .smmgo-pro-order-top,
  .smmgo-pro-order-layout {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    overflow: hidden !important;
  }

  .smmgo-pro-welcome-card,
  .smmgo-pro-platforms-card,
  .smmgo-pro-order-form-card,
  .smmgo-pro-service-panel,
  .smmgo-pro-neworder-text {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 14px 0 !important;
    padding: 16px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .smmgo-pro-welcome-card {
    min-height: 170px !important;
    align-items: flex-start !important;
    text-align: right !important;
  }

  .smmgo-pro-welcome-card h1 {
    font-size: 23px !important;
    line-height: 1.4 !important;
  }

  .smmgo-pro-welcome-card p {
    max-width: 100% !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
  }

  .smmgo-pro-stats-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .smmgo-pro-stat-card {
    width: 100% !important;
    min-width: 0 !important;
  }

  /* قسم خدمات متوفرة */
  .smmgo-pro-platforms-head {
    display: block !important;
    text-align: right !important;
    margin-bottom: 14px !important;
  }

  .smmgo-pro-platforms-head span {
    display: block !important;
    font-size: 15px !important;
    margin-bottom: 6px !important;
  }

  .smmgo-pro-platforms-head small {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.7 !important;
  }

  .smmgo-pro-platforms-grid {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    overflow: hidden !important;
  }

  .smmgo-pro-platform-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  .smmgo-pro-platform-btn strong {
    flex: 1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    text-align: right !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .smmgo-pro-platform-icon {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 14px !important;
  }

  .smmgo-pro-platform-icon img {
    width: 23px !important;
    height: 23px !important;
  }

  /* تبويبات أعلى الطلب */
  .smmgo-pro-order-tabs {
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 8px !important;
    justify-content: flex-start !important;
  }

  .smmgo-pro-order-tabs a {
    flex: 0 0 auto !important;
    min-width: 105px !important;
    height: 42px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .smmgo-pro-order-form-head,
  .smmgo-pro-service-panel-head {
    text-align: right !important;
  }

  .smmgo-pro-order-form-head h2,
  .smmgo-pro-service-panel-head h2 {
    font-size: 22px !important;
  }

  /* الفورم */
  .smmgo-pro-order-form-card form,
  .smmgo-pro-order-form-card .form-group {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .smmgo-pro-order-form-card label,
  .smmgo-pro-order-form-card .control-label {
    font-size: 12px !important;
    line-height: 1.7 !important;
  }

  .smmgo-pro-order-form-card .form-control,
  .smmgo-pro-order-form-card select,
  .smmgo-pro-order-form-card input,
  .smmgo-pro-order-form-card textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    font-size: 13px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .smmgo-pro-order-form-card .bootstrap-select,
  .smmgo-pro-order-form-card .btn-group,
  .smmgo-pro-order-form-card .dropdown-toggle,
  .smmgo-pro-order-form-card .select2,
  .smmgo-pro-order-form-card .select2-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .smmgo-pro-order-form-card .bootstrap-select > .dropdown-toggle,
  .smmgo-pro-order-form-card .btn-group > .btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .smmgo-pro-order-form-card .filter-option,
  .smmgo-pro-order-form-card .filter-option-inner,
  .smmgo-pro-order-form-card .filter-option-inner-inner {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .smmgo-pro-order-form-card .dropdown-menu {
    max-width: 100% !important;
  }

  .smmgo-pro-order-form-card .dropdown-menu > li > a {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.7 !important;
  }

  .smmgo-pro-order-search,
  .smmgo-pro-order-search .input-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  .smmgo-pro-order-search #template-input {
    width: 100% !important;
    padding-right: 42px !important;
  }

  #fields,
  #fields > *,
  #fields .form-group {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .smmgo-pro-submit-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 54px !important;
    border-radius: 16px !important;
    font-size: 14px !important;
  }

  /* وصف الخدمة */
  .smmgo-pro-service-panel {
    position: relative !important;
    top: auto !important;
  }

  .smmgo-pro-service-preview {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 170px !important;
    padding: 14px !important;
    font-size: 12px !important;
    line-height: 1.9 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    text-align: right !important;
    display: block !important;
  }

  .smmgo-pro-service-preview #smmgoServiceMirror,
  .smmgo-pro-service-preview #smmgoServiceMirror * {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    white-space: normal !important;
  }

  .smmgo-pro-service-rules {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .smmgo-pro-service-rules > div {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
  }

  .smmgo-pro-service-rules strong {
    font-size: 12px !important;
  }

  .smmgo-pro-service-rules p {
    font-size: 11px !important;
  }
}

/* إصلاح إضافي للشاشات الصغيرة جدًا */
@media (max-width: 430px) {
  .smmgo-pro-order-page {
    padding: 10px !important;
  }

  .smmgo-pro-welcome-card,
  .smmgo-pro-platforms-card,
  .smmgo-pro-order-form-card,
  .smmgo-pro-service-panel,
  .smmgo-pro-neworder-text {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .smmgo-pro-platform-btn {
    min-height: 56px !important;
  }

  .smmgo-pro-platform-icon {
    flex-basis: 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  .smmgo-pro-platform-icon img {
    width: 21px !important;
    height: 21px !important;
  }
}
 /* ===============================
   Mobile Platforms 4 Per Row
   كل سطر 4 خدمات في الجوال
================================ */

@media (max-width: 767px) {

  .smmgo-pro-platforms-grid {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  .smmgo-pro-platform-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 82px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 8px 4px !important;
    border-radius: 16px !important;
    text-align: center !important;
  }

  .smmgo-pro-platform-icon {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 12px !important;
  }

  .smmgo-pro-platform-icon img {
    width: 21px !important;
    height: 21px !important;
  }

  .smmgo-pro-platform-icon i {
    font-size: 15px !important;
  }

  .smmgo-pro-platform-btn strong {
    width: 100% !important;
    flex: none !important;
    display: block !important;
    color: #ffffff !important;
    font-size: 9.5px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

}

/* للشاشات الصغيرة جداً */
@media (max-width: 430px) {

  .smmgo-pro-platforms-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 7px !important;
  }

  .smmgo-pro-platform-btn {
    min-height: 78px !important;
    padding: 7px 3px !important;
    border-radius: 15px !important;
  }

  .smmgo-pro-platform-icon {
    flex-basis: 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 11px !important;
  }

  .smmgo-pro-platform-icon img {
    width: 20px !important;
    height: 20px !important;
  }

  .smmgo-pro-platform-btn strong {
    font-size: 9px !important;
  }

}